@charset "UTF-8";


#plan_block {width: 1060px;margin: 5% auto;text-align: left;}
.box_green{background-color:#f8efe5;padding:10px;box-sizing:border-box;position: relative;margin: 0;}
.box_green .bg_title{font-size:1.8em;line-height:1.5em;margin:0 0 0.5em 0.5em;}
.box_green h2.option {position: absolute;top: -40px; font-size:18px;line-height:28px;margin: 1em 0 0;font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;color:inherit;}
#plan_block h2 {font-size:18px;line-height:28px;margin:0 0 0.5em;font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;color: #5b341b;}

.box_green .bg_list{background-color:#fff;padding:10px;box-sizing:border-box;font-family:'M PLUS Rounded 1c',sans-serif;}
.box_green .bg_list p {font-size: 14px;line-height: 20px;margin: 0 0 10px;}
.box_green .bg_list p span {font-size: 12px;line-height: 18px;margin: 0 0 10px;}
.box_green .bg_list ul li{}
.box_green .bg_list dl dt{}
.box_green .bg_list dl dd{}


@media screen and (max-width: 767px) {
#plan_block {width:90%; margin: 5% auto;text-align: left;}
.box_green{background-color:#f8efe5;padding:10px;box-sizing:border-box;}
.box_green .bg_title{font-size:1.8em;line-height:1.5em;margin:0 0 0.5em 0.5em;}
#plan_block h2.option {font-size:14px;line-height:20px;margin: 10px 0 0;}
#plan_block h2 {font-size:14px;line-height:20px;margin:0 0 0.5em;font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;color: #5b341b;}
.box_green .bg_list{background-color:#fff;padding:10px;box-sizing:border-box;font-family:'M PLUS Rounded 1c',sans-serif;}
.box_green .bg_list p {font-size: 12px;line-height: 18px;margin: 0 0 2%;}
.box_green .bg_list ul li{}
.box_green .bg_list dl dt{}
.box_green .bg_list dl dd{}

}



.pc_none{display: none;}
.plan_inner{
background-image: url("images/main_back.jpg");
background-size: cover;
margin: 0 0 50px;position: relative;}
.plan_inner::before{
content: '';
display: inline-block;
position: absolute;
top: -5px;
left: -5px;
margin: auto;
z-index: 99;
width: 80px;/*画像の幅*/
height: 80px;/*画像の高さ*/
background-image: url(images/main_icon1.png);
background-size: contain;
vertical-align: middle;
}
.plan_inner::after{
content: '';
display: inline-block;
position: absolute;
bottom: -5px;
right: -5px;
margin: auto;
z-index: 99;
width: 80px;/*画像の幅*/
height: 80px;/*画像の高さ*/
background-image: url(images/main_icon2.png);
background-size: contain;
vertical-align: middle;
}


.plan_left{
width: 50%;
display: table-cell;
padding: 60px 4%;
position: relative;
box-sizing: border-box;
background: rgba(198,176,134,0.25);
}

.plan_left h1{font-size: 45px;line-height: 1em;text-align: center; color: #5b341b; font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;margin: 0 5% 2%;}
.plan_left h1 span {font-size: 28px;display: inline;}
.plan_left .img{
text-align:center;
height:260px;
width: auto;
margin: 40px auto auto;}
.plan_left .img img{
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
vertical-align: top;
z-index: 9999!important;}

.plan_left .img span {width: 390px;font-size: 12px;line-height: 22px;text-align: right!important;display: block; margin: auto;}

.plan_left .txt{
margin: 30px auto auto;
font-size: 15px;
line-height: 27px;
text-align: center;
box-sizing: border-box;}

.plan_left .txt2 {
margin: 30px auto auto;
font-size: 15px;
line-height: 27px;
text-align: center;
box-sizing: border-box;}
.plan_left .txt2 p {display: inline-block;
    text-align: left;}


p.number {font-size: 22px;line-height: 32px;margin: 10px 0 20px;text-align: center;}

.plan_right{
width: 50%;
display: table-cell;
vertical-align: top;

}
.plan_right .member{
padding: 4% 4% 0;
margin: 0 0 -2%;
font-size: 18px;
font-weight: 700;
color: #884621;}

.plan_right .p01{
padding: 4% 4% 0;
font-size: 16px;
font-weight: 700;
color: #884621;}
.plan_right .name{
display: inline-block;
margin: 0 20px 0 0;
font-size: 22px;
}
.plan_right .price{
font-size: 35px;}
.plan_right .p02{
padding: 0 4%;
font-size: 14px;
line-height: 22px;
margin:  20px 0 0;
}
.plan_right .payment{margin: 20px 0 0;}
.plan_right dl dt{
padding: 0.6em 4%;
font-size: 16px;
line-height: 18px;
color: #ffffff;
background-color: #c6b086;}
.plan_right dl dd{
margin: 20px 0 0;
padding: 0 4%;
font-size: 14px;
line-height: 24px;}
.plan_right dl dd ul{
margin: 10px 0 0;
letter-spacing: -1em;
text-align: center;}
.plan_right dl dd ul li{
width: 49%;
display: inline-block;
margin: 0 2% 0 0;
letter-spacing: normal;}
.plan_right dl dd ul li:nth-child(2n){
margin: 0;}
.plan_right dl dd ul li a{
display: block;
font-size:1em;
padding: 0.7em 1.2em;
text-decoration: none;
font-weight: 700;
color: #ffffff;
background-color: #5b341b;
box-sizing: border-box;}
.plan_right dl dd ul li a:hover{
background-color: #2f1205;}

/*.plan_right .payment .plan_dd_left,
.plan_right .payment .plan_dd_right{
display: inline-block;}*/
.plan_right .payment .plan_dd_left{
width: 100%;
vertical-align: top;}
.plan_right .payment .plan_dd_left ul{width: 70%; margin: 0 0 2%;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.plan_right .payment .plan_dd_left ul li{width: 30%; margin: 0 5% 0 0;;}
.plan_right .payment .plan_dd_left ul li:last-child{margin: 0;}
.plan_right .payment .plan_dd_left ul li img{
vertical-align: top;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
.plan_right .payment .plan_dd_right{
width: 100%;
float: right;
vertical-align: top;
margin: 0 0 10px 0;}
.plan_right .payment .plan_dd_right table{
border: 1px solid #e9dfd4;
box-sizing: border-box;
background-color: #ffffff;}
.plan_right .payment .plan_dd_right table td{padding: 10px;}
.plan_right .payment .plan_dd_right table td:nth-child(2n){border-left: 1px solid #e9dfd4;}

.plan_right .payment .plan_dd_right table td span{
font-size:1.3em;
font-weight:bold;}

.plan_right .payment .plan_dd_bottom {clear: both; padding: 0 0 0;}

.plan_right .temple{margin: 25px 0 0;}
.plan_right .temple ul li:last-child{margin: 0 0 20px;}

.plan_right .temple .temple_money{}

.plan_right .temple .temple_money .orange{
color:#884621;
margin:0.5em 0;}

.plan_right .temple .temple_money .orange .money01{
display:inline-block;
background-color:#884621;
color:#fff;
padding:0 0.5em 0;
box-sizing:border-box;}

.plan_right .temple .temple_money .orange .money02{
display:inline-block;
font-size:2.2em;
margin-left:10px;
font-weight:bold;}

.plan_right .temple .temple_money .orange .money03{
display:inline-block;
font-weight:bold;}


@media screen and (max-width: 960px) {
.plan_right dl dd ul li{
width: 100%;
margin: 0 0 15px;}
.plan_right dl dd ul li:last-child{margin: 0;}

.plan_right .payment .plan_dd_right:nth-child(3){
width: 100%;
margin: 10px 0 0;
clear: both;}
.plan_right .payment .plan_dd_right:nth-child(3) table{
width: 100%;
text-align: center;}

}/*====*/

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

.pc_none{
display: inline}
.sph_none{
display: none;}

.plan_inner{
background-image: url("images/main_back.jpg");
background-size: cover;
margin: 0 0 5%;position: relative;}
.plan_inner::before{
content: '';
display: inline-block;
position: absolute;
top: -5px;
left: -5px;
margin: auto;
z-index: 99;
width: 40px;/*画像の幅*/
height: 40px;/*画像の高さ*/
background-image: url(images/main_icon1.png);
background-size: contain;
vertical-align: middle;
}
.plan_inner::after{
content: '';
display: inline-block;
position: absolute;
bottom: -5px;
right: -5px;
margin: auto;
z-index: 99;
width: 40px;/*画像の幅*/
height: 40px;/*画像の高さ*/
background-image: url(images/main_icon2.png);
background-size: contain;
vertical-align: middle;
}
.plan_left{width: 100%;display: block;padding:5%;background: inherit!important;mix-blend-mode: inherit!important;}
.plan_left h1{font-size: 24px;line-height: 1em;text-align: center; color: #5b341b; font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;margin:0 0 5%;}
.plan_left h1 span {font-size: 14px;}
.plan_left .img{width: 100%;height: auto; margin:0 auto;}
.plan_left .img img {width: 100%;height: auto;max-height: inherit;z-index: 9999;}

.plan_left .img span {font-size: 10px;line-height: 20px;width: 100%; text-align: center;display: block;}


.plan_left .txt{font-size: 12px;line-height: 18px;text-align: left; margin:0 auto 5%;}
p.number {font-size: 14px;line-height: 20px;margin: 0 0 5%;}
.plan_right{width: 100%;display: block;}


.plan_right .member{
padding: 4% 4% 0;
margin: 0;
font-size: 14px;
font-weight: 700;
color: #884621;}


.plan_right .p02{margin: 10px 0 0;
}




.plan_right .p01{
padding: 0 4% ;
font-size: 18px;
font-weight: 700;
color: #884621;}
.plan_right .name{
display: inline-block;
margin: 0 20px 0 0;
font-size: 18px;line-height: 28px;
}
.plan_right .price{
font-size: 28px;
line-height: 32px;}
.plan_right .p02{
padding: 0;
font-size: 12px;
line-height: 18px;
margin:  3% 5% 0;
}
.plan_right .payment{margin: 5% 0 0;}
.plan_right dl dt{
padding: 0.6em 4% 0.4em;
font-size: 14px;
line-height: 18px;
color: #ffffff;
background-color: #c6b086;}
.plan_right dl dd{
margin: 5% 0 0;
padding: 0 4%;
font-size: 14px;
line-height: 24px;}
.plan_right dl dd ul{
margin: 5% 0 0;
letter-spacing: -1em;
text-align: center;}
.plan_right dl dd ul li{
width: 49%;
display: inline-block;
margin: 0 2% 0 0;
letter-spacing: normal;}
.plan_right dl dd ul li:nth-child(2n){
margin: 0;}
.plan_right dl dd ul li a{
display: block;
font-size:1em;
padding: 0.7em 1.2em;
text-decoration: none;
font-weight: 700;
color: #ffffff;
background-color: #5b341b;
box-sizing: border-box;}
.plan_right dl dd ul li a:hover{
background-color: #2f1205;}

/*.plan_right .payment .plan_dd_left,
.plan_right .payment .plan_dd_right{
display: inline-block;}*/
.plan_right .payment .plan_dd_left{
width: 100%;
float: inherit;
vertical-align: top;}
.plan_right .payment .plan_dd_left ul{width: 100%; margin: 0 0 2%;}
.plan_right .payment .plan_dd_left ul li{width: 30%; margin: 0 5% 0 0;display: inline-block;}
.plan_right .payment .plan_dd_left ul li:last-child{margin: 0;}
.plan_right .payment .plan_dd_left ul li img{
vertical-align: top;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
.plan_right .payment .plan_dd_right{
font-size: 12px;line-height: 18px;
width: 100%;
float: inherit;
vertical-align: top;
margin: 0 0 5%;}
.plan_right .payment .plan_dd_right table{
border: 1px solid #e9dfd4;
box-sizing: border-box;
background-color: #ffffff;}
.plan_right .payment .plan_dd_right table td{padding: 10px;}
.plan_right .payment .plan_dd_right table td:nth-child(2n){border-left: 1px solid #e9dfd4;}

.plan_right .payment .plan_dd_right table td span{
font-size:1.3em;
font-weight:bold;}

.plan_right .payment .plan_dd_bottom {clear: both; padding: 0 0 0;}

.plan_right .temple{margin: 5% 0 0;}
.plan_right .temple ul li:last-child{margin: 0 0 5%;}

.plan_right .temple .temple_money{}
.plan_right .temple .temple_money p {font-size: 12px;line-height: 18px;margin: 2% 0 0;}

.plan_right .temple .temple_money .orange{
color:#884621;
margin:2% 0 0;}

.plan_right .temple .temple_money .orange .money01{
font-size: 12px;line-height: 18px;
margin: 0;
display:inline-block;
background-color:#884621;
color:#fff;
padding: 0 2%;
box-sizing:border-box;vertical-align: bottom;}

.plan_right .temple .temple_money .orange .money02{
display:inline-block;
font-size:28px;
line-height: 1em;
margin:0 0 -1% 5%;
font-weight:bold;vertical-align: bottom;}

.plan_right .temple .temple_money .orange .money03{
font-size: 14px;line-height: 1em;
display:inline-block;
font-weight:bold;vertical-align: bottom;}

.plan_right dl dd ul li{
width: 100%;
margin: 0 0 5%;}
.plan_right dl dd ul li:last-child{margin: 0;}

.plan_right .payment .plan_dd_right:nth-child(3){
width: 100%;
margin: 0 0 2%;
clear: both;}
.plan_right .payment .plan_dd_right:nth-child(3) table{
width: 100%;
text-align: center;}

}/*====*/


/*===================================内容詳細ここから===================================*/

.title_black{
display:block;
font-size:1.7em;
line-height:1.5em;
font-weight:700;
margin-bottom:0.5em;}
.btn{
margin:1em 0;}
.box_green{
position:relative;}
.fix_icon{
position:absolute;
top:10px;
right:10px;
width:110px;}
.fix_icon img{
width:100%;
height:auto;}
.box_green{}
.gray_back{
background-color:#F5F5F5;
margin:1em 0 0 0;
padding:0;}
.gray_back dl{
float: left;
width: 100%;
margin-right: -260px;
padding: 1.5em 260px 1.5em 1.5em;
box-sizing: border-box;}
.gray_back dl dt{
margin-bottom:10px;}
.gray_back_image{
width: 250px;
height:auto;
float: right;}
.gray_back_image img{
width:100%;
height:auto;}

@media screen and (max-width: 767px) {
.gray_back{
background-color:#F5F5F5;
margin:1em 0 0 0;
padding:0;}
.gray_back dl{
float: left;
width: 100%;
margin-right:0;
padding: 1.5em;
box-sizing: border-box;}
.gray_back dl dt{
margin-bottom:10px;}
}



@media screen and (min-width: 961px) {
.fix_image{position:absolute;top:60px;right:25px;width:340px;height:auto;}
.fix_image img{width:100%;height:auto;}
.mb01{}
.mb02{}
}

@media screen and (max-width: 960px) {
.fix_image{
margin:0 auto;
width:340px;
height:auto;}
.fix_image img{
width:100%;
height:auto;}
}

@media screen and (min-width: 768px) {
.red_icon{ display:none;}
}

@media screen and (max-width: 767px) {
.fix_icon{
display:none;}
.red_icon{
width:100%;
text-align:center;
color:#fff;
font-size:1.3em;
font-weight:bold;
background-color:#E95514;
padding:0.5em 0;
border-radius:1.2em;
margin-bottom:1em;}
.fix_image{
margin:0 auto;
width:100%;
height:auto;}
.fix_image img{
width:100%;
height:auto;}
}


.detail_btn {width:100%;margin: 0 auto;padding: 50px 0 0;text-align: center;}
.detail_btn .btn {
text-align: center;
display: inline;
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
color: #ffffff;
font-size: 24px;
line-height: 50px;
height: 50px;
background-color: #c6b086;
padding:20px 80px 20px 40px;
margin: auto;
text-decoration: none;
background-image: url("/images/btn.png");
background-size: 60px;
background-position: 100% 50%;
background-repeat: no-repeat;
}
.detail_btn .btn:hover {
background-color: #9a7946;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.detail_btn {width: 100%;margin: 0 auto 0;padding: 5% 0 0;}
.detail_btn .btn {
display: block;
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
color: #ffffff;
font-size: 14px;
line-height: 40px;
height: 40px;
background-color: #c6b086;
padding:2% 2%;
text-decoration: none;
background-image: url("/images/btn.png");
background-size: 40px;
background-position: 100% 50%;
background-repeat: no-repeat;
}
.detail_btn .btn:hover {
background-color: #9a7946;
text-decoration: none;
}
}

.p_navi {margin:40px 0 30px;}
.p_navi ul {width: 100%;text-align: center;}
.p_navi ul li {width: 14%;height: 48px;margin: 0 0.5%;display: inline-block;
position: relative;
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
background-color: #c6b086;
}
.p_navi ul li:hover {background-color: #9a7946;}
.p_btn {
width: 100%;
display: block;
color: #ffffff;
font-size: 14px;
line-height: 20px;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;/*一応BOX内の文字も中央寄せ*/
}
.p_btn a {color: #ffffff;text-decoration: none;width: 100%;height: auto; display: block;padding: 0;}
.p_btn a:hover {color: #ffffff;text-decoration: none;}



.pc {position: relative;height: 10px;width: 100%;z-index: 99;}
.pc .p_navi {position: absolute;top: 22px;right: 0; margin:0;width: 48%;}
.pc .p_navi ul {width: 100%;text-align: center;}
.pc .p_navi ul li {
width:15%;height: 48px;margin: 0 0 0 1%;
position: relative;
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
background-color: #c6b086;
}
.pc .p_navi ul li:hover {background-color: #9a7946;}
.pc .p_navi ul li .p_btn {
width: 100%;
display: block;
color: #ffffff;
font-size: 10px;
line-height: 14px;

text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;/*一応BOX内の文字も中央寄せ*/

}
.pc .p_navi ul li .p_btn a {color: #ffffff;text-decoration: none;width: 100%;height: auto; display: block;padding: 10px 0;}
.pc .p_navi ul li .p_btn a:hover {color: #ffffff;text-decoration: none;}


@media screen and (max-width: 767px) {
.p_navi {margin:2% 0;}
.p_navi ul {width: 100%;text-align: center;}
.p_navi ul li { width: 32%;height: 48px;margin: 0 2% 2% 0;display: inline-block;
-webkit-box-align: center; /* safari, Chrome対応 */
-moz-box-align: center;    /* Firefox対応 */
-o-box-align: center;      /* Opera対応 */
-ms-box-align: center;     /* IE対応 */
box-align: center;         /* ベンダープレフィックス無しも併記する */
}
.p_navi ul li:nth-child(3n) {margin: 0 0 2% 0;}
.p_btn {
text-align: center;
display: block;
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
color: #ffffff;
font-size: 8px;
line-height: 14px;
background-color: #c6b086;
padding:0;
margin: auto;
text-decoration: none;
}
.p_btn:hover {
color: #ffffff;
background-color: #9a7946;
text-decoration:none;
}
.pc .p_navi ul li .p_btn a {color: #ffffff;text-decoration: none;width: 100%;height: auto; display: block;padding: 10px 0;}
.pc .p_navi ul li .p_btn a:hover {color: #ffffff;text-decoration: none;}

}


ul.mb01 {}
ul.mb01 li {font-size: 14px;line-height: 20px;}
.list2 {font-size: inherit;}
.list2 p.sub_title {font-size: 14px;line-height: 20px;background: #f8efe5;padding: 5px;margin: 0;}
.list2 ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.list2 ul li {width: 50%;border-top:1px solid #f8efe5;}
.list2 ul li:first-child {border: none;}
.list2 ul li:nth-child(2) {border: none;}

.list2 ul li p {padding: 2% 0;margin: 0 auto 0 2%;vertical-align: top;font-size: 14px;line-height: 20px;border: none;}

.list2 ul li ul {padding: 2% 0;margin: 0 auto 0 2%;width: 98%;}
.list2 ul li ul li {display: inline-block;vertical-align: top;font-size: 14px;line-height: 20px;border: none;}
.list2 ul li ul li:first-child {width: 35%;}
.list2 ul li ul li:nth-child(2) {width: 20%;padding: 0;}
.list2 ul li ul li:last-child {width:43%;}
#p_navi2,#p_navi3,#p_navi4,#p_navi5,#p_navi6 {position: relative;padding: 80px 0 0;font-size: 80px;font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;}
#p_navi2:before,#p_navi3:before,#p_navi4:before,#p_navi5:before,#p_navi6:before{content: "+";
display: block;
width: 80px;
height: 80px;
color: #e6d337;
line-height: 80px;
text-align: center;
position: absolute;
left: 46%;
top: -10px;}


@media screen and (max-width: 767px) {
ul.mb01 {margin: 0 0 5%;}
ul.mb01 li {font-size: 12px;line-height: 18px;}
.list2 {font-size: inherit;}
.list2 p.sub_title {font-size: 12px;line-height: 18px;background: #f8efe5;padding: 5px;margin: 0;}
.list2 ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.list2 ul li {width: 100%;border-top:1px solid #f8efe5;}
.list2 ul li:first-child {border-top:1px solid #f8efe5;}
.list2 ul li:nth-child(2) {border-top:1px solid #f8efe5;}

.list2 ul li ul {padding: 2% 0;margin: 0 auto 0 2%;width: 98%;}
.list2 ul li ul li {display: inline-block;vertical-align: top;font-size: 12px;line-height: 18px;border: none;}
.list2 ul li ul li:first-child {width: 60%;border: none;}
.list2 ul li ul li:nth-child(2) {width: 38%;padding: 0;border: none;}
.list2 ul li ul li:last-child {width:auto;border: none;}
#p_navi2,#p_navi3,#p_navi4,#p_navi5,#p_navi6 {position: relative;padding: 40px 0 0; font-size: 40px;font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;}
#p_navi2:before,#p_navi3:before,#p_navi4:before,#p_navi5:before,#p_navi6:before{content: "+";
display: block;
width: 10%;
height: 10%;
color: #e6d337;
line-height: 34px;
text-align: center;
position: absolute;
left: 45%;
top: 0;}

.navi_back {margin-top:-140px;padding-top: 140px;}
.navi_back::before{content: "";
display: inline-block;
height: 140px;
margin-top: -140px;
vertical-align: top;}
}


@media screen and (max-width: 767px) {
#btn1,#btn2,#btn3,#btn4,#btn5,#btn6 {margin-top: -60px;padding-top: 60px;}
/*
#p_navi1,#p_navi2,#p_navi3,#p_navi4,#p_navi5,#p_navi6 {margin: -60px 0 60px;padding-top: 60px;}
*/
}


.transport_fee {width: 1070px;margin: 5% auto 5%;}
.transport_fee p {font-size: 12px;line-height: 18px; text-align: left;margin: 0 0 5%;}
.transport_fee ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin: 0;padding: 0;}
.transport_fee ul li {width: 48%;margin: 0 0 0 4%;}
.transport_fee ul li:first-child {margin: 0 ;}


.transport_fee ul li table {width: 100%;border-top: 1px solid #e9dfd4;border-left: 1px solid #e9dfd4;margin: 0 0 20px;}
.transport_fee ul li table th {font-size: 14px!important;text-align: center; background-color: #f8efe5;border-bottom: 1px solid #e9dfd4;border-right: 1px solid #e9dfd4;padding: 10px;}
.transport_fee ul li table td {font-size: 14px!important;text-align:left;border-bottom: 1px solid #e9dfd4;border-right: 1px solid #e9dfd4;padding: 10px 20px 10px 10px;}
.transport_fee ul li table td:nth-child(2) {text-align: right;width: 40%;}
.transport_fee ul li img {width: 100%;height: auto;}
.transport_fee ul.call {padding: 5% 0;margin: 0 5%;}
.transport_fee ul.call li {width: 55%!important;margin: 0 5% 0 0!important;}
.transport_fee ul.call li:nth-child(2) {width: 40%!important;margin: 0!important;}
.transport_fee ul.call li img {width: 100%;}
.transport_fee ul.call li dl {}
.transport_fee ul.call li dl dt {font-size: 28px!important;line-height: 38px!important;color: #884621!important;background: inherit!important}
.transport_fee ul.call li dl dd {}
.transport_fee ul.call li dl dd ul {border: 2px solid #2F1205;margin: 0!important;padding: 0!important;-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;}
.transport_fee ul.call li dl dd ul li {font-size: 22px!important;line-height: 32px!important;text-align: center!important;width:100%!important;margin: 0!important;padding: 1%!important;}
.transport_fee ul.call li dl dd ul li:nth-child(1) {background: #2F1205;color: #ffffff;font-weight: normal!important;}
.transport_fee ul.call li dl dd ul li:nth-child(2) {font-size: 48px!important;line-height: 56px!important;background: #ffffff; color: #884621;text-align: center!important;width:100%!important;margin: 0!important;padding: 2%!important;font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;}
.transport_fee ul.call li dl dd ul li:nth-child(3) {background: #2F1205;color: #ffffff;font-weight: normal!important;}
.transport_fee ul.call li:nth-child(2n) {}


@media screen and (max-width: 767px) {
.transport_fee {width: 90%;margin: 0 auto;padding: 5% 0;}
.transport_fee ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin: 0;padding: 0;}
.transport_fee ul li {width: 100%;margin: 0;}
.transport_fee ul li:first-child {margin: 0 ;}

.times {overflow-x: scroll;white-space: nowrap;}
.transport_fee ul li table {width: 100%;border-top: 1px solid #e9dfd4;border-left: 1px solid #e9dfd4;margin: 0 0 20px;}
.transport_fee ul li table th {font-size: 12px!important;text-align: center; background-color: #f8efe5;border-bottom: 1px solid #e9dfd4;border-right: 1px solid #e9dfd4;padding: 10px;}
.transport_fee ul li table td {font-size: 12px!important;text-align:left;border-bottom: 1px solid #e9dfd4;border-right: 1px solid #e9dfd4;padding: 10px 20px 10px 10px;}
.transport_fee ul li table td:nth-child(2) {text-align: right;width: 40%;}
.transport_fee ul li img {width: 100%;height: auto;margin: 0 0 5%;}

.transport_fee ul.call {padding: 5% 0;margin: 0 5%;}
.transport_fee ul.call li {width: 100%!important;margin: 0 0 5%!important;}
.transport_fee ul.call li:nth-child(2) {width: 100%!important;margin: 0!important;}
.transport_fee ul.call li img {width: 100%;}
.transport_fee ul.call li dl {}
.transport_fee ul.call li dl dt {font-size: 16px!important;line-height: 26px!important;color: #884621!important;background: inherit!important;margin: 0 0 5%!important;padding: 0!important;}
.transport_fee ul.call li dl dd {}
.transport_fee ul.call li dl dd ul {border: 2px solid #2F1205;margin: 0!important;padding: 0!important;-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;}
.transport_fee ul.call li dl dd ul li {font-size: 14px!important;line-height: 20px!important;text-align: center!important;width:100%!important;margin: 0!important;padding: 1%!important;}
.transport_fee ul.call li dl dd ul li:nth-child(1) {background: #2F1205;color: #ffffff;font-weight: normal!important;}
.transport_fee ul.call li dl dd ul li:nth-child(2) {font-size: 28px!important;line-height:38px!important;background: #ffffff; color: #884621;text-align: center!important;width:100%!important;margin: 0!important;padding: 2%!important;font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;}
.transport_fee　ul.call li dl dd ul li:nth-child(3) {background: #2F1205;color: #ffffff;font-weight: normal!important;}
.transport_fee　ul.call li:nth-child(2n) {}

}


#option {width: 1080px;margin: 5% auto 5%;text-align: left;}
#option h3 {display:block;
background: #ECE7E0;
padding: 5px;
font-size: 18px;
line-height:1.2em;
margin: 0 0 20px;}

.option {margin: 0 15px 20px;}
.option dl {margin: 0 5px 20px;}
.option dl dt {font-size: 18px;line-height: 28px;}
.option dl dd {font-size: 14px;line-height: 20px;}
.option dl dd dl {}
.option dl dd dl dt {background:inherit;}
.option dl dd dl dd {}

.price {font-size: 18px;line-height: 28px;}
.price p {}
.price table {}
.price table td {padding: 0 5px 0 0;}
.price table td:nth-child(2) {text-align: right;}

.menu {margin: 0 0 40px;}
.menu ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.menu ul li {width: 23%;margin: 0 2.5% 0 0;}
.menu ul li:nth-child(4n) {margin: 0 0 0 0;}
.menu ul li dl {}
.menu ul li dl dt {font-size: 14px;line-height: 20px;margin: 0;}
.menu ul li dl dd {font-size: 12px;line-height: 18px;margin: 0 0 5px;}
.menu ul li p {font-size: 12px;line-height: 18px;}
.menu ul li img {width: 100%;margin: 0 0 5px;}
.menu p {font-size: 12px;line-height: 18px;}


@media screen and (max-width: 767px) {
#option {width: 90%;margin: 0 auto;padding: 5% 0;}
#option h3 {display:block;
background: #ECE7E0;
padding: 5px;
font-size: 12px;
line-height:1.2em;
margin: 0 0 5%;}

.option {margin: 0 0 5%;}
.option dl {margin: 0 0 5%;}
.option dl dt {font-size: 14px;line-height: 20px;}
.option dl dd {font-size: 12px;line-height: 18px;}
.option dl dd dl {}
.option dl dd dl dt {background:inherit;}
.option dl dd dl dd {}

.price {font-size: 10px;line-height: 14px;overflow-x: scroll;white-space: nowrap;}
.price p {}
.price table {}
.price table td {padding: 0 5px 0 0;}
.price table td:nth-child(2) {text-align: right;}

.menu {margin: 0 0 5%;}
.menu ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.menu ul li {width: 48%;margin: 0 4% 4% 0;}
.menu ul li:nth-child(2n) {margin: 0 0 4% 0;}
.menu ul li:nth-child(4n) {margin: 0 0 4% 0;}
.menu ul li dl {margin: 0;}
.menu ul li dl dt {font-size: 12px;line-height: 18px;margin: 0 0 1%;}
.menu ul li dl dd {font-size: 10px;line-height: 16px;margin: 0;}
.menu ul li p {font-size: 10px;line-height: 16px;}
.menu ul li img {width: 100%;margin: 0 0 1%;}
.menu p {font-size: 10px;line-height: 16px;}


}