@charset "UTF-8";

@import url("https://use.typekit.net/uax0rmf.css");

/*******************
Initial setting
*******************/
#fairWrap *{-webkit-box-sizing: border-box;box-sizing: border-box;}
#fairWrap { margin-bottom: 30px; color:#000;}
@media screen and (min-width: 940px) { #fairWrap{margin-bottom:20px;} }
#fairWrap img{
	border:none;
    height: auto;}
#fairWrap img[src$=".svg"] {
    width: 100%;
}

#fairWrap ul{list-style-type:none;}

#fairWrap a {
	text-decoration: underline;
	color: #000;
}

#fairWrap a:hover {
	text-decoration: none;
	opacity: 0.8;
}


/*******************
Layout
*******************/
body {overflow-y: scroll;}
#fairWrap{
	padding: 0;
	margin-bottom: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-family: 'Montserrat', sans-serif, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	font-size: 16px;
}

#fairWrap img {
	width: 100%;
}

#fairWrap #fairContainer{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto 30px;
	background: url(/special/fair/2019su/images/fair_bg.jpg) center top;
}

.sp_br::before {
	content: "\A" ;
	white-space: pre ;
}

@media screen and (min-width: 940px) {
.pc_no {
	display: none !important;
}
}


@media screen and (max-width: 940px) {
	#fairWrap{
		font-size: 10px;
	}
	.sp_no {
		display: none !important;
	}
	#fairWrap #fairContainer{
	margin: 0 auto 20px;
}
}

/*******************
mv
*******************/


#mv_area {
	text-align: center;
	background-color: #9ac3e7;
	line-height: 0.5;
}

#mv_area {
	background: url(/special/fair/2019su/images/fair_mv.png) center center;
	background-size: 1600px;
    width: 100%;
    height: 454px;
}

#mv_area figure{
	position: relative;
}

@media screen and (max-width: 940px) {
	#mv_area {
	background: url(/special/fair/2019su/images/fair_mv_sp.png) center center;
	background-size: 775px;
    width: 100%;
    height: 400px;
	}
		#mv_area figure > img{
		width: 100%;
	}
}

/*******************
navigation
*******************/

.anchor {
	background: url(/special/fair/2019su/images/nav_bg.gif);
}

#fairWrap .anchor .navi {
	width: 940px;
    margin: 0 auto;
    padding: 50px 0;
}

#fairWrap .anchor .navi ul {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#fairWrap .anchor .navi ul li {
	width: calc(100% / 3 - 5px);
	color: #000;
	text-align: center;
    background: #fff;
    position: relative;
}

#fairWrap .anchor .navi ul li:first-child,
#fairWrap .anchor .navi ul li:nth-child(2),
#fairWrap .anchor .navi ul li:nth-child(3) {
	margin-bottom: 10px;
}

#fairWrap .anchor .navi ul li a {
	color: #000;
	text-decoration: none;
	font-size: 22px;
	font-weight: 700;
	width: 100%;
    padding: 20px 0 24px;
	display: block;
}

#fairWrap .anchor .navi ul li a:after {
	position: absolute;
    bottom: 5px;
    right: 0;
    left: 0;
    margin: auto;
    width: 16px;
    height: 9px;
    background: url(/special/fair/2019su/images/b_arrow.png) center / contain no-repeat;
    content: '';
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

#fairWrap .anchor .navi ul li a:hover {
	opacity: 0.8;
}

@media screen and (max-width: 940px) { 
	#fairWrap .anchor .navi {
	width: calc(100% - 40px);
    margin: 0 auto;
    padding: 30px 0;
	}

	#fairWrap .anchor .navi ul li {
	width: calc(100% / 2 - 5px);
	color: #000;
	text-align: center;
    background: #fff;
    position: relative;
}
#fairWrap .anchor .navi ul li:nth-child(1),
#fairWrap .anchor .navi ul li:nth-child(2),
#fairWrap .anchor .navi ul li:nth-child(3),
#fairWrap .anchor .navi ul li:nth-child(4){
	margin-bottom: 10px;
}
#fairWrap .anchor .navi ul li a {
	font-size: 14px;
	padding: 15px 0 20px;
}
#fairWrap .anchor .navi ul li a:after {
	    bottom: 3px;
}
#fairWrap .anchor .navi ul li:nth-child(5) {
	display: flex;
}
#fairWrap .anchor .navi ul li:nth-child(5) a {
	align-self: center;
}
}


/*******************
mens items
*******************/

#mens_items h3 {
	text-align: center;
	background: url(/special/fair/2019su/images/mens_ttlbar.png) center center no-repeat;
	font-size: 40px;
	padding: 30px 0;
	color: #fff;
	margin-bottom: 100px;
}

#mens_items .mens_list {
	width: 940px;
    margin: 0 auto;
    font-weight: 700;
}

#mens_items .mens_list ul {
	width: 940px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

#mens_items .mens_list ul.styling_list li {
	width: 440px;
}

#mens_items .mens_list ul.styling_list li ul {
	display:block;
	margin-top: 40px;
}

#mens_items .mens_list ul.styling_list li ul li {
	font-size:16px;
	margin-bottom: 24px;
	text-align: center;
}

#mens_items .mens_list ul.item_list li {
	width: 292px;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 64px;
}

#mens_items .mens_list ul.item_list li p {
	margin-top: 20px;
}

@media screen and (max-width: 940px) { 
	#mens_items h3 {
		background-size: 800px;
		height: 50px;
		font-size: 25px;
		padding:15px 0;
		margin-bottom: 50px;
	}

	#mens_items .mens_list {
	width: 100%;
	margin-bottom: 20px;
	}
	#mens_items .mens_list ul {
		width: calc(100% - 10.6666%);
		margin: 0 auto;
	}
	#mens_items .mens_list ul.styling_list li {
		width: 100%;
		margin-bottom: 20px;
	}
	#mens_items .mens_list ul.styling_list li ul {
		margin-top: 30px;
	}
	#mens_items .mens_list ul.styling_list li ul li {
		font-size: 12px;
		margin-bottom: 18px;
	}
	#mens_items .mens_list ul.item_list li {
		width: 47.5%;
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
 }

/*******************
ladies items
*******************/

#ladies_items h3 {
	text-align: center;
	background: url(/special/fair/2019su/images/ladies_ttlbar.png) center center no-repeat;
	font-size: 40px;
	padding: 30px 0;
	color: #fff;
	margin-bottom: 100px;
}

#ladies_items .ladies_list {
	width: 940px;
    margin: 0 auto;
    font-weight: 700;
}

#ladies_items .ladies_list ul {
	width: 940px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

#ladies_items .ladies_list ul.styling_list li {
	width: 440px;
}

#ladies_items .ladies_list ul.styling_list li ul {
	display:block;
	margin-top: 40px;
}

#ladies_items .ladies_list ul.styling_list li ul li {
	font-size:16px;
	margin-bottom: 24px;
	text-align: center;
}

#ladies_items .ladies_list ul.item_list li {
	width: 292px;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 64px;
}

#ladies_items .ladies_list ul.item_list li p {
	margin-top: 20px;
}

@media screen and (max-width: 940px) { 
	#ladies_items h3 {
		background-size: 800px;
		height: 50px;
		font-size: 25px;
		padding:15px 0;
		margin-bottom: 50px;
	}

	#ladies_items .ladies_list {
	width: 100%;
	margin-bottom: 20px;
	}
	#ladies_items .ladies_list ul {
		width: calc(100% - 10.6666%);
		margin: 0 auto;
	}
	#ladies_items .ladies_list ul.styling_list li {
		width: 100%;
		margin-bottom: 20px;
	}
	#ladies_items .ladies_list ul.styling_list li ul {
		margin-top: 30px;
	}
	#ladies_items .ladies_list ul.styling_list li ul li {
		font-size: 12px;
		margin-bottom: 18px;
	}
	#ladies_items .ladies_list ul.item_list li {
		width: 47.5%;
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
 }

/*******************
ACCESSORIES
*******************/
#accessories h3 {
	text-align: center;
	background: url(/special/fair/2019su/images/acce_ttlbar.png) top center no-repeat;
	font-size: 40px;
	padding: 30px 0;
	color: #fff;
	margin-bottom: 100px;
}

#accessories .acce_list {
	width: 940px;
    margin: 0 auto;
    font-weight: 700;
}

#accessories .acce_list ul {
	width: 940px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

#accessories .acce_list ul.item_list li {
	width: calc(100% / 4 - 16px);
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 700;
}

#accessories .acce_list ul.item_list li p {
	margin-top: 20px;
}

@media screen and (max-width: 940px) { 
	#accessories h3 {
		background-size: 800px;
		height: 50px;
		font-size: 25px;
		padding:15px 0;
		margin-bottom: 50px;
	}

	#accessories .acce_list {
	width: 100%;
	margin-bottom: 30px;
	}
	#accessories .acce_list ul {
		width: calc(100% - 10.6666%);
		margin: 0 auto;
	}
	#accessories .acce_list ul.item_list li {
		width: 47.5%;
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
}

/*******************
CART BAG
*******************/
#cartbag h3 {
	text-align: center;
	background: url(/special/fair/2019su/images/bag_ttlbar.png) top center no-repeat;
	font-size: 40px;
	padding: 30px 0;
	color: #fff;
	margin-bottom: 100px;
}

#cartbag .cart_list {
	width: 940px;
    margin: 0 auto;
    font-weight: 700;
}

#cartbag .cart_list ul {
	width: 940px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

#cartbag .cart_list ul.item_list li {
	width: calc(100% / 4 - 16px);
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 700;
}

#cartbag .cart_list ul.item_list li p {
	margin-top: 20px;
}

@media screen and (max-width: 940px) { 
	#cartbag h3 {
		background-size: 800px;
		height: 50px;
		font-size: 25px;
		padding:15px 0;
		margin-bottom: 50px;
	}

	#cartbag .cart_list {
	width: 100%;
	margin-bottom: 30px;
	}
	#cartbag .cart_list ul {
		width: calc(100% - 10.6666%);
		margin: 0 auto;
	}
	#cartbag .cart_list ul.item_list li {
		width: 47.5%;
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
}

/*******************
GOLF BAG
*******************/
#golfbag h3 {
	text-align: center;
	background: url(/special/fair/2019su/images/caddie_ttlbar.png) top center no-repeat;
	font-size: 40px;
	padding: 30px 0;
	color: #fff;
	margin-bottom: 100px;
}

#golfbag .golfbag_list {
	width: 940px;
    margin: 0 auto;
    font-weight: 700;
}

#golfbag .golfbag_list ul {
	width: 940px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

#golfbag .golfbag_list ul.item_list li {
	width: calc(100% / 3 - 16px);
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 700;
}

#golfbag .golfbag_list ul.item_list li p {
	margin-top: 20px;
}

@media screen and (max-width: 940px) { 
	#golfbag h3 {
		background-size: 800px;
		height: 50px;
		font-size: 25px;
		padding:15px 0;
		margin-bottom: 50px;
	}

	#golfbag .golfbag_list {
	width: 100%;
	margin-bottom: 30px;
	}
	#golfbag .golfbag_list ul {
		width: calc(100% - 10.6666%);
		margin: 0 auto;
	}
	#golfbag .golfbag_list ul.item_list li {
		width: 47.5%;
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
}

/*******************
COMPRESSION WEAR
*******************/

#compression {
	background: #182546;
	color: #fff;
	text-align: center;
}

#compression h3 {
	text-align: center;
	background: #000;
	font-size: 40px;
	padding: 30px 0;
	color: #fff;
	margin-bottom: 100px;
}

#compression img.logo {
	width: 749px;
	margin: 0 auto 44px;
}

#compression img.item {
	width: 946px;
}

#compression ul {
	margin-top: -40px;
	padding-bottom: 100px;
}

#compression ul li {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 24px;
}


#compression ul li a {
	color: #fff;
}

@media screen and (max-width: 940px) { 
	#compression h3 {
		background-size: 800px;
		height: 50px;
		font-size: 25px;
		padding:15px 0;
		margin-bottom: 50px;
	}
	#compression img.logo {
		width: 88.9333%;
		margin: 0 auto 45px;
	}
	#compression img.item {
		width: calc(100% - 10.6666%);
		margin: 0 auto;
	}
	#compression ul {
		margin-top: 30px;
		padding-bottom: 20px;
	}

	#compression ul li {
		font-weight: 700;
		font-size: 12px;
		margin-bottom: 18px;
	}
	#compression .detail {
		width: calc(100% - 10.6666%);
		margin: 0 auto;
	}
	#compression .detail ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	    -webkit-box-pack: space-between;
	    -ms-flex-pack: space-between;
	    justify-content: space-between;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	#compression .detail ul li {
		width: 47.5%;
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	#compression .detail ul li .ttl {
		font-size: 16px;
		margin-bottom: 15px;
		display: block;
	}
	#compression .detail ul li img {
		margin-bottom: 15px;
	}
	#compression .detail ul li p {
		font-size: 12px;
		line-height: 1.6666;
		font-weight: 400;
		text-align: left;
	}
}

/*******************
FAIR
*******************/

#fair {
	background: url(/special/fair/2019su/images/novelty_bg.png) repeat-y;
	background-size: 100%;
	border: #fff 15px solid;
}

#fair h2 {
	width: 904px;
	margin: 0 auto;
	padding-top: 70px;
}

#fair .fair_inner {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 940px;
    margin: 0 auto;
}

#fair .fair_inner img {
	width: 356px;
	height: 304px;
	margin-right: 50px;
}

#fair .fair_inner div {
	width: 50%;
}

#fair .fair_inner div p {
	font-size: 18px;
	color: #1b2e5b;
	background: #fff;
	display: inline;
	line-height: 40px;
	padding: 5px 10px;
	font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
}

#fair .fair_inner div dl {
	margin-top: 30px;
	display: block;
	width: 100%;
	border: 2px solid #1b2e5b;
	margin-bottom: 70px;
}

#fair .fair_inner div dl dt {
	background: #ffc8da;
	padding: 16px 0;
	text-align: center;
	border-bottom: 2px solid #1b2e5b;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3333;
}

#fair .fair_inner div dl dd {
	padding: 20px 0;
	text-align: center;
	font-size: 15px;
	background: #fff;
}

#fair .fair_inner div dl dd ul li.platinum {
	color: #db3900;
	font-weight: bold;
	margin-bottom: 13px;
}

#fair .fair_inner div dl dd ul li.gold {
	color: #977c00;
	font-weight: bold;
	margin-bottom: 13px;
}

#fair .fair_inner div dl dd ul li.silver {
	color: #939394;
	font-weight: bold;
}

@media screen and (max-width: 940px) {  
	#fair {
		background: url(/special/fair/2019su/images/novelty_bg_sp.png) repeat-y;
		background-size: 100%;
		border: #fff 7.5px solid;
	}
	#fair h2 {
		width: 82.13333%;
		margin: 0 auto 25px;
		padding-top: 40px;
	}
	#fair .fair_inner {
		width: 100%;
	    margin: 0 auto;
	}

	#fair .fair_inner img {
		width: 61.6%;
		height: 100%;
		margin-right: 0;
	}

	#fair .fair_inner div {
		width: 100%;
		margin-top: 25px;
		padding: 0 5.3333%;
	}

	#fair .fair_inner div p {
		font-size: 12px;
		line-height: 25px;
		padding: 5px 10px;
	}
	#fair .fair_inner div dl {
		margin-top: 20px;
		border: 2px solid #1b2e5b;
		margin-bottom: 30px;
	}

	#fair .fair_inner div dl dt {
		padding: 10px 0;
		font-size: 12px;
		font-weight: bold;
	}

	#fair .fair_inner div dl dd {
		padding: 15px 0;
		text-align: center;
		font-size: 14px;
		background: #fff;
	}

	#fair .fair_inner div dl dd ul li.platinum {
		margin-bottom: 8px;
	}

	#fair .fair_inner div dl dd ul li.gold {
		margin-bottom: 8px;
	}
}


/*******************
link_area
*******************/
#link_area {
	background: url(/special/fair/2019su/images/nav_bg.gif);
	padding-bottom: 100px;
	padding-top: 100px;
	justify-content: space-between;
}

#link_area .inner .bt_01 a {
	position: relative;
    display: block;
    width: 560px;
    padding: 22px 0;
    background: #fff;
    font-size: 20px;
    color: #000;
    margin: 0 auto 60px;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    font-weight: 400;
}

#link_area .inner .bt_01 a:after {
	position: absolute;
    top: 50%;
    right: 30px;
    width: 10px;
    height: 35px;
    background: url(/special/fair/2019sp/images/i_arrow.png) center / contain no-repeat;
    content: '';
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


#link_area p.attention {
	text-align: center;
	line-height: 1.5;
}

@media screen and (max-width: 940px) { 
#link_area {
	padding: 50px 0;
}
#link_area .inner {
	width:  calc(100% - 10.6666%);
	margin: 0 auto;
	display: inherit;
}
#link_area .inner .bt_01 a {
	position: relative;
    display: block;
    width: 100%;
    padding: 20px;
    background: #fff;
    font-size: 17px;
    color: #000;
    margin: 0 auto 30px;
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
    font-weight: 400;
}
#link_area p.attention {
	width: calc(100% - 10.6666%);
	margin: 0 auto;
	line-height: 1.5;
}

#link_area .inner .bt_01 a:after {
	position: absolute;
    top: 50%;
    right: 30px;
    width: 10px;
    height: 35px;
    background: url(/special/fair/2019su/images/i_arrow.png) center / contain no-repeat;
    content: '';
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
	}

}