@charset "UTF-8";
@-ms-viewport{
	width: device-width;
}
body{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Marmelad', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.row,
.contain-to-grid .top-bar{
	max-width: 1200px;
}

/* Ａ: トップバー */
.contain-to-grid,
.menu,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar.expanded .title-area{
	background-color: #928c36;/* 色：うぐいす色 */
}
.top-bar-section li:not(.has-form) a:not(.button):hover{
	background-color: #ffffff;/* 色：白 */
	color: #928c36;/* 色：うぐいす色 */
	font-weight: bold;
}
.kanpouyakusouten_01{
	color: #ffffff;
	font-size: 20px;
}
.wi-cot01{
	color: #ffffff;
	font-size: 40px;
}
.kanpouyakusouten_02{
	color: #555A29;/* 色：うぐいす色-2 */
	font-size: 25px;
}
.wi-cot02{
	color: #555A29;/* 色：うぐいす色-2 */
	font-size: 60px;
}
.preventive_medicine_02{
	color: #555A29;/* 色：うぐいす色-2 */
}

/* Ｂ: ヘッダー */
.header{
	padding: 20px 0 10px 0;
	text-align: center;
}
.header h1{
	margin: 0;
	font-size: 26px;
	line-height: 1;
}
.header h1 a{
	color: #000;/* 色：黒 */
	text-decoration: none;
}
.header p{
	margin: 8px 0 0 0;
	font-size: 12px;
	line-height: 1;
}
.header .logo{
	margin: 0 0 10px 0;
	border: none;
	vertical-align: bottom;
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.header h1{
	font-size: 45px;
}
	.header img{
	width: 100px;
	height: auto;
}
	.header .logo{
	margin: 0 0 20px 0;
}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.header h1{
	font-size: 40px;
}
	.header img{
	width: 80px;
	height: auto;
}
	.header .logo{
	margin: 0 0 15px 0;
}
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- ----------------------------------- Ｃ: カルーセル --------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
/* Ｃ: カルーセル */
.slide{
	height: 280px;
	padding: 50px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;/* 色：silver */
	background-image: url(img/slide0001.jpg);
	background-position: 30% 30%;
	background-size: cover;
}
.slide h3{
	margin: 0;
	font-size: 26px;
	line-height: 1;
}
.slide h3 a{
	color: #000;/* 色：黒 */
	text-decoration: none;
}
.slide p{
	margin: 8px 0 0 0;
	font-size: 14px;
	line-height: 1;
}
ul[data-orbit] li:nth-child(2) .slide{
	background-image: url(img/slide0002.jpg);
	background-position: 50% 50%;
}
ul[data-orbit] li:nth-child(3) .slide{
	background-image: url(img/slide0003.jpg);
	background-position: 50% 0%;
}
ul[data-orbit] li:nth-child(4) .slide{
	background-image: url(img/slide004.jpg);
	background-position: 50% 50%;
}
ul[data-orbit] li:nth-child(5) .slide{
	background-image: url(img/slide0005.jpg);
	background-position: 60% 50%;
}
/* カルーセルの数を増やすときは

--------------------------------------------------------
ul[data-orbit] li:nth-child(※通し番号) .slide{
	background-image: url(img/slide(※XXX).jpg);
	background-position: 50% 65%;
}
--------------------------------------------------------

上記をコピーし(※)　の場所を任意の番号に変更してください。

 */
/* 枠の設定 */
.slide .inner{
	padding: 10px;
	background-color: rgba(255,255,255,0.6);/* 色：白 透明化 */
}

/* パーツを重ねる設定 */
.slide{
	position: relative;
}
.slide .inner{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.slide .inner h3{
	font-size: 15px;
}
.slide .inner p{
	font-size: 10px;
}
.orbit-container{
	margin-bottom: 10px
}

/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.slide .inner{
	padding: 20px;
	}
	.slide .inner h3{
	font-size: 25px;
	}
	.slide .inner p{
	font-size: 15px;
	}
	.slide{
	height: 600px;
	padding: 50px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;/* 色：silver */
	background-image: url(img/slide0001.jpg);
	background-position: 50% 50%;
	background-size: cover;
}
}


/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.slide .inner{
	padding: 10px;
	}
	.slide .inner h3{
	font-size: 20px;
	}
	.slide .inner p{
	font-size: 12px;
	}
	.slide{
	height: 330px;
	padding: 50px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;/* 色：silver */
	background-image: url(img/slide0001.jpg);
	background-position: 50% 50%;
	background-size: cover;
}
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- -------------------------------- Ｄ１～Ｄ４: グループ ------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.group{
	margin-bottom: 30px;
	padding: 0;
}
.group > h2{
	margin: 0 0 10px 0;
	font-size: 14px;
}

/* 罫線で区切る設定 */
.group > h2{
	padding: 0 0 0 5px;
	border-left: solid 5px #928c36;/* 色：うぐいす色 */
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.group > h2{
		font-size: 20px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.group > h2{
		font-size: 18px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- -------------------------------- Ｄ１: サイドメニュー ------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.group .sidemenu{
	padding: 20px; 
	background-color: #ffefcf;/* 色：うすたまごいろ */
}
.group .sidemenu h3{
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 1.2;
}
.group .sidemenu ul,
.group .sidemenu ol{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	list-style: none;
}
.group .sidemenu ul li a{
	display: block;
	padding: 8px 5px 8px 5px;
	color: #000;/* 色：黒 */
	text-decoration: none;
}
.group .sidemenu ul li a:hover{
	background-color: #ffffff;/* 色：白 */
}

/* 枠＋見出しの設定 */
.group .sidemenu{
	margin-bottom: 10px;
	padding: 0 0 1px 0;
	background-color: #ffefcf;/* 色：うすたまごいろ */
}
.group .sidemenu > h3{
	margin: 0;
	padding: 10px;
	color: #ffffff;/* 色：白 */
	background-color: #928c36;/* 色：うぐいす色 */
	font-size: 20px;
	font-weight: bold;
}
.group .sidemenu > p{
	margin: 10px;
}
.group .sidemenu ul li a{
	padding-left: 10px;
}
.group .sidemenu ul li a:hover{
	color: #928c36;/* 色：うぐいす色 */
	background-color: #ffffff;/* 色：白 */
	font-size: 200%;
	font-weight: bold;
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- -------------------------------- Ｄ２: おすすめ情報 -------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.entry{
	margin: 10px 0 10px 0;
	padding: 20px;
	background-color: #ffefcf;/* 色：うすたまごいろ */
}
.entry img{
	float: left;
	max-width: 100%;
	height: auto;
	margin: 0;
	vertical-align: bottom;
}
.entry h3{
	margin: 0 0 10px 33%;
	font-size: 18px;
	line-height: 1.2;
}
.entry p{
	margin: 0 0 10px 33%;
	font-size: 14px;
	line-height: 1.6;
}
.entry:after{
	content: "";
	display: block;
	clear: both;
}
.entry{
	*zoom: 1;
}
/*-- -------------------------------- --*/
/*-- --------- entry2の設定 --------- --*/
/*-- -------------------------------- --*/
.entry2{
	margin: 20px 0px 20px 0;
	padding: 20px;
	background-color: #00a968;/* 色：エメラルドグリーン */
}
.entry2 img{
	float: left;
	max-width: 100%;
	height: auto;
	margin: 0;
	vertical-align: bottom;
}
.entry2 h3{
	margin: 0 0 10px 33%;
	font-size: 18px;
	line-height: 1.2;
}
.entry2 p{
	margin: 0 0 10px 33%;
	font-size: 14px;
	line-height: 1.6;
}
.entry2:after{
	content: "";
	display: block;
	clear: both;
}
.entry2{
	*zoom: 1;
}
/*-- -------------------------------- --*/
/*-- ------- 罫線で区切る設定 ------- --*/
/*-- -------------------------------- --*/
.entry h3{
	padding: 0 0 10px 0;
	border-bottom: solid 2px #928c36;/* 色：うぐいす色 */
}

/* -- ボタン -- */
.d2_button{
	display: inline-block;
	margin: 0;
	padding: 10px 25px 10px 25px;
	background-color: #a52a2a;
	color: #000000;
	text-shadow: 0px 1px 0px #fff;/* 色：白 */
	font-size: 16px;
	text-decoration: none;
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 80%);/* 色：白＆グレー */
	border-radius: 5px;
	border: 1px solid #ddd;/* 色：グレー */
	box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
}
.d2_button:hover, a.h{
	color: #888888;
	background: linear-gradient(to bottom, #ffffff 0%,#ededed 80%);/* 色：白＆ライトグレー */
	box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
}
.d2_button:active, a.a {
	color: #555;/* 色：ダークグレー */
	background: linear-gradient(to bottom, #eee 0%,#eee 3%,#fff 4%,#e5e5e5 80%);/* 色：白＆グレー */
	box-shadow: none;
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- -------------------------------- Ｄ３: 新着情報 ------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.news{
	padding: 18px;
	border: solid 2px #dfc27e;/* 枠の設定 */
	background-color: #fff;
}
.news h1{
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 1.2;
}
.news ul,
.news ol{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;
}
.news li a{
	display: block;
	padding: 10px 5px 10px 5px;
	color: #000;
	text-decoration: none;
}
.news li a:hover{
	background-color: #ffe;
}
.news time{
	float: left;
	border: none;
}
.news p{
	margin: 0 0 0 110px;
}
.news .desc{
	color: #666;
	font-size: 12px;
}
.news li a:after{
	content: "";
	display: block;
	clear: both;
}
.news li a{
	*zoom: 1;
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- -------------------------------- Ｄ４: ショッピング情報 ---------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.shopping-image{
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
	background-color: #afda64;/* 色：ライトグリーン */
	border-radius: 10px;/* 枠の設定 */
	
}
.shopping-note{
	margin-bottom: 10px;
	padding: 20px;
	font-size: 18px;
	line-height: 1.6;
	text-align: left;
}
.shopping-image .telephone-mark img{
	margin: 20px;
}
/* ボタン */
.shopping-image .truck_button{
	display: inline-block;
	margin-bottom: 15px;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	background-color: #afda64;/* 色：ライトグリーン */
	color: #ffffff;
	text-shadow: 0px 1px 0px #fff;
	font-size: 16px;
	background: linear-gradient(to bottom, #ffffff 0%,#afda64 80%);
	border-radius: 5px;
	border: 1px solid #ddd;
	box-shadow: 0px 8px 8px rgba(0,0,0,0.4);
}

.shopping-image .truck_button:hover, a.h {
	color: #888888;
	background: linear-gradient(to bottom, #ffffff 0%,#ededed 80%);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
}
.shopping-image .truck_button:active, a.a {
	color: #555;
	background: linear-gradient(to bottom, #eee 0%,#eee 3%,#fff 4%,#e5e5e5 80%);
	box-shadow: none;
}
.shopping-image .telephone-mark{
	display: inline-block;
	margin-bottom: 15px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	background-color: #afda64;/* 色：ライトグリーン */
	color: #ffffff;
	text-shadow: 0px 1px 0px #fff;
	font-size: 16px;
	background: linear-gradient(to bottom, #ffffff 0%,#afda64 80%);
	border-radius: 5px;
	border: 1px solid #ddd;
	box-shadow: 0px 8px 8px rgba(0,0,0,0.4);
}
.shopping-image .telephone-mark:hover, a.h {
	color: #888888;
	background: linear-gradient(to bottom, #ffffff 0%,#ededed 80%);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
}
.shopping-image .telephone-mark:active, a.a {
	color: #555;
	background: linear-gradient(to bottom, #eee 0%,#eee 3%,#fff 4%,#e5e5e5 80%);
	box-shadow: none;
    }
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------ Ｅ: about wi-cot ------------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.about-wi-cot{
	margin: 10px 0px 30px 0px;
	padding: 0px;
}
/*-- -------------------------------- --*/
/*-- ------- about-wi-cot-title ----- --*/
/*-- -------------------------------- --*/
.about-wi-cot-title{
	margin: 10px 30px 0px 30px;
	padding: 0;
	background-color: #ffffff;/* 色：白 */
}
.about-wi-cot-title img{
	background-color: #ffffff;/* 色：白 */
	max-width: 100%;
	height: auto;
	margin: 0px;
	vertical-align: bottom;
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.about-wi-cot-title{
		margin: 10px 240px 0 240px ;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.about-wi-cot-title{
		margin: 10px 250px 0 250px ;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/*-- -------------------------------- --*/
/*-- ----------- aboutus ------------ --*/
/*-- -------------------------------- --*/
.about_wi-cot_main_title{
	padding: 15px 20px 15px 20px;
	background-color: #f5e2c0;
	border-radius: 20px;
	margin-bottom: 20px;
}
#about_wi-cot_title{
	text-align: center;
	background-color: #f5e2c0;
	margin: 0px auto 0px auto;
}
#about_wi-cot_title p{
	font-size: 25px;
}
#about_wi-cot_title img{
	width: 60px;
	height: auto;
}
/*- ---------------------------------- -*/
#about_me{
	padding: 0px 10px 0px 10px;
	border-radius: 10px;
	background-color: #f5e2c0;
	margin-bottom: 30p;
	text-align: center;
}
#about_me img{
	width: auto;
	border-radius: 20px;
	box-shadow: 10px 10px 8px rgba(0,0,0,0.4);
}
/*-- -------------------------------- --*/
/*-- --------- 文字の色設定 --------- --*/
/*-- -------------------------------- --*/
.about_wi-cot h2{
	position: relative;
	color: #50aad8;
	font-weight: 1000;
	-webkit-text-stroke-width: ;
	-webkit-text-stroke-color: ;
}
.about_wi-cot h2:before{
	position: absolute;
	top: 0;
	left: 0;
	content: attr(data-text);
	color: #85e285;
	-webkit-mask-image: linear-gradient(to bottom,rgb(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
}
/* ------------------------------------ */
/* 950px以上の表記 */
@media all and (min-width: 950px) {
		#about_wi-cot_title p{
		font-size: 35px;
	}
		#about_wi-cot_title img{
		width: 300px;
		height: auto;
	}
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------ about_wi-cot_sub_title ------------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.about_wi-cot_sub_title{
	width: 100%;
}
.about_wi-cot_sub_title table{
	border-collapse: collapse;
}
.about_wi-cot_sub_title th,td{
	border: solid 1px #302107;
	padding: 20px;
}
.about_wi-cot_sub_title th{
	text-align: left;
	background-color: #734f11;
	color: #ffffff;
}
.about_wi-cot_sub_title th:first-child{
	width: 8em;
	height: 5em;
}
.about_wi-cot_sub_title td{
	background-color: #f9ecd7;
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- -------------------------------- Ｆ: 店舗案内 -------------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.shop_information{
	margin: 10px 0px 30px 0px;
	padding: 0px;
}
/*-- -------------------------------- --*/
/*-- ---- shop_information-title ---- --*/
/*-- -------------------------------- --*/
.shop_information-title{
	margin: 10px 30px 0 30px ;
	padding: 0;
	background-color: #ffffff;/* 色：白 */
}
.shop_information-title img{
	background-color: #ffffff;/* 色：白 */
	max-width: 100%;
	height: auto;
	margin: 0px;
	vertical-align: bottom;
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.shop_information-title{
		margin: 10px 240px 0 240px;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.shop_information-title{
		margin: 10px 250px 0 250px;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/*-- -------------------------------- --*/
/*-- ---- shop_information-note ----- --*/
/*-- -------------------------------- --*/
.shop_information-note{
	padding: 30px;
	background-color: #ddeeff;
	border-radius: 20px;
	margin-bottom: 20px;
	text-decoration: none;
	text-align: center;
}
.shop_information-note h1{
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 20px;
	line-height: 1;
}
.kanpouyakusouten_03{
	color: #555A29;/* 色：うぐいす色-2 */
	font-size: 20px;
}
.wi-cot03{
	color: #555A29;/* 色：うぐいす色-2 */
	font-size: 40px;
}
.preventive_medicine_03{
	color: #555A29;/* 色：うぐいす色-2 */
}
.shop_information p{
	margin: 8px 0 0 0;
	font-size: 12px;
	line-height: 1;
}
.shop_details{
	text-align:left;
}
.shop_details h3{
	font-size: 15px;
	line-height: 120%;
	padding: 0;
}
.shop_details h4{
	font-size: 12px;
}
.shop_details .access-button img{
	width: 200px;
}
.iframe-wrp{
	position: relative;
	width: 100%;
	padding-top: 75%; /* = height ÷ width × 100 */
	margin-bottom: 20px;
}
.iframe-wrp iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 950px以上の表記 */
@media all and (min-width: 950px) {
	#shop_information_title p{
	font-size: 35px;
}
	#shop_information_title img{
	width: 300px;
	height: auto;
}
}

/*nat1_line_02.png*/
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- -------------------------------- Ｇ: フッター -------------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
/*  */
.footer{
	padding: 20px;
	background-color: #d3d3d3;/*-- ライトグレー --*/
	color: #fff;
}
.footer p{
	margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;
}
.footer a{
	color: #fff;
	text-decoration: none;
}
.under-bar-section{
	padding: 0;
	background-color: #dfe3e8;
}
.under-bar-section ul,
.under-bar-section ol{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	list-style: none;
}
/*-- -------------------------------- --*/
/*-- ---- フッターのメニュー設定 ---- --*/
/*-- -------------------------------- --*/
.under-bar-section li a{
	display: block;
	padding: 2px 15px;
	color: #ffffff;/*-- ホワイト --*/
	text-decoration: none;
	border-right: solid 1px #ffc0cb;
}
.under-bar-section li a:hover{
	background-color: #eeeeee;/*-- 淡いグレー --*/
	color: #000000;/*-- ブラック --*/
}
.under-bar-section li:first-child a{
	border-left: solid 1px #ffc0cb;
}

.under-bar-section li{
	float:left;
}
.under-bar-section ul:after,
.under-bar-section ol:after{
	content: "";
	display: block;
	clear: both;
}
.under-bar-section ul,
.under-bar-section ol{
	*zoom: 1;
}

/*-- -------------------------------- --*/
/*-- ---- コピーライトの文字設定 ---- --*/
/*-- -------------------------------- --*/
.logo_footer{
	margin: 10px 0 5px 0;
	text-align:center;
}
.logo_footer p{
	line-height: 2;
	display: block;
	padding: 2px 15px;
	color: #ffffff;/*-- ホワイト --*/
	text-decoration: none;
}
.logo_footer p:hover{
	background-color: #ffc0cb;/*-- 淡いグレー --*/
	color: #000000;/*-- ブラック --*/
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- -------------------------------------- contactus ----------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.contactus{
	margin: 10px 0px 30px 0px;
	padding: 0px;
}
/*-- -------------------------------- --*/
/*-- ------- contactus-title -------- --*/
/*-- -------------------------------- --*/
.contactus-title{
	margin: 10px 30px 0px 30px;
	padding: 0;
	background-color: #ffffff;/* 色：白 */
}
.contactus-title img{
	background-color: #ffffff;/* 色：白 */
	max-width: 100%;
	height: auto;
	margin: 0px;
	vertical-align: bottom;
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.contactus-title{
		margin: 10px 240px 0 240px ;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.contactus-title{
		margin: 10px 250px 0 250px ;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/*-- -------------------------------- --*/
/*-- ------- .contactus-main -------- --*/
/*-- -------------------------------- --*/
.contactus-main p{
	margin: 10px 10px 10px 10px;
}
.contactus-main form tr{
	background-color: #ffffff;
	border: solid 1px #cccccc;
}
.text-small{
	font-size: .875rem;
}
.contactus-main form table{
	margin: 3.5rem 0;
	width: 100%;
}
.contactus-main form th,td{
	display: block;
}
.contactus-main form th{
	font-weight: normal;
	vertical-align: middle;
	padding: 1rem;
}
.contactus-main form td{
	line-height: 1.7;
	padding: .75rem 1rem .75rem;
	background-color: #ddffdd;
}
/*-- -------------------------------- --*/
/*-- ------------ Form -------------- --*/
/*-- -------------------------------- --*/
input[type='text'],
input[type='email'],
input[type='url'],
select,
textarea {
	border: 1px solid #bbb;
	background: #fff;
	padding: .5rem;
	width: 100%;
}
input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='url']::placeholder,
textarea::placeholder {
	color: #bbb;
}
textarea {
	height: 10rem;
}

label {
	display: block;
	margin-bottom: 1rem;
}

.select-box {
	position: relative;
}
.select-box::after {
    display: inline-block;
    position: absolute;
    top: .625rem;
    right: 1rem;
}

/* デフォルトのチェックボックスを非表示 */
input[type='checkbox'] {
    opacity:0;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
}
/* チェックボックス用の四角形を作る */
input[type='checkbox'] + span::before {
    display: inline-block;
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #bbb;
    background: #fff;
    margin: -.125rem .5rem 0 0;
    vertical-align: middle;
}

/* チェックが入るとチェックアイコンを表示 */
input[type='checkbox']:checked + span::before {
    content: '\f00c';
}
/*DESKTOP SIZE
================================================ */
@media (min-width: 600px) {
/* Table */
	.contact form tr:nth-child(odd) {
		background: #f8f6f2;
	}
	.contact form tr:nth-child(even) th {
		background: #fff;
	}

	.contact form th,td{
		padding: 1.25rem;
		display: table-cell;
	}
	.contact form th {
		width: 24%;
		vertical-align: middle;
	}
	.contact form td {
		width: 76%;
	}
/* Form */
	.contact form label {
		display: inline-block;
		margin: 0 1.5rem 0 0;
	}
	.contact form .select-box {
		width: 40%;
	}
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- ------------------------- recommendation 月替わり漢方茶----------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.recommendation{
	margin: 10px 0px 30px 0px;
	padding: 0px;
}
/*-- -------------------------------- --*/
/*-- -- recommendation-image-title -- --*/
/*-- -------------------------------- --*/
.recommendation-image-title{
	margin: 10px 30px 0 30px ;
	padding: 0;
	background-color: #ffffff;/* 色：白 */
}
.recommendation-image-title img{
	background-color: #ffffff;/* 色：白 */
	max-width: 100%;
	height: auto;
	margin: 0px;
	vertical-align: bottom;
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.recommendation-image-title{
		margin: 10px 240px 0 240px;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.recommendation-image-title{
		margin: 10px 250px 0 250px;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
}
/*-- -------------------------------- --*/
#k-soudan{
	padding-top:30px;
}
/*-- -------------------------------- --*/
/*-- -- ----recommendation-image ---- --*/
/*-- -------------------------------- --*/
.recommendation-image{
	margin: 10px 10px 30px 10px;
	padding: 10px;
	border: solid 2px #ffd700;/* 枠の設定 */
	background-color: #ffffff;/* 色：白 */
}
.recommendation-image img{
	background-color: none;/* 色：無し */
	float: left;
	max-width: 100%;
	height: auto;
	margin: 10px 0 10px 0;
	vertical-align: bottom;
}
.recommendation-image:after{
	content: "";
	display: block;
	clear: both;
}
.recommendation-image{
	*zoom: 1;
}
/*-- -------------------------------- --*/
/*-- -- --------kanpousoudan -------- --*/
/*-- -------------------------------- --*/
.kanpousoudan{
	margin: 30px 0 0 0;
}
.kanpousoudan > h2{
	margin: 0 0 10px 0;
	font-size: 20px;
}

/* 罫線で区切る設定 */
.kanpousoudan > h2{
	padding: 0 0 0 5px;
	border-left: solid 5px #928c36;/* 色：うぐいす色 */
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.kanpousoudan > h2{
		font-size: 25px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.kanpousoudan > h2{
		font-size: 23px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 枠の設定 */
.kanpousoudan{
	padding: 10px;
	border: solid 2px #ffd700;
	background-color: #fff;
	margin-bottom: 30px;
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------ 足湯を楽しむ ---------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.ashiyu{
	margin: 10px 0px 30px 0px;
	padding: 0px;
}
/*-- -------------------------------- --*/
/*-- ---------- ashiyu-title -------- --*/
/*-- -------------------------------- --*/
.ashiyu-title{
	margin: 10px 30px 0px 30px;
	padding: 0;
	background-color: #ffffff;/* 色：白 */
}
.ashiyu-title img{
	background-color: #ffffff;/* 色：白 */
	max-width: 100%;
	height: auto;
	margin: 0px;
	vertical-align: bottom;
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.ashiyu-title{
		margin: 10px 240px 0 240px ;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.ashiyu-title{
		margin: 10px 250px 0 250px ;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/*-- -------------------------------- --*/
/*-- --------- ashiyu-note ---------- --*/
/*-- -------------------------------- --*/
.ashiyu-note{
	border: solid 2px #afe1af;/* 枠の設定 */
	background-color: #fff;
	padding: 20px;
	margin-bottom: 30px;
}
/* 罫線で区切る設定 */
.ashiyu-note > h2{
	margin: 0 0 10px 0;
	font-size: 22px;
}
.ashiyu-note > h2{
	margin-bottom: 20px;
	padding: 0 0 0 5px;
	border-left: solid 5px #928c36;/* 色：うぐいす色 */
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.ashiyu-note > h2{
		font-size: 25px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.ashiyu-note > h2{
		font-size: 23px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/*-- -------------------------------- --*/
/*-- --------- ashiyu-image --------- --*/
/*-- -------------------------------- --*/
.ashiyu-image{
	padding: 18px;
	border: solid 2px #afe1af;/* 枠の設定 */
	background-color: #fff;
}
.ashiyu-image h2{
	margin: 0 0 10px 0;
	font-size: 22px;
	line-height: 1.2;
}
.ashiyu-image ul,
.ashiyu-image ol{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;
}
.ashiyu-image li a{
	display: block;
	padding: 10px 5px 10px 5px;
	color: #000;
	text-decoration: none;
}
.ashiyu-image li a:hover{
	background-color: #afe1af;
}
.ashiyu-image li a:after{
	content: "";
	display: block;
	clear: both;
}
.ashiyu-image li a{
	*zoom: 1;
}
/* 罫線で区切る設定 */
.ashiyu-image > h2{
	margin-bottom: 20px;
	padding: 0 0 0 5px;
	border-left: solid 5px #928c36;/* 色：うぐいす色 */
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.ashiyu-image > h2{
		font-size: 23px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.ashiyu-image > h2{
		font-size: 23px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/*-- -------------------------------- --*/
/*-- -- --------kanpousoudan -------- --*/
/*-- -------------------------------- --*/
.kanpousoudan-2{
	margin: 30px 0 0 0;
}
.kanpousoudan-2 > h2{
	margin: 0 0 10px 0;
	font-size: 20px;
}

/* 罫線で区切る設定 */
.kanpousoudan-2 > h2{
	padding: 0 0 0 5px;
	border-left: solid 5px #928c36;/* 色：うぐいす色 */
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.kanpousoudan-2 > h2{
		font-size: 25px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.kanpousoudan-2 > h2{
		font-size: 23px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 枠の設定 */
.kanpousoudan-2{
	padding: 10px;
	border: solid 2px #afe1af;
	background-color: #fff;
	margin-bottom: 30px;
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------ 今月の漢方茶 ---------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.monthly-kanpoucya{
	margin: 10px 0px 30px 0px;
	padding: 0px;
}
/*-- -------------------------------- --*/
/*-- --- monthly-kanpoucya-title ---- --*/
/*-- -------------------------------- --*/
.monthly-kanpoucya-title{
	margin: 10px 30px 0px 30px;
	padding: 0;
	background-color: #ffffff;/* 色：白 */
}
.monthly-kanpoucya-title img{
	background-color: #ffffff;/* 色：白 */
	max-width: 100%;
	height: auto;
	margin: 0px;
	vertical-align: bottom;
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.monthly-kanpoucya-title{
		margin: 10px 240px 0 240px ;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.monthly-kanpoucya-title{
		margin: 10px 250px 0 250px ;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/*-- -------------------------------- --*/
/*-- -- ----recommendation-image ---- --*/
/*-- -------------------------------- --*/
.monthly-kanpoucya-202408{
	margin: 10px 10px 30px 10px;
	padding: 10px;

	background-color: #ffffff;/* 色：白 */
}
.monthly-kanpoucya-202408 img{
	background-color: none;/* 色：無し */
	float: left;
	max-width: 100%;
	height: auto;
	margin: 10px 0 10px 0;
	vertical-align: bottom;
}
.monthly-kanpoucya-202408:after{
	content: "";
	display: block;
	clear: both;
}
.monthly-kanpoucya-202408{
	*zoom: 1;
}
/*-- -------------------------------- --*/
/*-- - monthly-kanpoucya-202408-note  --*/
/*-- -------------------------------- --*/
.monthly-kanpoucya-202408-note{

	background-color: #fff;
	padding: 20px;
	margin-bottom: 30px;
}
/* 罫線で区切る設定 */
.monthly-kanpoucya-202408-note > h2{
	margin: 0 0 10px 0;
	font-size: 22px;
}
.monthly-kanpoucya-202408-note > h2{
	margin-bottom: 20px;
	padding: 0 0 0 5px;
	border-left: solid 5px #928c36;/* 色：うぐいす色 */
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.monthly-kanpoucya-202408-note > h2{
		font-size: 25px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.monthly-kanpoucya-202408-note > h2{
		font-size: 23px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/*-- -------------------------------- --*/
/*-- -- --------kanpousoudan -------- --*/
/*-- -------------------------------- --*/
.kanpousoudan-3{
	margin: 30px 0 0 0;
}
.kanpousoudan-3 > h2{
	margin: 0 0 10px 0;
	font-size: 20px;
}

/* 罫線で区切る設定 */
.kanpousoudan-3 > h2{
	padding: 0 0 0 5px;
	border-left: solid 5px #928c36;/* 色：うぐいす色 */
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.kanpousoudan-3 > h2{
		font-size: 25px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.kanpousoudan-3 > h2{
		font-size: 23px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 枠の設定 */
.kanpousoudan-3{
	padding: 10px;
	border: solid 2px #f28c28;
	background-color: #fff;
	margin-bottom: 30px;
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------ 漢方相談 -------------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.soudan{
	margin: 10px 0px 30px 0px;
	padding: 0px;
}
/*-- -------------------------------- --*/
/*-- --- monthly-kanpoucya-title ---- --*/
/*-- -------------------------------- --*/
.soudan-title{
	margin: 10px 30px 0px 30px;
	padding: 0;
	background-color: #ffffff;/* 色：白 */
}
.soudan-title img{
	background-color: #ffffff;/* 色：白 */
	max-width: 100%;
	height: auto;
	margin: 0px;
	vertical-align: bottom;
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.soudan-title{
		margin: 10px 240px 0 240px ;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.soudan-title{
		margin: 10px 250px 0 250px ;
		padding: 0;
		background-color: #ffefcf;/* 色：白 */
	}
}
/*-- -------------------------------- --*/
/*-- -- -----kanpousoudan202408 ----- --*/
/*-- -------------------------------- --*/
.kanpousoudan202408{
	margin: 10px 10px 30px 10px;
	padding: 10px;

	background-color: #ffffff;/* 色：白 */
}
.kanpousoudan202408 img{
	background-color: none;/* 色：無し */
	float: left;
	max-width: 100%;
	height: auto;
	margin: 10px 0 10px 0;
	vertical-align: bottom;
}
.kanpousoudan202408:after{
	content: "";
	display: block;
	clear: both;
}
.kanpousoudan202408{
	*zoom: 1;
}
/*-- -------------------------------- --*/
/*-- -- --------kanpousoudan -------- --*/
/*-- -------------------------------- --*/
.kanpousoudan-3{
	margin: 30px 0 0 0;
}
.kanpousoudan-3 > h2{
	margin: 0 0 10px 0;
	font-size: 20px;
}

/* 罫線で区切る設定 */
.kanpousoudan-3 > h2{
	padding: 0 0 0 5px;
	border-left: solid 5px #928c36;/* 色：うぐいす色 */
}
/* 1367px以上の表記 */
@media all and (min-width: 1367px) {
	.kanpousoudan-3 > h2{
		font-size: 25px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 1000pxから1366pxまでの表記 */
@media (min-width: 1000px) and (max-width: 1366px) {
	.kanpousoudan-3 > h2{
		font-size: 23px;
		padding: 0 0 0 5px;
		border-left: solid 5px #928c36;/* 色：うぐいす色 */
	}
}
/* 枠の設定 */
.kanpousoudan-3{
	padding: 10px;
	border: solid 2px #f28c28;
	background-color: #fff;
	margin-bottom: 30px;
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- ------------------------------------- privacypolicy -------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.privacypolicy_main_title{
	padding: 30px 10px 0 10px;
	background-color: #ffffff;
	border-radius: 20px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.privacypolicy_title{
	text-align: center;
	background-color: #ffffff;
	margin: 0px auto 30px auto;
	padding: 0px auto 10px auto;
}
.privacypolicy_title h1{
	font-size: 50px;
}
.privacypolicy_title img{
	width: 40px;
	height: auto;
}
.privacy_policy ul,
.privacy_policy ol{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.5;
	list-style: none;
}
.privacy_policy h3{
	font-size: 20px;
}
.privacy_policy_top{
	font-size: 15px;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
}
.privacy_policy_second{
	font-size: 15px;
	text-decoration: none;
	padding: 10px 10px 10px 30px;
}
.privacy_policy_bottom{
	font-size: 15px;
	text-decoration: none;
	padding: 10px 10px 10px 30px;
	text-align: right;
}

.privacy_policy a{
	font-size: 15px;
	text-decoration: none;
	padding-left: 30px;
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- -------------------------------- Ｈ: オフキャンバスメニュー ------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.left-off-canvas-menu .cmenu{
	padding: 20px; 
	background-color: #928c36;/* 色：うぐいす色 */
}
.left-off-canvas-menu .cmenu h3{
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 1.2;
}
.left-off-canvas-menu .cmenu ul,
.left-off-canvas-menu .cmenu ol{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	list-style: none;
}
.left-off-canvas-menu .cmenu ul li a{
	display: block;
	padding: 8px 5px 8px 5px;
	color: #fff;
	text-decoration: none;
}
.left-off-canvas-menu .cmenu ul li a:hover{
	background-color: #eee;
}

/* 枠＋見出しの設定 */
.left-off-canvas-menu .cmenu{
	margin-bottom: 0;
	padding: 0 0 1px 0;
	background-color: #928c36;/* 色：うぐいす色 */
}
.left-off-canvas-menu .cmenu > h3{
	margin: 0;
	padding: 10px;
	background-color: #ffffff;
	color: #928c36;/* 色：うぐいす色 */
	font-size: 16px;
	font-weight; bold;
}
.left-off-canvas-menu .cmenu > p{
	margin: 10px;
}
.left-off-canvas-menu .cmenu ul li a{
	padding-left: 10px;
}
.left-off-canvas-menu .cmenu ul li a:hover{
	background-color: #ffffff;
	color: #928c36;/* 色：うぐいす色 */
	font-weight: bold;
	font-size: 120%;
}
/*-- ------------------------------------------------------------------------------------------ --*/
/*-- -------------------------------- Ｈ: オフキャンバスメニュー ------------------------------ --*/
/*-- ------------------------------------------------------------------------------------------ --*/
.php_iciran{
	background-color: f5f5dc;
}