@charset "utf-8";

/* CSS Document */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
ul, li {
	list-style-type: none;
	list-style: none !important;
	margin: 0;
	padding: 0;
}
#contents ul, li {
	list-style-type: none;
	list-style: none !important;
	margin: 0;
	padding: 0;
}
#contents h4{
	color:#000;
}

@media (min-width: 768px) {
	*{
	}
	.layout{
		position:absolute;
		top:0;
		top:-55px;
		left:50%;
		margin-left:-600px;
		z-index:-1;
		opacity:0.3;
		opacity:0;
	}
	
		
.pc {
	display: block;
}
.sp {
	display: none;
}
body{
	overflow-x:auto !important;
	min-width:980px;
	position:relative;
}
#contents {
	font-family:"roboto", "noto sans jp", "メイリオ", "Meiryo", "ヒラギノ角ゴ pro w3", "ms pgothic", sans-serif;
	font-size: 16px;
	text-align: center;
	overflow:hidden;
	position:relative;
	
}
#contents p {
	margin: 0;
	font-size:16px;
}
#contents .anchor {
	width: 0px;
	height: 0px;
	position: relative;
	top: -50px;
}
section#head{
	background-color:#10437C;
	background-image:url(../img/head.jpg);
	background-repeat:no-repeat;
	background-position:top center ;
	height:565px;
	background-size:auto 565px;
	position:relative;
	
}
section#head .head_bg{
	overflow:hidden;
	width:100%;
	
}

.contents_inner{
	padding-top:78px;
	position:relative;
	background:#10437C;
}
#contents .gmenu{
	background:#92D3DA;
	background:none;
	min-height:50px;
	
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:15;
	padding:10px 50px;
	        filter: drop-shadow(0 10px 10px rgba(0,0,0,0.1));
}
#contents .gmenu.fixed{
	position:fixed;
}
#contents .gmenu ul{
	margin:0 auto !important;
	border-radius:30px;	
	background:#ECD98B;
		display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	align-items:flex-start;
	align-items: stretch;/*-- 高さをそろえる --*/
	align-items: center;
	justify-content: space-between;/*-- 両端揃え --*/
	justify-content: left;/*-- 左揃え --*/
	justify-content: center;/*-- 中央揃え --*/
	padding:5px 0;
	
}
#contents .gmenu ul li{
	width:14%;
	border-left:solid 0px #000;
	
}
#contents .gmenu ul li:first-child{
	border:none;
}
#contents .gmenu ul li a{
	display:block;
	margin:0 !important;
	line-height:1.8 !important;
	font-size:14px !important;
	text-decoration:none;
	padding:5px 0;
	transition: all 0.2s;
	border-radius:30px;
	color:#000 !important;
}
#contents .gmenu ul li a span{
	display:block;
	padding-top:1px;
	padding-bottom:5px;
	font-size:14px;
	opacity:0.8;
	letter-spacing:0.04em;
	font-family: "Oswald", "Roboto", "Noto Sans JP", メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif;
}
#contents .gmenu ul li a:hover{
	opacity:1 !important;
	background:rgba(255,255,255,0.5);
}
/* _________________________________________*/
#contents .text_copy{
	width:100%;
	font-size:24px;
	text-align:center;
	padding:25px 50px 0;
  color:#fff;
  font-weight:bold;
  letter-spacing:0.04em;
}
#contents .text_date{
	width:100%;
	font-weight:bold;
	font-size:24px;
	text-align:center;
	padding:325px 50px 10px;
  color:#fff;
          filter: drop-shadow(0 0 10px rgba(0,0,0,0.7));
}
#contents .text_date span.title{
	display:inline-block;
	background:#fff;
	color:#19374F;
	font-size:16px;
	padding:3px 15px;
	margin-right:20px;
}
#contents .text_date span.youbi{
	font-size:16px;
}
#contents .text_copy{
	width:100%;
	font-size:16px;
	text-align:center;
	font-weight:normal;
	line-height:2 !important;
	padding:5px 50px 20px;
  color:#fff;
}
#contents .text_caution{
	  position: absolute;
  left: 50%;
  bottom: 15px;
  -webkit-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,0%);
  transform: translate(-50%,0%);  
	width:100%;
	font-size:10px;
	line-height:140% !important;
	text-align:center;
	padding:0px 50px 0;
  color:rgba(255,255,255,0.8);
  /*-- 
          filter: drop-shadow(0 0 5px rgba(0,0,0,0.7));  
   --*/
}


#contents .date{
	
	text-align:center;
	font-size:22px;
	padding:0px 0 50px;
}
#contents .date span{
	font-size:15px;
	background:#fff;
	color:#19374F;
	padding:10px 20px;
	line-height:1 !important;
	display:inline-block;
	margin-bottom:10px;
	
}
#contents h2 {
	font-size:30px;
	font-weight:bold;
	margin:0 auto 0 !important;
}
#contents{
	padding-bottom:60px;
}
#contents .article .lineup .group_h{
	background:none !important;
}
#contents .article .group_h .group_h_in{
	margin:0 auto;
		display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	align-items:flex-start;
	align-items: stretch;/*-- 高さをそろえる --*/
	align-items: center;
	justify-content: space-between;/*-- 両端揃え --*/
	justify-content: left;/*-- 左揃え --*/
	justify-content: center;/*-- 中央揃え --*/
}
#contents .article .group_h .group_h_in .pic{
	width:380px;	
}
#contents .article .group_h .group_h_in .pic img{
	width:100%;
}
#contents .article .group_h .group_h_in .text{
	padding-right:0px;
	
}
#contents .article .group_h .group_h_in .text .name{
	font-size:22px;
	font-weight:bold;
	line-height:2 !important;
	font-family: "Knockout 29", "Knockout 28", "Roboto", "Noto Sans JP", メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif;
	margin-bottom:0px;
}
#contents .article .group_h .group_h_in .text .name span{
	font-size:36px;
}
#contents .article .group_h .group_h_in .text .exp{
	font-size:15px;
	color:#333;
}
/*--  --*/
#contents .article h3.b_a{
	background:#37538E;	
}
#contents .article h3.l_i{
	background:#EA608E;	
}
#contents .article h3.o_c{
	background:#4BBFC3;	
}
#contents .article h3.s_p{
	background:#FABF13;	
}
#contents .article h3.i_t{
	background:#49ABD0;	
}
#contents .article h3.d_r{
	background:#6F706D;	
}

#contents .model_exp{
	margin:30px 30px 20px;
	font-size:14px;
}
	

#lineup{
	padding-top:0px;
	padding-bottom:50px;
	background:#F1F0E9;
	background:#EAE9E3;
}
#lineup .p01{
	margin:50px 0 0px;
}
#lineup .item_wrap{
		display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	align-items: center;
	align-items:flex-start;
	align-items: stretch;/*-- 高さをそろえる --*/
	justify-content: space-between;/*-- 両端揃え --*/
	justify-content: left;/*-- 左揃え --*/
	justify-content: center;/*-- 中央揃え --*/
	padding:0 0px;
	margin:30px auto 20px;
	/*-- width:880px; --*/
	width:1000px;
	
}
.item_wrap_sp{
	width:835px;
}
#lineup .item_wrap .item .caution{
	font-size:11px;
	color:#666;
}
#merit .item_wrap .item{border: solid 0px #D9B166 !important;
}
#lineup .item_wrap .item{
	width:485px;
	position:relative;
	padding:20px 0 0;
	border-radius:5px;
	margin:0 0 20px 30px;
	background:#fff;
	background:#fff;
	box-shadow: 15px 15px 15px rgba(0,0,0,0.03);
	border:solid 4px rgba(192,4,23,0.2);
	
}
#lineup .item_wrap .item:first-child,
#lineup .item_list_wrap .item_wrap .item:nth-child(3){
	margin-left:0;
}
#lineup .item_wrap .item a{
	display:block;
	margin:0;
	padding:0 0 15px;
}
#lineup .item_wrap .item a.ecg{
	display:block;
	position:absolute;
	top:180px;
	right:5px;
	background:rgba(107,223,255,0.7);
	color:#000;
	font-size:9px;
	width:55px;
	line-height:120% !important;
	height:55px;
	padding:14px 0 0;
	border-radius:60px;
	z-index:5;
}
#lineup .item_wrap_b_a .item{
}
#lineup   h4{
	margin:-2px 0 12px;
	font-size:26px;
	line-height:1.3 !important;
	position:relative;
	z-index:2;
	padding:0 0;
}
#lineup   h4 span{
	color:#333;
	display:block;
	font-size:15px;
	padding-top:5px;
}
#lineup   .title_cp{
	font-size: 20px;
    color: #C00417;
    font-weight: bold;
	margin:20px 0 0;
	
}
#lineup   .ba_h{
	margin:50px 0 0px;
	font-size:30px;
	line-height:1.3 !important;
	position:relative;
	z-index:2;
	color:#000;
	    font-family:oswald,roboto,noto sans jp,メイリオ,Meiryo,ヒラギノ角ゴ pro w3,ms pgothic,sans-serif;
    font-weight: initial;
}
#lineup .item_wrap .item .price{
	font-size:17px;
	color:#9fa3a6;
	text-decoration:line-through;
	line-height:1.6 !important;
}
#lineup .item_wrap .item .price_sale{
	font-size:20px;
	color:#C00417;
	font-weight:bold;
	line-height:1.6 !important;
}
/*-- 

#lineup .item_wrap .item .off{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	background:#C00417;
	font-size:16px;
	padding:5px 10px 5px 13px;
	margin:0 0 0;
	color:#fff;
	font-weight:400;
	line-height:1 !important;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;	
	    font-family:oswald,roboto,noto sans jp,メイリオ,Meiryo,ヒラギノ角ゴ pro w3,ms pgothic,sans-serif;
}
 --*/
#lineup .item_wrap .item .off{
	margin:5px 0 0;
}
#lineup .item_wrap .item .off span{
	display:inline-block;
	background:rgba(192,4,23,1);
	font-size:15px;
	padding:2px 6px;
	color:rgba(192,4,23,1);
	color:#fff;
	font-weight:400;
	line-height:1 !important;
	    font-family:oswald,roboto,noto sans jp,メイリオ,Meiryo,ヒラギノ角ゴ pro w3,ms pgothic,sans-serif;
}
#lineup .item_wrap .item .off i{
	font-size:11px;
	display:inline-block;
	margin-left:2px;
}

#lineup .item_wrap .item .reco{
	/*--  	
	--*/
	display:inline-block;
	font-size:11.5px;
	margin:0 0 10px;
	color:#444;
	line-height:1.6 !important;
}
#lineup .item_wrap .item .caution_price{
	color:#666;
	font-size:12px;
	padding:5px 0 0;
	}
#lineup .item_wrap .item .yen{
	font-size:0.7em;
	font-weight:normal;
	opacity:0.7;
	display:inline-block;
	margin-right:2px;
}

#lineup .item_wrap .item .tax{
	font-size:10px;
	font-weight:normal;
	opacity:0.7;
}

#lineup   h5{
	color:#333;
	font-weight:bold;
	margin-top:20px;
	font-size:14px;
	letter-spacing:0.1em;
	margin-bottom:5px !important;
}

#lineup .item_wrap_b_a   h4{

}
#lineup   .color{
	font-size:12px;
	margin-top:10px;
	line-height:1.4 !important;
	color:#666;
	margin-bottom:0px;
}
#lineup   .detail {
	margin-top:20px;
}
#lineup   .detail span{
	display: inline-block;
    background: rgba(192,4,23,1);
    font-size: 15px;
	border-radius:30px;
    padding: 8px 25px;
    margin: 0 0 0;
    color: rgba(192,4,23,1);
    color: #fff;
    font-weight: 400;
    line-height: 1 !important;
	
}
#lineup .item_wrap .item a{
	display:block;
		display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	align-items:flex-start;
	align-items: stretch;/*-- 高さをそろえる --*/
	align-items: center;
	justify-content: space-between;/*-- 両端揃え --*/
	justify-content: center;/*-- 中央揃え --*/
	justify-content: left;/*-- 左揃え --*/
}
#lineup .item_wrap .item .pic{
	position:relative;
	width:240px;
}
#lineup .item_wrap .item .pic img{
	width:100%;
}
#lineup .item_wrap .item .pic img:nth-child(1){
	position:relative;
	left:0px;
}
#lineup .item_wrap .item .pic img:nth-child(2){
	position:absolute;
	top:0;
	left:40px;
}

#lineup .item_wrap .item .clm_info{
	width:200px;
	
}

/*-- gag --*/

#lineup .intro{
	margin:0 0 40px;
	background:#10437C;
}
#lineup .intro img{
	margin:0 auto;
}
#lineup .clm_outer{
	position:relative;
}
#lineup .clm_outer h3{
	margin:0;
	position:relative;
	top:-20px;
}
#lineup .clm_outer h3 img{
	display:block;
	margin:0 auto;
}
#lineup .clm_outer .icon_nayami,
#lineup .clm_outer .icon_kaiketu{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:230px;
}
#lineup .clm_outer .icon_kaiketu{
	top:-10px;
	margin-left:170px;
}
#lineup .nayami,
#lineup .kaiketu{
	background:#fff;
	width:1000px;
	margin:40px auto 20px;
	padding:0px 0 30px;
	
}
#lineup .arr{
}
#lineup .arr img{
	width:15px;
	display:block;
	margin:0 auto;
}
#lineup .clm_wrap{
	padding-top:10px;
		display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	align-items: center;
	align-items:flex-start;
	align-items: stretch;/*-- 高さをそろえる --*/
	justify-content: space-between;/*-- 両端揃え --*/
	justify-content: left;/*-- 左揃え --*/
	justify-content: center;/*-- 中央揃え --*/
}
#lineup .clm_wrap .clm{
	width:290px;
	padding-right:30px;
	margin-right:30px;
	border-right:solid 1px #eee;
}
#lineup .clm_wrap .clm:last-child{
	width:260px;
	border:none;
	margin-right:0;
	padding-right:0;
}


#lineup .nayami p{
	font-size:15px;
}
#lineup .nayami p strong{
	    font-weight: normal;
    display: inline;
    margin: 0 2px;
    font-size: inherit;
    background: linear-gradient(transparent 50%, rgba(255,217,97,0.7) 50%);
}
#lineup .kaiketu .h{
	font-size:18px;
	font-weight:bold;
	line-height:1.7;
	margin-bottom:15px;
}
#lineup .kaiketu .exp{
	font-size:14px;
}

#lineup .kaiketu .kaiketu_h{
	position:relative;
	top:-20px;
}
#lineup .kaiketu .func_wrap{
	padding:10px 40px 30px;
		display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	align-items: center;
	align-items:flex-start;
	align-items: stretch;/*-- 高さをそろえる --*/
	justify-content: center;/*-- 中央揃え --*/
	justify-content: left;/*-- 左揃え --*/
	justify-content: space-between;/*-- 両端揃え --*/
}
#lineup .kaiketu .func_wrap .pic{
	width:152px;	
}
#lineup .kaiketu .func_wrap .functext{
	width:240px;
	text-align:left;
}
#lineup .kaiketu .func_wrap .functext .title{
	font-size:21px;
	font-weight:bold;
	margin-bottom:5px;
	line-height:1.4 !important;
}

#lineup .kaiketu .func_wrap .functext .exp{
	font-size:13px;
	line-height:1.6 !important;
}
#lineup .item_list_wrap{
	margin:0 0 0;
}
#lineup .item_list_wrap .item_list_title{
	
}
#lineup .install{
	margin:0 auto 50px;
}
#lineup .item_list_wrap{
		display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	align-items: center;
	align-items:flex-start;
	align-items: stretch;/*-- 高さをそろえる --*/
	justify-content: space-between;/*-- 両端揃え --*/
	justify-content: left;/*-- 左揃え --*/
	justify-content: center;/*-- 中央揃え --*/
}

/*-- 
#lineup #run .item_list_wrap .item_list:nth-child(1){
	width:383px;
} --*/
.btn_detail a{
	display:inline-block;
	color:#000000 !important;
	border:solid 1px #000;
	padding:5px 20px;
	font-size:13px;
}
a{
	transition: all 0.2s;
}
a:hover{
	opacity:0.7;
}
.function_wrap .function{
	display:none;
}
.function_wrap .function.show{
	display:block;
}
.head_cp2 img{
	margin:0 auto;
}
/* _________________________________________*/

#contents .lineup .cp_copy{
	margin:40px auto 0;
	width:800px;
	font-size:16px;
	
}
#contents .lineup .cp_hbig{
	margin:40px auto 20px;
	padding:22px;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	background:#960F11;
	
}
.btm_banner{
	margin-bottom:50px;
}
.btm_banner img{
	width:800px;
	margin:0 auto;
}
.btm_banner a{
	transition: all 0.2s;
}
.btm_banner a:hover{
	opacity:0.7;
}
#contents .lineup.go .cp_hbig{
	background:#677F32;
	
}
#contents .lineup .cp_h{
	margin:40px auto 20px;
	font-size:26px;
	font-weight:bold;
	color:#B42D36;
	
}
#contents .lineup .cp_h.black{
	color:#000;
}
#contents .lineup .cp_date{
	font-size:25px;
	
	
}
#contents .lineup .cp_caution{
	margin:10px auto 20px;
	width:800px;
	font-size:12px;
	
}
#contents .lineup .cp_date span{
	background:none;
	color:#000;
	border:solid 1px #000;
	padding:10px 20px;
	font-size:15px;
	margin-right:20px;
}
.banner_top {
		display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	align-items: center;
	align-items:flex-start;
	align-items: stretch;/*-- 高さをそろえる --*/
	justify-content: space-between;/*-- 両端揃え --*/
	justify-content: left;/*-- 左揃え --*/
	justify-content: center;/*-- 中央揃え --*/
}
.banner_top {
	padding:50px 0 50px;
	
}
.banner_top img{
	width:490px;
}
.banner_top img:first-child{
	margin-right:40px;
}

/* _________________________________________　merit*/
#contents .merit{
	padding:50px 0 40px;
	margin:0 auto;
}
#contents .merit h2{
	font-weight:bold;
	font-size:30px;
	letter-spacing:0.04em;
	color:#000;
	background:none;
	margin-bottom:70px;
	
}
#contents .merit .item_wrap{
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	justify-content: left;/*-- 左揃え --*/
	justify-content: space-between;/*-- 両端揃え --*/
	justify-content: center;/*-- 中央揃え --*/
	width:auto;
	
}
#contents .merit .item_wrap .item{
	width:190px;
	padding:30px 15px;
box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.05);
background:#fff;
margin-bottom:0px;
position:relative;
}
#contents .merit .item_wrap .item .num {  
position: absolute;
  left: 50%;
  top: -18px;
  -webkit-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,0%);
  transform: translate(-50%,0%);
}
#contents .merit .item_wrap .item .num span{
	background:#000;
	color:#fff;
	line-height:35px;
	width:35px;
	font-size:25px;
	font-weight:bold;
	display:inline-block;
}
#contents .merit .item_wrap .item h3{
	font-size:18px;
	line-height:1.6 !important;
	margin-bottom:20px;
	width:auto;
	
}
#contents .merit .item_wrap .item h3 img{
	width:100%;
}

#contents .merit .item_wrap .item .btn_menu a{
	display:inline-block;
	font-size:13px;
	border:solid 1px #000;
	color:#000;
	padding:5px 40px 5px 30px;
	background-image:url(../img/arr_r.png);
	background-repeat:no-repeat;
	background-size:auto 7px;
	background-position:center right 17px;
	transition: all 0.2s;
}
#contents .merit .item_wrap .item .btn_menu a:hover{
	background-color:#000;
	color:#fff !important;	
}
.contents  .btn_apply {
	margin-top:60px;
}
.contents  .btn_apply a{
	display:inline-block;
	font-size:20px;
	background:#137EC1;
	color:#fff !important;
	padding:15px 40px 15px 30px;
	transition: all 0.2s;
}
/* _________________________________________*/

#contents .cp_hbig{
	margin:30px 0 20px;
	font-size:25px;
	font-weight:bold;
}
#contents .outletbanner{
	padding:0 15px;
	width:600px;
	margin:-20px auto 50px;
}
#contents .outletbanner img{
	width:100%;
}

#contents .caution_btm{
	font-size:12px;
	margin:20px 20px 0;
}

/*--  --*/
#lineup .shirt{
	width:980px;
    padding: 30px 50px 30px 30px;
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.05);
    background: #fff;
	margin:0 auto 60px;
}
#lineup .shirt .item_wrap{
    position: relative;
		display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	align-items: center;
	align-items:flex-start;
	align-items: stretch;/*-- 高さをそろえる --*/
	justify-content: center;/*-- 中央揃え --*/
	justify-content: left;/*-- 左揃え --*/
	justify-content: space-between;/*-- 両端揃え --*/
}
#lineup .shirt .item_wrap .item_pic{
	width:300px;
}
#lineup .shirt .item_wrap .item_pic img{
	width:100%;
}
#lineup .shirt .item_wrap .item_info{
	width:560px;
}
#lineup .shirt .item_wrap .item_info .h2{
	color:#19374F;
	font-size:26px;
	font-weight:bold;
	margin-bottom:20px;
}
#lineup .shirt .item_wrap .item_info .h2 span{
	background:linear-gradient(transparent 60%, #E9D36C 60%);
	font-size:inherit;
	color:inherit;
	display:inline;
}
#lineup .shirt .item_wrap .item_info .exp{
	font-size:14px;	
	margin-bottom:10px;
}
#lineup .shirt .item_wrap .item_info .size{
	font-size:11px;
	background:#eee;
	padding:10px 20px;
}
#lineup .shirt .caution{
	font-size:11px;
	color:	#444;
}
/* _________________________________________*/
#contents .inst{
	margin:25px 20px 0;
	padding:10px 0;
	text-align:center;
	border-radius:5px;
	background:rgba(241,240,233,0.5);
	
}
#contents .inst .title{
	font-size:11px !important;
	margin-bottom:3px;
	color:#333;
}
#contents .inst .price_inst{
	font-size:11px !important;	
}
#contents .inst .price_inst span{
	font-size:16px !important;	
	font-weight:600;
	padding:0 2px;
	color:#137ec1 !important;
}
/* _________________________________________*/

#contents .clm_movie {
		display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	align-items:flex-start;
	align-items: stretch;/*-- 高さをそろえる --*/
	align-items: center;
	justify-content: space-between;/*-- 両端揃え --*/
	justify-content: left;/*-- 左揃え --*/
	justify-content: center;/*-- 中央揃え --*/
	margin-bottom:40px;
}
#contents .clm_movie .clm_l{
	margin-right:30px;
	width:400px;
}
#contents .clm_movie .clm_l .exp_movie{
	font-size:22px;
}
#contents .clm_movie .clm_r{
	width:540px;
}
#contents .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#contents .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#contents .title{
	margin-top:40px;
	margin-bottom:10px;
}
#contents .title img{
	height:100px;
}
}
#contents .article h3.d_v{
	background:#4B7DC3;	
}
#contents .article h3.a_c{
	background:#6AC94E;	
}
.gahide{
	display:none;
}
#contents .strike{
	text-decoration:line-through;
}

#contents .text_main span{
	font-weight:bold;
	display:inline-block;
	margin:0 0.2em;
	padding:0 0.2em;
	background:linear-gradient(transparent 0%, #E881A6 0%);
}
#contents  .text{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#contents  .text .name{
	padding:30px 0;
	background:rgba(0,0,0,0.5);
	width:800px;
	color:#fff;
}
#epix .text{
	background-image:url(../img/bg_epix.jpg);
}
#ba .text{
	background-image:url(../img/bg_fenix.jpg);
}
#hw .text{
	background-image:url(../img/bg_vivo.jpg);
}
#run .text{
	background-image:url(../img/bg_run.jpg);
}
#oc .text{
	background-image:url(../img/bg_oc.jpg);
}
#go .text{
	background-image:url(../img/bg_golf.jpg);
}


/* 1. 外側のコンテナ（ここで高さを制御） */
        .accordion-container {
            position: relative;
            max-height: 120px; /* 初期状態の高さ */
            overflow: hidden;
            transition: max-height 0.5s ease; /* スムーズに変形させるアニメーション */
        }

        /* 展開時のスタイル（JSでこのクラスを付与する） */
        .accordion-container.is-open {
            max-height: 1000px; /* 十分に大きな値を設定（コンテンツの最大高に合わせて調整） */
        }

        /* 2. 下部のグラデーションマスク（閉じている時だけ見せる） */
        .accordion-container::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 50px; /* グラデーションの高さ */
            background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
            transition: opacity 0.3s ease;
            pointer-events: none; /* マスクの下のテキストを選択できるようにする */
        }
        /* 展開時はグラデーションを消す */
        .accordion-container.is-open::after {
            opacity: 0;
        }

        /* 3. ボタンのスタイリング（お好みで調整してください） */
        .toggle-btn-wrap {
            text-align: center;
            margin-top: 15px;
        }
        .toggle-btn {
            display: inline-block;
            padding: 10px 30px;
            color: #2F54AF;
            border: none;
            cursor: pointer;
            border-radius: 5px;
            font-size: 14px;
            transition: background 0.2s;
        }
        .toggle-btn:hover {
        }

        /* テスト用のダミー文章スタイル */
        .content-inner {
        }
		.small {
			display:inline-block;
			margin-top:5px;
			line-height:1.5 !important;
			color:#666;
			font-size:70%;
		}