@charset "utf-8";

/* 共通
----------------------------------------------------*/

* {
	color:#333;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	box-sizing:border-box;
}
a {
	color:#333;
}
img {
	height:auto;
}
header, nav, article, aside, section, footer {
　　display:block;
}





/* 【 変 数 】 カラーリング
----------------------------------------------------*/

:root {

	/* 共通 */
	--deep-blue:#006A91;
	--light-blue:#A5C8CA;
	
	/* 商品 */
	--main-color-01: #605340;
	--sub-color-01:  #CEB798;
	--bg-color-01:   #ECEDE8;

	--main-color-02: #5378AF;
	--sub-color-02:  #81ACE3;
	--bg-color-02:   #E7EEF6;

	--main-color-03: #85AE22 ;
	--sub-color-03:  #B1D45E;
	--bg-color-03:   #F3F7E9;

	--main-color-04: #EC8238;
	--sub-color-04:  #F9B48B;
	--bg-color-04:   #FCF1EB;

	--main-color-05: #4EC2C1;
	--sub-color-05:  #87CBCA;
	--bg-color-05:   #E9F9F9;

	--main-color-06: #8F7926;
	--sub-color-06:  #E3CD6A;
	--bg-color-06:   #F2F0E4;

	--main-color-07: #91378F;
	--sub-color-07:  #C59DC2;
	--bg-color-07:   #F5EBF3;	



	--main-color-08: #605340;
	--sub-color-08:  #CEB798;
	--bg-color-08:   #ECEDE8;

	--main-color-09: #759E12;
	--sub-color-09:  #A1C44E;
	--bg-color-09:   #E3E7D9;

	--main-color-10: #504320;
	--sub-color-10:  #BEA788;
	--bg-color-10:   #DCDDD8;

	--main-color-11: #555;
	--sub-color-11:  #666;
	--bg-color-11:   #fafafa;

	--main-color-12: #544;
	--sub-color-12:  #655;
	--bg-color-12:   #ddd;

	--main-color-13: #333;
	--sub-color-13:  #444;
	--bg-color-13:   #ddd;			

	--main-color-14: #493;
	--sub-color-14:  #5a4;
	--bg-color-14:   #c7ead3;			

	--main-color-15: #125;
	--sub-color-15:  #236;
	--bg-color-15:   #cedbed;			

	--main-color-16: #A12;
	--sub-color-16:  #B23;
	--bg-color-16:   #e8d0dd;			

	--main-color-17: #19A;
	--sub-color-17:  #2AB;
	--bg-color-17:   #ccdddd;			

	--main-color-18: #983;
	--sub-color-18:  #A94;
	--bg-color-18:   #d0e0c9;


	--main-color-19: #759E12;
	--sub-color-19:  #A1C44E;
	--bg-color-19:   #E3E7D9;
    
	--main-color-20: #A12;
	--sub-color-20:  #B23;
	--bg-color-20:   #e8d0dd;			

	--main-color-21: #EC8238;
	--sub-color-21:  #F9B48B;
	--bg-color-21:   #FCF1EB;
    
}






/* utility
----------------------------------------------------*/

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

a:hover,
a:hover * {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
a.no-hover:hover,
a.no-hover:hover * {
	filter: alpha(opacity=100) !important;
	-moz-opacity:1 !important;
	opacity:1 !important;
}

.f-green {
	color:#24810F !important;
}
.f-red {
	color:red !important;
}
.f-bold {
	font-weight:bold !important;
}
.alC {
	text-align:center !important;
}
.alR {
	text-align:right !important;
}
.alL {
	text-align:left !important;
}
.w100p {
		width:100% !important;
}
.f-u {
	text-decoration:underline !important;
}
.f-80 {
	font-size:0.8rem !important;
}
.f-90 {
	font-size:0.9rem !important;
}
.f-110 {
	font-size:1.1rem !important;
}
.f-120 {
	font-size:1.2rem !important;
}
.f-130 {
	font-size:1.3rem !important;
}
.f-140 {
	font-size:1.4rem !important;
}





/*=========================================
-- module
=========================================*/

.fr{float:right ! important;}
.fl{float:left ! important;}
.c{clear:both;}
.di{display:inline;}
.nowrap{white-space:nowrap;}
.nowrap_all,.nowrap_all *{white-space:nowrap;}
.tac{text-align:center ! important;}
.tar{text-align:right ! important;}
.tal{text-align:left ! important;}

/*----size----*/
.s10{width:10% !important;;}
.s20{width:20% !important;;}
.s30{width:30% !important;}
.s40{width:40% !important;}
.s50{width:50% !important;;}
.s60{width:60% !important;;}
.s70{width:70% !important;;}
.s80{width:80% !important;;}
.s90{width:90% !important;;}

/*----clearfix----*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
 /* Hides from IE-mac \*/ 
* html .clearfix{height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*----font ----*/
.fsss{font-size:80%;}
.fss{font-size:90%;}
.fsm{font-size:100%;}
.fsl{font-size:110%;}
.fsll{font-size:120%;}
.fs10{font-size:10px ! important;}
.fs12{font-size:12px ! important;}
.fs14{font-size:14px ! important;}
.fs16{font-size:16px ! important;}
.fs18{font-size:18px ! important;}
.fs20{font-size:20px ! important;}
.fwb{font-weight:bold;}
.fcr{color:#cc0500;}

/*---- margin ----*/
.mlrauto{margin:0 auto ! important;}
.m0{margin:0px ! important;}
.m1{margin:1px ! important;}
.m2{margin:2px ! important;}
.m3{margin:3px ! important;}
.m4{margin:4px ! important;}
.m5{margin:5px ! important;}
.m6{margin:6px ! important;}
.m7{margin:7px ! important;}
.m8{margin:8px ! important;}
.m9{margin:9px ! important;}
.m10{margin:10px ! important;}
.m11{margin:11px ! important;}
.m12{margin:12px ! important;}
.m13{margin:13px ! important;}
.m14{margin:14px ! important;}
.m15{margin:15px ! important;}
.m16{margin:16px ! important;}
.m17{margin:17px ! important;}
.m18{margin:18px ! important;}
.m19{margin:19px ! important;}
.m20{margin:20px ! important;}
.m25{margin:25px ! important;}
.m30{margin:30px ! important;}
.m35{margin:35px ! important;}
.m40{margin:40px ! important;}
.m45{margin:45px ! important;}
.m50{margin:50px ! important;}
.m60{margin:60px ! important;}
.m65{margin:65px ! important;}
.m70{margin:70px ! important;}
.m80{margin:80px ! important;}
.m90{margin:90px ! important;}
.m100{margin:100px ! important;}
/* left */																					/* right */
.ml0{margin-left:0px ! important;}			.mr0{margin-right:0px ! important;}
.ml1{margin-left:1px ! important;}			.mr1{margin-right:1px ! important;}
.ml2{margin-left:2px ! important;}			.mr2{margin-right:2px ! important;}
.ml3{margin-left:3px ! important;}			.mr3{margin-right:3px ! important;}
.ml4{margin-left:4px ! important;}			.mr4{margin-right:4px ! important;}
.ml5{margin-left:5px ! important;}			.mr5{margin-right:5px ! important;}
.ml6{margin-left:6px ! important;}			.mr6{margin-right:6px ! important;}
.ml7{margin-left:7px ! important;}			.mr7{margin-right:7px ! important;}
.ml8{margin-left:8px ! important;}			.mr8{margin-right:8px ! important;}
.ml9{margin-left:9px ! important;}			.mr9{margin-right:9px ! important;}
.ml10{margin-left:10px ! important;}		.mr10{margin-right:10px ! important;}
.ml11{margin-left:11px ! important;}		.mr11{margin-right:11px ! important;}
.ml12{margin-left:12px ! important;}		.mr12{margin-right:12px ! important;}
.ml16i{_margin-left:16px ! important;}		.ml8i{_margin-left:8px ! important;}
.ml13{margin-left:13px ! important;}		.mr13{margin-right:13px ! important;}
.ml14{margin-left:14px ! important;}		.mr14{margin-right:14px ! important;}
.ml15{margin-left:15px ! important;}		.mr15{margin-right:15px ! important;}
.ml16{margin-left:16px ! important;}		.mr16{margin-right:16px ! important;}
.ml17{margin-left:17px ! important;}		.mr17{margin-right:17px ! important;}
.ml18{margin-left:18px ! important;}		.mr18{margin-right:18px ! important;}
.ml19{margin-left:19px ! important;}		.mr19{margin-right:19px ! important;}
.ml20{margin-left:20px ! important;}		.mr20{margin-right:20px ! important;}
.ml25{margin-left:25px ! important;}		.mr25{margin-right:25px ! important;}
.ml30{margin-left:30px ! important;}		.mr30{margin-right:30px ! important;}
.ml35{margin-left:35px ! important;}		.mr35{margin-right:35px ! important;}
.ml40{margin-left:40px ! important;}		.mr40{margin-right:40px ! important;}
.ml45{margin-left:45px ! important;}		.mr45{margin-right:45px ! important;}
.ml50{margin-left:50px ! important;}		.mr50{margin-right:50px ! important;}
.ml60{margin-left:60px ! important;}		.mr60{margin-right:60px ! important;}
.ml70{margin-left:70px ! important;}		.mr70{margin-right:70px ! important;}
.ml80{margin-left:80px ! important;}		.mr80{margin-right:80px ! important;}
.ml90{margin-left:90px ! important;}		.mr90{margin-right:90px ! important;}
.ml100{margin-left:100px ! important;}		.mr100{margin-right:100px ! important;}
/* top */																					/* bottom */
.mt0{margin-top:0px ! important;}			.mb0{margin-bottom:0px ! important;}
.mt1{margin-top:1px ! important;}			.mb1{margin-bottom:1px ! important;}
.mt2{margin-top:2px ! important;}			.mb2{margin-bottom:2px ! important;}
.mt3{margin-top:3px ! important;}			.mb3{margin-bottom:3px ! important;}
.mt4{margin-top:4px ! important;}			.mb4{margin-bottom:4px ! important;}
.mt5{margin-top:5px ! important;}			.mb5{margin-bottom:5px ! important;}
.mt6{margin-top:6px ! important;}			.mb6{margin-bottom:6px ! important;}
.mt7{margin-top:7px ! important;}			.mb7{margin-bottom:7px ! important;}
.mt8{margin-top:8px ! important;}			.mb8{margin-bottom:8px ! important;}
.mt9{margin-top:9px ! important;}			.mb9{margin-bottom:9px ! important;}
.mt10{margin-top:10px ! important;}			.mb10{margin-bottom:10px ! important;}
.mt11{margin-top:11px ! important;}			.mb11{margin-bottom:11px ! important;}
.mt12{margin-top:12px ! important;}			.mb12{margin-bottom:12px ! important;}
.mt13{margin-top:13px ! important;}			.mb13{margin-bottom:13px ! important;}
.mt14{margin-top:14px ! important;}			.mb14{margin-bottom:14px ! important;}
.mt15{margin-top:15px ! important;}			.mb15{margin-bottom:15px ! important;}
.mt16{margin-top:16px ! important;}			.mb16{margin-bottom:16px ! important;}
.mt17{margin-top:17px ! important;}			.mb17{margin-bottom:17px ! important;}
.mt18{margin-top:18px ! important;}			.mb18{margin-bottom:18px ! important;}
.mt19{margin-top:19px ! important;}			.mb19{margin-bottom:19px ! important;}
.mt20{margin-top:20px ! important;}			.mb20{margin-bottom:20px ! important;}
.mt25{margin-top:25px ! important;}			.mb25{margin-bottom:25px ! important;}
.mt30{margin-top:30px ! important;}			.mb30{margin-bottom:30px ! important;}
.mt35{margin-top:35px ! important;}			.mb35{margin-bottom:35px ! important;}
.mt40{margin-top:40px ! important;}			.mb40{margin-bottom:40px ! important;}
.mt43{margin-top:43px ! important;}
.mt45{margin-top:45px ! important;}			.mb45{margin-bottom:45px ! important;}
.mt50{margin-top:50px ! important;}			.mb50{margin-bottom:50px ! important;}
.mt60{margin-top:60px ! important;}			.mb60{margin-bottom:60px ! important;}
.mt65{margin-top:65px ! important;}
.mt70{margin-top:70px ! important;}			.mb70{margin-bottom:70px ! important;}
.mt80{margin-top:80px ! important;}			.mb80{margin-bottom:80px ! important;}
.mt90{margin-top:90px ! important;}			.mb90{margin-bottom:90px ! important;}
.mt100{margin-top:100px ! important;}			.mb100{margin-bottom:100px ! important;}
.mt105{margin-top:105px ! important;}
.mt-38{margin-top:-38px ! important;}
.mt-15{_margin-top:-15px;}

	
/*---- padding ----*/
.plrauto{padding:0 auto ! important;}
.p0{padding:0px ! important;}
.p1{padding:1px ! important;}
.p2{padding:2px ! important;}
.p3{padding:3px ! important;}
.p4{padding:4px ! important;}
.p5{padding:5px ! important;}
.p6{padding:6px ! important;}
.p7{padding:7px ! important;}
.p8{padding:8px ! important;}
.p9{padding:9px ! important;}
.p10{padding:10px ! important;}
.p11{padding:11px ! important;}
.p12{padding:12px ! important;}
.p13{padding:13px ! important;}
.p14{padding:14px ! important;}
.p15{padding:15px ! important;}
.p16{padding:16px ! important;}
.p17{padding:17px ! important;}
.p18{padding:18px ! important;}
.p19{padding:19px ! important;}
.p20{padding:20px ! important;}
.p25{padding:25px ! important;}
.p30{padding:30px ! important;}
.p35{padding:35px ! important;}
.p40{padding:40px ! important;}
.p45{padding:45px ! important;}
.p50{padding:50px ! important;}
.p60{padding:60px ! important;}
.p70{padding:70px ! important;}
.p80{padding:80px ! important;}
.p90{padding:90px ! important;}
.p100{padding:100px ! important;}
/* left */																					/* right */
.pl0{padding-left:0px ! important;}			.pr0{padding-right:0px ! important;}
.pl1{padding-left:1px ! important;}			.pr1{padding-right:1px ! important;}
.pl2{padding-left:2px ! important;}			.pr2{padding-right:2px ! important;}
.pl3{padding-left:3px ! important;}			.pr3{padding-right:3px ! important;}
.pl4{padding-left:4px ! important;}			.pr4{padding-right:4px ! important;}
.pl5{padding-left:5px ! important;}			.pr5{padding-right:5px ! important;}
.pl6{padding-left:6px ! important;}			.pr6{padding-right:6px ! important;}
.pl7{padding-left:7px ! important;}			.pr7{padding-right:7px ! important;}
.pl8{padding-left:8px ! important;}			.pr8{padding-right:8px ! important;}
.pl9{padding-left:9px ! important;}			.pr9{padding-right:9px ! important;}
.pl10{padding-left:10px ! important;}		.pr10{padding-right:10px ! important;}
.pl11{padding-left:11px ! important;}		.pr11{padding-right:11px ! important;}
.pl12{padding-left:12px ! important;}		.pr12{padding-right:12px ! important;}
.pl13{padding-left:13px ! important;}		.pr13{padding-right:13px ! important;}
.pl14{padding-left:14px ! important;}		.pr14{padding-right:14px ! important;}
.pl15{padding-left:15px ! important;}		.pr15{padding-right:15px ! important;}
.pl16{padding-left:16px ! important;}		.pr16{padding-right:16px ! important;}
.pl17{padding-left:17px ! important;}		.pr17{padding-right:17px ! important;}
.pl18{padding-left:18px ! important;}		.pr18{padding-right:18px ! important;}
.pl19{padding-left:19px ! important;}		.pr19{padding-right:19px ! important;}
.pl20{padding-left:20px ! important;}		.pr20{padding-right:20px ! important;}
.pl25{padding-left:25px ! important;}		.pr25{padding-right:25px ! important;}
.pl30{padding-left:30px ! important;}		.pr30{padding-right:30px ! important;}
.pl35{padding-left:35px ! important;}		.pr35{padding-right:35px ! important;}
.pl40{padding-left:40px ! important;}		.pr40{padding-right:40px ! important;}
.pl45{padding-left:45px ! important;}		.pr45{padding-right:45px ! important;}
.pl50{padding-left:50px ! important;}		.pr50{padding-right:50px ! important;}
.pl60{padding-left:60px ! important;}		.pr60{padding-right:60px ! important;}
.pl70{padding-left:70px ! important;}		.pr70{padding-right:70px ! important;}
.pl80{padding-left:80px ! important;}		.pr80{padding-right:80px ! important;}
.pl90{padding-left:90px ! important;}		.pr90{padding-right:90px ! important;}
.pl100{padding-left:100px ! important;}		.pr100{padding-right:100px ! important;}
/* top */																					/* bottom */
.pt0{padding-top:0px ! important;}			.pb0{padding-bottom:0px ! important;}
.pt1{padding-top:1px ! important;}			.pb1{padding-bottom:1px ! important;}
.pt2{padding-top:2px ! important;}			.pb2{padding-bottom:2px ! important;}
.pt3{padding-top:3px ! important;}			.pb3{padding-bottom:3px ! important;}
.pt4{padding-top:4px ! important;}			.pb4{padding-bottom:4px ! important;}
.pt5{padding-top:5px ! important;}			.pb5{padding-bottom:5px ! important;}
.pt6{padding-top:6px ! important;}			.pb6{padding-bottom:6px ! important;}
.pt7{padding-top:7px ! important;}			.pb7{padding-bottom:7px ! important;}
.pt8{padding-top:8px ! important;}			.pb8{padding-bottom:8px ! important;}
.pt9{padding-top:9px ! important;}			.pb9{padding-bottom:9px ! important;}
.pt10{padding-top:10px ! important;}			.pb10{padding-bottom:10px ! important;}
.pt11{padding-top:11px ! important;}			.pb11{padding-bottom:11px ! important;}
.pt12{padding-top:12px ! important;}			.pb12{padding-bottom:12px ! important;}
.pt13{padding-top:13px ! important;}			.pb13{padding-bottom:13px ! important;}
.pt14{padding-top:14px ! important;}			.pb14{padding-bottom:14px ! important;}
.pt15{padding-top:15px ! important;}			.pb15{padding-bottom:15px ! important;}
.pt16{padding-top:16px ! important;}			.pb16{padding-bottom:16px ! important;}
.pt17{padding-top:17px ! important;}			.pb17{padding-bottom:17px ! important;}
.pt18{padding-top:18px ! important;}			.pb18{padding-bottom:18px ! important;}
.pt19{padding-top:19px ! important;}			.pb19{padding-bottom:19px ! important;}
.pt20{padding-top:20px ! important;}			.pb20{padding-bottom:20px ! important;}
.pt25{padding-top:25px ! important;}			.pb25{padding-bottom:25px ! important;}
.pt30{padding-top:30px ! important;}			.pb30{padding-bottom:30px ! important;}
.pt35{padding-top:35px ! important;}			.pb35{padding-bottom:35px ! important;}
.pt40{padding-top:40px ! important;}			.pb40{padding-bottom:40px ! important;}
.pt45{padding-top:45px ! important;}			.pb45{padding-bottom:45px ! important;}
.pt50{padding-top:50px ! important;}			.pb50{padding-bottom:50px ! important;}
.pt60{padding-top:60px ! important;}			.pb60{padding-bottom:60px ! important;}
.pt70{padding-top:70px ! important;}			.pb70{padding-bottom:70px ! important;}
.pt80{padding-top:80px ! important;}			.pb80{padding-bottom:80px ! important;}
.pt90{padding-top:90px ! important;}			.pb90{padding-bottom:90px ! important;}
.pt100{padding-top:100px ! important;}			.pb100{padding-bottom:100px ! important;}



/* レスポンシブ　ベース
----------------------------------------------------*/

/* P C */
@media screen and (min-width: 1401px) {
	.only-smp,
	menu {
		display:none !important;
	}
	body {
		font-size:13px;
		line-height:150%;
	}		
	main {
		font-size:16px;
		line-height:180%;	
	}
	section {
		box-sizing:border-box;
	}	
	section > .in {
		width:1472px;
		margin: 0 auto 100px;
	}
	img.mlr-auto {
		display:block !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.strong-red {
		font-weight:bold;
		font-size:1.6rem;
		line-height:160%;
		color:crimson;
	}

}

/* タブレット */
@media screen and (max-width: 1400px) and (min-width: 981px) {
	.only-smp,
	menu {
		display:none !important;
	}
	body {
		font-size:12px;
		line-height:150%;
	}		
	main {
		font-size:16px;
		line-height:180%;	
	}
	section {
		box-sizing:border-box;
	}	
	section > .in {
		width:980px;
		margin: 0 auto 30px;
	}
	img.mlr-auto {
		display:block !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.strong-red {
		font-weight:bold;
		font-size:1.6rem; 
		line-height:160%;
		color:crimson;
	}
}

/* スマホ */
@media screen and (max-width: 980px) {
	.only-pc {
		display:none !important;
	}
	body {
		width:100% !important;
		overflow:hidden;
		overflow-y:scroll !important;

		font-size:3vw;
		line-height:150%;		
	}				
	main {
		width:100%;
		overflow:hidden;
		font-size:3.3vw;
		line-height:160%;			
	}
	section {
		box-sizing:border-box;
		width:100% !important;
		margin-bottom:30px;
	}
	.smp-w100p {
		width:100% !important;
	}
	.image img,
	.img img,
	.smp-w100p {
		width:100% !important;
	}
	img.mlr-auto {
		display:block !important;
		width:100% !important;
	}
	img.only-smp {
		display:block;
		line-height:0;
		margin:0;
	}
	#container {
		/*padding-top:35% !important;*/
	}
	.strong-red {
		font-weight:bold;
		font-size:4vw; 
		line-height:160%;
		color:crimson;
	}	
}





/* ヘッダ
----------------------------------------------------*/

header {
	margin-bottom:15px;
}
#h1 {
	background:#eee;
}
#h1 h1 {
	width:1472px;
	margin: 0 auto;
	padding:5px;
}
#header-top {
	width:1472px;
	margin: 0 auto 22px;
	padding-top:30px;
}
header .left {
	width:calc(100% - 530px);
	float:left;
}
header .left img,
header .left h1 {
	display:inline-block;
	vertical-align:middle;
}
header .right {
	width:530px;
	float:right;
	text-align:right;
}
header .right a {
	display:inline-block;
}

header nav {
	height:70px;
	background:var(--deep-blue);
}
header nav ul {
	display:flex;
	justify-content: space-between;
	width:1472px;
	margin: 0 auto;
	padding: 20px 0;
}

header nav li {
	border-right: dotted 3px #4592B0;
}
header nav li:nth-child(1) {
	border-left: dotted 3px #4592B0;
	flex-basis: 20%;
}
header nav li:nth-child(2) {
	flex-basis: 20%;
}
header nav li:nth-child(3) {
	flex-basis: 35%;
}
header nav li:nth-child(4) {
	flex-basis: 25%;
}
header nav li:nth-child(5) {
	flex-basis: 25%;
}
header nav a {
	display:block;
	height:30px;
	padding:7px 0 0 0;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:1.3rem;
	line-height:100%;
	font-weight:bold;
}


@media screen and (max-width: 1400px) and (min-width: 981px) {
	#h1 h1,
	#header-top,
	header nav ul {
		width:980px;
	}
}
@media screen and (max-width: 980px) {
	#h1 h1,
	#header-top,
	header nav ul {
		width:100%;
		font-size:2vw;
	}
	#header-top {
		margin-bottom:10px;
	}
	header .left {
		width:50%;
		padding-left:1%;
	}
	header a img {
		width:100%;
	}
	header .right {
		width:45%;
		padding-right:1%;
	}
	header .right a {
		width:33%;
	}
}






/* スマホ　ハンバーガーメニュー
----------------------------------------------------*/

#smp-menu {
	position:absolute;
	width:100%;
	top:30vw;
	right:-2000px;
	z-index:999;
	background:#fff;
}
#smp-menu ul {
	margin-bottom:30px;
	border-top:solid 1px var(--deep-blue);
}
#smp-menu ul li {
	display:block;
	width:100%;
	padding:8px;
	border-bottom:solid 1px var(--deep-blue);
	background:url(/common/img/ico_arrow_blue.png) no-repeat right -2.4vw;
}
#smp-menu ul li.no-arrow { background:none !Important;}
#smp-menu ul li a,
#smp-menu ul li span {
	display:block;
	padding:2vw;
	font-size:4vw;
	font-weight:bold;
	line-height:100%;
	color:var(--deep-blue);
	text-decoration:none;
}
#smp-menu-support div {
	width:50%;
	float:left;
}
#smp-menu-support a {
	display:block;
	width:100%;
}
#smp-menu-support img {
	width:100%;
}






/* 共通タイトル
-------------------------------------------------------------- */

section .title {
	border-bottom:solid 2px #81B4C9;
	margin-bottom:40px;
}
section .title h2 {
	margin-bottom:10px;
	font-size:2.2rem;
	line-height:130%;
	font-weight:bold;
	color:#006990;
}
section .title span {
	display:block;
	margin-bottom:10px;
	font-size:1.1rem;
	line-height:100%;
	font-weight:bold;
	letter-spacing:5px;	
	color:#98B8C7;
}
section .title a { /* more */
	display:block;
	float:right;
	margin-left:5%;
}
section .title a img {
	border-radius: 19px;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
}

section .subtitle {
	border-bottom:dotted 3px #ccc;
	margin-bottom:30px;
	padding-bottom:10px;
}
section .subtitle span {/* 左のオレンジマーク */
	display:inline-block;
	width:6px;
	height:25px;
	margin-right:10px;
	vertical-align:top;
	background:orange;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
section .subtitle em {/* 左のオレンジ○ */
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:10px;
	vertical-align:middle;
	background:orange;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
section .subtitle h4 {
	display:inline-block;
	margin-bottom:10px;
	vertical-align:top;
	font-size:1.6rem;
	line-height:100%;
	font-weight:bold;
	color:#222;
}

.to-list a {
	display:block;
	float:right;
}
.to-list a img {
	border-radius: 19px;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
}

#pankuzu {
	width:980px;
	margin: 10px auto 30px;
	color:#555;
	letter-spacing:1px;
}
#pankuzu a {
	color:#555;
	text-decoration:underline;
	letter-spacing:1px;
}




@media screen and (min-width: 981px) {
	.title br {
		display:none;
	}
}
@media screen and (max-width: 980px) {
	section .title h2 {
		font-size:4.5vw;
		padding: 0 2%;
	}
	section .title span {
		float:left;
		padding: 0 2%;
	}
	section .title a {
		margin-bottom:10px;
		margin-right:2%;
	}
	section .title a img {
		width:35vw;
	}
	
	section .subtitle {
		margin-bottom:3vw;
		padding-bottom:1vw;
	}
	section .subtitle span {/* 左のオレンジマーク */
		display:block;
		width:15vw;
		height:1vw;
		margin: 0 0 15px 0;
	}
	section .subtitle em {/* 左のオレンジ○ */
		display:block;
		width:15vw;
		height:1vw;
		margin: 0 0 15px 0;
	}
	section .subtitle h4 {
		font-size:4vw;
		line-height:150%;
	}
	
	.to-list a {
		width:40vw;
		padding-right:2%;
	}
	.to-list a img {
		width:100%;
	}
	#pankuzu {
		width:100% !important;
		margin: 10px 0 5vw !important;
		padding: 5px 2% 5px;
		background-color:#EFEFEF;
		font-size:2.7vw;
	}	
}










/* 商品一覧ユニット（TOP や 商品一覧 など）
----------------------------------------------------------------- */

#itemlist-content1 {
	display:flex;
	flex-wrap: wrap;
}
#itemlist-content1 .unit {
	flex-basis: 31%;
	margin: 0 1% 40px;
	padding-bottom:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#fff;
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.03);
	text-decoration:none;
}
#itemlist-content1 span {
	display:block;
	margin: 0 15px;
	padding:5px 10px;
}
#itemlist-content1 span.catch {
	display:inline-block;
	margin:10px 0 0 15px;
	padding:8px 10px 5px;
	font-size:1rem;
	line-height:100%;
	font-weight:bold;
	
	border:solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.p-01 span.catch { color:var(--main-color-01); background:var(--bg-color-01); border-color:var(--main-color-01); }
.p-02 span.catch { color:var(--main-color-02); background:var(--bg-color-02); border-color:var(--main-color-02); }
.p-03 span.catch { color:var(--main-color-03); background:var(--bg-color-03); border-color:var(--main-color-03); }
.p-04 span.catch { color:var(--main-color-04); background:var(--bg-color-04); border-color:var(--main-color-04); }
.p-05 span.catch { color:var(--main-color-05); background:var(--bg-color-05); border-color:var(--main-color-05); }
.p-06 span.catch { color:var(--main-color-06); background:var(--bg-color-06); border-color:var(--main-color-06); }
.p-07 span.catch { color:var(--main-color-07); background:var(--bg-color-07); border-color:var(--main-color-07); }
.p-08 span.catch { color:var(--main-color-08); background:var(--bg-color-08); border-color:var(--main-color-08); }
.p-09 span.catch { color:var(--main-color-09); background:var(--bg-color-09); border-color:var(--main-color-09); }
.p-10 span.catch { color:var(--main-color-10); background:var(--bg-color-10); border-color:var(--main-color-10); }
.p-11 span.catch { color:var(--main-color-11); background:var(--bg-color-11); border-color:var(--main-color-11); }
.p-12 span.catch { color:var(--main-color-12); background:var(--bg-color-12); border-color:var(--main-color-12); }
.p-13 span.catch { color:var(--main-color-13); background:var(--bg-color-13); border-color:var(--main-color-13); }
.p-14 span.catch { color:var(--main-color-14); background:var(--bg-color-14); border-color:var(--main-color-14); }
.p-15 span.catch { color:var(--main-color-15); background:var(--bg-color-15); border-color:var(--main-color-15); }
.p-16 span.catch { color:var(--main-color-16); background:var(--bg-color-16); border-color:var(--main-color-16); }
.p-17 span.catch { color:var(--main-color-17); background:var(--bg-color-17); border-color:var(--main-color-17); }
.p-18 span.catch { color:var(--main-color-18); background:var(--bg-color-18); border-color:var(--main-color-18); }

#itemlist-content1 .item-top {
	padding:10px 0;
}
#itemlist-content1 .item-top table {
	height:100px;
}
#itemlist-content1 .item-top th {
	padding: 0 10px;
	vertical-align:middle;
	transform: scale(0.8, 1);
	border-right:solid 1px;
	font-size:3rem;
	font-weight:bold;	
	line-height:100%;
}
.p-01 .item-top th { color:var(--sub-color-01); border-color:var(--sub-color-01); }
.p-02 .item-top th { color:var(--sub-color-02); border-color:var(--sub-color-02); }
.p-03 .item-top th { color:var(--sub-color-03); border-color:var(--sub-color-03); }
.p-04 .item-top th { color:var(--sub-color-04); border-color:var(--sub-color-04); }
.p-05 .item-top th { color:var(--sub-color-05); border-color:var(--sub-color-05); }
.p-06 .item-top th { color:var(--sub-color-06); border-color:var(--sub-color-06); }
.p-07 .item-top th { color:var(--sub-color-07); border-color:var(--sub-color-07); }
.p-08 .item-top th { color:var(--sub-color-08); border-color:var(--sub-color-08); }
.p-09 .item-top th { color:var(--sub-color-09); border-color:var(--sub-color-09); }
.p-10 .item-top th { color:var(--sub-color-10); border-color:var(--sub-color-10); }
.p-11 .item-top th { color:var(--sub-color-11); border-color:var(--sub-color-11); }
.p-12 .item-top th { color:var(--sub-color-12); border-color:var(--sub-color-12); }
.p-13 .item-top th { color:var(--sub-color-13); border-color:var(--sub-color-13); }
.p-14 .item-top th { color:var(--sub-color-14); border-color:var(--sub-color-14); }
.p-15 .item-top th { color:var(--sub-color-15); border-color:var(--sub-color-15); }
.p-16 .item-top th { color:var(--sub-color-16); border-color:var(--sub-color-16); }
.p-17 .item-top th { color:var(--sub-color-17); border-color:var(--sub-color-17); }
.p-18 .item-top th { color:var(--sub-color-18); border-color:var(--sub-color-18); }
.p-19 .item-top th { color:var(--sub-color-19); border-color:var(--sub-color-19); }
.p-20 .item-top th { color:var(--sub-color-20); border-color:var(--sub-color-20); }
.p-21 .item-top th { color:var(--sub-color-21); border-color:var(--sub-color-21); }


.p-01 .number { color:var(--sub-color-01); }
.p-02 .number { color:var(--sub-color-02); }
.p-03 .number { color:var(--sub-color-03); }
.p-04 .number { color:var(--sub-color-04); }
.p-05 .number { color:var(--sub-color-05); }
.p-06 .number { color:var(--sub-color-06); }
.p-07 .number { color:var(--sub-color-07); }
.p-08 .number { color:var(--sub-color-08); }
.p-09 .number { color:var(--sub-color-09); }
.p-10 .number { color:var(--sub-color-10); }
.p-11 .number { color:var(--sub-color-11); }
.p-12 .number { color:var(--sub-color-12); }
.p-13 .number { color:var(--sub-color-13); }
.p-14 .number { color:var(--sub-color-14); }
.p-15 .number { color:var(--sub-color-15); }
.p-16 .number { color:var(--sub-color-16); }
.p-17 .number { color:var(--sub-color-17); }
.p-18 .number { color:var(--sub-color-18); }
.p-19 .number { color:var(--sub-color-19); }
.p-20 .number { color:var(--sub-color-20); }
.p-21 .number { color:var(--sub-color-21); }

#itemlist-content1 .item-top td {
	padding: 0 10px;
	vertical-align:middle;	
	font-size:1.1rem;
	line-height:140%;
	font-weight:bold;
}
.p-06 .item-top td,
.p-07 .item-top td,
.p-14 .item-top td,
.p-15 .item-top td,
.p-16 .item-top td,
.p-17 .item-top td,
.p-18 .item-top td { font-size:0.9rem !important; line-height: 120% !important; }

.p-01 .item-top td { color:var(--main-color-01); }
.p-02 .item-top td { color:var(--main-color-02); }
.p-03 .item-top td { color:var(--main-color-03); }
.p-04 .item-top td { color:var(--main-color-04); }
.p-05 .item-top td { color:var(--main-color-05); }
.p-06 .item-top td { color:var(--main-color-06); }
.p-07 .item-top td { color:var(--main-color-07); }
.p-08 .item-top td { color:var(--main-color-08); }
.p-09 .item-top td { color:var(--main-color-09); }
.p-10 .item-top td { color:var(--main-color-10); }
.p-11 .item-top td { color:var(--main-color-11); }
.p-12 .item-top td { color:var(--main-color-12); }
.p-13 .item-top td { color:var(--main-color-13); }
.p-14 .item-top td { color:var(--main-color-14); }
.p-15 .item-top td { color:var(--main-color-15); }
.p-16 .item-top td { color:var(--main-color-16); }
.p-17 .item-top td { color:var(--main-color-17); }
.p-18 .item-top td { color:var(--main-color-18); }
.p-19 .item-top td { color:var(--main-color-19); }
.p-20 .item-top td { color:var(--main-color-20); }
.p-21 .item-top td { color:var(--main-color-21); }

#itemlist-content1 img.item {
	width:100%;
}
#itemlist-content1 h4 {
	margin: 15px;
	height:90px;
	font-size:1.6rem;
	line-height:120%;
	font-weight:bold;
	color:#3376C5;
	text-align:center;
}
#itemlist-content1 .unit.p-07 h4 br {
    display: none;
}
#itemlist-content1 span.price {
	margin-bottom:15px;
	font-size:1.2rem;
	text-align:right;
}
#itemlist-content1 span.price em {
	font-size:1.6rem;
	font-weight:bold;
	color:#666;
}
#itemlist-content1 span.mark {
	display:inline-block;
	padding:7px 10px 5px;
	background:#ededed;
	font-size:0.9rem;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
#itemlist-content1 span.text {
	margin-bottom:5px;
	font-size:0.9rem;
	line-height:150%;
	height:5.2rem;
}
#itemlist-content1 a {
	display:block;
	text-align:center;
}
#itemlist-content1 a img {
	width:100%;
}

@media screen and (max-width: 1400px) and (min-width: 981px) {
}
@media screen and (max-width: 980px) {
	
	#itemlist-content1 span.catch {
		border:none;
		font-size:3vw;
	}
	#itemlist-content1 span.number {
		display:inline-block;
		margin:0 0 0 7vw;
		padding:5px 0 0 0;
		font-size:6vw;
		line-height:130%;
		font-weight:bold;
	}
	#itemlist-content1 .item-top th {
		display:none;
	}
	#itemlist-content1 h4 {
		height:auto;
		font-size:5vw;
	}
	#itemlist-content1 h4 br {
		display:none;
	}
	#itemlist-content1 span.text {
		height:auto;
	}	
	#itemlist-content1 span.price {
		font-size:2vw;
	}
	#itemlist-content1 span.price em {
		font-size:5vw;
	}	
}






/* 記事ユニット（TOP や 健康ライブラリ など）
----------------------------------------------------------------- */

.health.kiji ul {
	display:flex;
	flex-wrap: wrap;
	margin-top:40px;
}
.health.kiji ul li {
	flex-basis: 30%;
	height:420px;
	overflow:hidden;
	margin:0 1% 25px;
	padding:15px;
	text-decoration:none;
	background:#fff;
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.05);

	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.health.kiji ul a {
	text-decoration:none;
}
.health.kiji ul a img {
	display:block;
	margin: 10px auto 20px;
	max-width:250px;
	height:150px;
}
.health.kiji ul span {
	padding:5px 10px 0;
	text-align:left;
}
.health.kiji ul span.shikaku {
	display:inline-block;
	margin-left:5px;
	padding:7px 15px 5px;
	background:#FF9900;
	color:#fff;
	line-height:100%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
}
.health.kiji ul span.ttl {
	display:block;
	font-size:1rem;
	font-weight:bold;
	line-height:150%;
}
.health.kiji ul span.content{
	display:block;
	font-size:0.9rem;
	line-height:140%;
}

@media screen and (max-width: 1400px) and (min-width: 981px) {
}
@media screen and (max-width: 980px) {
	.health.kiji ul {
		margin-top:20px;
	}
	.health.kiji ul li {
		padding:10px;
	}
	.health.kiji ul a img {
		height:auto;
	}	
}






/*   こちらの商品もおすすめ
-------------------------------------------------------------- */

#recommend {
	width:100%;
	min-height:600px;
	background:url(/products/img/bg_recommend.jpg) no-repeat center top;

}
#recommend .in {
	width:900px;
	margin: 0 auto;
	padding-top:300px;
}

#recommend .in #slide {
	display:flex;
	justify-content: space-between;
	padding-top:15px;
}
#recommend .in #slide a {
	display:block;
	flex-basis: 48%;
	padding:20px 15px;
	background:#fff;
	text-align:center;
	text-decoration:none;
	
	border-radius: 15px;
	border:solid 1px #ccc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);	
}
#recommend .in #slide a img {
	display:block;
	float:left;
	width:30%;
}
#recommend .in #slide a div {
	float:right;
	width:60%;
	text-align:left;
}
#recommend .in #slide a div span {
	display:block;
	margin-bottom:15px;
	padding-top:15px;
	font-weight:bold;
	font-size:1rem;
	line-height:150%;
	color:#666;	
}
#recommend .in #slide a div h4 {
	font-weight:bold;
	font-size:1.3rem;
	line-height:150%;
	color:var(--deep-blue); 
}

@media screen and (max-width: 980px) {
	
	#recommend {
		min-height:none;
		padding-bottom:10vw !important;
		background:url(/products/img/bg_stripe_blue.jpg) repeat;
	}
	#recommend .in {
		width:100%;
		padding-top:0;
	}
	#recommend .in #slide {
		padding:2vw 5vw;
	}
	#recommend .in #slide a {
		flex-basis: 48%;
		padding:20px 15px;
	}
	#recommend .in #slide a img {
		float:none;
		width:60%;
		margin: 0 auto;
	}
	#recommend .in #slide a div {
		float:none;
		width:90%;
		margin: 0 auto;
	}
	#recommend .in #slide a div span {
		margin-bottom:15px;
		padding-top:15px;
		font-size:2.5vw;
	}
	#recommend .in #slide a div h4 {
		font-size:3vw;
	}

}











/* 　フッター
----------------------------------------------------------------- */

footer {
	width:100%;
	overflow:hidden;	
	background:#e7e7e7;
}

/* ガイド */
#footer-1 {
	width:980px;
	margin: 0 auto;
	padding:60px 0;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#footer-1 div {
	flex-basis: 32%;
}
#footer-1 div img,
#footer-1 div a {
	display:block;
	line-height:0;
}
@media screen and (max-width: 980px) {
	#footer-1-smp {
		margin: 0 auto;
		padding:30px 0;
		display:flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#footer-1-smp div {
		flex-basis: 47%;
	}
	#footer-1-smp div img,
	#footer-1-smp div a {
		display:block;
		line-height:0;
		width:100%;
	}
}


/* 商品一覧 */
#footer-2 {
	background:#fff;
}
#footer-2 .in {
	width:980px;
	margin: 0 auto;
	padding:60px 0;
	display:flex;
	flex-wrap: wrap;
}
#footer-2 a {
	flex-basis: 31%;
	margin-bottom:20px;
	padding:0 10px;
	text-decoration:none;
}
#footer-2 a * {
	vertical-align:middle;
}
#footer-2 a img {
	display:inline-block;
	margin-right:20px;
}
#footer-2 a span {
	display:inline-block;
	font-size:1rem;
}
@media screen and (max-width: 980px) {
	#footer-2 .in {
		width:100% !important;
		padding:30px 0;
	}
	#footer-2 a {
		flex-basis: 49%;
	}
	#footer-2 a img {
		width:30%;
		margin-right:2%;
	}
	#footer-2 a span {
		font-size:3vw;
	}	
}



/* ナビ */
#footer-3 {
	width:980px;
	margin: 0 auto;
	padding:30px 0;
	text-align:center;
}
#footer-3 a {
	display:inline-block;
	border-right:solid 1px #ccc;
	padding-right:15px;
	margin-right:15px;
	text-decoration:none;
}
#footer-3 a:last-child {
	border:none;
}

@media screen and (max-width: 980px) {
	#footer-3 {
		width:90%;
		padding:30px 0 15px 0;
	}
	#footer-3 a {
		font-size:3vw;
		margin-bottom:10px;
	}
}



/* ロゴ */
#footer-4 {
	background:var(--deep-blue);
}
#footer-4 .in {
	width:980px;
	margin: 0 auto;
	padding:20px 0;
}
#footer-4 .in img {
	display:block;
	float:left;
}
#footer-4 .in span {
	display:block;
	float:right;
	margin-top:23px;
	padding: 5px 15px;
	border:solid 1px #fff;
	color:#fff;
}
#footer-4 .in small {
	display:block;
	float:right;
	width:70%;
	margin-top:30px;
	margin-left:30px;
	color:#fff;
	font-size:0.8rem;
	letter-spacing:1px;
	text-align:right;
}

@media screen and (max-width: 980px) {
	#footer-4 .in {
		width:96%;
		text-align:center;
	}
	#footer-4 .in img {
		display:block;
		margin: 10px auto 0 auto;
		float:none;
	}
	#footer-4 .in span {
		display:inline-block;
		float:none;
		margin:20px 0 0 0;
		font-size:3vw;
	}
	#footer-4 .in small {
		width:100%;
		float:none;
		margin:20px 0 0 0;
		font-size:2.2vw;
		text-align:center;
	}
}


a#pagetop {
	display:none;
	position:fixed;
	width:150px;
	right:0;
	bottom:0;
	z-index:999999;
}

a#pagetop img {
	display:block;
	width:100%;
}

@media screen and (max-width: 980px) {
	a#pagetop {
		width:20vw;
	}
}







/* 2025年版  -- TOPと商品一覧 共通 style
------------------------------------------------------------- */

.itemlist-content2025 {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:20px;
}

.item-list-unit {
	margin-bottom:50px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}
.item-list-unit .p-title {
	margin-bottom:10px;
	text-align:center;
	font-size:0.8rem;
	color:#5C3500;
}
.item-list-unit .p-title span {
	font-size:1rem;
	color:#5C3500;
}
.item-list-unit h1 {
	margin-bottom: 30px;
	padding:13px 0 10px;
	text-align:center;
	font-weight:bold;
	font-size:1.5rem;
    line-height: 1em;
    color: #fff;
}

#item-list-unit-01 h1 { background-color:var(--main-color-01); border-color:var(--main-color-01); }
#item-list-unit-02 h1 { background-color:var(--main-color-02); border-color:var(--main-color-02); }
#item-list-unit-03 h1 { background-color:var(--main-color-03); border-color:var(--main-color-03); }
#item-list-unit-04 h1 { background-color:var(--main-color-04); border-color:var(--main-color-04); }
#item-list-unit-05 h1 { background-color:var(--main-color-05); border-color:var(--main-color-05); }
#item-list-unit-06 h1 { background-color:var(--main-color-06); border-color:var(--main-color-06); }
#item-list-unit-07 h1 { background-color:var(--main-color-07); border-color:var(--main-color-07); }
#item-list-unit-08 h1 { background-color:var(--main-color-08); border-color:var(--main-color-08); }
#item-list-unit-09 h1 { background-color:var(--main-color-09); border-color:var(--main-color-09); }
#item-list-unit-10 h1 { background-color:var(--main-color-10); border-color:var(--main-color-10); }
#item-list-unit-11 h1 { background-color:var(--main-color-11); border-color:var(--main-color-11); }
#item-list-unit-12 h1 { background-color:var(--main-color-12); border-color:var(--main-color-12); }
#item-list-unit-13 h1 { background-color:var(--main-color-13); border-color:var(--main-color-13); }
#item-list-unit-14 h1 { background-color:var(--main-color-14); border-color:var(--main-color-14); }
#item-list-unit-15 h1 { background-color:var(--main-color-15); border-color:var(--main-color-15); }
#item-list-unit-16 h1 { background-color:var(--main-color-16); border-color:var(--main-color-16); }
#item-list-unit-17 h1 { background-color:var(--main-color-17); border-color:var(--main-color-17); }
#item-list-unit-18 h1 { background-color:var(--main-color-18); border-color:var(--main-color-18); }
#item-list-unit-19 h1 { background-color:var(--main-color-19); border-color:var(--main-color-19); }
#item-list-unit-20 h1 { background-color:var(--main-color-20); border-color:var(--main-color-20); }
#item-list-unit-21 h1 { background-color:var(--main-color-21); border-color:var(--main-color-21); }

.item-list-unit .left {
	float:left;
	width:40%;
	position:relative;
}
.item-list-unit .left a.to-review {
	display:block;
	margin-bottom:20px;
	padding:6px 0;
	background:#fff;
	border:solid 2px var(--deep-blue);
	text-align:center;
	text-decoration:none;
    font-size:0.9rem;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}
.item-list-unit .left a.to-review,
.item-list-unit .left a.to-review * {
	vertical-align:middle;
	color:var(--deep-blue);
	font-weight:bold;
}
.item-list-unit .left a.to-review img {
	display:inline-block;
	margin-right:10px;
}
.package-wrapper {
	background:#fff;
	margin-bottom:20px;
	padding: 5px;
	border:solid 3px #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.package-wrapper img {
	display:block;
    width: 100%;
	margin: 0 auto;
}
a.arrow-left {
	display:block;
	position:absolute;
	width:32px;
	height:32px;
	top:180px;
	left:-15px;
}
a.arrow-right {
	display:block;
	position:absolute;
	width:32px;
	height:32px;
	top:180px;
	right:-15px;
}
a.arrow-left img,
a.arrow-right img {
    width: 100%;
}
a.zoom {
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	top:280px;
	right:-10px;
}
a.zoom img {
    width: 100%;
}

/*.package-thumb {
}
.package-thumb a {
	width:100px;
	display:inline-block;
	margin-right:10px;
	text-align:center;
	line-height:0;
	
	background:#fff;
	padding: 10px;
	border:solid 3px .ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
.package-thumb a:hover {
	border-color:#006699;
}*/

.item-list-unit .right {
	float:right;
	width:52%;
	
}
h2 {
	margin-bottom: 20px;
	font-weight:bold;
	font-size:1rem;
	line-height:140%;	
}
h2 span {
	font-size:0.8rem;
}
.notice {
	margin-bottom:30px;
	font-size:0.8rem;
    line-height:130%;
	color:#555;
}
dl.content-and-price {
	margin-bottom:15px;
}
dl.content-and-price dt {
	display:inline-block;
	width:130px;
	background:var(--deep-blue);
    margin: 0 10px 10px 0;
	padding:10px 20px 7px;
	font-size:1rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:100%;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;		
}
dl.content-and-price dd {
	display:inline-block;
	font-size:1.1rem;
	line-height:150%;
}

dl.kinou-seibun {
	margin-bottom:15px;
    line-height: 1.3em;
}
dl.kinou-seibun dt {
	display:inline-block;
	width:180px;
	background:#E5F0F4;
    margin: 0 10px 10px 0;
	padding:10px 20px 7px;
	font-size:1rem;
	font-weight:bold;
	color:var(--deep-blue);
	text-align:center;
	line-height:100%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;		
}
dl.kinou-seibun dd {
	display:inline-block;
	font-size:1rem;
    height: 1em;
	margin-right: 10px;
	line-height:100%;
}
dl.kinou-seibun dd::after {
	content:" / ";
}
dl.kinou-seibun dd:last-child::after {
	content:"";
}
.btn-detail {
    clear:both; 
    display:block; 
    text-align:center;
}

@media screen and (max-width: 980px) {

    .itemlist-content2025 {
        display:grid;
        grid-template-columns: 1fr;
        gap:0;
        padding:  0 3vw;
    }

    .item-list-unit {
        margin-bottom:50px;
        padding: 20px;
        background: #fff;
        border-radius: 10px;
    }

	.item-list-unit {
		margin-bottom:5vw !important;
	}
	
	.bnr-hangaku {
		margin:20px auto;
		padding:20px 0 0;
	}
	.bnr-hangaku p {
		font-size:5vw;
	}	
	.bnr-hangaku a {
		width:100%;
		height:58vw;
		margin:5% 0 2%;
		background:url(/products/img/btn_trial_bg_smp.jpg) no-repeat;
		background-size:contain;
	}
	.bnr-hangaku a img {
		width:12.5vw;
		top:19.5vw;
		left:5.3vw;
	}
		
	.item-list-unit .p-title {
		margin:3vw 0;
		font-size:2.5vw;
	}
	.item-list-unit .p-title span {
		font-size:3.5vw;
	}
	.item-list-unit h1 {
		border:none;
		margin-bottom: 4vw;
		padding-bottom:2vw;
		font-size:5vw;	
        
	}
	
	.item-list-unit .left {
		float:none;
		width:90%;
		margin: 0 auto;
	}
	.package-wrapper {
		margin-bottom:2vw;
		padding: 8vw 0;
	}
    a.arrow-left {
        left:-30px;
    }
    a.arrow-right,
	a.zoom {
		right:-30px;
	}
	.package-thumb {
		margin-bottom:30px;
	}
	.package-thumb a {
		width:20vw;	
	}
	.item-list-unit .right {
		float:none;
		width:96%;	
		margin: 0 auto;
	}
	h2 {
		font-size:5vw;
		line-height:150%;	
	}
	h2 span {
		font-size:2.5vw;
	}
	.notice {
		font-size:2.5vw;
		line-height:150%;
	}
	dl.content-and-price {
		margin-bottom:15px;
	}
	dl.content-and-price dt {
		width:20vw;
		margin-right:2vw;
		padding:2vw 2vw 2vw;
		font-size:3vw;	
	}
	dl.content-and-price dd {
		font-size:4vw;
		line-height:140%;
	}
	dl.kinou-seibun {
	}
	dl.kinou-seibun dt {
		width:30vw;
		margin-right:2vw;
		padding:2vw 2vw 2vw;
		font-size:3vw;		
	}
	dl.kinou-seibun dd {
		font-size:3vw;
		line-height:140%;
	}
	dl.kinou-seibun dd::after {
		content:"/";
	}
}