/* CSS Document */

body,html{
	width: 100%;
	max-width:100%;
	margin:0 auto !important;
}

.pc {
	display: none!important;
	}


#main .m_w200{
	width:200% !important;
}
#main .m_w100{
	width:100% !important;
}
#main .m_w96{
	width:96% !important;
}
#main .m_w93{
	width:93% !important;
}
#main .m_w87{
	width:87% !important;
}
#main .m_w80{
	width:80% !important;
}
#main .m_w60{
	width:60% !important;
}
#main .m_w55{
	width:55% !important;
}
#main .m_w45{
	width:45% !important;
}
#main .m_w42{
	width:42% !important;
}
#main .m_w37{
	width:37% !important;
}
#main .m_w24{
	width:24% !important;
}
#main .m_w5{
	width:5% !important;
}
#main .m_w3{
	width:3% !important;
}
#main .m_w2{
	width:2% !important;
}
#main .m_w1.5{
	width:1.5% !important;
}


/* パンくず
----------------------------------------------------*/
.breadcrumb {
	display: -webkit-flex;
	display: flex;
}
.breadcrumb {
	background-color: #f7f7f7;
}
.breadcrumb li a {
	color: #177cb1;
}
.breadcrumb li span {
	color: #555555;
}
.breadcrumb li a, .breadcrumb li span {
	background: none;
}
.breadcrumb {
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	background-color: #eeeeee;
}
.breadcrumb .block--inner {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.breadcrumb ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.breadcrumb ol {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
}
.breadcrumb ol:after {
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}
.breadcrumb li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	font-size:65%;
	padding: 8px 0 8px 5px;
}

.breadcrumb li a {
	display: block;
	/*padding: 8px 15px 8px 5px;*/
	white-space: nowrap;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.breadcrumb li a {
	padding: 0 10px 0 0;
}

/* ------------------------- */

/* 共通CSS変更 */
#main {
	color : #000;
	background: #FFF;
	width:100%;
	position:relative;
	font-size: 1px;
	word-spacing: -1px;
	letter-spacing: -1px;
	font-family: 'Lato', sans-serif;
	padding-bottom:30px;
}

#main * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing : content-box;
	}

#main img {
    vertical-align: bottom;
    border:0;
}
#main p {
	margin: 0;
	padding: 0;
	line-height: 160%;
	font-size: 14px;
	word-spacing: normal;
	letter-spacing: normal;
}
#main h1 {
	padding: 0 ;
	margin: 0 ;
}

#main h1, #main h2, #main h3 {
	padding: 0 ;
	margin: 0 ;
}

#main a {
	opacity: 1.0;

  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	text-decoration: none;
	color: #000;
}
#main a:hover {
  	opacity:0.85;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);

}
.pa10{padding:10px !important;}
.pt10{padding-top:10px !important;}
.pl10{padding-left:10px !important;}
.pr10{padding-right:10px !important;}
.pb10{padding-bottom:10px !important;}


.pa15{padding:15px !important;}
.pt15{padding-top:15px !important;}
.pl15{padding-left:15px !important;}
.pr15{padding-right:15px !important;}
.pb15{padding-bottom:15px !important;	}

.pa20{padding:20px !important;}
.pt20{padding-top:20px !important;}
.pl20{padding-left:20px !important;}
.pr20{padding-right:20px !important;}
.pb20{padding-bottom:20px !important;	}


.pa25{padding:25px !important;}
.pt25{padding-top:25px !important;}
.pl25{padding-left:25px !important;}
.pr25{padding-right:25px !important;}
.pb25{padding-bottom:25px !important;	}


.pa30{padding:30px !important;}
.pt30{padding-top:30px !important;}
.pl30{padding-left:30px !important;}
.pr30{padding-right:30px !important;}
.pb30{padding-bottom:30px !important;	}

.pa35{padding:35px !important;}
.pt35{padding-top:35px !important;}
.pl35{padding-left:35px !important;}
.pr35{padding-right:35px !important;}
.pb35{padding-bottom:35px !important;	}

.pa40{padding:40px !important;}
.pt40{padding-top:40px !important;}
.pl40{padding-left:40px !important;}
.pr40{padding-right:40px !important;}
.pb40{padding-bottom:40px !important;}

.pa45{padding:45px !important;}
.pt45{padding-top:45px !important;}
.pl45{padding-left:45px !important;}
.pr45{padding-right:45px !important;}
.pb45{padding-bottom:45px !important;}


.pa50{padding:50px !important;}
.pt50{padding-top:50px !important;}
.pl50{padding-left:50px !important;}
.pr50{padding-right:50px !important;}
.pb50{padding-bottom:50px !important;}

.ma10{margin:10px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.ml10{margin-left:10px !important;}
.mr10{margin-right:10px !important;}
.mb10{margin-bottom:10px !important;}

.ma15{margin:10px !important;}
.mt15{margin-top:15px !important;}
.ml15{margin-left:15px !important;}
.mr15{margin-right:15px !important;}
.mb15{margin-bottom:15px !important;	}

.ma20{margin:20px !important;}
.mt20{margin-top:20px !important;}
.ml20{margin-left:20px !important;}
.mr20{margin-right:20px !important;}
.mb20{margin-bottom:20px !important;	}

.ma25{margin:25px !important;}
.mt25{margin-top:25px !important;}
.ml25{margin-left:25px !important;}
.mr25{margin-right:25px !important;}
.mb25{margin-bottom:25px !important;	}


.ma30{margin:30px !important;}
.mt30{margin-top:30px !important;}
.ml30{margin-left:30px !important;}
.mr30{margin-right:30px !important;}
.mb30{margin-bottom:30px !important;	}

.ma35{margin:35px !important;}
.mt35{margin-top:35px !important;}
.ml35{margin-left:35px !important;}
.mr35{margin-right:35px !important;}
.mb35{margin-bottom:35px !important;}

.ma40{margin:40px !important;}
.mt40{margin-top:40px !important;}
.ml40{margin-left:40px !important;}
.mr40{margin-right:40px !important;}
.mb40{margin-bottom:40px !important;}

.ma45{margin:45px !important;}
.mt45{margin-top:45px !important;}
.ml45{margin-left:45px !important;}
.mr45{margin-right:45px !important;}
.mb45{margin-bottom:45px !important;}

.ma50{margin:50px !important;}
.mt50{margin-top:50px !important;}
.ml50{margin-left:50px !important;}
.mr50{margin-right:50px !important;}
.mb50{margin-bottom:50px !important;}


/* Clear FIx */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix
{height: 1%;}

.clearfix
{display: block;}
/* End hide from IE-mac */
/* /Clear FIx */



/* 共通 */

.m_bg_common {
	background-image: url(images/index/bg_common.gif);
	background-repeat: repeat-y;
	/*border: 2px solid #000;*/

}

.m_clear {
	clear: both;
}
.m_read {
	display: none;
}
#main ul, #main li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.m_fleft {
	float: left;
}
.m_fright {
	float: right;
}
/* 共通(文字飾り) */

#main .m_txt_cap {
	color: #000000;
}
.m_small {
	color: #666666;
	font-size: 10px;
}
.m_sale {
	color: #CC0000;
}
.m_limited {
	color: #FF0066;
}
.m_color {
	color: #F45293;
}

/* index */
#main header {
	width:100%;
	text-align:center;
}
#main header h1 img{
	margin:20px 0!important;
}
#main header .m_lead {
	position: absolute;
	top: 386px;
	left: 360px;
	line-height: 180%;

}
#m_golf {
	background:url(../images/index/bg_golf.jpg) top left repeat;
}

#m_sports {
	background:url(../images/index/bg_sports.jpg) top left repeat;
}
#main .m_body {
	padding:3.5% 3.5% 5%;
	margin-left:3.5%;
	background-color:#fff;
}

#main .m_subtit {
	width:100%;
	height:70px;
	line-height:70px;
	color:rgba(0,0,0,1);
	text-align:center;
	font-size:38px;
	letter-spacing:0.1em;
	font-weight:bold;
	background:none;

}


#main .m_body h3 {
	text-align:left;
	margin-top: 30px;
	font-size:28px;
	font-weight:bold;
	color:#CAD700;
	letter-spacing:0.01em;
}
#main .m_body h3.m_midashi {
	text-align:left;
	margin-top: 0px;
	font-size:28px;
	line-height:30px;
	font-weight:normal;
	color:#000;
	letter-spacing:0.05em;
}
#main .m_body h3.m_midashi span {
	font-size:16px;
	letter-spacing:normal;
	display:block;
}
#main .m_body .m_pickup {
	padding-bottom:30px;
}

#main .m_inner {
	margin-top: 10px;
	padding-bottom: 20px;
	letter-spacing:normal;
}

/*
#main .m_inner a {
	width: 152px;
	display: inline-block;
	vertical-align: top;
	margin-right:26px;
}
#main .m_inner a:nth-child(4n) {
		margin-right: 0px !important;
}
#main .m_inner a p {
	width: 152px;
	padding: 10px 0;
	font-size: 12px;
}
*/


#main .m_btn {
	/*width: 335px;*/
	width: 100% ;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0 ;
	background-image: url(../images/index/arrow_w.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	display: block;
	color: #FFF;
}
#main .m_newitem {
	background-color: #000;
	text-align: center;
	letter-spacing: 0.1em;
}
#main .m_g_item {
	background-color: #35833C;
	border: 2px solid #000;
	/*width: 325px !important;*/
	width: 100% !important;
	box-sizing:border-box;
}
#main .m_g_item p, #main .m_s1_item p, #main .m_s2_item p {
		padding-left: 20px;

}
#main .m_s1_item {
	background-color: #414141;
	border: 2px solid #000;
	width: 100% !important;
	box-sizing:border-box;
}
#main .m_s2_item {
	background-color: #666666;
	border: 2px solid #000;
	width: 100% !important;
	box-sizing:border-box;
}

#main .m_items {
	/*margin-top: 30px;*/
}

#main .m_items li {
	display: inline-block;
	width: 100%  !important;
	margin: 15px 0 0;
	vertical-align: top;
}
#main .m_items li:nth-child(2n) {
		margin: 15px 0 0 0 !important;
}

#main .m_btn {
	/*width: 335px;*/
	width: 100% ;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0 ;
	background-image: url(../images/index/arrow_w.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	display: block;
	color: #FFF;
}


#main .m_swing {
	background-image: url(../images/index/arrow_g.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	width: 100% ;
	margin-top: 17px;
	border: 2px solid #000;
	box-sizing:border-box;
	display:block;
}
#main .m_swing p {
	padding: 10px 0 10px 20px;
	font-size: 16px;
	font-weight: bold;
}


#main .m_btn_allitem {
	width:100% ;
	background:url(../images/index/bd_btn_allitem.jpg) top left repeat;
	box-sizing:border-box;
	text-align:center;
	padding:10px 10px 15px;
	display:block;
	margin-top:15px;
	color:#fff;

}
#main #m_golf .m_btn_allitem {
	border: 4px solid #35833C;
}
#main #m_sports .m_btn_allitem {
	border: 4px solid #D6DE21;
}

#main .m_btn_allitem p{
	font-size:26px;
	font-weight:bold;
	letter-spacing:0.1em;

}
#main .m_btn_allitem span{
	font-size:16px;
	line-height:19px;
	font-weight:normal;
	letter-spacing:normal;
	display:block;

}
#main #m_golf .m_btn_allitem span{
	background:url(../images/index/arrow_w.png) center right 25% no-repeat;
}
#main #m_sports .m_btn_allitem span{
	background:url(../images/index/arrow_w.png) center right 22% no-repeat;
}

/*
#main .m_btn_allitem span:after{
	content:url(../images/index/arrow_w.png);
	padding-left:15px;
	line-height:19px;
}
*/


#main footer {
	display:none;

}

#main .m_footercaption {
	font-size:12px;
	padding-left:44px;
	}

#main .m_footerbanner {
	padding:10px 3.5%;
	width:93%;
	}





/*-------------------------
　     2018.08 resposive
-------------------------*/






/* macro */

/*マクロ2*/
.box2-3 .col,.box2-2 .col,.box2-1 .col {
    width: 48%;
}

/*マクロ3*/
.box3-3 .col,.box3-2 .col,.box3-1 .col {
    width: 31.3%!important;
	margin: 0 0 30px 1.8%!important;
}

.col3-1 .col .text {
    margin: 0!important; /* desktop.css上書き*/
	padding:5px 10px 0 3px;
}
.col3-1 .col .text::before { /* desktop.css上書き*/
	display:none!important;
}



/*マクロ4*/
.box4-3 .col,.box4-2 .col,.box4-1 .col {
   width: 48%;
   margin-right:2%!important;
   display:inline-block;
   vertical-align:top;
}

#main .col4-1 .col:nth-child(2n) {
		margin-right: 0px !important;
}


#main .col4-1 .col .text {
    margin:8px 0 0;
}

#main .col .left {width: 100%!important;}

#main .col  .image img { width:98% !important;}



/* common/isetan.css 上書き*/

/* side navi */


 .content-title, .page-title {
    font-size: 16px;
    font-weight: bold;
    padding: 9px 10px 11px;
    border-bottom: 1px solid #ccc;
    color: #333;
}

.h3-aside {
	font-weight: bold;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 12px;
	border-bottom: 2px solid #CCCCCC;
}


.link-aside1 li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #CCCCCC;
}
.link-aside1 li a {
	line-height: 1.4;
    font-size: 14px;
    display: block;
    padding: 10px;
    padding-right: 35px;
    position: relative;
}

.link-aside1 li a:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 15px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* update190918*/
#main .m_headerbanner {
	padding: 0px 3.5% 10px 3.5%;
	width:93%;
	}