/*
　補足クラス(単体では用いず他のクラスと組み合わせて使用する)
　　行数 .line1,.line2
　　カラー .orange-theme,.blue-theme,.green-theme
*/
/* latin-ext */
/*@font-face {*/
    /*font-family: 'Playball';*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*src: local('Playball'), local('Playball-Regular'), url(/fonts/Playball-Regular.ttf) format('woff2');*/
    /*unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/* latin */
/*@font-face {*/
    /*font-family: 'Playball';*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*src: local('Playball'), local('Playball-Regular'), url(/fonts/Playball-Regular.ttf) format('woff2');*/
    /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;*/
/*}*/

/*@font-face {*/
    /*font-family: 'Playball';*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*src: local('Playball'), local('Playball-Regular'), url(/fonts/Playball-Regular.woff) format('woff');*/
/*}*/

/*@font-face {*/
    /*font-family: 'Playball';*/
    /*src: url('../fonts/playball-regular.eot'); *//* IE9 Compat Modes */
    /*src: url('../fonts/playball-regular.eot?#iefix') format('embedded-opentype'), *//* IE6-IE8 */
    /*url('../fonts/playball-regular.woff') format('woff'), *//* Modern Browsers */
    /*url('../fonts/playball-regular.ttf')  format('truetype'), *//* Safari, Android, iOS */
    /*url('../fonts/playball-regular.svg#svgFontName') format('svg'), *//* Legacy iOS */
/*}*/
@font-face {
    font-family: 'Playball';
    /*src: url('../fonts/playball-regular.eot'); *//* IE9 Compat Modes */
    /*src: url('../fonts/playball-regular.eot?#iefix') format('embedded-opentype'), *//* IE6-IE8 */
    src: url('../fonts/playball-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/playball-regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/playball-regular.ttf')  format('truetype'); /* Safari, Android, iOS */
    /*url('../fonts/playball-regular.svg#svgFontName') format('svg'); *//* Legacy iOS */
}


html,
body {
    width: 100%;
    /*height: 100%;*/
}

body {
    /*游ゴシック体は外しています*/
    font-family: 'Lucida Grande','Hiragino Sana', 'ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN',Meiryo,'メイリオ', sans-serif;
}

hr {
    max-width: 50px;
    border-color: #f05f40;
    border-width: 3px;
}

hr.light {
    border-color: #ff0;
}

a {
    color: #f05f40;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #eb3812;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
}

.bg-primary {
    background-color: #f05f40;
}

.bg-dark {
    color: #fff;
    background-color: #222;
}

.text-faded {
    color: rgba(255,255,255,.7);
}

.content-container{
    padding:75px 0;
}

section {
    padding: 10px 0;
    margin: 10px 0;
}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}

.navbar-default {
    border-color: rgba(34,34,34,.05);
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    /*font-family: 'Playball', cursivel;*/
    /*background-color: #fff;*/
    /*スマホのナビバーの背景色*/
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.navbar-default .navbar-header .navbar-brand {
    /*text-transform: uppercase;*/
    /*font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;*/
    font-family: 'Playball', cursivel;
    font-weight: 700;
    /*color: #f05f40;*/
    color: rgba(255, 255, 255, 0.90);
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #eb3812;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    /*text-transform: uppercase;*/
    font-size: 13px;
    font-weight: 700;
    /*スマホのナビバーの文字色 背景がネイビーのため白ぬき*/
    /*color: #222;*/
    color: #fff;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #f05f40;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #f05f40!important;
    background-color: transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}

/*スマホのメニュー画面の背景色*/
.navbar-collapse{
    /*background-color: #fff;*/
    background-color: #366EC8;
    text-align: center;
}

@media(min-width:768px) {
    .navbar-default {
        border-color: rgba(255,255,255,.3);
        /*タブレット、PCのナビバー背景*/
        /*background-color: transparent;*/
        background-color: rgba(255,255,255,0.2);
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255,255,255,.9);
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: rgba(255,255,255,.9);


    }

    /*.mobile-stay-open {display:block !important;}*/

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #fff;
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        /*PC,タブレットのナビバー背景 ページ下に移動時*/
        /*background-color: #fff;*/
        background-color: rgba(255,255,255,0.2);
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
        /*color: #f05f40;*/
        color: #eee;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb3812;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        /*color: #222;*/
        color: #fff;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #f05f40;
    }

    .navbar-collapse{
        background-color: transparent;
    }
}

/*START: メニュー*/
@media (min-width: 768px) {
    /*bootstapをmodify*/
    .navbar-nav > li > a {
        text-align: center;
        padding-top: 9px;
        padding-bottom: 9px;
    }
    .navbar-nav > li > a.orig_a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.navbar-default .nav > li>a .ja-lbl{
    font-size: 12px;
    line-height: 14px;
}
.navbar-default .nav > li>a .en-lbl{
    font-size: 16px;
    line-height: 18px;
}
.navbar-brand{
    padding-top:9px ;
    padding-bottom:9px ;
    text-align: center;
}
.navbar-brand .ja-lbl{
    font-size: 10px;
    line-height: 10px;

}
.navbar-brand .en-lbl{
    font-size: 32px;
    line-height: 22px;
}
/*スマホメニューボタン*/
.navbar-default .navbar-toggle {
    background-color: #fff;
}

@media (max-width: 767px) {
    /*スマホのメニュー画面*/
    .nav>li {
        position: relative;
        display: inline-block;
        width: 50%;
        float: left;
    }
}


/*END: メニュー*/

header {
    position: relative;
    width: 100%;
    /*min-height: auto;*/
    /*text-align: center;*/
    color: #fff;
    /*background-position: center;*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*background-size: cover;*/
    /*-o-background-size: cover;*/
}

.header-content {
    position: relative;
    width: 100%;
    /*padding: 100px 15px;*/
    text-align: center;
    color: #fff;
}

.header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0 0 1px #fff;/*グロー*/
}

.header-content .header-content-inner h2 {
    text-shadow: 0 0 3px #fff;/*グロー*/
}

.header-content .header-content-inner hr {
    margin: 30px auto;
}

.header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(255,255,255,.7);
}

/*@media(min-width:768px) {*/

    header {
        /*android,iosのスクロールによってステータスバーにサイズに対応するため*/
        /*サイズはcreative.js内で指定する */
        /*min-height: 100%;*/
    }

    .header-content {
        /*position: absolute;*/
        /*top: 50%;*/
        /*padding: 0 50px;*/
        /*-webkit-transform: translateY(-50%);*/
        /*-ms-transform: translateY(-50%);*/
        /*transform: translateY(-50%);*/

    }

    .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 90%;
        font-size: 16px;
        /*タイトルを少し上にあげる*/
        margin-bottom: 40px;
    }
/*}*/

.section-content{
    position: relative;
    width: 90%;
    height:auto;
    margin: auto;
}
@media(min-width:768px) {
    .section-content{
        width: 70vmin;
        max-width: 600px;
    }
}
.section-content .center-img{
    max-width: 100%;
    /*position: absolute;*/
    /*top:50%;*/
    /*transform: translateY(-50%);*/
    /*-webkit-transform: translateY(-50%);*/
}

.section-heading {
    margin-top: 0;
}

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}

@media(min-width:992px) {
    .service-box {
        margin: 20px auto 0;
    }
}

.service-box p {
    margin-bottom: 0;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(240,95,64,.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #f05f40;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary {
    border-color: #f05f40;
    color: #fff;
    background-color: #f05f40;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #ed431f;
    color: #fff;
    background-color: #ee4b28;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #f05f40;
    background-color: #f05f40;
}

.btn-primary .badge {
    color: #f05f40;
    background-color: #fff;
}

.btn {
    border: 0;
    border-radius: 300px;
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
}

.btn-xl {
    padding: 15px 30px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

input::selection,
textarea::selection {
    color: #000;
}

body {
    webkit-tap-highlight-color: #222;
}

/*1170は日本のサイトとしては広すぎるので一段下の980pxに合わせる*/
@media (min-width: 1200px) {
    .container {
        width: 980px;
        /*width: 930px;*/
    }
}

/*@media (min-width: 992px) {*/
    /*.container {*/
        /*width: 930px;*/
    /*}*/
/*}*/

/*テーブルのthのセンタリングをキャンセル*/
th {
    text-align: center;
}

.styled-font{
    font-family: 'Playball', cursivel;
}

.full-container{
    /*padding-top:30px;*/
    padding-bottom:30px;
    /*background-color: #fff;*/
    background-color: rgba(255, 255, 255, 0.95);
    /*background: repeating-linear-gradient( 90deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95) 4px,*/
    /*rgba(251, 251, 251, 0.95) 4px, rgba(251, 251, 251, 0.95) 8px );*/
    /*border-radius: 15px;*/
    border-radius: 5px;
    /*テープ用*/
    /*position: relative;*/
    background-image: url(/img/icon/himawari2.png);background-repeat: repeat-x;background-position: bottom;
    /*モバイルは上部のみ枠線をつける*/
    border-top: solid 8px rgba(158, 158, 158, 0.21);
}
/*最初のセクションの上部の余白は除く*/
.full-container section:first-child{
    margin-top: 0px;
    padding-top: 0px;
}
@media(min-width:768px) {
    .full-container{
        border: solid 8px rgba(158, 158, 158, 0.21);
        border-radius: 15px;
    }
}

/*テープ*/
.tape:before {
    content: "";
    background-color: rgba(255, 228, 181, .6);
    position: absolute;
    top: -1.5em;
    left: 40%;
    width: 100px;
    height: 40px;
    transform: rotate( -10deg );
}

h2{
    color:#fff;
    font-size:40px;
}

h3{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

body{
    font-size:16px;
    box-sizing: border-box;
}


/*sample*/

/*start:price table*/
.headding_point {
    font-size: 26px;
    /*font-size: 1.8rem;*/
    font-weight: bold;
    color: #00479d;
    margin: 0 0 10px;

    text-shadow:
    0 2px 0 #fff,
    2px 0 0 #fff,
    0 -2px 0 #fff,
    -2px 0 0 #fff,
    -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    2px 2px 0 #fff,
    1px 1px 1px #999,
    2px 2px 2px #999,
    3px 3px 3px #999,
    4px 4px 4px #999;
}
.headding_point .sub-lbl{
    font-size: 20px;
}
/*.headding_point:after{*/
    /*height: 5px;*/
    /*background: repeating-linear-gradient( -45deg, #FF9900, #FF9900 4px, #ffad33 4px, #ffad33 8px );*/
    /*content:"";*/
    /*display:block;*/
/*}*/

.price-table {
    width: 100%;
    /*width: 100%;*/
    margin-top: 15px;
    /*margin-bottom: 40px;*/
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
    /*センタリング*/
    margin-left: auto;
    margin-right: auto;
    table-layout:fixed;
    /*shadow*/
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

}
@media (min-width: 992px) {
    .price-table {
        width: 80%;
    }
}

.price-table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.price-table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.price-table tr:first-child th:first-child {
    border-radius: 5% 0 0 0;
}
.price-table th.th_p_a {
    /*background: #00479d;*/
    background-image: url("/img/pattern/blue_stripe.png");
}
.price-table th.th_p_b {
    /*background: #0068b7;*/
    background: -webkit-repeating-linear-gradient(
            -45deg,
            #0077ff,
            #0077ff 4px,
            #3393FF 4px,
            #3393FF 8px
    );
    background: repeating-linear-gradient(
            -45deg,
            #0077ff,
            #0077ff 4px,
            #3393FF 4px,
            #3393FF 8px
    );

}
.price-table th.th_p_c {
    background: #00a0e9;
}

.price-table th.summer_th_p_a {
    background: #ed3928;
}
.price-table th.summer_th_p_b {
    background: #ee4b28;
    background: -webkit-repeating-linear-gradient(
            -45deg,
            #FF9900,
            #FF9900 4px,
            #ffad33 4px,
            #ffad33 8px
    );
    background: repeating-linear-gradient(
            -45deg,
            #FF9900,
            #FF9900 4px,
            #ffad33 4px,
            #ffad33 8px
    );
}
.price-table th.summer_th_p_c {
    background: #ed5a28;
}

.price-table th.park_th_p_a {
    background: #7ec23a;
}
.price-table th.park_th_p_b {
    background: #73c23a;
    background: -webkit-repeating-linear-gradient(
            -45deg,
            #1aff1a,
            #1aff1a 4px,
            #66ff66 4px,
            #66ff66 8px
    );
    background: repeating-linear-gradient(
            -45deg,
            #1aff1a,
            #1aff1a 4px,
            #66ff66 4px,
            #66ff66 8px
    );
}
.price-table th.park_th_p_c {
    background: #63c23a;
}

.price-table th, .price-table td {
    border: solid #fff 1px;
    /*padding: 10px;*/
    text-align: center;
    /*padding: 14px 10px;*/
    padding: 12px 0px;
}

.price-table th {
    font-size: 20px;
    /*font-size: 1.4rem;*/
    color: #fff;
    /*padding: 14px 10px;*/

    /*サブバッジ*/
    line-height: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.price-table td {
    background: #f2f2f2;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
}
/*金額は赤文字,白枠,影付きにする*/
.price-table .yen-txt{
    font-size:28px;
    color: #f00;
    text-shadow:
    0 2px 0 #fff,
    2px 0 0 #fff,
    0 -2px 0 #fff,
    -2px 0 0 #fff,
    -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    2px 2px 0 #fff,
    3px 3px 3px #999;
}
/*円の文字を小さくする*/
.price-table .yen-lbl{
    font-size: 16px;
}
.price-table .sub-lbl{
    font-size: 13px;
    line-height: 18px;
}
/*タブレットのみ長期滞在の金額(４桁)の文字を小さくする;*/
@media(min-width:768px)and(max-width:991px) {
    .price-table .yen-txt {
        font-size: 25px;
    }
    .price-table .yen-lbl{
        font-size: 12px;
    }
    .price-table .sub-lbl{
        font-size: 12px;
        line-height: 14px;
    }
}

.price-table .sub-badge{
    font-size: 10px;
    background-color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
}
.summer-table .sub-badge{
    color: #FF9900;
}
.winter-table .sub-badge{
    color: #0077ff;
}
/*end:price table*/

/*caption*/
.caption_orange {
    font-size: 12px;
    font-size: 1.2rem;
    color: #f08200;
}

/*吹き出し*/
.fukidashi {
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.fukidashi.left p {
    /*border: 2px solid #00A0E9;*/
    border: 2px solid #fff;
    border-radius: 15px;
    padding: 10px;
    background-color: #fff;
}
.fukidashi.left p:after,
.fukidashi.left p:before {
    content: ' ';
    position:absolute;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-right: solid 15px #ffffff;
    top: 50px;
    left: -12px;
}
.fukidashi.left p:before {
    /*border-right-color: #00A0E9;*/
    border-right-color: #fff;
    left: -15px;
}

/*room*/
.room-div{
    /*margin-top: 20px;*/
    /*padding: 15px 15px 15px 15px;*/
    padding: 5px;
    background-color: #fff;
}
.room-div img{
    max-width: 100%;
}
.room-div h5{
    font-weight: 600;
    padding-bottom: 5px;
    /*margin: 10px 0 0 0;*/
    text-align: center;

    color: #fff;

    padding-top: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.room-mini h5{
    font-size: 12px;
    padding: 3px;
}
.room-div p{
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}
.room-div .room-exp{
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    background-color:#fff;

    background-size:20px 20px;
    background-position: 0 0, 30px 30px;
    position: relative;
    border-radius: 12px;

    width: 75%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}
.room-div .room-exp:before{
    content: "";
    border: 12px solid transparent;
    position: absolute;
    right: 40%;
    top: -24px;
}
.room-div .room-exp:after{
    content: "";
    border: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    right: 40%;
    top: -22px;
}
.room-orange h5{
    color: #ee4b28;
    /*border-bottom: 1px dotted #ee4b28;*/
    background: -webkit-repeating-linear-gradient( -45deg, #FF9900, #FF9900 4px, #ffad33 4px, #ffad33 8px );
    background: repeating-linear-gradient( -45deg, #FF9900, #FF9900 4px, #ffad33 4px, #ffad33 8px );
    /*border-bottom: 1px dotted #ee4b28;*/
    color: #fff;
}
.room-orange .room-exp{
    color: hsla(11,85%,65%,1);;
    background-image: -webkit-radial-gradient(#fff4e6 15%, transparent 16%),-webkit-radial-gradient(#fff4e6 15%, transparent 16%);
    background-image: radial-gradient(#fff4e6 15%, transparent 16%),radial-gradient(#fff4e6 15%, transparent 16%);
    border:solid 2px #ffad00;
}
.room-orange .room-exp:before{
    border-bottom: 12px solid #ffad00;
}
.room-blue h5{
    color: #2196F3;
    /*border-bottom: 1px dotted #2196F3;*/
    background: -webkit-repeating-linear-gradient(
            -45deg,
            #0077ff,
            #0077ff 4px,
            #3393FF 4px,
            #3393FF 8px
    );
    background: repeating-linear-gradient(
            -45deg,
            #0077ff,
            #0077ff 4px,
            #3393FF 4px,
            #3393FF 8px
    );
    color: #fff;
}
.room-blue .room-exp{
    color: hsla(207,90%,65%,1);;
    background-image: -webkit-radial-gradient(#d0e5f5 15%, transparent 16%),-webkit-radial-gradient(#d0e5f5 15%, transparent 16%);
    background-image: radial-gradient(#d0e5f5 15%, transparent 16%),radial-gradient(#d0e5f5 15%, transparent 16%);
    border:solid 2px #55AEF6;
}

.room-blue .room-exp:before{
    border-bottom: 12px solid #55AEF6;
}


.room-div .img-exp{
    position: absolute;
    top: 8px;
    left: 8px;
    color: #fff;
    width:38px;
    height:38px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
}
.room-mini .img-exp{
    top: 6px;
    left: 6px;
    width:30px;
    height:30px;
    font-size: 10px;
}
.room-div .img-exp-1l{
    line-height: 38px;
}
.room-mini .img-exp-1l{
    line-height: 30px
}
.room-div .img-exp-2l{
    line-height: 13px;
    padding-top: 5px;
}
.room-blue .img-exp{
    background-color: rgba(51, 153, 255, 0.9);
}
.room-orange .img-exp{
    background-color: rgba(255, 173, 0, 0.9);
}



/*facilities*/
.facility-div{
    margin-top: 20px;
    padding: 15px 15px 15px 15px;
    background-color: #fbf1d1;
}
.facility-div img{
    max-width: 100%;
}
.facility-div h5{
    color: #834700;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 1px dotted #834700;
    margin: 10px 0 0 0;
}
.facility-div p{
    color: #834700;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 1.5;
}

/*amenities*/
.amenity-div{
    margin-top: 20px;
    /*border:solid 1px #00479d;*/
    padding: 10px;
    text-align: center;
    background-color: #fbf1d1;
    color: #834700;
}

/*reserve button*/

.reserve-button {
    position: fixed;
    z-index: 1000;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;

    text-align: center;
    border: solid 2px #fff;
    border-radius: 50%;
    opacity: 0.7;
    /*background-color: #f05f40;*/
    background-image: url("/img/pattern/blue_stripe.png");
    color: #fff;
    text-decoration: none;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    right: 5px;
    bottom: 5px;
    width: 65px;
    height: 65px;
    padding-top: 10px;
    font-size: 12px;
}
.reserve-button i{
    font-size: 22px
}
.reserve-button:hover{
    opacity: 1.0;
    color: #fff;
    text-decoration: none;
}
@media(min-width:768px) {
    .reserve-button {
        right: 30px;
        bottom: 20px;
        width: 85px;
        height: 85px;
        padding-top: 15px;
        font-size: 16px;
    }
    .reserve-button i{
        font-size: 30px
    }
}

@media(min-width:992px) {
    .reserve-button {
        /*PC以上はコンテンツと被らないため強調する*/
        opacity: 0.9;
    }
}


/*.remove {*/
    /*display: block;*/
    /*font-size: 0.1em;*/
    /*text-align: left;*/
    /*text-indent: -9999px;*/
    /*background-position: top left;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% auto;*/
/*}*/
/*a {*/
    /*color: #000;*/
    /*-webkit-transition: 0.3s;*/
    /*-moz-transition: 0.3s;*/
    /*transition: 0.3s;*/
/*}*/
/*a {*/
    /*color: #428bca;*/
    /*text-decoration: none;*/
/*}*/

/*phone btn*/
.phone-btn:hover{
    color: #fff;
    background-color: #0b7fc6;
    outline: 0;
}
.phone-btn{
    text-align: center;
    border: 3px solid #ccc;
    /*padding: 10px 12px 10px 60px;*/
    padding: 10px 12px 10px 10px;
    letter-spacing: 0.1em;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none !important;
    border-color: #0b7fc6;
    color: #0b7fc6;
    width: 200px;
    display: block;
    margin:0 auto;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);

    border-radius: 50px;
    /*background-position: 7px center;*/
    /*background-repeat: no-repeat;*/
}

.btn-white{
    border-color: #fff;
    color: #fff;
}
.btn-white:hover{
    color: #0b7fc6;
    background-color: #fff;
}

.text-blue{
    /*color: #0b7fc6;*/
    color: #2196F3;
}
.btn-blue{
    border-color: #0b7fc6;
    color: #0b7fc6;
}
.btn-blue:hover{
    color: #fff;
    background-color: #0b7fc6;
}
.text-orange{
    color: #ffad33;
}
.btn-orange{
    border-color: #ee4b28;
    color: #ee4b28;
}
.btn-orange:hover{
    color: #fff;
    background-color: #ee4b28;
}
.text-green{
    /*color: #63c23a;*/
    color: #2EE600;
}
.btn-green{
    border-color: #63c23a;
    color: #63c23a;
}
.btn-green:hover{
    color: #fff;
    background-color: #63c23a;
}
.btn-orange-r{
    border-color: #ee4b28;
    color: #ee4b28;
    background-color: rgba(255,255,255,0.8);
}
.btn-orange-r:hover{
    color: #fff;
    background-color: #ee4b28;
}
.btn-blue-r{
    background-color: rgba(255,255,255,0.8);
    border-color: #0b7fc6;
    color: #0b7fc6;
}
.btn-blue-r:hover{
    color: #fff;
    background-color: #0b7fc6;
}
.text-grey{
    color:#888;
}
.text-red{
    color: #ff3d38;
}

/*cancel table*/
.cancel-table {
    width: 240px;
    /*width: 100%;*/
    margin-top: 15px;
    /*margin-bottom: 40px;*/
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
    /*センタリング*/
    margin-left: auto;
    margin-right: auto;
    table-layout:fixed
}

.cancel-table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.cancel-table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.cancel-table th, .cancel-table td {
    border: solid #fff 1px;
    text-align: center;
    padding: 4px 4px;
    font-size: 12px;
    /*font-weight: bold;*/
}

.cancel-table th {
    /*font-size: 18px;*/
    color: #666;
    background-color: #ccc;
}

.cancel-table td {
    background-color: #eee;
    /*background: #f2f2f2;*/
    /*font-size: 24px;*/
    /*font-weight: bold;*/
}


/*rule*/
.rule-header{
    color: #666;
    font-size: 12px;
    font-weight: 600;
}
.rule-list{
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

/*common shadow*/
.light-shadow{
    box-shadow: 2px 2px 2px #888888;
}


/*full carousel slider*/
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-control.left, .carousel-control.right {
    background-image:none !important;
    filter:none !important;
}

.white-text{
    color: #fff;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
    position: relative;
}
.effect2:before, .effect2:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    transform: rotate(-3deg);
}
.effect2:after
{
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
    content:"";
    position:absolute;
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
}
.effect7:after
{
    right:10px;
    left:auto;
    transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute;
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    border-radius:100px / 10px;
}
.effect8:after
{
    right:10px;
    left:auto;
    transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
    position: relative;
}
.effect4:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    transform: rotate(3deg);
}


.box h3{
    text-align:center;
    position:relative;
    top:80px;
}
.box {
    width:70%;
    height:200px;
    background:#FFF;
    margin:40px auto;
}

.full-img-body{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.light-transparent{
    margin-bottom: 40px;
    /*background-color: rgba(255, 255, 255, 0.95)*/
    /*background-color: rgba(255, 255, 255, 0.8);*/
    /*background: repeating-linear-gradient( -45deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9) 4px,*/
    /*rgba(251, 251, 251, 0.9) 4px, rgba(251, 251, 251, 0.9) 8px );*/
    /*background: repeating-linear-gradient( 90deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85) 4px,*/
    /*rgba(251, 251, 251, 0.85) 4px, rgba(251, 251, 251, 0.85) 8px );*/
    /*background: repeating-linear-gradient( 0deg, rgba(232, 250, 255, 0.90), rgba(232, 250, 255, 0.90) 4px,*/
    /*rgba(251, 251, 251, 0.9) 4px, rgba(251, 251, 251, 0.9) 8px );*/
    /*background-image: radial-gradient(rgba(255, 244, 230, 0.80) 15%, transparent 16%), radial-gradient(rgba(255, 244, 230, 0.80) 15%, transparent 16%);*/

    /*background-image: radial-gradient(rgba(255, 244, 230, 0.80) 30%, rgba(255, 233, 207, 0.80) 16%), radial-gradient(rgba(255, 244, 230, 0.80) 30%, rgba(255, 233, 207, 0.80) 16%);*/
    /*background-size: auto;*/
    /*background-repeat: repeat;*/
    /*background-size: 10px 10px;*/
}

/*価格リスト*/
.price-ul{
   list-style-type: none;
   padding-left: 5px;
    margin-bottom: 0px;
}
.price-ul li{
    font-size: 14px;
    line-height: 24px;
    border-bottom: dotted 1px #aaa;
}
.price-ul .price-lbl{
    float: right;
}

.price-ul i{
   display: inline-block;
   width: 18px;
   text-align: center;
}

.price-h3{
    margin-top: 15px;
}

/*トップページ section間のシャドウ*/
.page-shadow{
    box-shadow: 0 6px 6px -2px #aaa;
    /*-moz-box-shadow: 0 8px 8px -2px #232323;*/
    /*-webkit-box-shadow: 0 8px 8px -2px #232323;*/
}

/*photoswipeをオーバーライド*/
.pswp__caption__center{
    text-align: center;
}

/*スマホは100% タブレット以上は80%*/
.width-80{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media(min-width:992px) {
    .width-80{
        width: 80%;
    }
}


/*footer*/
footer{
    padding: 5px 0px 5px 0px;
    background-color: rgba(255,255,255,1);
    opacity: 0.7;
}
footer .footer-copyright{
    font-size: 12px;
    color: #888;
    text-align: center;
}
@media(min-width:768px) {
    footer{
        background-color: rgba(255,255,255,0);
    }
    footer .footer-copyright{
        color: #ffffff;
        float: left;
        text-align: left;
    }
}
footer .footer-link{
    font-size: 14px;
    margin-top: 8px;
    float: right;

}

footer .footer-link a{
    color: #fff;
}

#index-page footer{
    background-color: rgba(255,255,255,1);
}
#index-page footer .footer-copyright, #index-page footer .footer-link a{
    color: #444;
}


/*bootstrap override*/
.help-block {
    margin-bottom: 0px;
}

/*fullpage.js*/
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #fff;
}

#fp-nav{
    display: none;
}
@media(min-width:768px) {
    #fp-nav{
        display: block;
    }
}


/*枠打ち*/
.round_shadow3{
    text-shadow: 0 -1px 1px #fff,
    -1px 0 1px #fff,
    1px 0 1px #fff,
    0 1px 1px #fff,
    1px 1px 1px #aaa,
    2px 2px 2px #aaa,
    3px 3px 3px #aaa;
}
.round_shadow_h{
    text-shadow: 0 -3px 0px #fff,
    -3px 0 0px #fff,
    3px 0 0px #fff,
    0 3px 0px #fff,
    1px 1px 0px #aaa,
    2px 2px 0px #aaa,
    3px 3px 0px #aaa,
    4px 4px 0px #aaa;
}

/*マップ*/
#map-container{
    height: 350px;
}
@media(min-width:768px) {
    #map-container{
        height: 75vh;
    }
}

/*アクセス、コース*/
.course-container{
    /*margin-top: 10px;*/
}
.course-point{
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 100px;
    padding: 5px;
}
.course-point-inter{
    background-color: #fff;
    /*color:#ff6600;*/
    border-style: solid;
    border-width: 1px;
    /*border:solid 1px;*/
}
.course-point-airport{
    background-color: #666;
    color: #fff;
}
.course-point-hotel{
    background-color: hsla(210, 100%, 50%, 0.69);
    color: #fff;
}
.course-route-div{
    width: 100%;
    position: relative;
}
.course-route-div:after{
    content: "";
    clear: both;
    display: table;
}
.course-route-div div{
    display: inline-block;
    float: left;
    color:#666;
}
.course-route-div div:nth-child(1){
    text-align: right;
    width: 45%;
    padding: 5px;
    font-size: 14px;
    line-height: 22px;
}
.course-route-div div:nth-child(2){
    text-align: center;
    width: 10%;
    padding: 5px;
}
.course-route-div div:nth-child(3){
    text-align: left;
    width: 45%;
    padding: 5px;
    font-size: 14px;
    line-height: 22px;
}

/*リンク*/
.link-div{
    /*margin-top: 20px;*/
    /*padding: 15px 15px 15px 15px;*/
    padding: 5px;
    background-color: #fff;
}
.link-div a:hover{
    opacity: 0.6;
}
.link-div img{
    max-width: 100%;
}
.link-div h5{
    font-weight: 600;
    padding-bottom: 5px;
    /*margin: 10px 0 0 0;*/
    text-align: center;

    color: #fff;

    padding-top: 5px;
    margin-top: 0px;

    color: #ee4b28;
    border-bottom: 1px dotted #ee4b28;

    background: -webkit-repeating-linear-gradient( -45deg, #FF9900, #FF9900 4px, #ffad33 4px, #ffad33 8px );
    background: repeating-linear-gradient( -45deg, #FF9900, #FF9900 4px, #ffad33 4px, #ffad33 8px );
    color: #fff;
}
.link-div p{
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;

    color: hsla(11,85%,65%,1);;
}
/*.room-orange h5{*/
    /*color: #ee4b28;*/
    /*border-bottom: 1px dotted #ee4b28;*/

    /**/
    /*border-bottom: 1px dotted #ee4b28;*/
    /*color: #fff;*/
/*}*/
/*.room-orange p{*/
    /*color: hsla(11,85%,65%,1);;*/
/*}*/


.Tshadow {
    font-size:28px !important;
    color: #ff0000;
    /*background: #add8e6;*/
    text-shadow:
    1px  1px 1px #fff,
    -1px  1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff,
    2px 2px 1px #999;
}
.Tshadow2 {
    color: #f00;
    font-size:28px !important;
    /*background-color: black !important;*/
    text-shadow:
    0 2px 0 #fff,
    2px 0 0 #fff,
    0 -2px 0 #fff,
    -2px 0 0 #fff,
    -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    2px 2px 0 #fff,
    3px 3px 3px #999;
;
}
/* 縁取り白 */


.div-shadow{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
}

/*h1タグ*/
.page-title{
    margin-top: 0;
    color: #fff;
}
.page-title .ja-lbl{
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}
.page-title .en-lbl{
    font-size: 38px;
    line-height: 38px;
}

.roomDetail h3{
    margin-bottom: 40px;
}
.roomDetail p{
    color:#fff;
}



.mini-gutter > [class*=col-] {
    padding: 5px;
}
.nano-gutter > [class*=col-] {
    padding: 3px;
}


.access-route-div{
    padding-top: 15px;
    padding-bottom: 15px;
    /*background-color: #fff;*/
    background: -webkit-repeating-linear-gradient( -45deg, #ffffff, #ffffff 4px, #fbfbfb 4px, #fbfbfb 8px );
    background: repeating-linear-gradient( -45deg, #ffffff, #ffffff 4px, #fbfbfb 4px, #fbfbfb 8px );
}
.access-route-div p{
    margin: 10px;
}



.box-title {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    overflow: hidden;
}

.box-title span {
    display: inline-block;
    position: relative;
    color: #888;
}

.box-title span:before,
.box-title span:after {
    content: "";
    position: absolute;
    height: 4px;
    /*border-bottom: 1px solid #333;*/
    border-top: 1px solid #ddd;
    top: 10px;
    width: 1000px;
}

.box-title span:before {
    right: 100%;
    margin-right: 10px;
}

.box-title span:after {
    left: 100%;
    margin-left: 10px;
}

/*START カスタムボタン*/
.custom-btn{
    text-align: center;
    border: 3px solid #ccc;
    letter-spacing: 0.1em;
    font-weight: bold;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none !important;
    width: 200px;
    margin:0 auto;

    font-size: 16px;
    padding: 5px 10px;
    display: inline-block;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
    color: #fff;
    border-radius: 10px;
    margin-top: 5px;
}


.custom-btn.orange-theme{
    background: -webkit-repeating-linear-gradient( -45deg, #FF9900, #FF9900 4px, #ffad33 4px, #ffad33 8px );
    background: repeating-linear-gradient( -45deg, #FF9900, #FF9900 4px, #ffad33 4px, #ffad33 8px );
    border-color: #ffad33;
}
.custom-btn.orange-theme:hover{
    background: #fff;
    color: #FF9900;
}

.custom-btn.blue-theme{
    background: -webkit-repeating-linear-gradient( -45deg, #0077ff, #0077ff 4px, #3393FF 4px, #3393FF 8px );
    background: repeating-linear-gradient( -45deg, #0077ff, #0077ff 4px, #3393FF 4px, #3393FF 8px );
    border-color: #0077ff;
}
.custom-btn.blue-theme:hover{
    background: #fff;
    color: #0077ff;
}

.custom-btn.green-theme{
    background: -webkit-repeating-linear-gradient( -45deg, #1aff1a, #1aff1a 4px, #66ff66 4px, #66ff66 8px );
    background: repeating-linear-gradient( -45deg, #1aff1a, #1aff1a 4px, #66ff66 4px, #66ff66 8px );
    border-color: #1aff1a;
}
.custom-btn.green-theme:hover{
    background: #fff;
    color: #1aff1a;
}


/*END カスタムボタン*/

/*START サークルアイコン*/
.header-circle{
    display: inline-block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    border: solid 3px #000;
    background-color: #fff;
    padding-top: 15px;
}
.header-circle i{
    font-size: 60px;
}
.header-circle h3{
    margin-top: 5px;
    margin-bottom: 5px;

}
.header-circle.orange-theme{
    border-color: #ffad33;
    color: #ffad33;
}
.header-circle.blue-theme{
    border-color: rgba(33, 150, 243, 0.60);
    color: #2196F3;
}
.header-circle.green-theme{
    border-color: #2EE600;
    color: #2EE600;
}
/*END サークルアイコン*/

/*START ３分割ボックス*/
/*通常col-sm-4と一緒に使用する*/
.split-box{
    text-align: center;
    /*margin-top: 10px;*/
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.split-box.orange-theme{
    /*background: repeating-linear-gradient( -45deg, #FFEADE, transparent 380px, rgb(255, 210, 145) 380px, rgb(255, 211, 145) 700px );*/
    background: -webkit-linear-gradient( 135deg, rgb(255, 211, 145), rgb(255, 211, 145) 50px, rgba(255,255,255,0) 50px, #FFEADE );
    background: linear-gradient( 135deg, rgb(255, 211, 145), rgb(255, 211, 145) 50px, rgba(255,255,255,0) 50px, #FFEADE );
}
.split-box.blue-theme{

    /*background: repeating-linear-gradient( -45deg, #DEEDFF, transparent 380px, #9CCAFF  380px, #9CCAFF 700px );*/
    background: -webkit-linear-gradient( 135deg, #9CCAFF, #9CCAFF 50px, rgba(255,255,255,0) 50px, #DEEDFF );
    background: linear-gradient( 135deg, #9CCAFF, #9CCAFF 50px, rgba(255,255,255,0) 50px, #DEEDFF );
}
.split-box.green-theme{
    /*background: repeating-linear-gradient( -45deg, #E6FFDE, transparent 380px, #93FF93  380px, rgb(255, 211, 145) 700px )*/
    background: -webkit-linear-gradient( 135deg, #93FF93, #93FF93 50px, rgba(255,255,255,0) 50px, #E6FFDE );
    background: linear-gradient( 135deg, #93FF93, #93FF93 50px, rgba(255,255,255,0) 50px, #E6FFDE );
}
.split-box .header-circle{
    display: inline-block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    border: solid 3px #000;
    background-color: #fff;
    padding-top: 15px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
}
.split-box .header-circle i{
    font-size: 60px;
    /*color: #fff;*/
}
.split-box .header-circle h3{
    margin-top: 5px;
    margin-bottom: 5px;
    /*color: #fff;*/

}
.split-box .header-circle.orange-theme{
    border-color: #ffad33;
    color: #ffad33;
}
.split-box .header-circle.blue-theme{
    border-color: rgba(33, 150, 243, 0.60);
    color: #2196F3;
}
.split-box .header-circle.green-theme{
    border-color: #2EE600;
    color: #2EE600;
}
.split-box .month-list,.split-box .parking-exp{
    margin-top: 10px
}

.split-box .month-list div{
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 11px;
    line-height: 26px;
    color: #fff;
    margin-right: 2px;
}
.split-box .month-list.orange-theme div{
    background-color:#ffad33 ;
}
.split-box .month-list.blue-theme div{
    background-color:#2196F3 ;
}
.split-box .parking-exp div{
    display: inline-block;
    height: 26px;
    border-radius: 5px;
    font-size: 11px;
    line-height: 26px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #2EE600;
}

.split-box .price-table{
    width: 100%;
    margin-top: 10px;
}

.split-box .appeal-box{
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
}

.split-box .course-container{
    margin-top: 10px;
}

/*END ３分割div*/

.marker_green {
    /*background: -moz-linear-gradient(transparent 60%, #66FFCC 0%);      *//* Firefox用 */
    /*background: -webkit-linear-gradient(transparent 60%, #66FFCC 0%);   *//* Safari用 */
    /*background: -ms-linear-gradient(transparent 60%, #66FFCC 0%);       *//* IE用 */
    /*background: -o-linear-gradient(transparent 60%, #66FFCC 0%);        *//* Opera用 */
    background: -webkit-linear-gradient(rgba(255,255,255,0) 60%, #66FFCC 0%);           /* Default */
    background: linear-gradient(rgba(255,255,255,0) 60%, #66FFCC 0%);           /* Default */
}

/*START 予約フォーム*/
#form-page .form-control[readonly]{
    background-color: rgba(250,250,250,1);
}
#form-page .btn-primary.active{
    background-color: #b3321e;
}
/*END 予約フォーム*/

/*START:アクセスページ*/
#access-page .address-box{
    border:solid 2px #2196F3;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100px;
    height: 30px;
    margin-top:10px;
}
#access-page .address-box .box-label{
    display: inline-block;
    width: 55px;
    height: 26px;
    text-align: center;
    color:#fff;
    border-radius: 100px;
    font-size: 14px;
    line-height: 26px;
}

#access-page .address-box .box-content{
    display: inline-block;
    height: 26px;
    text-align: center;
    font-size: 13px;
    line-height: 26px;
}
#access-page .address-box.blue-theme{
    border-color: #2196F3;
    color:#2196F3;
}
#access-page .address-box.blue-theme .box-label{
    background-color: #2196F3;
}

#reservation-page .split-box.blue-theme .telBox{
    height: 60px;
}
/*END:アクセスページ*/

/*START:ご予約ページ*/
#reservation-page .split-box .address-box{
    /*border:solid 2px #2196F3;*/
    background-color: #fff;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 100px;
    height: 60px;
    margin-top:15px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}
#reservation-page .split-box .address-box strong{
    font-size: 20px;
}
#reservation-page .split-box .address-box a{
    color:#fff;
}
@media(min-width:768px) {
    #reservation-page .split-box .address-box{
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media(min-width:992px) {
    #reservation-page .split-box .address-box{
        margin-left: 20px;
        margin-right: 20px;
    }
}
#reservation-page .split-box.blue-theme .address-box{
    color:#fff;
    background-color: #2196F3;
    /*border-color: #9CCAFF ;*/
    border-color: #fff ;
}
#reservation-page .split-box.orange-theme .address-box{
    color: #fff;
    background-color:#ffad33;

    /*border-color: #ffad33;*/
    border-color: #fff;
}
#reservation-page .split-box.green-theme .address-box{
    color:#fff;
    background-color:#2EE600;
    /*border-color: #2EE600;*/
    border-color: #fff;
}
#reservation-page .comment-box{
    margin-top: 5px;
    font-size: 12px;
    color: #f08200;
}
#reservation-page .comment-box span{
    border-bottom: dotted 1px orange;
}
#reservation-page .btns-box a{
    margin-top:15px;
}


/*END:ご予約ページ*/

.goods-circle{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  padding-top: 15px;
  background-color: #fff;
}
.goods-circle i{
  display: block;
  font-size: 28px;

}
.goods-circle span{
    display: block;
    font-size: 12px;
}