@charset "utf-8";

html,body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



/*----------------------------------------------------------
    Header Info
----------------------------------------------------------*/
a#skip{
    display:none;
}

#HeadInformation , #HeadInformation-in{
    display:none;
}

/*----------------------------------------------------------
    新フォーマット分
----------------------------------------------------------*/
#header,#globalFooter,.pageTop img {
    display:none!important;
}



/*----------------------------------------------------------
    HeaderArea
----------------------------------------------------------*/
#HeaderArea{display:none;}

#mainBnr2,/*2017.04.27 add*/
#mainBnr {
  margin-top: 63px;
}
#smHeaderArea {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #FFF;
}

.smH {
    border-bottom:solid 1px #E3E3E3;
    border-top:solid 1px #E3E3E3;
    height:62px;
}

#smHeaderArea h1 {
    padding: 10px 15px;
}

#smHeaderArea h1 img {
    height: 46px;
}

#smHeaderArea .btnYoyaku {
    width: 62px;
    height:62px;
    position: absolute;
    bottom: 0px;
    right: 62px;
    background: url(/sp/common/images/btn_yoyaku.png) no-repeat;
    border-left:1px solid #ccc;
    background-size: cover;
    cursor: pointer;
}
#smHeaderArea .btnYoyaku.active{
    background: url(/sp/common/images/icon.png) no-repeat 15px -565px#A9D935;
    background-size: 50px;
}



#gNaviSpBtn {
    border-left: 1px solid #ccc;
    position: absolute;
    bottom: 0;
    right: 0;

}

#gNaviSpBtn img {
    width: 100%;
}


#gNaviSpBtn .mark {
    width: 62px;
    height: 62px;
    }

#gNaviSpBtn.active .mark {
    background: url(/sp/common/images/icon.png) no-repeat 15px -565px#C61217;
    background-size: 50px;
}

#gNaviSpBtn.active .mark img {
    display: none;
}


#yoyakuForm,
#gNaviSpChild{
    display: none;
    height: 80%;
    width: 90%;
    position: fixed;
    top: 62px;
    right: 0;
    margin: 0;
    padding: 0;
    box-shadow: -1px 2px 2px 0px #452405;
    background: #C61217;
    z-index: 100;
    overflow-y: scroll;
}

#yoyakuForm{
    background: #A9D935;
}

#yoyakuForm dl{
    margin:5% 3% 0;
}
#yoyakuForm dt p{
    margin-bottom:0.5em;
    padding-left: 0.5em;
    border-left: 4px solid #5F7F00;
}
#yoyakuForm input {
border: 1px solid #ccc;
padding: 0.4em;
margin-bottom: 0!important;
margin-right: 0.4em;
}
#yoyakuForm #inputY,
#yoyakuForm #inputM,
#yoyakuForm #inputD,
#yoyakuForm #inputYsp,
#yoyakuForm #inputMsp,
#yoyakuForm #inputDsp,
#yoyakuForm #inputA{
width:4em;
}
#yoyakuForm .selectBlock{
display:inline-block;
width:49%;
margin-bottom: 1em;
}
#yoyakuForm .selectBlock select {
width:70%;
padding: 0.4em;
margin-bottom: 0.8em;
}
#yoyakuForm .selectBlock span {
width:20%;
margin-right:5%;
}

/*2015.08.10 start*/
#yoyakuForm .selectBlock3col-1{
display:inline-block;
width:38%;
margin-bottom: 1em;
}
#yoyakuForm .selectBlock3col-1 select {
width:70%;
padding: 0.4em;
margin-bottom: 0.8em;
}
#yoyakuForm .selectBlock3col-1 span {
width:20%;
margin-right:5%;
}
#yoyakuForm .selectBlock3col-2{
display:inline-block;
width:29%;
margin-bottom: 1em;
}
#yoyakuForm .selectBlock3col-2 select {
width:70%;
padding: 0.4em;
margin-bottom: 0.8em;
}
#yoyakuForm .selectBlock3col-2 span {
width:20%;
margin-right:5%;
}
/*2015.08.10 end*/

.searchBtn {
width: 94%;
margin: 0 auto;
}
#yoyakuForm .searchBtn button{
width:100%;
color:#fff;
height:auto;
font-weight: bold;
margin: 0 auto 2em;
padding:3% 0;
letter-spacing:0.1em;
text-align: center;
border:none;
font-size: 14px;
border-radius: 4px;
box-shadow: 0 3px 0 0 #607848;
background: -webkit-gradient(linear, left top, left bottom, from(#91bf10), to(#729900));
text-shadow:0px -1px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3);
}

#yoyakuForm .searchBtn button:before{
content: "　";
display: inline-block;
width:50px;
height:2em;
margin-left:-25px;
background: url(/sp/common/images/icon.png) no-repeat 5px -732px;
background-size:50px;
vertical-align: middle;
}
#yoyakuForm ul {
	list-style: none;
}
#yoyakuForm ul.linkList{
width:100%;
padding:0.8em 0;
background: #7ca315;
}
#yoyakuForm ul.linkList a{
display:block;
padding: 0.8em 0 0.8em 12%;
color:#fff;
text-decoration:none;
background: url(/sp/common/images/icon.png) no-repeat -3% -779px;
background-size:50px;
}

#gNaviSpChild li {
    width: 50%;
    float: left;
    border-top: 1px solid #D33F41;
    border-bottom: 1px solid #990000;
    display: table;
    overflow: hidden;
}

#gNaviSpChild .gNavi li:nth-child(odd) {
    border-right: 1px solid #D33F41;
    margin-right: -1px;
}

#gNaviSpChild .gNavi li:nth-child(even) {
    border-left: 1px solid #990000;
    margin-left: -1px;
}


#gNaviSpChild .gNavi .home {
    background: url(/sp/common/images/icon.png) no-repeat 5px 5px,
    url(/sp/common/images/icon.png) no-repeat right -664px;
    background-size: 50px;
}

#gNaviSpChild .gNavi .about {
    background: url(/sp/common/images/icon.png) no-repeat right -664px;
    background-size: 50px;
}

#gNaviSpChild .gNavi .themePark {
    background: url(/sp/common/images/icon.png) no-repeat 5px -45px,
    url(/sp/common/images/icon.png) no-repeat right -664px;
    background-size: 50px;
}

#gNaviSpChild .gNavi .hotel {
    background: url(/sp/common/images/icon.png) no-repeat 5px -95px,
    url(/sp/common/images/icon.png) no-repeat right -664px;
    background-size: 50px;
}

#gNaviSpChild .gNavi .onesen {
    background: url(/sp/common/images/icon.png) no-repeat 5px -145px,
    url(/sp/common/images/icon.png) no-repeat right -664px;
    background-size: 50px;
}

#gNaviSpChild .gNavi .show {
    background: url(/sp/common/images/icon.png) no-repeat 5px -195px,
    url(/sp/common/images/icon.png) no-repeat right -664px;
    background-size: 50px;
}

#gNaviSpChild .gNavi .shop {
    background: url(/sp/common/images/icon.png) no-repeat 5px -245px,
    url(/sp/common/images/icon.png) no-repeat right -664px;
    background-size: 50px;
}



#gNaviSpChild a {
    height: 60px;
    color: #fff;
    display: table;
    text-decoration: none;
    width: 100%;
}

#gNaviSpChild .subNavi a {
    height: 40px;
}

#gNaviSpChild p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 40px;
}

#gNaviSpChild .about p {
	padding-left: 10px;
	padding-right: 	30px;
}



#gNaviSpChild .subNavi p {
    padding-left: 35px;
}

#gNaviSpChild .subNavi li {
    background-color: #AA0300!important;
    border:none;
}

#gNaviSpChild .subNavi .time {
    background: url(/sp/common/images/icon.png) no-repeat 3px -300px;
    background-size: 50px;
}

#gNaviSpChild .subNavi .charge {
    background: url(/sp/common/images/icon.png) no-repeat 3px -340px;
    background-size: 50px;
}

#gNaviSpChild .subNavi .access {
    background: url(/sp/common/images/icon.png) no-repeat 3px -380px;
    background-size: 50px;
}

#gNaviSpChild .subNavi .schedule {
    background: url(/sp/common/images/icon.png) no-repeat 3px -420px;
    background-size: 50px;
}

#gNaviSpChild .subNavi .question {
    background: url(/sp/common/images/icon.png) no-repeat 3px -460px;
    background-size: 50px;
}

#gNaviSpChild .subNavi .contact {
    background: url(/sp/common/images/icon.png) no-repeat 3px -500px;
    background-size: 50px;
}






#gNaviSpChild .formArea {
    width: 100%;
    border-top: 1px solid #D33F41;
    display: table;
    padding: 20px 0 0;
}

.formArea input[type="text"] {
    border: none;
    height: 42px;
    margin:0 10px;
    width: 75%;
}

#gNaviSpChild .Area {
    background: #fff;
    width: 90%;
    margin: 0 auto;
}

#gNaviSpChild .btnSearch {
    height: 22px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}


.close {
    clear: both;
    color: #fff;
    padding: 1.3em 0;
}

.closeBtn {
    width: 5.2em;
    margin: 0 auto;
    padding-top: 8px;
    display: table;
    vertical-align: middle;
    height: 30px;
    color: #fff;
    text-align: right;
    background: url(/sp/common/images/icon.png) no-repeat -5px -636px;
    background-size: 50px;
}



/*english用*/
.catchArea {
	background:#C61217;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:77%;
}

.btnEnglishSp {
	width:100%;
	text-align: right;
	padding:10px 0;
		}

.btnEnglishSp a{
	display:block;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	background:url(/sp/common/images/arrow_rightH.png) no-repeat center right;
	margin:0 15px 0 0;
	padding:0 15px 0 0;
}
        #smHeaderArea .btnEnglishSp {
            width:100%;
            text-align: right;
            padding:10px 0;

            }

        #smHeaderArea .btnEnglishSp a{
            display:block;
            color:#FFFFFF;
            font-size:120%;
            font-weight:bold;
            text-decoration:none;
            background:url(/sp/common/images/arrow_rightH.png) no-repeat center right;
            margin:0 15px 0 0;
            padding:0 15px 0 0;
        }

/*----------------------------------------------------------
    SNS Area
----------------------------------------------------------*/
#SNSBox{
    display:none;
}


/*----------------------------------------------------------
    mainImageArea
----------------------------------------------------------*/
#mainImageArea{
    height:180px !important;
    width:100%;
    position:relative;
	/* 2019.08.28 Start */
    /*-webkit-background-size: 210% auto;
    -moz-background-size: 210% auto;
    -o-background-size: 210% auto;*/
	background-size: cover !important;
	/* 2019.08.28  End  */
    border:none !important;
}
#mainImageArea h1 img{
    width:30%;
    position:absolute ;
    top:0;
    left:2%;
}
#mainImageArea p img{
	/* 2019.08.28 Start */
    /*width:100%;
    margin:20px auto 0;
	top:10%;
	*/
	width: auto;
    height: 70%;
	margin-left: 10px;
	top: 25%;
	/* 2019.08.28  End  */
    position:absolute;
    
}

@media all and (orientation:portrait){
#mainImageArea{
    height:120px !important;
    width:100%;
    position:relative;
    -webkit-background-size: 210% auto;
    -moz-background-size: 210% auto;
    -o-background-size: 210% auto;
    border:none !important;
}

body#about #mainImageArea,
body#access #mainImageArea,
body#profile #mainImageArea,
body#usage #mainImageArea,
body#privacy #mainImageArea,
body#rate #mainImageArea{
    height:130px !important;
}


#mainImageArea h1 img{
    width:30%;
    position:absolute ;
    top:0;
    left:2%;
}

#mainImageArea p img{
	/* 2019.08.28 Start */
    /*width:100%;
    margin:0px 0px 0;
    top:0%;
	*/
	width: auto;
    height: 70%;
	margin-left: 10px;
	top: 25% !important;
	/* 2019.08.28  End  */
    position:absolute;
}
}
@media all and (orientation:landscape){
#mainImageArea{
    height:180px !important;
    width:100%;
    position:relative;
    -webkit-background-size: 150% auto;
    -moz-background-size: 150% auto;
    -o-background-size: 150% auto;
    border:none !important;
}
body#about #mainImageArea,
body#access #mainImageArea,
body#profile #mainImageArea,
body#usage #mainImageArea,
body#privacy #mainImageArea,
body#rate #mainImageArea{
    height:130px !important;
}

#mainImageArea h1 img{
    width:20%;
    position:absolute ;
    top:0;
    left:2%;
}
#mainImageArea p img{
    width:80%;
    position:absolute;
    top:2%;
    left:10%;
}
}

/*----------------------------------------------------------
    BreadCrumb
----------------------------------------------------------*/
#BreadCrumb{
    display:none;
}


/*----------------------------------------------------------
    Container
----------------------------------------------------------*/
#Container{
    width:auto;
    margin:0 auto;
}


/*Left*/
#LeftContents{
    width:96%;
    padding:0 2%;
}

    .CommentArea{
        display:none;
    }

    .mainContentsArea{
        margin:0 0 40px;
        clear:both;
    }

    .mainContentsArea .l20{
        margin-left:0px!important;
    }

        .mainContentsArea h3{
            padding:15px 0 5px;
            margin-bottom: 15px;
            font-weight:bold;
            font-size:116%;/*15px*/
            clear:both;
        }
        /*.mainContentsArea h3.t40{
            margin-top:20px !important;
        }*/
        .mainContentsArea h4{
            background:url(/common/images/bg_gray01.gif) repeat;
            padding:5px 15px 5px 0;
            margin-bottom: 15px;
            font-weight:bold;
            font-size:108%;/*14px*/
            clear:both;
        }
            .mainContentsArea h4 span {
                padding-left:16px;
                display:block;
            }


        .contImg{
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        behavior: url("/common/js/PIE.htc");
        }

        .contImgS{
            width:48%;
            height:auto;
            margin-bottom:15px;
        }
        .contImgM{
            width:100%;
            height:auto;
            margin-bottom:15px;
        }
        
        /* 2024.04.23 start */
        .contImgM_240422{
            width:100%;
            height:auto;
        }
		/* 2024.04.23 end */
		
        .mainContentsArea h5, .mainContentsArea p{
            line-height:145%;
            font-size:100%;/*14px*/
        }

        .MoreLink,
        .MoreLink_red{
            display:inline-block;
            padding:0 !important;
            background:none !important;
        }
            .MoreLink a, .MoreLink a:link, .MoreLink a:visited,
            .MoreLink_red a, .MoreLink_red a:link, .MoreLink_red a:visited{
                display:inline-block;
                padding:5px 15px 5px 18px;
                text-decoration:none;
                color:#fff;
                font-weight:bold;
            }
            .MoreLink a:hover, .MoreLink a:active,
            .MoreLink_red a:hover, .MoreLink_red a:active{
                opacity:0.7;
                filter:alpha(opacity=70);
                -ms-filter: "alpha( opacity=70 )";
                color:#fff;
            }

        .iconPDF{
            background:url(/common/images/icon_pdf.gif) no-repeat right top;
            padding:0 25px 0 0;
        }

        p.KLink{
            background:url(/common/images/k_bg.gif) no-repeat top left;
            display:inline-block;
            height:28px;
            padding: 4px 20px 4px 88px!important;
        }
        p.KLink a, p.KLink a:link, p.KLink a:visited{
            text-decoration:none;
        }
        p.KLink a:hover, p.KLink a:active{
            text-decoration:underline;
        }

    .KanrenArea{
        margin-top:40px;
    }

        .KanrenArea h3 {
            width:100%;
            overflow:hidden;
            }

        .KanrenArea h3 img{
            width:620px;
        }
        .KanrenArea-in{
            background:#fff;
        }
            .KanrenArea-in img{
                width:100%;
                margin-bottom:20px;
            }
            .KanrenArea-in h4{
                line-height:145%;
                font-size:108%;/*14px*/
                font-weight:bold;
                _display:inline-block;
                margin-bottom:10px;
            }
            .KanrenArea-in p{
            }
            .KanrenArea-in p.KLink{
                margin:0 0 0 0;
            }

    .contTableA{
        border-collapse:collapse;
        border-top:2px solid #ccc;
        border-bottom:2px solid #ccc;
        width:100%;
    }
        .contTableA th,
        .contTableA td{
            padding:5px 10px;
        }
        .contTableA th{
            text-align:center;
        }
        .contTableA td{
        border-bottom:1px solid #E2E2E2;
        }
    .contTableB{
        border-collapse:collapse;
        border-top:2px solid #ccc;
        border-bottom:2px solid #ccc;
        width:100%;
    }
        .contTableB th,
        .contTableB td{
            padding:20px 6px;
            border-bottom:1px solid #E2E2E2;
        }
        .contTableB th{
            font-weight:bold;
            text-align:left;
            width:25%;
        }
        .contTableB a{
            text-decoration:underline;
            color:#006699;
            display:inline-block;
            margin-right:40px;
            padding-right:15px;
            background:url(/common/images/cm_icon_01.gif) no-repeat right center;
        }
        .contTableB a:hover{
            text-decoration:none;
        }
    .contTableC{
        width:100%;
        border-collapse:collapse;
        border:1px solid #E2E2E2;
    }
        .contTableC th,
        .contTableC td{
            padding:10px 15px;
            text-align:left;
            border:1px solid #E2E2E2;
        }
        
   /*240709start*/
    .contTableC_240709{
        width:100%;
        border-collapse:collapse;
        border:1px solid #E2E2E2;
    }
        .contTableC_240709 th,
        .contTableC_240709 td{
            padding:10px 15px;
            text-align:left;
            border:1px solid #E2E2E2;
        }
        
        /*240709end*/
        
        .contTableC th{background:#EFEFEF;}
        .contTableC th.cellColorA{background:#E5FFFF;}
        .contTableC th.cellColorB{background:#FEE6E6;}
        .contTableC th.cellColorC{background:#FFFFD7;}

    .contTableD{
        width:100%;
        border-collapse:collapse;
        border:2px solid #ccc;
    }
        .contTableD th,
        .contTableD td{
            padding:20px 15px;
            text-align:left;
            border:1px solid #E2E2E2;
        }
        .contTableD th{
            vertical-align:top;
            background:#EFEFEF;
            font-weight:bold;
        }
        .contTableD th.cellwidthDA {width:50%;}
        .contTableD tr.cellColorLineA th{
            background:#FF8F11;
            padding:5px 15px;
            color:#FFF;
        }
    .contTableE{
        width:100%;
        border-collapse:collapse;
        border:1px solid #E2E2E2;
    }
        .contTableE th,
        .contTableE td{
            padding:10px 15px;
            text-align:left;
            border:1px solid #E2E2E2;
        }
        .contTableE th{
            background:#F6F6F6;
            font-weight:bold;
            width:50%;
        }
        
      .contTableE2{
        width:100%;
        border-collapse:collapse;
        border:1px solid #E2E2E2;
    }
        .contTableE2 th,
        .contTableE2 td{
            padding:10px 15px;
            text-align:center;
            border:1px solid #E2E2E2;
        }
        .contTableE2 th{
            background:#F6F6F6;
            font-weight:bold;
        }
        
    .contTableF{
        border-collapse:collapse;
        border-top:2px solid #ccc;
        border-bottom:2px solid #ccc;
        width:100%;
    }
        .contTableF th,
        .contTableF td{
            padding:15px;
            text-align:left;
            border-bottom:1px solid #E2E2E2;
        }
    .contTableG{
        border-collapse:collapse;
        border-top:2px solid #ccc;
        border-bottom:2px solid #ccc;
        width:100%;
    }
        .contTableG h5{
            font-weight:bold;
            margin-bottom:15px;
        }
        .contTableG td{
            padding:15px;
            vertical-align:top;
            border-bottom:2px solid #ccc;
        }
        .contTableG td.cellimgGa{
            padding:15px 0px;
            text-align:right;
            width:40%;
        }
        .contTableG td img{
            width:100%;
        }
    .contTxtbox01 {
        background:#F5F0EA;
        padding:20px;
    }
        .contTxtbox01 h4 {
        background:none;
        padding:0 0 20px;
        margin:0;
        }
    .contTxtbox02 {
        background:#F0F0F0;
        padding:13px;
    }
    .contImg{
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        behavior: url("/common/js/PIE.htc");
    }

    @media all and (orientation:portrait){
    /*.cnotColumn3 {
        float:left;
        width:49%;
        margin-bottom:15px;
    }
        .cnotColumn3 h5 {
        background:#EDE3D7;
        text-align:center;
        padding:8px 0;
        font-weight:bold;
        }
        .cnotColumn3 p.column3a {
        background:#F5F0EA;
        display:block;
        padding:15px;
        }
        .cnotColumn3 img {
        width:100%;
        }
        .l9 {
        margin-left:2%;
        }
        .lm9 {
        margin-left:0px!important;
        }*/
    .cnotColumn3 {
        float:left;
        width:45%;
        margin-bottom:15px;
    }
        .cnotColumn3 h5 {
        background:#EDE3D7;
        text-align:center;
        padding:8px 0;
        font-weight:bold;
        }
        .cnotColumn3 p.column3a {
        background:#F5F0EA;
        display:block;
        padding:15px;
        }
        .cnotColumn3 img {
        width:100%;
        }
        .l9 {
        margin-left:12px!important;
        }
        .lm9 {
        margin-left:12px!important;
        }

/* 2024.7.18 add begin */
    .cnotColumn3-r {
        float:left;
        width:45%;
        margin-bottom:15px;
    }
        .cnotColumn3-r h5.subtitle {
        background:#EDE3D7;
        text-align:center;
        padding:8px 0;
        font-weight:bold;
        }
        .cnotColumn3-r p.column3a {
        background:#F5F0EA;
        display:block;
        padding:15px;
        }
        .cnotColumn3-r img {
        width:100%;
        }
/* 2024.7.18 add end */

    .cnotColumn3-2 {
        float:left;
        width:45%;
        margin-bottom:15px;
    }
        .cnotColumn3-2 h5 {
        background:#EDE3D7;
        text-align:center;
        padding:8px 0;
        font-weight:bold;
        }
        .cnotColumn3-2 p.column3a {
        background:#F5F0EA;
        display:block;
        padding:15px;
        }
        .cnotColumn3-2 img {
        width:100%;
        }
        .l9 {
        margin-left:12px!important;
        }
        .lm9 {
        margin-left:12px!important;
        }
    }
    @media all and (orientation:landscape){
    .cnotColumn3 {
        float:left;
        width:32%;
    }
        .cnotColumn3 h5 {
        background:#EDE3D7;
        text-align:center;
        padding:8px 0;
        font-weight:bold;
        }
        .cnotColumn3 p.column3a {
        background:#F5F0EA;
        display:block;
        padding:15px;
        }
        .cnotColumn3 img {
        width:100%;
        }
        .l9 {
        margin-left:2%;
        }

    .cnotColumn3-2 {
        float:left;
        width:32%;
    }
        .cnotColumn3-2 h5 {
        background:#EDE3D7;
        text-align:center;
        padding:8px 0;
        font-weight:bold;
        }
        .cnotColumn3-2 p.column3a {
        background:#F5F0EA;
        display:block;
        padding:15px;
        }
        .cnotColumn3-2 img {
        width:100%;
        }
        .l9 {
        margin-left:2%;
        }
    }
    @media all and (orientation:portrait){
    .cnotColumn4a {
        float:left;
        text-align:center;
        width:49%;
        margin-bottom:15px;
    }
        .cnotColumn4a h5 {
        margin-bottom:15px;
        }
        .cnotColumn4a p img {
        width:100%;
        }
        .cl10 {
        margin-left:2%;
        }
        .lm10 {
        margin-left:0px!important;
        }
    }
    @media all and (orientation:landscape){
    .cnotColumn4a {
        float:left;
        margin-left:1%;
        text-align:center;
        width:24%;
    }
        .cnotColumn4a h5 {
        margin-bottom:15px;
        }
        .cnotColumn4a p img {
        width:100%;
        }
    }
    @media all and (orientation:portrait){
    .cnotColumn4b,
		.cnotColumn3b,
		.cnotColumn2b {
        float:left;
        width:49%;
        margin-bottom:15px;
    }
        .cnotColumn4b h5 {
        background:#EDE3D7;
        text-align:center;
        padding:8px 0;
        font-weight:bold;
        }
        .cnotColumn4b p.column4ba {
        background:#F5F0EA;
        display:block;
        padding:15px;
        }
				/* 2017.10.19 add */
        .cnotColumn4b div.column4ba,
				.cnotColumn3b div.column3ba,
				.cnotColumn2b div.column2ba {
        background:#F5F0EA;
        display:block;
        }
				/* 2017.10.19 end */
        .cnotColumn4b img,
				.cnotColumn3b img,
				.cnotColumn2b img {
        width:100%;
        }
        .cl10 {
        margin-left:2%;
        }
        .lm10 {
        margin-left:12px!important;
        }
        .pos .sizeS{
          width:163px;
        }
    }
    @media all and (orientation:landscape){
    .cnotColumn4b,
		.cnotColumn3b,
		.cnotColumn2b {
        float:left;
        margin-left:1%;
        width:24%;
    }
        .cnotColumn4b h5 {
        background:#EDE3D7;
        text-align:center;
        padding:8px 0;
        font-weight:bold;
        }
        .cnotColumn4b p.column4ba {
        background:#F5F0EA;
        display:block;
        padding:15px;
        }
        .cnotColumn4b img,
				.cnotColumn3b img,
				.cnotColumn2b img {
        width:100%;
        }
    }



/*Right*/
    #RightContents{
        width:100%;
    }
    #categoryMenu,
    #categoryMenu02,
    #categoryMenu03{
        width:100% !important;
        list-style:none;
        font-size:108%;/*14px*/
        border-top:solid 1px #E3E3E3;
        clear:both;
        display:block;
        margin-top:10px;
    }
        #categoryMenu li,
        #categoryMenu02 li,
        #categoryMenu03 li{
            width:100% !important;
            display:block;
            background:url(/common/images_m/categryCntNaviBg.jpg) repeat-x !important;
        }
        #categoryMenu li a,
        #categoryMenu02 li a,
        #categoryMenu03 li a{
            width:94% !important;
            height:43px;
            padding:8px 3% 0!important;
            color:#000000 !important;
            display: block;
            text-decoration:none;
            background:url(/common/images_m/arrow_rightB.png) no-repeat 97% 50% !important;
        }
        #categoryMenu li .catac,
        #categoryMenu02 li .catac,
        #categoryMenu03 li .catac{
            width:94% !important;
            height:43px;
            padding:8px 3% 0!important;
            color:#000000 !important;
            display: block;
            text-decoration:none;
            background:url(/common/images_m/arrow_bottomB.png) no-repeat 97% 50% !important;
        }
        #categoryMenu li .singleLine {
            border-left:4px solid #C61217;
            padding-left:10px;
        }
        #categoryMenu li .cnaviCellimg img {
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
        }
        #categoryMenu li a .cnaviCell,
        #categoryMenu li a .cnaviCellimg,
        #categoryMenu li .catac .cnaviCell,
        #categoryMenu li .catac .cnaviCellimg {
            display:table-cell;
            vertical-align:middle;
        }
        #categoryMenu li a .cnaviCellimg img,
        #categoryMenu li .accordion_head img {
            margin-right:10px;
            width: 64px;
        }
        #categoryMenu ul#categoryMenu-Child,
        #categoryMenu02 ul#categoryMenu02-Child,
        #categoryMenu03 ul#categoryMenu03-Child{
            list-style:none;
            width:100%;
        }
        #categoryMenu ul#categoryMenu-Child li,
        #categoryMenu02 ul#categoryMenu02-Child li,
        #categoryMenu03 ul#categoryMenu03-Child li{
            background:#F5F5F5 !important;
            width:100% !important;
            display:table;
        }

        /*tomaru*/
        body#tomaru #categoryMenu-Child li a,
        body#tomaru #categoryMenu-Child li a:link,
        body#tomaru #categoryMenu-Child li a:visited,
        body#tomaru #categoryMenu-Child li a:hover,
        body#tomaru #categoryMenu-Child li a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 13px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 8% !important;
            height:51px !important;
            width:89% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }
        body#tomaru #categoryMenu-Child li.child a,
        body#tomaru #categoryMenu-Child li.child a:link,
        body#tomaru #categoryMenu-Child li.child a:visited,
        body#tomaru #categoryMenu-Child li.child a:hover,
        body#tomaru #categoryMenu-Child li.child a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 26px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 12% !important;
            height:51px !important;
            width:85% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }

        /*asobu*/
        body#asobu #categoryMenu-Child li a,
        body#asobu #categoryMenu-Child li a:link,
        body#asobu #categoryMenu-Child li a:visited,
        body#asobu #categoryMenu-Child li a:hover,
        body#asobu #categoryMenu-Child li a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 13px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 8% !important;
            height:51px !important;
            width:89% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }
        body#asobu #categoryMenu-Child li.child a,
        body#asobu #categoryMenu-Child li.child a:link,
        body#asobu #categoryMenu-Child li.child a:visited,
        body#asobu #categoryMenu-Child li.child a:hover,
        body#asobu #categoryMenu-Child li.child a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 26px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 12% !important;
            height:51px !important;
            width:85% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }

        /*show*/
        body#show #categoryMenu-Child li a,
        body#show #categoryMenu-Child li a:link,
        body#show #categoryMenu-Child li a:visited,
        body#show #categoryMenu-Child li a:hover,
        body#show #categoryMenu-Child li a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 13px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 8% !important;
            height:51px !important;
            width:89% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }
        body#show #categoryMenu-Child li.child a,
        body#show #categoryMenu-Child li.child a:link,
        body#show #categoryMenu-Child li.child a:visited,
        body#show #categoryMenu-Child li.child a:hover,
        body#show #categoryMenu-Child li.child a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 26px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 12% !important;
            height:51px !important;
            width:85% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }

        /*shop*/
        body#shop #categoryMenu-Child li a,
        body#shop #categoryMenu-Child li a:link,
        body#shop #categoryMenu-Child li a:visited,
        body#shop #categoryMenu-Child li a:hover,
        body#shop #categoryMenu-Child li a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 13px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 8% !important;
            height:51px !important;
            width:89% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }
        body#shop #categoryMenu-Child li.child a,
        body#shop #categoryMenu-Child li.child a:link,
        body#shop #categoryMenu-Child li.child a:visited,
        body#shop #categoryMenu-Child li.child a:hover,
        body#shop #categoryMenu-Child li.child a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 26px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 12% !important;
            height:51px !important;
            width:85% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }

        /*guide*/
        body#guide #categoryMenu-Child li a,
        body#guide #categoryMenu-Child li a:link,
        body#guide #categoryMenu-Child li a:visited,
        body#guide #categoryMenu-Child li a:hover,
        body#guide #categoryMenu-Child li a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 13px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 8% !important;
            height:51px !important;
            width:89% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }
        body#guide #categoryMenu-Child li.child a,
        body#guide #categoryMenu-Child li.child a:link,
        body#guide #categoryMenu-Child li.child a:visited,
        body#guide #categoryMenu-Child li.child a:hover,
        body#guide #categoryMenu-Child li.child a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 26px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 12% !important;
            height:51px !important;
            width:85% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }

        /*otoku*/
        body#otoku #categoryMenu-Child li a,
        body#otoku #categoryMenu-Child li a:link,
        body#otoku #categoryMenu-Child li a:visited,
        body#otoku #categoryMenu-Child li a:hover,
        body#otoku #categoryMenu-Child li a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 13px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 8% !important;
            height:51px !important;
            width:89% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }
        body#otoku #categoryMenu-Child li.child a,
        body#otoku #categoryMenu-Child li.child a:link,
        body#otoku #categoryMenu-Child li.child a:visited,
        body#otoku #categoryMenu-Child li.child a:hover,
        body#otoku #categoryMenu-Child li.child a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 26px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 12% !important;
            height:51px !important;
            width:85% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }

        /*about*/
        #categoryMenu02-Child li.child a,
        #categoryMenu02-Child li.child a:link,
        #categoryMenu02-Child li.child a:visited,
        #categoryMenu02-Child li.child a:hover,
        #categoryMenu02-Child li.child a.current{
            background:#F5F5F5 url(/common/images_m/arrow_rightR.png) no-repeat 13px 50% !important;
            color:#003300;
            display:table-cell;
            vertical-align:middle;
            padding:0 3% 0 8% !important;
            height:51px !important;
            width:89% !important;
            font-weight:normal !important;
            text-decoration:none;
            border-bottom:solid 1px #DFDFDF;
        }



/*--reserveBox--*/

#reserveBox,
#FaqArea {display:none;}

#smCategryArea {
    padding:35px 0 10px;
    display: none;
}
#FaqArea {
    display:none;
}
#smFaqArea{
    width:100%;
}
#smFaqArea h3{
    padding:12px 0 12px 10px;
	background: #E6E3DE;
	border-top: 1px solid #D6C7AD;
	border-bottom: 1px solid #D6C7AD;
	box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6) inset;
}

#smFaqArea ul{
    list-style:none;
    margin: 10px auto;
	width: 94%;
/* 	margin-top: 10px; */
/*     padding:10px 10px 0px; */
}
#smFaqArea ul li{
    list-style:none;
    display:block;
    float:left;
    width: 50%;
/*     border-bottom: 1px #ddd solid; */
/*     border-right: 1px #ddd solid; */
}
#smFaqArea ul li a{
    display:block;
    text-decoration:none;
    padding:10px;
    background:url(/common/images_m/arrow_rightR.png) no-repeat 0px 13px;

}
@media all and (orientation:landscape){
#smFaqArea ul li{
    margin:0 5px 10px 0;
}
}

#OtokuArea{
    width:100%;
    margin:0 ;
}
/*
#OtokuArea h3{
    height:21px;
    padding:8px 0 0 3%;
    padding: 12px 0 12px 10px;
    display:block;
    width:97%;
    border-top:solid 1px #D6D6D6;
    border-bottom:solid 1px #D6D6D6;
    background:#F3EDE5 url(/common/images_m/arrow_bottomB.png) no-repeat 97% 50%;
}
*/

#OtokuArea h3{
/*     height:21px; */
    padding:0 0 0 3%;
/*     padding: 12px 0 12px 10px; */

	height: 44px;
	line-height: 44px;
    display:block;
    border-top:solid 1px #D6D6D6;
    border-bottom:solid 1px #D6D6D6;
    background:#F3EDE5 url(/common/images_m/arrow_bottomB.png) no-repeat 97% 50%;
}
#OtokuArea ul li{
    list-style:none;
    margin:0 auto;
    border-bottom:solid 1px #D6D6D6;
    background:url(/common/images_m/arrow_rightR.png) no-repeat 97% 50%;
}
#OtokuArea ul li a{
    width:100%;
    height:31px;
    display:table;
    text-decoration:none;
    color:#6A6A6A;
}
@media all and (orientation:portrait){
#OtokuArea ul li a .linkbg{
    width:81%;
    padding:4px 4% 0 15%;
    height:27px;
    display:table-cell;
    vertical-align:middle;
    background:url(/common/images_m/sm_otoku_bg.png) no-repeat;
}

/*
#OtokuArea ul li.Otoku01 a:link, #OtokuArea ul li.Otoku01 a .linkbg{ background-position:4% 3px ;}
*/
#OtokuArea ul li.Otoku01 a:link, #OtokuArea ul li.Otoku01 a .linkbg{ background-position:4% 8px ;}
#OtokuArea ul li.Otoku02 a:link, #OtokuArea ul li.Otoku02 a .linkbg{ background-position:4% -23px ;}
#OtokuArea ul li.Otoku03 a:link, #OtokuArea ul li.Otoku03 a .linkbg{ background-position:4% -52px ;}
/*
#OtokuArea ul li.Otoku04 a:link, #OtokuArea ul li.Otoku04 a .linkbg{ background-position:4% -80px ;}
*/
#OtokuArea ul li.Otoku04 a:link, #OtokuArea ul li.Otoku04 a .linkbg{ background-position:4% -101px ;}
#OtokuArea ul li.Otoku05 a:link, #OtokuArea ul li.Otoku05 a .linkbg{ background-position:4% -105px ;}
/*
#OtokuArea ul li.Otoku06 a:link, #OtokuArea ul li.Otoku06 a .linkbg{ background-position:4% -132px ;}
#OtokuArea ul li.Otoku07 a:link, #OtokuArea ul li.Otoku07 a .linkbg{ background-position:4% -160px ;}
*/
#OtokuArea ul li.Otoku06 a:link, #OtokuArea ul li.Otoku06 a .linkbg{ background-position:4% -153px ;}
#OtokuArea ul li.Otoku07 a:link, #OtokuArea ul li.Otoku07 a .linkbg{ background-position:4% -180px ;}
#OtokuArea ul li.Otoku08 a:link, #OtokuArea ul li.Otoku08 a .linkbg{ background-position:4% -187px ;}
/*
#OtokuArea ul li.Otoku09 a:link, #OtokuArea ul li.Otoku09 a .linkbg{ background-position:4% -211px ;}
*/
#OtokuArea ul li.Otoku09 a:link, #OtokuArea ul li.Otoku09 a .linkbg{ background-position:4% -231px ;}

/* 2013.06.26 ADD BEGIN */
/*
#OtokuArea ul li.Otoku10 a:link, #OtokuArea ul li.Otoku10 a .linkbg{ background-position:4% -238px ;}
#OtokuArea ul li.Otoku11 a:link, #OtokuArea ul li.Otoku11 a .linkbg{ background-position:4% -238px ;}
*/
#OtokuArea ul li.Otoku10 a:link, #OtokuArea ul li.Otoku10 a .linkbg{ background-position:4% -257px ;}
#OtokuArea ul li.Otoku11 a:link, #OtokuArea ul li.Otoku11 a .linkbg{ background-position:4% -257px ;}
/* 2013.06.26 ADD END */
/* 2019.06.21 ADD BEGIN */
#OtokuArea ul li.Otoku12 a:link, #OtokuArea ul li.Otoku12 a .linkbg{ background-position:4% -18px ;}
/* 2019.06.21 ADD END */

}
@media all and (orientation:landscape){
#OtokuArea ul li a .linkbg{
    width:88%;
    padding:4px 4% 0 8%;
    height:27px;
    display:table-cell;
    vertical-align:middle;
    background:url(/common/images_m/sm_otoku_bg.png) no-repeat;
}
/*
#OtokuArea ul li.Otoku01 a:link, #OtokuArea ul li.Otoku01 a .linkbg{ background-position:2% 3px ;}
*/
#OtokuArea ul li.Otoku01 a:link, #OtokuArea ul li.Otoku01 a .linkbg{ background-position:2% 8px ;}
#OtokuArea ul li.Otoku02 a:link, #OtokuArea ul li.Otoku02 a .linkbg{ background-position:2% -23px ;}
#OtokuArea ul li.Otoku03 a:link, #OtokuArea ul li.Otoku03 a .linkbg{ background-position:2% -52px ;}
/*
#OtokuArea ul li.Otoku04 a:link, #OtokuArea ul li.Otoku04 a .linkbg{ background-position:2% -80px ;}
*/
#OtokuArea ul li.Otoku04 a:link, #OtokuArea ul li.Otoku04 a .linkbg{ background-position:2% -101px ;}
#OtokuArea ul li.Otoku05 a:link, #OtokuArea ul li.Otoku05 a .linkbg{ background-position:2% -105px ;}
/*
#OtokuArea ul li.Otoku06 a:link, #OtokuArea ul li.Otoku06 a .linkbg{ background-position:2% -132px ;}
#OtokuArea ul li.Otoku07 a:link, #OtokuArea ul li.Otoku07 a .linkbg{ background-position:2% -160px ;}
*/
#OtokuArea ul li.Otoku06 a:link, #OtokuArea ul li.Otoku06 a .linkbg{ background-position:2% -153px ;}
#OtokuArea ul li.Otoku07 a:link, #OtokuArea ul li.Otoku07 a .linkbg{ background-position:2% -180px ;}
#OtokuArea ul li.Otoku08 a:link, #OtokuArea ul li.Otoku08 a .linkbg{ background-position:2% -187px ;}
/*
#OtokuArea ul li.Otoku09 a:link, #OtokuArea ul li.Otoku09 a .linkbg{ background-position:2% -211px ;}
*/
#OtokuArea ul li.Otoku09 a:link, #OtokuArea ul li.Otoku09 a .linkbg{ background-position:2% -231px ;}
/* 2013.06.26 ADD BEGIN */
/*
#OtokuArea ul li.Otoku10 a:link, #OtokuArea ul li.Otoku10 a .linkbg{ background-position:2% -238px ;}
#OtokuArea ul li.Otoku11 a:link, #OtokuArea ul li.Otoku11 a .linkbg{ background-position:2% -238px ;}
*/
#OtokuArea ul li.Otoku10 a:link, #OtokuArea ul li.Otoku10 a .linkbg{ background-position:2% -257px ;}
#OtokuArea ul li.Otoku11 a:link, #OtokuArea ul li.Otoku11 a .linkbg{ background-position:2% -257px ;}
/* 2013.06.26 ADD END */
/* 2019.06.21 ADD BEGIN */
#OtokuArea ul li.Otoku12 a:link, #OtokuArea ul li.Otoku12 a .linkbg{ background-position:4% -18px ;}
/* 2019.06.21 ADD END */

}


#UpdateArea{
    width:100%;
    margin:0 ;
}
#UpdateArea h3{
    height:44px;
    line-height: 44px;
    padding:0 0 0 3%;
/*     padding:12px 0 12px 10px; */
    display:block;
    width:97%;
    border-bottom:solid 1px #D6D6D6;
    background:#F3EDE5 url(/common/images_m/arrow_bottomB.png) no-repeat 97% 50%;
}
#UpdateArea ul li{
    list-style:none;
    margin:0 auto;
    border-bottom:solid 1px #D6D6D6;
    background:url(/common/images_m/arrow_rightR.png) no-repeat 97% 50%;
}
#UpdateArea ul li a{
    width:100%;
    height:31px;
    display:table;
    text-decoration:none;
    color:#6A6A6A;
}
@media all and (orientation:portrait){
#UpdateArea ul li a .linkbg{
    width:81%;
    padding:4px 4% 0 15%;
    height:27px;
    display:table-cell;
    vertical-align:middle;
    background:url(/common/images_m/sm_update_bg.png) no-repeat;
}

/* 2013.06.26 ADD BEGIN */
#UpdateArea ul li.Update01 a:link, #UpdateArea ul li.Update01 a .linkbg{ background-position:5.5% 10px ;}
#UpdateArea ul li.Update02 a:link, #UpdateArea ul li.Update02 a .linkbg{ background-position:5.5% -22px ;}
#UpdateArea ul li.Update03 a:link, #UpdateArea ul li.Update03 a .linkbg{ background-position:5.5% -51px ;}
#UpdateArea ul li.Update04 a:link, #UpdateArea ul li.Update04 a .linkbg{ background-position:5.5% -81px ;}
#UpdateArea ul li.Update05 a:link, #UpdateArea ul li.Update05 a .linkbg{ background-position:5.5% -111px ;}
#UpdateArea ul li.Update05 a:link, #UpdateArea ul li.Update06 a .linkbg{ background-position:5.5% -141px ;}
#UpdateArea ul li.Update07 a:link, #UpdateArea ul li.Update07 a .linkbg{ background-position:5.5% -171px ;}
/*
#UpdateArea ul li.Update01 a:link, #UpdateArea ul li.Update01 a .linkbg{ background-position:5.5% 5px ;}
#UpdateArea ul li.Update02 a:link, #UpdateArea ul li.Update02 a .linkbg{ background-position:5.5% -25px ;}
#UpdateArea ul li.Update03 a:link, #UpdateArea ul li.Update03 a .linkbg{ background-position:5.5% -54px ;}
#UpdateArea ul li.Update04 a:link, #UpdateArea ul li.Update04 a .linkbg{ background-position:5.5% -84px ;}
*/
/* 2013.06.26 ADD END */
}
@media all and (orientation:landscape){
#UpdateArea ul li a .linkbg{
    width:88%;
    padding:4px 4% 0 8%;
    height:27px;
    display:table-cell;
    vertical-align:middle;
    background:url(/common/images_m/sm_update_bg.png) no-repeat;
}

/* 2013.06.26 ADD BEGIN */
#UpdateArea ul li.Update01 a:link, #UpdateArea ul li.Update01 a .linkbg{ background-position:3% 10px ;}
#UpdateArea ul li.Update02 a:link, #UpdateArea ul li.Update02 a .linkbg{ background-position:3% -22px ;}
#UpdateArea ul li.Update03 a:link, #UpdateArea ul li.Update03 a .linkbg{ background-position:3% -51px ;}
#UpdateArea ul li.Update04 a:link, #UpdateArea ul li.Update04 a .linkbg{ background-position:3% -81px ;}
#UpdateArea ul li.Update05 a:link, #UpdateArea ul li.Update05 a .linkbg{ background-position:3% -111px ;}
/*
#UpdateArea ul li.Update01 a:link, #UpdateArea ul li.Update01 a .linkbg{ background-position:3% 5px ;}
#UpdateArea ul li.Update02 a:link, #UpdateArea ul li.Update02 a .linkbg{ background-position:3% -25px ;}
#UpdateArea ul li.Update03 a:link, #UpdateArea ul li.Update03 a .linkbg{ background-position:3% -54px ;}
#UpdateArea ul li.Update04 a:link, #UpdateArea ul li.Update04 a .linkbg{ background-position:3% -84px ;}
*/
/* 2013.06.26 ADD END */
}

#smartSNSArea ul {
    display:table;
    margin-left:1%;
    width:99%;
}
/*
#smartSNSArea ul li {
    display:table-cell;
    width:33%;
    text-align:center;
    vertical-align:middle;
    }
    #smartSNSArea ul li.twitter {padding-top:5px; height:37px;}
    #smartSNSArea ul li.facebook {padding-top:5px; height:37px; border-left:solid 1px #E3E3E3; margin-left:-1px;}
    #smartSNSArea ul li.mixi {border-left:solid 1px #E3E3E3; margin-left:-1px;}
*/
/*smartSNSArea*/
#smartSNSArea ul li {
    display:table-cell;
    float: left;
    display: inline;
    width:50%;
    text-align:center;
    vertical-align:middle;
    border-bottom: 1px solid #E3E3E3;
    }
    #smartSNSArea ul li.officialSns {padding-top:10px; height:30px; width: 100%;}
    #smartSNSArea ul li.twitter {padding-top:10px; height:30px;}
    #smartSNSArea ul li.facebook {text-align: center; padding-top:10px; height:30px; border-left:solid 1px #E3E3E3; margin-left:-1px;}
    #smartSNSArea ul li.mixi {border-left:solid 1px #E3E3E3; margin-left:0px; height: 30px;padding-top:10px;border-bottom: none;}
    #smartSNSArea ul li.line {margin-left:-1px; height:30px;padding-top:10px; border-bottom: none;}



#corporateArea{
    display:none;
}

/* 2015.07.24 */
.memberBtn button {
	text-align: left;
	width: 100%;
	height: 36px;
	margin: 0em auto 1em;
	padding-left: 1.5em;
	border: none;
	border-radius: 4px;
	background: transparent url("/sp/common/images/arrow_rightR.png") no-repeat scroll 10px 50%;
	border: 1px solid #D6C7AD;

}

#smartSNSArea .memberBtn {
	border-bottom:1px solid #E3E3E3;
	width: 100%;
	padding: 20px 20px 0;
	box-sizing: border-box;
}

#smartSNSArea .memberBtn button {
	border: 1px solid #E3E3E3;
}



/*----------------------------------------------------------
    footer
----------------------------------------------------------*/

#pagetop,
#FCategoryArea,
#FootInfoArea {display:none;}

#setPc{
    background:url(/sp/common/images/bg_PCBtn.jpg) repeat-x;
    }
    #setPc span{
        background:url(/sp/common/images/btn_PCver.jpg) no-repeat center center;
        display:block;
        width:100%;
        }
    #setPc span img{
        width:100%;
        height:39px;
        }

#smFootArea{
    background:#333333;
    text-align:center;
    width:100%;
    color:#FFFFFF;
    font-size:77%;
    padding:4px 0;
    margin-bottom: -18px;
}

/*Fnavi*/

#Fnavi{
    width:100%;
}
#Fnavi h3{
/*     height:21px; */
	height: 44px;
	line-height: 44px;
    padding:0px 0 0px 10px;
    display:block;
    width:97%;
    border-top:solid 1px #D6D6D6;
    border-bottom:solid 1px #D6D6D6;
    background:#F3EDE5 url(/common/images_m/arrow_bottomB.png) no-repeat 97% 50%;
}
#Fnavi ul{
    list-style:none;
    width: 94%;
    margin: 0 auto;
    padding:10px 0px 0;
}
#Fnavi ul li{
    list-style:none;
    display:block;
    float:left;
    width: 50%;
    margin-bottom: 10px;
/*     margin:0 15px 10px 0; */
}
#Fnavi ul li a{
    display:block;
    text-decoration:none;
    padding-left:10px;
    background:url(/common/images_m/arrow_rightR.png) no-repeat 0 30%;
}
@media all and (orientation:landscape){
#Fnavi ul li{
    margin:0 5px 10px 0;
}
}

.verisign {
    margin: 20px auto 0;
    text-align: center;
}

/*-------------------------------
 * 2015.09.09 add begin
 *-------------------------------*/
#categoryMenu02 li.fa-cmc i {
	display: none !important;
}
/*-------------------------------
 * 2015.09.09 add end
 *-------------------------------*/



/*-------------------------------
 * 2017.05.11 add begin
 *-------------------------------*/

#ui-datepicker-div,
.ui-datepicker-inline {
  position: fixed !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  font-size: 13px !important;
  z-index: 1000 !important; }
  #ui-datepicker-div *,
  .ui-datepicker-inline * {
    font-weight: lighter; }
  #ui-datepicker-div:hover,
  .ui-datepicker-inline:hover {
    cursor: default; }
  #ui-datepicker-div a:hover,
  .ui-datepicker-inline a:hover {
    cursor: pointer; }
  #ui-datepicker-div .ui-corner-all,
  .ui-datepicker-inline .ui-corner-all {
    border-radius: 0;
    padding: 0; }
  #ui-datepicker-div.ui-widget-content,
  .ui-datepicker-inline.ui-widget-content {
    border: 10px solid #E2E2DE !important;
    border-radius: 0 !important; }
  #ui-datepicker-div .ui-widget-header,
  .ui-datepicker-inline .ui-widget-header {
    background: #fff !important;
    border: none; }
  #ui-datepicker-div .ui-datepicker-title,
  .ui-datepicker-inline .ui-datepicker-title {
    font-size: 16px;
    font-weight: bold; }
  #ui-datepicker-div .ui-icon,
  .ui-datepicker-inline .ui-icon {
    width: 9px;
    height: 12px; }
  #ui-datepicker-div .ui-corner-all.ui-datepicker-prev-hover,
  .ui-datepicker-inline .ui-corner-all.ui-datepicker-prev-hover {
    background: none;
    border: none;
    top: 2px;
    left: 2px; }
  #ui-datepicker-div .ui-corner-all.ui-datepicker-next-hover,
  .ui-datepicker-inline .ui-corner-all.ui-datepicker-next-hover {
    background: none;
    border: none;
    top: 2px;
    right: 2px; }
  #ui-datepicker-div .ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover,
  .ui-datepicker-inline .ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover {
    background-color: #486A1F !important; }
  #ui-datepicker-div .ui-state-default.ui-state-highlight.ui-state-active,
  .ui-datepicker-inline .ui-state-default.ui-state-highlight.ui-state-active {
    color: #fff; }
  #ui-datepicker-div .ui-widget-header .ui-datepicker-prev:hover,
  #ui-datepicker-div .ui-widget-header .ui-datepicker-next:hover,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-prev:hover,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-next:hover {
    opacity: .75; }
  #ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon,
  #ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-prev .ui-icon,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-next .ui-icon {
    background-size: 9px 12px;
    background-position: 0 0;
    margin-top: -5px !important;
    margin-left: -5px !important; }
  #ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-prev .ui-icon {
    background-image: url("/base/images/icon_arrow_left_green.png"); }
  #ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon,
  .ui-datepicker-inline .ui-widget-header .ui-datepicker-next .ui-icon {
    background-image: url("/base/images/icon_arrow_right_green.png"); }
  #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end:first-child,
  #ui-datepicker-div .gcal-sunday .ui-state-default,
  #ui-datepicker-div .gcal-holiday,
  .ui-datepicker-inline .ui-datepicker-calendar .ui-datepicker-week-end:first-child,
  .ui-datepicker-inline .gcal-sunday .ui-state-default,
  .ui-datepicker-inline .gcal-holiday {
    background-color: #fff !important;
    color: #D50E1C; }
  #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end:last-child,
  #ui-datepicker-div .gcal-saturday .ui-state-default,
  .ui-datepicker-inline .ui-datepicker-calendar .ui-datepicker-week-end:last-child,
  .ui-datepicker-inline .gcal-saturday .ui-state-default {
    background-color: #fff !important;
    color: #4990E2; }
  #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default,
  .ui-datepicker-inline .ui-state-default,
  .ui-datepicker-inline .ui-widget-content .ui-state-default {
    border: none !important; }
  #ui-datepicker-div .ui-state-default,
  .ui-datepicker-inline .ui-state-default {
    text-align: center;
    padding: 10px 5px !important;
    line-height: 13px !important; }
  #ui-datepicker-div .ui-state-default.ui-state-active,
  .ui-datepicker-inline .ui-state-default.ui-state-active {
    background: #486A1F !important;
    color: #fff; }
  #ui-datepicker-div .ui-datepicker-today .ui-state-default,
  .ui-datepicker-inline .ui-datepicker-today .ui-state-default {
    background-color: rgba(255, 233, 0, 0.5) !important; }
    #ui-datepicker-div .ui-datepicker-today .ui-state-default.ui-state-active,
    .ui-datepicker-inline .ui-datepicker-today .ui-state-default.ui-state-active {
      background-color: rgba(255, 233, 0, 0.5) !important; }
      #ui-datepicker-div .ui-datepicker-today .ui-state-default.ui-state-active:hover,
      .ui-datepicker-inline .ui-datepicker-today .ui-state-default.ui-state-active:hover {
        background-color: #486A1F !important; }
  #ui-datepicker-div .ui-datepicker-current-day .ui-state-active,
  .ui-datepicker-inline .ui-datepicker-current-day .ui-state-active {
    background-color: #486A1F !important; }
  #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content,
  .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content {
    background: #E2E2DE !important;
    padding: 10px; }
    #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content:before, #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content:after,
    .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content:before,
    .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content:after {
      content: "";
      display: block;
      height: 0; }
    #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content:after,
    .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content:after {
      clear: both; }
  #ui-datepicker-div button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
  #ui-datepicker-div button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all,
  .ui-datepicker-inline button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
  .ui-datepicker-inline button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
    background: #486A1F !important;
    width: 100px;
    margin: 0;
    padding: 7px;
    color: #fff;
    font-size: 13px;
    border-radius: 5px; }
    #ui-datepicker-div button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover,
    #ui-datepicker-div button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover,
    .ui-datepicker-inline button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover,
    .ui-datepicker-inline button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover {
      opacity: .75; }
  #ui-datepicker-div .ui-priority-secondary, #ui-datepicker-div .ui-widget-content .ui-priority-secondary,
  .ui-datepicker-inline .ui-priority-secondary,
  .ui-datepicker-inline .ui-widget-content .ui-priority-secondary {
    opacity: 1; }

@media screen and (max-device-width: 900px) {
  body #ui-datepicker-div,
  body .ui-datepicker-inline {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    font-size: 13px !important;
    z-index: 1000 !important; } }
}

body #ui-datepicker-div {
  z-index: 1100 !important; }



.utilFlex {
  display: table;
  width: 100%; }
  .utilFlex > .cell {
    display: table-cell; }

@media screen and (min-device-width: 768px) {
  .utilPcNone {
    display: none !important; } }

@media screen and (max-device-width: 767px) {
  .utilSpNone {
    display: none !important; } }

.modIcon {
  display: inline-block; }
  .modIcon.isLinkArrow {
    background-image: url("/base/images/icon_link_arrow.png");
    width: 9px;
    height: 9px;
    background-size: 9px 9px; }
  .modIcon.isSearch {
    background-image: url("/base/images/icon_search.png");
    width: 20px;
    height: 20px;
    background-size: 20px 20px; }
  .modIcon.isCalender {
    background-image: url("/base/images/icon_calendar.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }

.popupBackDrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3;
  z-index: 100; }

button.btn, a.btn {
  display: inline-block;
  background: #ccc;
  width: 100%;
  margin: 0;
  padding: 8px;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  box-sizing: border-box; }
  button.btn.isPrimary, a.btn.isPrimary {
    background: #486A1F;
    color: #fff; }
    button.btn.isPrimary:hover, a.btn.isPrimary:hover {
      opacity: .75; }

.modPlanSearchBar {
  background: #486A1F; }
  .modPlanSearchBar button:hover {
    cursor: pointer; }
  .modPlanSearchBar .hide {
    display: none; }
  .modPlanSearchBar .utilInner {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 10px; }
  .modPlanSearchBar .painLeft,
  .modPlanSearchBar .painRight {
    display: block;
    vertical-align: top; }
  .modPlanSearchBar .painLeft {
    display: none; }
  .modPlanSearchBar .painRight form {
    display: table;
    background: #fff;
    width: 100%;
    margin-bottom: 20px;
    height: 100%;
    border-radius: 5px; }
  .modPlanSearchBar .painRight .searchParts {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #eee; }
    .modPlanSearchBar .painRight .searchParts > .innerLabel {
      display: inline-block;
      margin-bottom: 5px;
      color: #999;
      font-size: 12px; }
    .modPlanSearchBar .painRight .searchParts .selectValue {
      color: #999;
      font-size: 12px; }
      .modPlanSearchBar .painRight .searchParts .selectValue span {
        display: inline-block;
        margin-right: 5px;
        font-size: 18px;
        color: #333; }
    .modPlanSearchBar .painRight .searchParts .dropdownBox {
      position: absolute;
      left: 0;
      background: #fff;
      min-width: 100%;
      color: #333;
      text-align: center;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
      z-index: 200; }
      .modPlanSearchBar .painRight .searchParts .dropdownBox ul.dropdownList {
        list-style: none; }
        .modPlanSearchBar .painRight .searchParts .dropdownBox ul.dropdownList li {
          font-size: 14px;
          padding: 10px 0;
          border-bottom: 1px solid #eee; }
          .modPlanSearchBar .painRight .searchParts .dropdownBox ul.dropdownList li:hover {
            background: #486A1F;
            color: #fff;
            cursor: pointer; }
    .modPlanSearchBar .painRight .searchParts:before {
      position: absolute;
      bottom: 5px;
      right: 5px;
      content: '';
      display: inline-block;
      background: #fff url("/base/images/icon_dropown_box.png") no-repeat;
      background-size: 10px 10px;
      width: 10px;
      height: 10px; }
    .modPlanSearchBar .painRight .searchParts:hover {
      cursor: pointer; }
    .modPlanSearchBar .painRight .searchParts.isSearchDate span.innerLabel {
      height: 38px; }
    .modPlanSearchBar .painRight .searchParts.isSearchDate .isCalender {
      position: absolute;
      bottom: 12px;
      right: 12px; }
    .modPlanSearchBar .painRight .searchParts.isSearchDate .selectValue {
      position: absolute;
      top: 0;
      left: 0;
      background: none;
      width: 100%;
      height: 100%;
      z-index: 10; }
      .modPlanSearchBar .painRight .searchParts.isSearchDate .selectValue input {
        display: inline-block;
        background: none;
        width: 100%;
        height: 100%;
        margin-right: 5px;
        padding: 20px 0 0 10px;
        border: none;
        font-size: 18px;
        color: #333; }
    .modPlanSearchBar .painRight .searchParts.isSearchDate, .modPlanSearchBar .painRight .searchParts.isAdultNum {
      border-right: 1px solid #eee; }
    .modPlanSearchBar .painRight .searchParts.isStayDays .dropdownBox, .modPlanSearchBar .painRight .searchParts.isAdultNum .dropdownBox {
      display: none; }
    .modPlanSearchBar .painRight .searchParts.isStayDays select, .modPlanSearchBar .painRight .searchParts.isAdultNum select {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
    .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox {
      position: fixed;
      bottom: -245px;
      width: 100%;
      padding: 10px;
      padding-bottom: 60px;
      background: #e2e2de; }
      .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner {
        background: #fff;
        padding: 5px;
        border-bottom: 1px solid #eee; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .cell {
          vertical-align: middle; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .innerLabel {
          padding-left: 10px;
          text-align: left;
          width: 60%; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner {
          display: table;
          width: 100%; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner button, .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner input {
            display: table-cell;
            vertical-align: top; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner button {
            width: 25%; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner .value {
            display: inline-block;
            width: 40%;
            height: 34px;
            line-height: 34px;
            border: 1px solid #eee;
            font-weight: bold;
            text-align: center; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner .decrement {
            margin-right: 5%;
            border-radius: 5px 0 0 5px; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner .numControlGroup .controlInner .increment {
            margin-left: 5%;
            border-radius: 0 5px 5px 0; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner.is01 {
          border-radius: 5px 5px 0 0; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner.is03 {
          position: relative;
          margin-bottom: 40px;
          border-radius: 0 0 5px 5px; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner.is03 .innerSupple {
            position: absolute;
            bottom: -30px;
            left: 15px;
            width: 100%;
            font-size: 12px;
            text-align: left; }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner.isClose {
          position: absolute;
          bottom: 0;
          left: 0;
          background: #486A1F;
          width: 100%;
          padding: 10px; }
          .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner.isClose button {
            width: 100%;
            padding: 10px;
            border: none;
            font-weight: bold;
            border-radius: 5px;
            font-size: 14px;
            color: #333333;
            letter-spacing: 0;
            line-height: 22px;
            background: #fec900;
            background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
            background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
            background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
        .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox .dropdownInner:hover {
          cursor: default; }
    .modPlanSearchBar .painRight .searchParts.isSubmit {
      width: 100%;
      padding: 0;
      border-bottom: none; }
      .modPlanSearchBar .painRight .searchParts.isSubmit:before {
        display: none; }
      .modPlanSearchBar .painRight .searchParts.isSubmit button.submit {
        width: 100%;
        height: 100%;
        padding: 15px 0;
        font-weight: bold;
        border: none;
        border-radius: 0 0 5px 5px;
        background: #fec900;
        background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
        .modPlanSearchBar .painRight .searchParts.isSubmit button.submit i.modIcon.isSearch {
          margin-bottom: -5px;
          margin-right: 5px; }
        .modPlanSearchBar .painRight .searchParts.isSubmit button.submit:hover {
          cursor: pointer; }
        .modPlanSearchBar .painRight .searchParts.isSubmit button.submit:disabled, .modPlanSearchBar .painRight .searchParts.isSubmit button.submit[disabled] {
          color: #909090;
          background: #d3d3d3;
          background: -moz-linear-gradient(top, #d3d3d3 0%, #959595 100%);
          background: -webkit-linear-gradient(top, #d3d3d3 0%, #959595 100%);
          background: linear-gradient(to bottom, #d3d3d3 0%, #959595 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
          .modPlanSearchBar .painRight .searchParts.isSubmit button.submit:disabled:hover, .modPlanSearchBar .painRight .searchParts.isSubmit button.submit[disabled]:hover {
            cursor: default; }
  .modPlanSearchBar .innerLinks a {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px; }
    .modPlanSearchBar .innerLinks a i {
      margin-right: 5px; }
    .modPlanSearchBar .innerLinks a:last-child {
      margin-bottom: 0; }
  .modPlanSearchBar.isBottomFixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    border-top: 4px solid #486A1F; }
    .modPlanSearchBar.isBottomFixed .utilInner {
      padding: 0; }
    .modPlanSearchBar.isBottomFixed form {
      margin-bottom: 0;
      border-radius: 0; }
    .modPlanSearchBar.isBottomFixed .searchParts {
      padding: 7px; }
      .modPlanSearchBar.isBottomFixed .searchParts .innerLabel {
        margin-bottom: 0;
        font-size: 11px; }
      .modPlanSearchBar.isBottomFixed .searchParts .selectValue span {
        font-size: 14px;
        font-weight: bold; }
      .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate {
        width: 40%; }
        .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate .selectValue input {
          padding: 17px 0 0 7px;
          font-size: 14px;
          font-weight: bold; }
        .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate .selectValue.isNotSelected input {
          color: #909090; }
        .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate span.innerLabel {
          height: 32px; }
        .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate i.modIcon.isCalender {
          bottom: 7px;
          right: 7px; }
        .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate:before {
          display: none; }
      .modPlanSearchBar.isBottomFixed .searchParts.isStayDays:before, .modPlanSearchBar.isBottomFixed .searchParts.isAdultNum:before {
        background: none; }
      .modPlanSearchBar.isBottomFixed .searchParts.isStayDays, .modPlanSearchBar.isBottomFixed .searchParts.isAdultNum, .modPlanSearchBar.isBottomFixed .searchParts.isChildNum {
        width: 20%;
        border-right: none; }
      .modPlanSearchBar.isBottomFixed .searchParts.isPrice {
        border-right: 1px solid #ddd; }
      .modPlanSearchBar.isBottomFixed .searchParts.isPrice, .modPlanSearchBar.isBottomFixed .searchParts.isTotal {
        position: relative;
        background: none; }
        .modPlanSearchBar.isBottomFixed .searchParts.isPrice .selectValue, .modPlanSearchBar.isBottomFixed .searchParts.isTotal .selectValue {
          color: #D50E1C;
          font-size: 14px;
          font-weight: bold; }
          .modPlanSearchBar.isBottomFixed .searchParts.isPrice .selectValue.isNotSelected, .modPlanSearchBar.isBottomFixed .searchParts.isTotal .selectValue.isNotSelected {
            color: #333; }
        .modPlanSearchBar.isBottomFixed .searchParts.isPrice a, .modPlanSearchBar.isBottomFixed .searchParts.isTotal a {
          position: absolute;
          top: 10px;
          right: 10px;
          font-size: 12px;
          color: #486A1F;
          text-decoration: underline; }
        .modPlanSearchBar.isBottomFixed .searchParts.isPrice:hover, .modPlanSearchBar.isBottomFixed .searchParts.isTotal:hover {
          cursor: default; }
        .modPlanSearchBar.isBottomFixed .searchParts.isPrice:before, .modPlanSearchBar.isBottomFixed .searchParts.isTotal:before {
          display: none; }
      .modPlanSearchBar.isBottomFixed .searchParts.isSubmit, .modPlanSearchBar.isBottomFixed .searchParts.isPrice, .modPlanSearchBar.isBottomFixed .searchParts.isTotal {
        width: 33.333%; }
      .modPlanSearchBar.isBottomFixed .searchParts.isSubmit button.submit {
        border-radius: 0; }
  .modPlanSearchBar.isIndex .searchParts {
    padding: 7px;
    border-bottom: 0; }
    .modPlanSearchBar.isIndex .searchParts .innerLabel {
      margin-bottom: 0;
      font-size: 11px; }
    .modPlanSearchBar.isIndex .searchParts .selectValue span {
      font-size: 14px; }
    .modPlanSearchBar.isIndex .searchParts .selectValue.isNotSelected input {
      color: #909090; }
    .modPlanSearchBar.isIndex .searchParts.isSearchDate {
      width: 40%; }
      .modPlanSearchBar.isIndex .searchParts.isSearchDate span.innerLabel {
        height: 32px; }
      .modPlanSearchBar.isIndex .searchParts.isSearchDate .selectValue input {
        padding: 17px 0 0 7px;
        font-size: 14px;
        font-weight: bold; }
      .modPlanSearchBar.isIndex .searchParts.isSearchDate i.modIcon.isCalender {
        bottom: 7px;
        right: 7px; }
      .modPlanSearchBar.isIndex .searchParts.isSearchDate:before {
        background: none; }
    .modPlanSearchBar.isIndex .searchParts.isSubmit {
      display: none; }
    .modPlanSearchBar.isIndex .searchParts.isStayDays:before, .modPlanSearchBar.isIndex .searchParts.isAdultNum:before {
      display: none; }
    .modPlanSearchBar.isIndex .searchParts.isStayDays, .modPlanSearchBar.isIndex .searchParts.isAdultNum, .modPlanSearchBar.isIndex .searchParts.isChildNum {
      width: 20%;
      border-right: none; }


#officalSp #smHeaderArea .btnYoyaku .close-text {
  display: none; }

#officalSp #smHeaderArea .btnYoyaku.active {
  background-color: #486A1F;
  background-image: none; }
  #officalSp #smHeaderArea .btnYoyaku.active:before {
    content: "";
    background-image: url(/base/images/icon_close.png);
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -9px; }
  #officalSp #smHeaderArea .btnYoyaku.active .close-text {
    bottom: 6px;
    color: #FFF;
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 100%; }

#officalSp #smHeaderArea #yoyakuForm {
  background-color: transparent;
  height: 100% !important;
  width: 100%;
  overflow: inherit !important; }
  #officalSp #smHeaderArea #yoyakuForm > .utilInner {
    background-color: #486A1F;
    display: block;
    width: 100%;
    max-height: 80%;
    margin: 0 auto;
    padding: 0;
    overflow: scroll;
    box-shadow: -1px 2px 2px 0px #452405; }
    #officalSp #smHeaderArea #yoyakuForm > .utilInner > .painRight {
      padding: 10px; }
  #officalSp #smHeaderArea #yoyakuForm form {
    margin-bottom: 15px; }
  #officalSp #smHeaderArea #yoyakuForm .searchParts.isSearchDate .selectValue input {
    margin-right: 5px;
    padding: 20px 0 0 10px;
    border: none; }
  #officalSp #smHeaderArea #yoyakuForm .hotelLinksTitle {
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%; }
  #officalSp #smHeaderArea #yoyakuForm .hotelLinks {
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 15px; }
    #officalSp #smHeaderArea #yoyakuForm .hotelLinks:before, #officalSp #smHeaderArea #yoyakuForm .hotelLinks:after {
      content: "";
      display: block;
      height: 0; }
    #officalSp #smHeaderArea #yoyakuForm .hotelLinks:after {
      clear: both; }
    #officalSp #smHeaderArea #yoyakuForm .hotelLinks a {
      box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.1);
      display: inline-block;
      float: left;
      width: 50%;
      padding: 15px;
      text-align: center; }

#officalSp #smHeaderArea #reserveTopLink {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 12px;
  text-align: center; }
  #officalSp #smHeaderArea #reserveTopLink a {
    color: #FFF;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px; }
    #officalSp #smHeaderArea #reserveTopLink a i {
      margin-right: 5px; }

#officalSp .modPlanSearchBar .innerLinks:before, #officalSp .modPlanSearchBar .innerLinks:after {
  content: "";
  display: block;
  height: 0; }

#officalSp .modPlanSearchBar .innerLinks:after {
  clear: both; }

#officalSp .modPlanSearchBar .innerLinks a {
  color: #FFF;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px; }


#ui-datepicker-div,
#officalSp * {
  box-sizing: border-box; }


/*-------------------------------
 * 2017.05.11 add end
 *-------------------------------*/

/*-------------------------------
 * 2017.12.19 add begin
 *-------------------------------*/
.Anchorlink_area {
	margin-top: -65px!important;
	padding-top: 65px!important;
}

a.Anchorlink_area {
	margin-top: -65px!important;
	padding-top: 65px!important;
	overflow: visible!important;
	display: block;
}
/*-------------------------------
 * 2017.12.19 add end
 *-------------------------------*/

/*-------------------------------
 * 2019.04.11 add begin
 *-------------------------------*/
#higaeriPlanArea {
	box-shadow: rgba(113, 135, 164, 0.86) 0px 4px 21px -15px inset;
	padding: 16px 0 0 0;
}
#higaeriPlanArea h3,
div.shortCut h3 {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#higaeriPlanArea ul {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
#higaeriPlanArea ul li img {
	width: 100%;
}
#higaeriPlanArea ul li {
	margin-bottom: 10px;
}
#higaeriPlanArea ul li:last-child {
	margin-bottom: 30px;
}
/*-------------------------------
 * 2019.04.11 add end
 *-------------------------------*/


/*-------------------------------
 * 2019.06.05 add begin
 *-------------------------------*/
div.center b {
	font-size: 108%;
}
/*-------------------------------
 * 2019.06.05 add end
 *-------------------------------*/


/*-------------------------------
 * 2020.03.16 add begin
 *-------------------------------*/
#importantNews_red {
  background: red;
  padding: 6px;
  margin: 20px auto;
  text-align: left;
  width: 93%;
}

#importantNews_red .importantNewsInner {
  background: #fff;
  padding: 1em;
}

#importantNews_red .importantNewsInner h2 {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.6rem;
  text-decoration: none;
}

#importantNews_red .importantNewsInner p {
  text-align: center;
  line-height: 1.6;
  font-size: 1rem;
  font-weight: bold;
}

#importantNews_red .importantNewsInner a {
  font-size: 1rem;
  display: block;
  font-weight: bold;
}


/*-------------------------------
 * 2020.03.16 add end
 *-------------------------------*/

/*-------------------------------
 * 2020.12.14 add begin
 *-------------------------------*/
.importantNewsSub_red {
  background: red;
  padding: 6px;
  margin: 20px auto;
  text-align: left;
  width: 93%;
}

.importantNewsSub_red .importantNewsSubInner {
  background: #fff;
  padding: 1em;
}

.importantNewsSub_red .importantNewsSubInner h2 {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.6rem;
  text-decoration: none;
}

.importantNewsSub_red .importantNewsSubInner p {
  text-align: center;
  line-height: 1.6;
  font-size: 1rem;
  font-weight: bold;
}

.importantNewsSub_red .importantNewsSubInner a {
  font-size: 1rem;
  display: block;
  font-weight: bold;
}

/*-------------------------------
 * 2020.12.14 add end
 *-------------------------------*/

/*-------------------------------
 * 2021.03.24 add begin
 *-------------------------------*/
#importantNews_red .importantNewsInner a.bluetxt,
a.bluetxt {
	color: #1e90ff;
}
a.bluetxt p {
	color: #1e90ff;
}
a.bluetxt:hover {
	opacity: 0.5;
}
/*-------------------------------
 * 2021.03.24 add end
 *-------------------------------*/