@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-green:#217611;
	--light-green:#D2E2D0;
}






/* 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;
}
strong {
	color:#FF3300;
	font-weight:bold;
}
.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; display:block;}
.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;
		padding-top:20px;
	}
	body#p-search section > .in {
		width:980px !important;
	}
	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;
	}
    .pc-13rem { font-size: 1.3rem;}
    .pc-12rem { font-size: 1.2rem;}
    .pc-11rem { font-size: 1.1rem;}
    .pc-1rem { font-size: 1.0rem;}
}

/* タブレット */
@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;
	}
    .pc-13rem { font-size: 1.3rem;}
    .pc-12rem { font-size: 1.2rem;}
    .pc-11rem { font-size: 1.1rem;}
    .pc-1rem { font-size: 1.0rem;}  
}

/* スマホ */
@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;
	}
    .sp-3vw { font-size: 3vw;}
    .sp-35vw { font-size: 3.5vw;}
    .sp-4vw { font-size: 4vw;}
	.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;
	text-align:right;
}
#h1 h1 {
	width:1472px;
	margin: 0 auto;
	padding:5px;
	color:#6C6C6C;
}
#header-top {
	width:1472px;
	margin: 0 auto 22px;
	padding-top:30px;
}
header .left {
	width:calc(100% - 980px);
	float:left;
}
header .left img,
header .left span,
header .left h1 {
	display:inline-block;
	vertical-align:middle;
}
header .left span {
	color:#6C6C6C;
}
header .center {
	width:450px;
	float:left;
	text-align:center;
}
header .right {
	width:500px;
	float:right;
	text-align:right;
}
header .right a {
	display:inline-block;
	margin-left:15px;
}


header .header-search {
	width:480px;
}
header .header-search:nth-child(2) {	
	display:none;
}
header .header-search form {
	width:480px;
	height:54px;
	float:left;
	overflow:hidden;
}
header .header-search div {
	display:inline-block;
	height:54px;
	vertical-align:middle;
}
header .header-search div:nth-child(1){
	width:406px;
	height:54px;
	padding:12px 15px;
	background:url(/common/202304new/img/header_search_input2.jpg) no-repeat;
}
header .header-search div:nth-child(1) input {
	width:370px;
	height:34px;
	padding:5px;
	font-size:1rem;
	border:none;
}
header .header-search .kwds {
	float:left;
	padding-top:10px;
	text-align:right;
}
header .header-search .kwds a,
header .header-search .kwds span {
	display:inline-block;
	font-size:0.9rem;
	color:#6C6C6C;
	text-decoration:none;
}
header .header-search .kwds a {
	margin: 0 3px 5px;
	padding:3px 7px 2px;
	border:solid 2px #FFAF03;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
}




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

header nav li {
	border-right: dotted 2px #aaa;
}
header nav li:nth-child(1) {
	border-left: dotted 2px #aaa;
	flex-basis: 18%;
}
header nav li:nth-child(2) {
	flex-basis: 18%;
}
header nav li:nth-child(3) {
	flex-basis: 27%;
}
header nav li:nth-child(4) {
	flex-basis: 27%;
}
header nav li:nth-child(5) {
	flex-basis: 23%;
}
header nav li:nth-child(6) {
	flex-basis: 18%;
}
header nav a {
	display:block;
	height:30px;
	padding:7px 0 0 0;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:1.2rem;
	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;
	}
	#header-top {
		margin-bottom:10px;
	}	
	header .left {
		width:calc(100% - 500px);
	}	
	header nav a {
		font-size:1rem;
	}
	header .center {
		display:none;
	}
	header .header-search {
		width:980px;
		height:70px;
		overflow:hidden;
		margin: 0 auto 10px;
	}
	header .header-search:nth-child(2) {	
		display:block;
	}
	header .header-search form {
		width:400px;
		height:44px;
	}		
	header .header-search div {
		height:44px;
	}	
	header .header-search div:nth-child(1){
		width:320px;
		height:44px;
		padding:12px 15px;
		background:url(/common/202304new/img/header_search_input.jpg) no-repeat;
	}	
	header .header-search div:nth-child(1) input {
		width:290px;
		height:24px;
		padding:5px;
		font-size:1rem;
		border:none;
	}
	header .header-search .kwds {
		float:right;
		width:490px;
		padding-top:0;
	}	
}
@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:35%;
		padding-left:1%;
	}
	header a img {
		width:100%;
	}
	header .right {
		width:63%;
		padding-right:1%;
	}
	header .right a {
		width:27%;
		margin-left:1%;
	}

	header .header-search {
		width:96%;
		height:auto;
		margin: 0 auto;
	}
	header .header-search form {
		width:100%;
		height:auto;
		padding-top:10px;
	}		
	header .header-search div {
	}	
	header .header-search div:nth-child(1){
		width:87.5%;
		height:9.2vw;
		padding:1.6vw 4vw 2.4vw;
		background:url(/common/202304new/img/header_search_input_smp.jpg) no-repeat;
		background-size:cover;
	}	
	header .header-search div:nth-child(1) input {
		width:100%;
		height:1.3rem;
		padding: 0 1vw;
		font-size:1rem;
		border:none;
	}
	header .header-search div:nth-child(2){
		width:12.5%;
		height:9.1vw;
	}	
	header .header-search div:nth-child(2) input {
		width:100%;
		height:9vw;
	}	
	header .header-search .kwds {
		float:none !important;
		width:100% !important;
		height:auto !important;
		padding:10px;
		text-align:center;
	}		
	header .header-search .kwds span {
		display:block;
		padding:10px 0;
	}
}






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

#smp-menu {
	position:absolute;
	width:100%;
	top:23vw;
	right:-2000px;
	z-index:999;
	background:#fff;
}
#smp-menu ul {
	margin-bottom:30px;
	border-top:solid 1px var(--deep-green);
}
#smp-menu ul li {
	display:block;
	width:100%;
	padding:8px;
	border-bottom:solid 1px var(--deep-green);
	background:url(/common/202304new/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-green);
	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 #99B493;
	margin-bottom:30px;
}
section .title h2 {
	margin-bottom:10px;
	font-size:3rem;
	line-height:130%;
	font-weight:bold;
	color:var(--deep-green);
}
section .title span {
	display:block;
	margin-bottom:10px;
	font-size:1.1rem;
	line-height:100%;
	font-weight:bold;
	letter-spacing:5px;	
	color:#99B493;
}
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;
}

section .title-bottom {
	margin-bottom:20px;
}
section .title-bottom * {
	vertical-align:middle;
	color:var(--deep-green);
	font-weight:bold;	
}
section .title-bottom a { /* more */
	display:block;
	float:right;
	margin-top:20px;
}
section .title-bottom a img {
	border-radius: 19px;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
}

section .title-bottom h3 {
	font-size:2.6rem;
}
section .title-bottom h3 span {
	display:inline-block;
	margin-left:20px;
	font-size:1.6rem;
}

.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;
	}
	section .title-bottom h3 span {
		display:block;
		margin-top:-5px;
		margin-left:120px;
		font-size:1.6rem;
	}	
}
@media screen and (max-width: 980px) {
	section .title {
		width:96%;
		margin: 0 2% 40px 2%;
	}
	section .title h2 {
		font-size:5.5vw;
		padding: 0 2%;
	}
	section .title span {
		float:left;
		padding: 0 2%;
		font-size:4vw;
	}
	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%;
	}
	section .title-bottom {
		margin-bottom:3vw;
		text-align:center;
	}
	section .title-bottom a { /* more */
		display:block;
		float:none;
		width:46vw;
		margin:5vw auto 1vw;
	}
	section .title-bottom a img {
		width:100%;
	}
	section .title-bottom h3 {
		font-size:6vw;
	}
	section .title-bottom h3 span {
		padding: 10px 0;
		font-size:4vw;
	}
	.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など　※ slick 版　）
----------------------------------------------------------------- */

.itemlist-content {
/*	display:flex;
	flex-wrap: wrap; → slick に任せる */
	padding: 0 3%;
	margin-bottom:100px;
	position:relative;
}
.itemlist-content .unit {
	/*flex-basis: 31%; → slick に任せる */
}
.itemlist-content .slide-arrow {
	position:absolute;
	z-index:9999;
	top:160px;
	cursor:pointer;
}
.itemlist-content .slide-arrow:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.itemlist-content .prev-arrow {
	left:-20px;
}
.itemlist-content .next-arrow {
	right:-20px;
}
.itemlist-content .unit .in {
	margin: 0 4%;
	padding:10px 0;
	overflow:hidden;
	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);
}
.itemlist-content span {
	display:block;
}
/*.itemlist-content span.copy {
	padding:15px 20px 10px;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	color:#666;
}
#itemlist-content1 span.copy { background:#FFAF04; color:#fff; }
#itemlist-content2 span.copy { background:#FF7513; color:#fff; }
#itemlist-content3 span.copy { background:#FFF3B9; color:#666; }

.unit.p-inushuukan span.copy  { font-size:1.1rem !important; }
.unit.p-nekoshuukan span.copy { font-size:1.1rem !important; }
.unit.p-konaissho span.copy   { font-size:1rem !important; }
.unit.p-konashuukan span.copy { font-size:0.95rem !important; }*/



.itemlist-content img.item {
	display:block;
	width:45%;
	margin: 0 auto;
}
.itemlist-content span.copy {
	padding:10px 0;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	color:#666;
}
.itemlist-content h4 {
	margin: 0 20px 12px;
	padding-left:10px;
	font-size:1.6rem;
	line-height:120%;
	font-weight:bold;
	color:#3376C5;
}
.itemlist-content h4 small {
	font-size:0.8rem;
	color:#555;
	font-weight:normal;
}
.itemlist-content span.price {
	margin: 0 20px 12px;
	font-size:1.2rem;
}
.itemlist-content span.price em {
	font-size:1.5rem;
	font-weight:bold;
	color:#666;
}
.itemlist-content span.amount-meyasu {
	margin: 0 20px 12px;
	font-size:0.9rem;
	line-height:130%;
}
.itemlist-content span.mark {
	display:inline-block;
	margin: 0 20px 5px;	
	padding:2px 15px 0;
	background:#ededed;
	font-size:0.9rem;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.itemlist-content span.text {
	height:78px;
	margin: 0 20px 15px;
	font-size:0.9rem;
	line-height:150%;
}
.itemlist-content a {
	display:block;
	text-align:center;
}
.itemlist-content a img {
	display:inline-block;
	width:88%;
}

@media screen and (max-width: 1400px) and (min-width: 981px) {
/*	.itemlist-content span.copy {
		padding:10px 12px 5px;
		font-size:1.1rem;
	}
	.unit.p-inushuukan span.copy  { font-size:1rem !important; }
	.unit.p-nekoshuukan span.copy { font-size:1rem !important; }
	.unit.p-konaissho span.copy   { font-size:0.9rem !important; }
	.unit.p-konashuukan span.copy { font-size:0.85rem !important; }	*/
	
	.itemlist-content span.price {
		font-size:1rem;
	}	
	.itemlist-content span.amount-meyasu {
		font-size:0.8rem;
	}
	.itemlist-content span.text {
		height:98px;
	}	
}
/*------------ ↑ と同じものを商品一覧に適用 ----------------------*/

/*body#p-products .itemlist-content span.copy {
		padding:10px 12px 5px;
		font-size:1.1rem;
	}
body#p-products .unit.p-inushuukan span.copy  { font-size:1rem !important; }
body#p-products .unit.p-nekoshuukan span.copy { font-size:1rem !important; }
body#p-products .unit.p-konaissho span.copy   { font-size:0.9rem !important; }
body#p-products .unit.p-konashuukan span.copy { font-size:0.85rem !important; }	*/

body#p-products .itemlist-content span.price {
		font-size:1rem;
	}	
body#p-products .itemlist-content span.amount-meyasu {
		font-size:0.8rem;
	}
body#p-products .itemlist-content span.text {
		height:98px;
	}
	
/* -- ここまで -- */
@media screen and (max-width: 980px) {

	.itemlist-content {
		padding: 0 1%;
	}	
	.itemlist-content span.copy {
		padding:10px 12px 5px;
		font-size:2.6vw;
	}
	.unit.p-inushuukan span.copy  { font-size:2.5vw !important; }
	.unit.p-nekoshuukan span.copy { font-size:2.5vw !important; }
	.unit.p-konaissho span.copy   { font-size:2.2vw !important; }
	.unit.p-konashuukan span.copy { font-size:2vw !important; }	

	.itemlist-content img.item {
		width:95%;
		margin-bottom:1vw;
	}
	.itemlist-content h4 {
		font-size:4.5vw;
		padding-left:0;
		text-align:center;
	}
	.itemlist-content h4 small {
		display:block;
		font-size:3vw;
		height:110%;
		text-align:center;
	}	
	.itemlist-content span.price {
		margin: 0 3vw 2vw;
		font-size:2.5vw;
	}
	.itemlist-content span.price em {
		font-size:4vw;
	}
	.itemlist-content span.amount-meyasu {
		margin: 0 3vw 2vw;
		font-size:3vw;
	}
	.itemlist-content span.mark {
		margin: 0 3vw 2vw;
		font-size:3vw;
	}
	.itemlist-content span.text {
		margin: 0 3vw 2vw;
		font-size:3vw;
		height:98px;
	}	

	.itemlist-content .slide-arrow {
		top:-12vw;
		width:18vw;
	}
	.itemlist-content .prev-arrow {
		left:4vw;
	}
	.itemlist-content .next-arrow {
		right:4vw;
	}
	
	
}








/* 【スマホ】 商品一覧ユニット（TOPなど、トグル）
----------------------------------------------------------------- */


@media screen and (min-width: 981px) {

	/* 想定していない */
}

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

	#toggle-list {
		width:96%;
		margin: 0 auto;
	}
	.btn-toggle-list {
		margin-bottom:12px;
	}
	.toggle-list-unit {
		display:none;
		margin-bottom:30px;
	}
	.toggle-list-unit .unit {
		margin-bottom:20px;
		padding:10px 20px;
		overflow:hidden;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		background:#fff;
	}
	
	.toggle-list-unit img.item {
		display:block;
		width:45%;
		float:left;
	}
	.toggle-list-unit .right {
		width:55%;
		float:right;
		padding-top:20px;
		text-align:center;
	}
	.toggle-list-unit span {
		display:block;
		margin-bottom:6px;
	}
	.toggle-list-unit span.copy {
		font-size:4vw;
		font-weight:bold;
		color:#555;
	}
	.toggle-list-unit h4 {
		margin-bottom:6px;
		font-size:6vw;
		line-height:120%;
		font-weight:bold;
		color:#3376C5;
	}
	.toggle-list-unit span.review {
		font-size:3vw;
		color:#555;
		font-weight:normal;
	}
	.toggle-list-unit span.price {
		font-size:3vw;
	}
	.toggle-list-unit span.price em {
		font-size:4vw;
		font-weight:bold;
		color:#666;
	}
	.toggle-list-unit span.amount-meyasu {
		font-size:2.5vw;
		line-height:130%;
	}
	.toggle-list-unit span.mark {
		display:inline-block;
		padding:2px 15px 0;
		background:#ededed;
		font-size:3vw;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	}
	.toggle-list-unit span.text {
		padding: 0 10px 10px;
		font-size:2.75vw;
		line-height:130%;
	}
	.toggle-list-unit a {
		display:block;
		text-align:center;
	}
	.toggle-list-unit a img {
		width:100%;
	}

}






/* 記事ユニット（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% 45px;
	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:220px;
	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:var(--deep-green);
	color:#fff;
	line-height:100%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
}
.health.kiji ul span.shikaku.type-doctor,
.health.kiji ul span.shikaku.pink {
	background:#E76998 !Important;
}
.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%;
}
.health.kiji ul span.name{
	display:block;
	padding-top:10px;
	text-align:right;
	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;
		height:auto;
	}
	.health.kiji ul a img {
		height:auto;
	}
	.health.kiji ul span.shikaku {
		font-size:3vw;
	}
	.health.kiji ul span.ttl {
		font-size:4vw;
	}
	.health.kiji ul span.content{
		font-size:3vw;
	}
	
}





/* お知らせ（TOPと過去一覧）
----------------------------------------------------------------- */

#news {
	padding-top:100px;
}
#news .contents {
	width:100%;
}
#news .contents .unit {
	margin-bottom:20px;
}
#news .contents .unit .head {
	padding:25px 50px 20px;
	background:#eee;
	
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
}
#news .contents .unit .head span.date {
	display:inline-block;
	border-right:solid 1px #333;
	margin-right:30px;
	padding-right:30px;
	font-size:1.2rem;
	font-weight:bold;
	line-height:100%;
}
#news .contents .unit .head span.ttl {
	color:var(--deep-green);
	font-size:1.2rem;
	font-weight:bold;
	line-height:100%;
}
#news .contents .unit .content {
	padding:30px;
	line-height:180%;
	font-size:1.1rem;
}

@media screen and (max-width: 980px) {
	#news {
		padding-top:40px;
	}
	#news .contents {
		width:96%;
		margin: 0 auto;
	}
	body#p-toppage #news .contents .unit:nth-child(n+3) {
		display:none;
	}
	#news .contents .unit .head {
		padding:3vw 5vw 2vw;
	}
	#news .contents .unit .head span.date {
		display:block;
		margin:0 0 10px 0;
		padding-right:0;
		border:none;
		font-size:3.5vw;
	}
	#news .contents .unit .head span.ttl {
		font-size:3.5vw;
	}
	#news .contents .unit .content {
		padding:2%;
		line-height:160%;
		font-size:3.5vw;
	}	
}











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

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-3 a:nth-child(3),
	#footer-3 a:nth-child(5) {
		border:none;
	}
}




/* 商品リスト */
#footer-5 {
	width:980px;
	margin: 0 auto;
	padding:30px 0;
	text-align:center;
}
#footer-5 div {
	margin-bottom:15px;
	font-size:0.9rem;
}
#footer-5 div:nth-child(2n) {
	margin-bottom:25px;
}
#footer-5 a {
	display:inline-block;
	border-right:solid 1px #ccc;
	padding-right:15px;
	margin-right:15px;
	font-size:0.9rem;
	text-decoration:none;
}
#footer-5 a:last-child {
	border:none;
}

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





/* ロゴ */
#footer-4 {
	background:var(--deep-green);
}
#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: 1400px) and (min-width: 981px) {
	a#pagetop {
		width:120px;
	}
}
@media screen and (max-width: 980px) {
	a#pagetop {
		width:15vw;
	}
}