@charset "UTF-8";

img {
vertical-align: top;
font-size: 0;
line-height: 0;
border: 0;
/*width:100%;
height:auto;*/
}


html {
	-webkit-text-size-adjust: 100%;
	font-size:62.5%;
}
body{
font-size:1.3rem;
font-size:13px;
}

html,body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:100%;
	width:100%;
	color:#000;
}

a { text-decoration:none;}


	


/*=============================================================================================================================
480px以下 for スマートフォン
====================================================*/

/*-----------------トップページ--------------------------*/

/*=======ヘッダー=========*/
#top .backstretch img { top:0!important; }
#top {}
#top h1 {padding: 150px 10px 0px; }
#top h1 img {width:100%; height:auto;}
#top p { display:none;}


/*========ナビゲーション========*/
#nav {
display:none;
position: absolute;
margin-top: -52px;
z-index: 1000;
background-color: white;
width: 100%;
}
#nav ul{
	float:right;}
#nav li { 
float:left;
border-left:#666 dotted 1px;
padding:0 20px;
}
#sns { float:right;}

#nav2 { 
display:block;
position: absolute;
margin-top: -25px;
z-index: 1000;
background:url(../images/share/sp_hd1.gif) no-repeat top center #000;
background-size: 263px auto;
width:100%;
}
#nav2 #home_btn{ float:left;}
#nav2 #menu_btn{ float:right; cursor:pointer;}
#navi_inner { overflow:hidden; width:50%; height:200px; position:absolute; top:25px; right:0px; display:none;}
#navi_inner ul{ background-color:#42b7a9; color:#FFF; position:absolute; right:-240px; top:0px; width:100%;}
#navi_inner ul li { padding:5px 10px;}
#navi_inner ul li a{ color:#FFF; display:block;}
#nav2.fixed {
  position: fixed;
  top: 0px;
  margin-top:0px;
}

/*=======youtube=========*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	z-index:1;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*===========ベスト=============*/
#contents_vest { width:100%; margin-top:40px;}
#contents_vest .item_grid{ width:50%; float:left; position:relative;}
#contents_vest .item_grid img{ width:100%; height:auto; }
#contents_vest .item_grid .item_title { margin:0px 10px 0 10px;}
#contents_vest .item_grid .item_mo { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#FFF; display:none;}
#contents_vest .item_grid .item_mo p { margin-top:10%; font-size:1.5rem; font-size:15px;}
#contents_vest .item_grid .item_mo p span {font-size:1.2rem; font-size:12px;}
.i_bg_black{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);background-color:rgba(0,0,0,0.7);}
.i_bg_white{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);background-color:rgba(255,255,255,0.7); color:#000!important;}
.i_bg_yellow{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99FBED21,EndColorStr=#99FBED21);background-color:rgba(251,237,33,0.7); color:#000!important;}
.i_bg_pink{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99E75381,EndColorStr=#99E75381);background-color:rgba(231,83,129,0.7);}
.i_bg_blue{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#990071BB,EndColorStr=#990071BB);background-color:rgba(0,113,187,0.7);}
.i_bg_red{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99FF0000,EndColorStr=#99FF0000);background-color:rgba(255,0,0,0.7);}
.i_bg_green{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#998BC53F,EndColorStr=#998BC53F);background-color:rgba(139,197,63,0.7);}

#contents_vest .info_txt {
	font-size:0.9rem;
	font-size:9px;
	line-height:1.3em;
	}
.info_wrapper {
	color:#FFF;
	padding:5px 5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-align:center;
	font-size:0.9rem;
	font-size:9px;
	}
#contents_vest .info_wrapper{background-color:#E75381;}
#contents_pants .info_wrapper{background-color:#FFB92C;}
#contents_shirt .info_wrapper{background-color:#42B7A9;}


/*===========パンツ=============*/
#contents_pants{ width:100%; margin-top:40px;}

.item_title2 { text-align:center; margin-bottom:20px;}
.item_title2 h2{ width:90%; height:auto; display: inline-block;vertical-align: top; }
.item_title2 h2 img{ width:100%; height:auto;}
.item_title2_inner { display: inline-block;text-align: center;margin: 15px 0 0 0px;}
.info_txt {}
.info_wrapper {}

#contents_pants .simply-scroll .simply-scroll-list li { position:relative;}
#contents_pants .item_grid .item_mo { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#FFF; display:none;}
#contents_pants .item_grid .item_mo p { margin-top:10%; font-size:1.0rem; font-size:10px;}
#contents_pants .item_grid .item_mo p span {font-size:1.0rem; font-size:10px;}


.simply-scroll { width: 100%; height: 180px; margin-bottom: 1em;}
.simply-scroll .simply-scroll-clip {width: 100%;height: 180px;}
.simply-scroll .simply-scroll-list {}
.simply-scroll .simply-scroll-list li {float: left;width: 100px;height: 180px;}
.simply-scroll .simply-scroll-list li img { width:100%; height:auto;}


/*===========シャツ=============*/
#contents_shirt{ width:100%; margin-top:40px;}
#shirt_wrapper1 { width:100%; background:url(../images/top/shirt_bg.gif) repeat-x top left; padding-top:30px;}
#shirt_wrapper2 { width:100%;}
#contents_shirt .item_grid img{ width:100%; height:auto; }

#shirt_title1 { width:45%; float:left;}
#shirt_title2 { width:50%; float:left;}
#shirt_title2 h2 img{ width:100%;}
#shirt_title2 .info_txt { text-align:right;}

#contents_shirt #shirt_wrapper2 .item_grid  {
	width:50%; float:left;}

#contents_shirt .item_grid{ position:relative;}
#contents_shirt .item_grid .item_shirt_inner{ }
#contents_shirt .item_grid .item_mo { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#FFF; display:none;}
#contents_shirt .item_grid .item_mo p { margin-top:10%; font-size:1.5rem; font-size:15px;}
#contents_shirt .item_grid .item_mo p span {font-size:1.2rem; font-size:12px;}


/*======ページトップ=======*/
#back-top {
	display:none;
}

/*=======footer=========*/
#footer {
	margin-top:60px;
	background-color:#000;
	color:#FFF;}
#footer .footer_gotop { text-align:center;}
#footer .footer_gotop a { display:block; background-color:#4ec2b8;}
#footer .footer_gotop a:hover { background-color:#399890;}
#footer .footer_logo { text-align:center; padding:20px 0;}
#footer .footer_navi { margin-top:20px; text-align:center; font-size:1.0px; font-size:10px;}
#footer .footer_navi a{ margin-right:20px; color:#FFF;}
#footer .footer_navi a:hover{ text-decoration:underline;}
address { text-align:center; font-size:1.0rem; font-size:10px; color:#42B7A9; padding:10px 0;}






/*=============================================================================================================================
480px以上 for タブレット
====================================================*/
@media only screen and (min-width: 481px){


/*=======ヘッダー=========*/
#top .backstretch img { top:0!important; }
#top {}
#top h1 {  width:100%; padding:0px;}
#top h1 img {position:absolute; top:20%; left:5%; max-width:503px; max-height:238px; width:40%; height:auto;}
#top p { display:block; position:absolute; bottom:52px; width:100%; background:url(../images/top/top_hd_bg3.png) repeat-x top left;}
#top p img { max-width:1024px; max-height:238px; width:100%; height:auto; margin:0 auto; display:block; }

/*========ナビゲーション========*/
#nav {
display:block;
position: absolute;
margin-top: -52px;
z-index: 1000;
background-color: white;
width: 100%;
}
#nav ul{
float:right; padding:4px 0px;
width:96%;
max-width:743px;
}
#nav li { 
float:left;
border-left:#666 dotted 1px;
padding:0 0px;
text-align:center;
}
#nav li#nav_btn1{ width:10%;}
#nav li#nav_btn2{ width:12%;}
#nav li#nav_btn3{ width:15%;}
#nav li#nav_btn4{ width:18%;}
#nav li#nav_btn5{ width:14%;}
#nav li#nav_btn6{ width:16%;}
#nav li#nav_btn7{ width:13%;}

#sns { float:right; width:3%; max-width:26px; position:relative}
#sns img { width:100%; height:auto;}

#nav2 { display:none;}
	
#btn_tw { cursor:pointer;}
#btn_fb { cursor:pointer;}
#tw_wrapper { position:absolute; top:0px; right:36px; background-color:#4ec2b8; padding:5px 0px 2px 20px; display:none;}
#fb_wrapper { position:absolute; top:18px; right:36px; background-color:#4ec2b8; padding:5px 20px 2px; display:none;}
.sns_bg { position:absolute; top:8px; right:-10px;}

#nav.fixed {
  position: fixed;
  top: 0px;
  margin-top:0px;
}
#pc_logo { position:absolute; top:-20px; left:10px;}


/*===========ベスト=============*/
#contents_vest { width:100%; margin-top:160px;}
#contents_vest .item_grid{ width:25%; float:left; position:relative;}
#contents_vest .item_grid img{ width:100%; height:auto; }
#contents_vest .item_grid .item_title { margin:0px 10px 0 20px;}
#contents_vest .item_grid .item_mo { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#FFF; display:none;}
#contents_vest .item_grid .item_mo p { margin-top:40%; font-size:1.5rem; font-size:15px;}
#contents_vest .item_grid .item_mo p span {font-size:1.2rem; font-size:12px;}
.i_bg_black{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);background-color:rgba(0,0,0,0.7);}
.i_bg_white{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);background-color:rgba(255,255,255,0.7); color:#000!important;}
.i_bg_yellow{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99FBED21,EndColorStr=#99FBED21);background-color:rgba(251,237,33,0.7); color:#000!important;}
.i_bg_pink{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99E75381,EndColorStr=#99E75381);background-color:rgba(231,83,129,0.7);}
.i_bg_blue{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#990071BB,EndColorStr=#990071BB);background-color:rgba(0,113,187,0.7);}
.i_bg_red{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99FF0000,EndColorStr=#99FF0000);background-color:rgba(255,0,0,0.7);}
.i_bg_green{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#998BC53F,EndColorStr=#998BC53F);background-color:rgba(139,197,63,0.7);}
#contents_vest .info_txt {
	font-size:1.2rem;
	font-size:12px;
	line-height:1.6em;
	}
.info_wrapper {
	color:#FFF;
	padding:5px 5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-align:center;
	font-size:1.2rem;
	font-size:12px;
	}
#contents_vest .info_wrapper{background-color:#E75381;}
#contents_pants .info_wrapper{background-color:#FFB92C;}
#contents_shirt .info_wrapper{background-color:#42B7A9;}


/*===========パンツ=============*/
#contents_pants{ width:100%; margin-top:160px;}

.item_title2 { text-align:center; margin-bottom:40px;}
.item_title2 h2{ max-width:528px; max-height:108px; display: inline-block;vertical-align: top; }
.item_title2 h2 img{ width:100%; height:auto;}
.item_title2_inner { display: inline-block;text-align: left;margin: 15px 0 0 30px;}
.info_txt {}
.info_wrapper {}

#contents_pants .simply-scroll .simply-scroll-list li { position:relative;}
#contents_pants .item_grid .item_mo { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#FFF; display:none;}
#contents_pants .item_grid .item_mo p { margin-top:40%; font-size:1.5rem; font-size:15px;}
#contents_pants .item_grid .item_mo p span {font-size:1.2rem; font-size:12px;}


.simply-scroll { width: 100%; height: 250px; margin-bottom: 1em;}
.simply-scroll .simply-scroll-clip {width: 100%;height: 250px;}
.simply-scroll .simply-scroll-list {}
.simply-scroll .simply-scroll-list li {float: left;width: 145px;height: 250px;}
.simply-scroll .simply-scroll-list li img { width:100%; height:auto;}



/*===========シャツ=============*/
#contents_shirt{ width:100%; margin-top:160px;}
#shirt_wrapper1 { width:60%; float:left; background:url(../images/top/shirt_bg.gif) repeat-x top left; padding-top:30px;}
#shirt_wrapper2 { width:40%; float:right;}
#contents_shirt .item_grid img{ width:100%; height:auto; }

#shirt_title1 { width:45%; float:left;}
#shirt_title2 { width:50%; float:left;}
#shirt_title2 h2 img{ width:100%;}
#shirt_title2 .info_txt { text-align:right;}

#contents_shirt #shirt_wrapper2 .item_grid  {
	width:46%; float:left; margin:0 0 4% 4%;}

#contents_shirt .item_grid{ position:relative;}
#contents_shirt .item_grid .item_shirt_inner{ }
#contents_shirt .item_grid .item_mo { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#FFF; display:none;}
#contents_shirt .item_grid .item_mo p { margin-top:10%; font-size:1.5rem; font-size:15px;}
#contents_shirt .item_grid .item_mo p span {font-size:1.2rem; font-size:12px;}
	

/*======ページトップ=======*/
#back-top {
	display:block;
    position: fixed;
}


#back-top a {
	display: block;
	bottom: 5%;
	width: 59px;
	height: 59px;
	position: fixed;
	right: 0px;
	text-indent: -9999px;
	z-index: 999;
	background-image: url(../images/share/gotop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
	
/*=======footer=========*/
#footer {
	margin-top:60px;
	background-color:#000;
	color:#FFF;}
#footer .footer_navi { margin-top:20px; text-align:right; font-size:1.2px; font-size:12px;}
	
}





/*=============================================================================================================================
768px以上 for PC
====================================================*/
@media only screen and (min-width: 769px){



}


/*=============================================================================================================================
980px以上 for PC 固定レイアウト
====================================================*/
@media only screen and (min-width: 980px){



}