@charset "utf-8";
/* CSS Document */

html, body{
  position: relative;
  width: 100%;
  overflow-x: hidden;
  min-width: auto;
}
body.slide-overlay {width: 100%;position: fixed !important;}
body.slide-overlay:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 9999;}

.wrapper{ padding-top: 0}
#breadcrumb{}

.selectbox select{
    font-size: 16px;
    display: block;
    width: 100%;
}

input[type=radio]{}
input[type=radio]+label{
	padding: 10px 7px 8px 9px;
}
input[type=radio]+label:hover{}
input[type=radio]+label:hover::before{}
input[type=radio]:checked+label{}
input[type=radio]+label::before{}
input[type=radio]:checked+label::before{}

/*-----------------------------------------------MenuArea*/
.MenuArea{
    padding: 0 !important;
    box-shadow: none;
}
.MenuArea .MenuAreaIn{
    width: 100%;
    justify-content: center;
    align-items: inherit;
}
.MenuArea .logo{
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
    margin: 6px 0 8px 0;
    display: block;
}
.MenuArea .logo img{}
.MenuArea .MenuAreaIn li{
    flex: 1;
    font-size: 12px;
    text-align: center;
    display: flex;
}
.MenuArea .MenuAreaIn li a{
    display: flex;
    text-decoration: none;
    font-weight: bold;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}
.MenuArea .MenuAreaIn li.front{}
.MenuArea .MenuAreaIn li.front + .front{}
.MenuArea .MenuAreaIn li.front a{
    background-color: #006F3B;
    color: #fff;
    padding: 10px 5px;
}
.MenuArea .MenuAreaIn li.front + .front a{
    background-color: #029f55;
}
.MenuArea .MenuAreaIn li.front.active a{
    background-color: #80b099;
}
.MenuArea .MenuAreaIn li.burger{
    /* width: auto; */
    flex: 0;
}
.MenuArea .MenuAreaIn li.burger a{
    font-weight: normal;
    background-color: #e8e8e8;
    padding: 0 7px;
    flex-direction: column;
    font-size: 10px;
}
.MenuArea .MenuAreaIn li.burger a:before{content:"\f0c9";font-family:FontAwesome;display: block;line-height: 1;padding-top: 4px;font-size: 18px;}
.MenuArea .menu{
    display: block;
    width: 90% !important;
    margin: 0 auto;
}
.MenuArea .menu li{padding-top: 10px;border-left: none;}
.MenuArea .menu li + li{
    border-top: 1px solid #e4e4e4;
    margin-top: 10px;
    padding-top: 10px;
}
.MenuArea .menu li a{}
.MenuArea .menu li a:hover,.MenuArea .menu li.active a{}

.MenuArea.header .menu li.pickup{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-weight:500}
.MenuArea.header .menu li.pickup a{font-size:16px;padding:0 26px}
.MenuArea.header .menu li.pickup a:hover{color:#006F3B}
.MenuArea.header .menu li.pickup a:after{content:"";font-family:'Cinzel',serif;display:block;font-size:12px;letter-spacing:1px;padding-top:5px}
.MenuArea.header .menu li.pickup a:hover:after{}
.MenuArea.header .menu li.pickup.list{}
.MenuArea.header .menu li.pickup.sche{}
.MenuArea.header .menu li.pickup.ordermade{}
.MenuArea.header .menu li.pickup.list a:after{content:"Tour List"}
.MenuArea.header .menu li.pickup.sche a:after{content:"Schedule"}
.MenuArea.header .menu li.pickup.ordermade a:after{content:"Order Made"}


/*--------------------------------openNav*/
.MenuArea .OpenNav{display:block;width:100%;height:100%;position:fixed;overflow-y:scroll;top:0;right:-100%;z-index:100000;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s;-webkit-overflow-scrolling:touch}
.MenuArea .OpenNav.active{right:0}
.MenuArea .OpenNav .Inner{margin-left:15%;background-color: #fff;width:calc(100% - 15%);position:relative;display:block;}
.MenuArea .OpenNav .close{display:none}
.MenuArea .OpenNav.active .close{box-sizing:border-box;width:33px;height:33px;position:fixed;top:10px;left:10px;display:block}
.MenuArea .OpenNav .close span{display:block;width:100%;height:2px;background:#fff;margin-top:8px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.MenuArea .OpenNav .close span:first-child{transform:translate(0,14px) rotate(45deg)}
.MenuArea .OpenNav .close span:nth-child(2){opacity:0}
.MenuArea .OpenNav .close span:nth-child(3){transform:translate(0,-6px) rotate(-45deg)}
.MenuArea .OpenNav .close span:first-child{margin-top:4px}

.MenuArea .OpenNav .qua{
    margin-top: 10px;
}
.MenuArea .OpenNav .qua a{
    display: block;
    text-decoration: none;
    padding: 8px;
    background-color: #eaeaea;
    font-size: 12px;
}

.MenuArea .OpenNav .AccClose{
}
.MenuArea .OpenNav .AccClose a{
    background-color: #006F3B;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 8px;
}

/*-----------------------------------------------------contentWrapper*/
.contentWrapper{
    padding-top: 25px;
}

/*-----------------------------------------------------CommonTtl*/
.CommonTtl{
    margin-bottom: 20px;
}
.CommonTtl .main{
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 26px;
    padding-bottom: 10px;
}
.CommonTtl .sub{
    font-weight: normal;
    font-size: 12px;
}
.CommonTtl .desc{}

/*------------------------------------------------------CommonTxt*/
.CommonTxt{}
.CommonTxt h2{}
.CommonTxt p{}
.CommonTxt p + p{}

/*----------------------------------------------------CommonBtmBtn*/
.CommonBtmBtn{
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
}
.CommonBtmBtn p{
    font-size: 15px;
    margin-bottom: 7px;
}
.CommonBtmBtn p:before,.CommonBtmBtn p:after{content: none;}
.CommonBtmBtn a{
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    font-size: 15px;
}
.CommonBtmBtn a:hover{}
.CommonBtmBtn a:after{}


/*----------------------------------------------------FooterBn*/
#FooterBn{
    width: 90%;
    margin: 0 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
#FooterBn .bn{
    width: 48%;
    margin-bottom: 10px;
}
#FooterBn .bn + .bn{}
#FooterBn .bn a:hover{}
#FooterBn .bnWrap{
    width: 100%;
    margin-left: 0;
}
#FooterBn .bnWrap dl{}
#FooterBn .bnWrap dt{}
#FooterBn .bnWrap dt a{}
#FooterBn .bnWrap dt a:hover{}
#FooterBn .bnWrap dt a:before{}
#FooterBn .bnWrap dt a:after{}
#FooterBn .bnWrap dd{}
#FooterBn .bnWrap dd + dd{}
#FooterBn .bnWrap dd a{}
#FooterBn .bnWrap dd a:before{}
#FooterBn .bnWrap dd a + a{}
#FooterBn .bnWrap dd.Twitter{}
#FooterBn .bnWrap dd.Twitter a{}
#FooterBn .bnWrap dd.Twitter a:before{}
#FooterBn .bnWrap dd.Twitter a:hover{}
#FooterBn .bnWrap dd.Facebook{}
#FooterBn .bnWrap dd.Facebook a{}
#FooterBn .bnWrap dd.Facebook a:before{}
#FooterBn .bnWrap dd.Facebook a:hover{}