/*________________________________________________________

	メニュー料金
	________________________________________________________
*/
.menuNav {
	margin-bottom: 30px;
}
.menuNav:after,
.menuNav a:after {
	content: "";
	clear: both;
	display: block;
}
.menuNav li {
	margin-bottom: 20px;
	font-size: 140%;
}
.menuNav a {
	display: block;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
}
.menuNav a:hover {
	background-color: #feffef;
}
.menuNav img {
	display: block;
	margin-right: 10px;
	float: left;
}
.menuNav .navTxt {
	display: block;
	width: 72%;
	float: right;
}
span.nav_txt {
	display: block;
	padding: 5px 0;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-size: 60%;
}
.menuNav span.plus {
	margin: 0px 5px 5px 0px;
	padding: 5px 3px 5px 5px;
	font-size: 55%;
	border-width: 1px;
	border-style: solid;
}
.menuNav strong {
	display: block;
	margin-top: 5px;
	color: #FFF;
	text-align: center;
	font-size: 70%;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
	border-bottom-width: 4px;
	border-bottom-style: solid;
}
.menuNav a:hover strong {
	margin-top: 8px;
	border-bottom-width: 3px;
}
.menuNav strong::before {
    content: "\f0d7";
    font-family: FontAwesome;
    margin-right: 10px;
}
li.keiraku_oil a {color: #4ea598;}
li.keiraku_oil strong {background-color: #4ea598;border-bottom-color: #298e7f;}

li.cupping a {color: #55a97b;}
li.cupping a strong {background-color: #55a97b;border-bottom-color: #499069;}

li.cup_keiraku a {color: #8dae5a;}
li.cup_keiraku a strong {background-color: #8dae5a;border-bottom-color: #759445;}

li.foot a {color: #d59f2b;}
li.foot a strong {background-color: #d59f2b;border-bottom-color: #bf8b1a;}

li.acupuncture a {color: #ca8a8a;}
li.acupuncture a strong {background-color: #ca8a8a;border-bottom-color: #b36a6a;}

li.kotsuban a {color: #d893d1;}
li.kotsuban a strong {background-color: #d893d1;border-bottom-color: #c674be;}

li.cup_kyu a {color: #8099be;}
li.cup_kyu a strong {background-color: #8099be;border-bottom-color: #6581ac;}

li.massage a {color: #6cb3be;}
li.massage a strong {background-color: #6cb3be;border-bottom-color: #599ca6;}

a.btn_option {
	display: block;
	margin-bottom: 50px;
	text-align: center;
	padding: 15px;
	text-decoration: none;
	background-color: #38a167;
	color: #FFF;
	border-radius: 5px;
	border-bottom: 4px solid #298954;
}
a.btn_option strong {
	display: block;
}
a.btn_option strong::before {
    content: "\f0d7";
    font-family: FontAwesome;
    margin-right: 10px;
}
a.btn_option:hover {
	margin-top: 9px;
	border-bottom: 2px solid #298954;
}

.main h3 span {
	display: block;
	margin-bottom: 10px;
	font-size: 65%;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.menuBox {
	margin-bottom: 60px;
}
h4 {
	position: relative;
	margin: 0 0 10px 0;
	padding: 10px;
	width: auto;
	text-align: center;
	background-image: url(../images/menu/bg_h4.jpg);
	z-index: 0;
}
h4:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ffe0c2 transparent transparent transparent;
}
.price li {
	padding: 5px 0;
	border-bottom: 1px dotted #cccccc;
}
.price li:after {
	content: "";
	clear: both;
	display: block;
}
.price .time {
	margin-right: 7px;
	padding: 8px 10px;
	color: #FFF;
}
.price li a {
	display: block;
	float: right;
}
.price strong {
	color: #d02131;
	font-size: 150%;
}
.coupon:after {
	content: "";
	clear: both;
	display: block;
}
.coupon {
	background-image: url(../images/menu/bg_coupon.jpg);
	border-radius: 5px;
	color: #FFF;
}
.coupon span {
	display: block;
	float: left;
	padding: 25px 0 0 20px;
	font-size: 110%;
	font-style: italic;
	letter-spacing: 2px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝 Medium" , "Yu Mincho Medium" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif;
}
.coupon strong {
	display: block;
	width: 60%;
	padding: 15px 20px;
	text-align: center;
	font-weight: normal;
	line-height: 120%;
	font-size: 120%;
	border-left: 3px dashed #FFFFFF;
	float: right;
}

.trouble {
	margin-bottom: 15px;
}
.trouble li {
	color: #f27800;
}
.trouble li::before {
    content: "\f14a";
    font-family: FontAwesome;
    margin-right: 7px;
}
.menuDetail p {
	margin-top: 0;
}
h5 {
	margin: 0;
	padding: 10px;
	font-size: 120%;
	letter-spacing: .1em;
	text-align: center;
	color: #FFF;
}
.effect {
	margin-bottom: 15px;
	padding: 20px 25px;
	background-color: #fcf8dc;
}
.effect li {
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 110%;
}
.effect li::before {
    content: "\f046";
    font-family: FontAwesome;
    margin-right: 7px;
}
p.tax {
	margin-top: 0;
	font-size: 80%;
	color: #818080;
	text-align: right;
}

.keiraku_oil .time,.keiraku_oil h5 {background-color: #4ea598;}
.main h3#keiraku_oil span,.keiraku_oil .effect { color: #4ea598;}

.cupping .time,.cupping h5 {background-color: #55a97b;}
.main h3#cupping span,.cupping .effect { color: #55a97b;}

.cup_keiraku .time,.cup_keiraku h5 {background-color: #8dae5a;}
.main h3#cup_keiraku span,.cup_keiraku .effect { color: #8dae5a;}

.foot .time,.foot h5 {background-color: #d59f2b;}
.main h3#foot span,.foot .effect { color: #d59f2b;}

.acupuncture .time,.acupuncture h5 {background-color: #ca8a8a;}
.main h3#acupuncture span,.acupuncture .effect { color: #ca8a8a;}

.kotsuban .time,.kotsuban h5 {background-color: #d893d1;}
.main h3#kotsuban span,.kotsuban .effect, .txtKotsuban { color: #d893d1;}
p.menuTtl {
	margin: 25px 0 0 0;
	padding: 0 0 0 8px;
	border-left: 5px solid #b982b4;
	color: #b982b4;
	font-weight: bold;
	font-size: 110%;
}

.cup_kyu .time,.cup_kyu h5 {background-color: #8099be;}
.main h3#cup_kyu span,.cup_kyu .effect { color: #8099be;}

.massage .time,.massage h5 {background-color: #6cb3be;}
.main h3#massage span,.massage .effect { color: #6cb3be;}

.optionBox .time {background-color: #38a167;}
.main h3#option span { color: #38a167;}

.optionBox {
	margin-bottom: 40px;
}
.optionBox strong.ttl {
	display: block;
	padding: 20px 0 15px 0;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	font-size: 140%;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝 Medium" , "Yu Mincho Medium" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif;
}

@media only screen and (min-width: 741px) {
.menuNav li {
	width: 470px;
	float: left;
}
.menuNav li:nth-child(2n) {
	margin-left: 20px;
}
.menuBox:after,.trouble:after {
	content: "";
	clear: both;
	display: block;
}
.menuImg {
	width: 365px;
	float: left;
}
.menuDetail {
	width: 570px;
	float: right;
}
.trouble li {
	width: 47%;
	margin-left: 10px;
	float: left;
}
.optionBox div {
	width: 300px;
	display: inline-block;
	vertical-align: top;
}
.optionBox div:nth-child(2) {
	margin: 0 20px;
}
}

@media screen and (max-width: 740px) {
.menuNav li {
	width: 97%;
	margin: 15px 10px;
}
.menuNav .navTxt {
	width: 75%;
}
h4 {
	margin-top: 15px;
}
.optionBox div {
	margin-bottom: 30px;
}
}
@media screen and (max-width: 570px) {
.menuNav .navTxt {
	width: 65%;
}
.optionBox img {
	width: 100%;
	height: auto;
}
}
@media screen and (max-width: 480px) {
.menuNav .navTxt {
	width: 60%;
}
}
@media screen and (max-width: 390px) {
.menuNav .navTxt {
	width: 55%;
}
}