@charset "UTF-8";

html.ua-ipad #right_cont{/*ipad対策*/
    width:720px;
    overflow:hidden;
}

#gnavi #lace ul li#current_price a{
    background-position:left -59px;
}

.price_article #flow_use{
    width: 243px;
    height: 125px;
    float: left;
    padding: 50px 0 0 90px;
}

.price_article #flow_use a{
    background: url("/img/price/btn_flow_use.png") no-repeat;
    width: 209px;
    height: 0px;
    display: block;
    padding-top: 60px;
    overflow: hidden;
}

.price_article #flow_use a:hover{
    background-position:left -60px;
}

.price_article #initiation_fee * {
    font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
    box-sizing: border-box;
}

.price_article #initiation_fee{
    background: url(/img/price/bg_stripe.gif) repeat;
    width: 657px;
    height: 257px;
    clear: both;
    position: relative;
    margin: 0 auto;
}

.price_article #initiation_fee h3 {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #FFF;
    margin-right: 10px;
}

.price_article #initiation_fee dl {
    position: absolute;
    top: 20px;
    right: 20px;
    clear: both;
    width: 380px;
    padding: 10px 20px 20px;
    background-color: #FFF;
}

.price_article #initiation_fee dl dt {
    width: 70%;
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    padding: 5px 0;
    border-bottom: 1px solid #000;
}

.price_article #initiation_fee dl dd {
    width: 30%;
    float: right;
    font-size: 24px;
    font-weight: bold;
    color: #e70e41;
    padding: 5px 0;
    border-bottom: 1px solid #000;
}

.price_article #course{
    width: 665px;
    height: 555px;
    margin: 30px 0px 75px 13px;
    clear: both;
    position: relative;
}

.price_article #course h3{
    position: absolute;
    left: 20px;
}

.price_article #course table{
    margin:65px auto 10px auto;
}

.price_article #course table th{
    color:#000;
    font-size:25px;
    text-align:right;
    background: url("/img/price/border_bottom_dotted.gif") repeat-x bottom;
    padding:20px 5px 0 5px;
    font-family: 'Cantata One', serif;
    font-weight:bold;

}

.price_article #course table td{
    color:#000;
    font-size:32px;
    background: url("/img/price/border_bottom_dotted.gif") repeat-x bottom;
    font-family: 'Cantata One', serif;
    font-weight:bold;
    padding:15px 5px 0 5px;
}

.price_article #course table td img{
    vertical-align:middle !important;
}

#encho{
    padding-top:15px;
    margin:20px auto 0 auto;
    width:550px;
    height:60px;
    text-align:center;
    color:#000;
    font-size:30px;
    font-family: 'Cantata One', serif;
    font-weight:bold;
    background:#E5E3E3;
}

.red{
    color:#E70E41;
    font-size:32px;
}

.dott{
    text-align:center;
    font-size:20px;
    color:#000;
    }

.price_article #play{
    width: 572px;
    position: relative;
    margin: 0px auto 40px auto;
    padding: 0 30px 10px 40px;
    border: solid 8px #000000;
    background: #ffffff;
}
.price_article #play h3,
.price_article #option h3{
    position: absolute;
    top: 20px;
    left: 20px;
}

.price_article #play ul{
    padding: 70px 0px 0px 0px;
}
.price_article #play ul li{
    float: left;
    line-height: 50px;
    padding: 0px 4px 0px 0px;
    font-size: 25px;
    /font-size: 26px;
    font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
    font-weight: bold;
    color: #000000;
    background: url("/img/price/border_bottom_dotted.gif") repeat-x bottom;
    min-width: 12px;
}

.price_article #option{
    width: 600px;
    height: 250px;
    position: relative;
    /*background: url("/img/price/bg_option.gif") no-repeat center top;*/
    margin: 0px auto 30px auto;
    padding: 70px 0 0 40px;
    border: solid 8px #000000;
    background: #ffffff;
}

.price_article #option dl dt#option_80min{
    padding: 0 6px;
    font-size: 12px;
}

.price_article #option dl:last-of-type{
    background: none;
}

.price_article #option dl{
    min-width: 270px;
    background: url("/img/price/border_bottom_dotted.gif") repeat-x bottom;
}

.price_article #option dl dt{
    min-width: 126px;
}


.price_article #option dl,
.price_article #option dl dt,
.price_article #option dl dd{
    float:left;
}

.price_article #option dl dt,
.price_article #option dl dd{
    font-size: 21px;
    font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
    font-weight: bold;
    color: #000000;
    line-height: 40px;
}

.price_article #option dl dd{
    color:#e70e41;
    min-width: 54px;
    padding-right: 13px;
}

#right_cont .article_area {
    width: 727px;
    border-top: none;
    margin: 0 0 2vw;
    padding: 0 35px;
    box-sizing: border-box;
}

.f_21px{
    font-size: 21px;
}

#flow{
    margin-top: 20px;
}

#flow .stepbox{
    margin: 10px auto;
    width:657px;
    overflow:hidden;
}

#flow .stepbox dt{
    float: left;
    width: 46px;
}

#flow .stepbox dd{
    float: right;
    width: 610px;
}

#flow .stepbox dd li{
    margin: -5px 0 12px 0px;
    padding: 8px 0 8px 20px;
    position: relative;
}

#flow .stepbox dd li p{
    line-height: 16px;
}

#flow .stepbox dd li.ao{
    background-color: #ffe7ec;
}

#flow p span.tel_red {
    font-family:'Hiragino Mincho ProN', serif;
    font-style: italic;
    color: #d44255;
    font-weight: bold;
    font-size:23px;
    position: absolute;
    top: 1px;
    /top: 5px;
}

#flow .custypestext{
    position: relative;
    margin-bottom: 15px;
    font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
    font-size: 16px;
    color: #333;
}

.flow_pra{
    font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
    font-size:16px;
    color:#000000;
    width:640px;
    line-height:1.7;
    margin:20px auto;
}

.flow_pra .flow_pic{
    float:right;
    display:inline-block;
    padding:8px;
    background:#ffffff;
    border:solid 1px #dadada;
    margin:0px 0px 20px 20px;
}

#flow h4{
    font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
    font-size: 25px;
    margin: 0 0 -20px 36px;
    color: #967E61;
    border-left: solid 2px #C7B6A1;
    padding: 0 0 0 12px;
}

.anytels{
    display: block;
    font-size: 34px;
    color: #E02525;
}

.anytels span{
    font-size: 20px;
    color: #E02525;
}

a.flow_textlink{
    background: #FFDBED;
    padding: 3px 4px;
    font-size: 16px;
    text-decoration: none;
}

a.flow_textlink:hover{
    background: #FFE7FB;
}

.flow_in_overimg{
    position: relative;
    height: 310px;
}

.flow_in_overimg > img{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.flow_in_overimg > iframe{
    border: 0;
    position: absolute;
    right: 0;
    top: 7px;
}

/* .flow_in_img{
    width: 610px;
} */

.flow_blocks{
    font-size: 16px;
    color: #000;
    display: block;
    line-height: 1.5;
    padding: 15px;
    margin: 20px 0;
    background: #eee;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    border: solid 2px #eee;
    position: relative;
}

.flow_blocks:after{
    content: "";
    position: absolute;
    bottom: -27px;
    right: 50%;
    border: 10px solid transparent;
    border-top: 10px solid #D2CFBB;
}

.flow_blocks:last-of-type:after{
    content: none;
}

.tyuui{
    width:577px;/*617*/
    margin:0px auto 70px auto;
    border:solid 8px #000000;
    padding:20px;
    background:#ffffff;
}

.tyuui dd{
    font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
    font-size:16px;
    color:#000000;
    border-bottom:dotted 1px;
    line-height:1.4;
    padding:20px 5px 15px 5px;
}

/*クレジットカードのご利用について start */
.coursebox {
    margin: 0px auto 70px auto;
    width: 635px;
}
.rightp {
    font-size: 14px;
    line-height: 180%;
    margin: 20px 0 40px 0;
}
.cardrule {
    padding: 20px 0 10px 10px;
    border-top: solid 1px #C2C2C2;
    border-bottom: solid 1px #C2C2C2;
}
.cardrule li {
    font-size: 14px;
    margin: 0 0 12px 0;
}
.playbox dl {
    margin: 0 0 15px 0;
}
.playbox dl dt {
    font-size: 18px;
    font-weight: bold;
    float: left;
    width: 91px;
    height: 40px;
    padding: 20px 0 0 22px;
    color: #FFF;
    background: url(/img/price/bg_step2.png) no-repeat;
}
.playbox dl dd {
    line-height: 160%;
    float: right;
    width: 483px;
    padding: 11px;
	border: solid 1px #C2C2C2;
    border-left: solid 8px #C2C2C2 !important;
    background: #FFF;
}
.fontsize14 {
    font-size: 14px;
}
.text04 {
    font-weight: bold;
    color: #F17696;
}
.cardrulesec.h5sty {
    margin: 25px 0 5px 0;
}
.cardrulesec .atten {
    color: #F17696;
    font-size: 18px;
    font-weight: bold;
}
.cardrulesec + p {
    font-size: 14px;
    line-height: 180%;
    margin: 0 0 0 0;
}
a.tostarpay {
    background: #4d8efd;
    color: #fff;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    border-radius: 6px;
    display: inline-block;
}
a.tostarpay:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 8px;
    display: inline-block;
}
#credit_card{
	margin-top: 35px;
}
#credit_card h3{
	margin-bottom: 15px;
}
/*クレジットカードのご利用について end */

.text02{
    text-align: center;
    font-weight: bold;
    color: #1b84eb;
}

.btn-square-little-rich {
    position: relative;
    display: block;
    padding: 0.5em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;
    border: solid 1px #0f9ada;
    border-radius: 34px;
    margin: 5px auto;
    width: 80%;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

.flow_pra {
font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
font-size: 22px;
color: #000000;
width: 635px;
line-height: 1.8;
margin: 40px auto 50px auto;
}

.flow_pra .flow_pic {
float: right;
display: inline-block;
padding: 8px;
background: #ffffff;
border: solid 1px #dadada;
margin: 0px 0px 20px 20px;
}

.car {
font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
font-size: 19px;
color: #ff0000;
width: 635px;
line-height: 1.5;
margin: 10px auto 0px auto;
}

.car_2 {
font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
font-size: 18px;
color: #000000;
width: 635px;
line-height: 1.5;
margin: -66px auto 10px auto;
}

.car_2 a{
font-size:18px;
color:#DE800D;
text-decoration: none;
}

.hotel:hover{
color: #ff0000;
}






.tyuui {
width: 577px;
margin: 0px auto 70px auto;
border: solid 8px #000000;
padding: 20px;
background: #ffffff;
}

.tyuui dd {
font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
font-size: 20px;
color: #000000;
border-bottom: dotted 1px;
line-height: 1.4;
padding: 20px 5px 15px 5px;
}

#delivery_charge h4 {
font-size: 35px;
margin: 40px auto 5px auto;
width: 635px;
color: #000000;
font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
}

#delivery_charge table {
border: solid 8px #000000;
width: 635px;
margin: 0px auto 70px auto;
background: #ffffff;
border-collapse: collapse;
}

#delivery_charge table td {
border-top: solid 3px #000000;
border-left: solid 3px #000000;
padding: 15px;
font-size: 20px;
color: #000000;
line-height: 1.5;
font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
}

#delivery_charge table td span {
font-size: 22px;
color: #e70e41;
}

#delivery_charge table .head_line {
background: #E5E3E3;
}

.fontsmall {
font-size: 15px !important;
border: dotted 1px #000000 !important;
padding: 10px 15px 10px 15px !important;

}

#delivery_charge table .area_separate {
width: 96px !important;
background: #fff;
}

.g_pin {
height: 25px;
vertical-align: middle;
margin-right: 5px;
}

/* =====================
「出張料金のご案内」スタイル START
===================== */

.area * {
    box-sizing: border-box;
    font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
}

.area {
    width: 728px;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 0;
    margin: 40px 0;
}

.area_wrap {
    width: 658px;
    margin: 0 35px;
}

.area_header {
    font-size: 24px;
    font-weight: bold;
    background: url(/img/price/diamond.png) 4px 4px no-repeat;
    padding-left: 40px;
    padding-bottom: 4px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;

}

.area_discount {
    background-color: #E70E41;
    /* padding: 10px 10px 30px 10px; */
    padding: 10px;
    margin: 15px 10px;
}

.area_discount p{
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
}

b {
    font-weight: bold;
    color: #c51732;
}

.margin_bottom_40px {
    margin-bottom: 40px !important;
}

span.area_gotanda_zero {
    font-size: 30px;
    margin-left: 5px;
    color: #ff0;
    /* position: relative;
    top: 10px; */
}


.area_map {
    width: 370px;
    float: left;
    padding: 12px;
    position: relative;
}

.area_map_price {
    position: absolute;
    top: 240px;
    left: 250px;
}

.area_map_price p {
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 14px;
    /*font-weight: bold;*/
}

.area_detail {
    width: 288px;
    float: right;
}

.area_detail_box {
    border-bottom: 1px dotted #666;
    margin-bottom: 8px;
}

.area_detail_box h4 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 4px;
}

.area_detail_box h4:before {
    content: "";
    border-left: 10px solid #666;
    margin-right: 6px;
}

.area_detail_box p {
    font-size: 16px;
    margin-bottom: 8px;
}

.area_map .area_type1 {
    color: #e53939;
}

.area_map .area_type2 {
    color: #00BD04;
}

.area_map .area_type3 {
    color: #1b84eb;
}

.area_map .area_type4 {
    color: #949494;
}

.area_map .area_type1:before {
    content: "■";
    padding-right: 4px;
}

.area_map .area_type2:before {
    content: "■";
    padding-right: 4px;
}

.area_map .area_type3:before {
    content: "■";
    padding-right: 4px;
}

.area_map .area_type4:before {
    content: "■";
    padding-right: 4px;
}

.area_wrap .area_detail .area_type1 * {
    color: #e53939;
}

.area_wrap .area_detail .area_type2 * {
    color: #00BD04;
}

.area_wrap .area_detail .area_type3 * {
    color: #1b84eb;
}

.area_wrap .area_detail .area_type4 * {
    color: #949494;
}

.area_type1.area_detail_box h4:before {
    border-color: #e53939;
}

.area_type2.area_detail_box h4:before {
    border-color: #00BD04;
}

.area_type3.area_detail_box h4:before {
    border-color: #1b84eb;
}

.area_type4.area_detail_box h4:before {
    border-color: #949494;
}

.area_detail_note {
    font-size: 14px;
}

.area_search {
    margin-top: 20px;
    background-color: #f7f7f7;
    border: 6px solid #ccc;
    text-align: center;
    padding: 12px;
}

.area_search p {
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
}

.area_search a:hover {
    opacity: .7;
}

/* =====================
「出張料金のご案内」スタイル END
===================== */
s