@charset "utf-8";
/* ****************************************************
Title: layout.css
***************************************************** */

/* -------------------------------------------------------------------- 
body
-------------------------------------------------------------------- */

body {
color: #424656;
/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Verdana, Osaka, "MS PGothic", Sans-Serif;
font-size: 13px;
*font-size:small;
*font:x-small;
text-align: center;
text-size-adjust: 100%;
-moz-text-size-adjust: none;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
max-height: 999999px;
}
#top {
overflow: hidden;
min-width: 1140px;
background-color: #fffef3;
}
#wrap {
/*overflow: hidden;*/
/*width: 640px;*/
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px;/*min-width: 1000px;*/
}
#wrap.wrap02 {
background-color: #ffffff;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
a {
display: inline-block;
}
.relative-wrap {
position: relative;
}
.contDispN {
display: none;
}
p, span, dt, dd, th, td, li, h1, h2, h3, h4 {
max-height: 999999px;
background-image: url(../img/spacer.gif);
}
*:focus {
outline: none
}
/*-----------------------*/

.anc {
position: relative;
font-size: 0px;
line-height: 0px;
}
.ancIn {
position: absolute;/*top: -66px;*/
}
#top {
/*padding-top: 66px;*/
}
/*-----------------------*/

.pc {
display: block;
}
.sp {
display: none;
}
.pcBr {
display: inline;
}
.spBr {
display: none;
}
.pcTable {
display: table !important;
}
.spTable {
display: none !important;
}
.contIn1140 {
width: 1140px;
margin: 0px auto;
position: relative;
}
.radius300 {
-moz-border-radius: 300px;
-webkit-border-radius: 300px;
-o-border-radius: 300px;
-ms-border-radius: 300px;
border-radius: 300px;
}
.radius3 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.radius2 {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
/*トップへ戻る*/
#page-top {
position: fixed;
bottom: 65px;
right: 0;
}
#page-top a {
background: #fff5ca;
text-decoration: none;
color: #92e4ea;
width: 70px;
text-align: center;
display: block;
height: 70px;
line-height: 80px;
transition: all .3s ease;
}
#page-top a:hover {
opacity: .7;
}
#page-top a svg {
fill:#92e4ea;
}
/*プレゼント*/
#present {
background: #fffdf3;
padding-bottom: 45px;
z-index: 10;
}
#present h1 {
text-align: center;
}
#present h1 img {
width: 350px;
top: -80px;
}
#present .txt {
font-size: 18px;
line-height: 1.8;
letter-spacing: 0.075em;
text-align: center;
}
#present .txt em {
font-size: inherit;
font-weight: bold;
font-style: normal;
display: inline-block;
background: url("../img/bg_line.png") repeat-x;
background-size: 1px 18px;
background-position: center;
}
#present .txt .lh {
line-height: 2.5;
}
#present .center {
text-align: center;
margin-top: 0;
margin-bottom: -5px;
position: relative;
top: -15px;
}
#present .period {
background: #fffef3;
border-radius: 25px;
margin: auto;
display: inline-block;
padding: 4px 35px;
margin-top: 27px;
font-size: 14px;
}
#present .btn {
margin-top: 27px;
}
#present .agree {
margin-top: 27px;
text-align: center;
font-size: 14px;
}
#present .agree a {
color: #000000;
text-decoration: underline;
}
a.btn_entry {
display: block;
background: #ffd400;
text-align: center;
font-weight: bold;
padding: 15px 0;
width: 500px;
margin: auto;
color: #121212!important;
font-size: 18px;
text-decoration: none!important;
transition: all .3s ease;
}
a.btn_entry:hover {
opacity: .5;
}
@media screen and (max-width: 799px) {
#present {
margin-top: 60px;
}
#present h1 img {
width: 70%;
top: -35px;
position: relative;
}
#present .txt {
padding: 0 4%;
font-size: 13px;
}
#present .btn {
margin-top: 17px;
}
a.btn_entry {
width: 300px;
}
}
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, .headerLogo img {
width: 100%;
}
*::-ms-backdrop, .mainContIn01 .span01 img {
width: 50%;
}
*::-ms-backdrop, .mainContIn01 .span02 img {
width: 50%;
}
*::-ms-backdrop, .mainContIn01 .span03 img {
width: 76%;
}
*::-ms-backdrop, .airplaneWrap img {
width: 100%;
}
*::-ms-backdrop, .cont03AncNaviWrap li img {
width: 100%;
}
*::-ms-backdrop, .cont04AncNaviWrap li img {
width: 100%;
}
*::-ms-backdrop, .cont05AncNaviWrap li img {
width: 100%;
}
*::-ms-backdrop, .contBannerWrap01 img {
width: 100%;
}
}



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:799px) {
/*デバイスwidth、～799px用のスタイルを記入*/

body {
/* font-family: "HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック", Verdana, Osaka, "MS PGothic", Sans-Serif;*/

}
#top {
/*overflow: hidden;*/
min-width: 375px;
}
#wrap {
/*overflow: hidden;*/
width: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px;/*min-width: 375px;*/
}
img {
max-width: 100%;
width: 100%;
height: auto;
}
/*-----------------------*/

.anc {
position: relative;
}
.ancIn {
position: absolute;/*top: -66px;*/
}
#top {
/*padding-top: 66px;*/
/*position: relative;
z-index: 1;
min-width: 0px;*/
}
/*-----------------------*/

.pc {
display: none;
}
.sp {
display: block;
}
.pcBr {
display: none;
}
.spBr {
display: inline;
}
.pcTable {
display: none !important;
}
.spTable {
display: table !important;
}
.contIn1140 {
width: auto;
padding: 0px 25px;
}
}
/* -------------------------------------------------------------------- 
header
-------------------------------------------------------------------- */

.mainvisualBase {
position: relative;
background-color: #92e4ea;
}
/*-------------------------------*/

#mainvisual_bg01 {
display: none;
background-image: url("../img/mainvisual_bg01.png");
background-repeat: repeat-x;
background-position: center center;
background-size: 3200px 900px;
width: 1000%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-animation: infinitescroll 100s linear infinite;
-moz-animation: infinitescroll 100s linear infinite;
-ms-animation: infinitescroll 100s linear infinite;
-o-animation: infinitescroll 100s linear infinite;
animation: infinitescroll 100s linear infinite;
z-index: 0;
}

#mainvisual_bg03{
	display: none;
	background-image: url("../img/mainvisual_bg01.png");
	background-repeat: repeat-x;
	background-position: center center;
	background-size: 3200px 998px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*-webkit-animation: infinitescroll 100s linear infinite;
	-moz-animation: infinitescroll 100s linear infinite;
	-ms-animation: infinitescroll 100s linear infinite;
	-o-animation: infinitescroll 100s linear infinite;
	animation: infinitescroll 100s linear infinite;*/
	z-index: 0;
}
/*-------------------------------*/

#mainvisual_bg02 {
display: none;
background-image: url("../img/mainvisual_bg02.png");
background-repeat: repeat-x;
background-position: center center;
background-size: 3200px 900px;
width: 300%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-animation: infinitescroll 150s linear infinite;
-moz-animation: infinitescroll 150s linear infinite;
-ms-animation: infinitescroll 150s linear infinite;
-o-animation: infinitescroll 150s linear infinite;
animation: infinitescroll 150s linear infinite;
z-index: 0;
opacity: .5;
}

/*-------------------------------*/
@-webkit-keyframes infinitescroll {
0% {
-webkit-transform:translate3d(0, 0, 0);
}
100% {
-webkit-transform:translate3d(-3200px, 0px, 0);
}
}
@-moz-keyframes infinitescroll {
0% {
-moz-transform:translate3d(0, 0, 0);
}
100% {
-moz-transform:translate3d(-3200px, 0px, 0);
}
}
@-ms-keyframes infinitescroll {
0% {
-ms-transform:translate3d(0, 0, 0);
}
100% {
-ms-transform:translate3d(-3200px, 0px, 0);
}
}
@-o-keyframes infinitescroll {
0% {
-o-transform:translate3d(0, 0, 0);
}
100% {
-o-transform:translate3d(-3200px, 0px, 0);
}
}
@keyframes infinitescroll {
0% {
transform:translate3d(0, 0, 0);
}
100% {
transform:translate3d(-3200px, 0px, 0);
}
}
/*-------------------------------*/


.headerWrap {
display: table;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
}
.headerLeft {
display: table-cell;
text-align: left;
vertical-align: middle;
}
.headerLogo {
vertical-align: middle;
padding: 0 0 0 24px;
width: 140px;
margin-top: 15px;
}
.headerRight {
display: table-cell;
text-align: right;
vertical-align: middle;
animation-delay: 9.0s;
-webkit-animation-delay: 9.0s;
padding: 20px 100px 20px 0px;
position: fixed;
right: 0;
}
.headerRight .headerMenu {
display: inline-block;
margin-left: 27px;
vertical-align: middle;
}
.headerRight .snsBtn {
display: inline-block;
margin-left: 12px;
vertical-align: middle;
}
.headerRight .snsBtn a img {
width: 36px;
height: auto;
}
.scrollBtn {
width: 100%;
text-align: center;
position: absolute;
left: 0px;
bottom: 0px;
animation-delay: 9.0s;
-webkit-animation-delay: 9.0s;
}
.scrollBtn img {
width: 135px;
}
.mainvisualLoad {
display: table;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.mainvisualLoadIn {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.mainvisualBase .mainContTb {
/*position: relative;*/
display: table;
width: 100%;
}
.mainvisualBase .mainContTbCell {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.mainContIn01 {
display: inline-block;
position: relative;
color: #fff;
}
.mainContIn01 .span01 {
animation-delay: 7s;
-webkit-animation-delay: 7s;
width: 90%;
margin: 0 auto 24px;
}
.mainContIn01 .span01 img {
animation-delay: 7s;
-webkit-animation-delay: 7s;
width: 90%;
margin: 0 auto 24px;
}
.mainContIn01 .span02 {
margin-bottom: 48px;
animation-delay: 7s;
-webkit-animation-delay: 7s;
width: 40%;
margin: 0 auto -10px;
}
.mainContIn01 .span03 {
animation-delay: 7s;
-webkit-animation-delay: 7s;
width: 90%;
margin: 0 auto 24px;
}
.mainContIn01 .span03 img {
animation-delay: 7s;
-webkit-animation-delay: 7s;
width: 76%;
margin: 0 auto 24px;
}
.mainContBox01 {
width: 655px;
margin: auto;
position: absolute;
left: 50%;
margin-left: -290px;
bottom:8%;
}
.mainContBox01 .text01 {
float: left;
animation-delay: 7s;
-webkit-animation-delay: 7s;
font-size: 20px;
color: #fff;
font-family: serif;
margin-top: 25px;
position: relative;
right: -60px;
}
.mainContBox01 .text02 {
float: right;
animation-delay: 7s;
-webkit-animation-delay: 7s;
font-size: 20px;
color: #fff;
font-family:serif;
margin-top: 25px;
position: relative;
right: 60px;
}
.snowflakes01{
animation-delay: 8s;
-webkit-animation-delay: 8s;
position: absolute;
left: -16%;
bottom: 0%;
}

.snowflakes02{
animation-delay: 8s;
-webkit-animation-delay: 8s;
margin-top: 25px;
position: absolute;
right: -16%;
bottom: 0%;
}

.mainImg01 {
width: 100px;
animation-duration: .8s;
animation-delay: 6.0s;
-webkit-animation-delay: 6.0s;
margin: -52px auto 0;
left: 45%;
}
.mainImg01 img.sledDog {
	width: 130px;
}

.btn_present {
animation-duration: .8s;
animation-delay: 8.0s;
-webkit-animation-delay: 8.0s;
position: absolute;
width: 170px;
right: 3%;
bottom: 3%;
}
@media screen and (max-width:799px) {
.btn_present {
width: 130px;
}
}
.disp01 {
opacity: 0;
}
.loadItem01 {
/*animation-delay: 3.0s;
-webkit-animation-delay: 3.0s;*/
}
.loadItem02 {
animation-delay: 1.0s;
-webkit-animation-delay: 1.0s;
margin-bottom: 8px;
}
.loadItem03 {
animation-delay: 2.0s;
-webkit-animation-delay: 2.0s;
margin-bottom: 8px;
}
.loadItem04 {
animation-delay: 3.0s;
-webkit-animation-delay: 3.0s;
}
.spLoadImg01 {
width: 300px
}
.loadItem02, .loadItem03 {
font-size: 21px;
color: #fff.contWrapBase.cont04;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.loadItem04 {
font-size: 36px;
color: #fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
margin-top: 10px
}
.cw_txt {
position: absolute;
right: 10px;
bottom: 10px;
width: 300px;
text-align: right;
font-size: 12px;
color: #fff;
animation-delay: 9.0s;
-webkit-animation-delay: 9.0s;
}

@media screen and (max-width:799px) {
.mainvisualBase {
position: relative;
background-color: #b6f6ff;
}
/*-------------------------------*/
/*#mainvisual_bg01, #mainvisual_bg02 {
background-position: center top;
background-size: 100%;
}:*/

#mainvisual_bg03 {
background-position: center top;
background-size: 100%;
background-size: 280%;
}

/*-------------------------------*/

@-webkit-keyframes infinitescroll {
0% {
-webkit-transform:translate3d(0, 0, 0);
}
100% {
-webkit-transform:translate3d(-2133px, 0px, 0);
}
}
@-moz-keyframes infinitescroll {
0% {
-moz-transform:translate3d(0, 0, 0);
}
100% {
-moz-transform:translate3d(-2133px, 0px, 0);
}
}
@-ms-keyframes infinitescroll {
0% {
-ms-transform:translate3d(0, 0, 0);
}
100% {
-ms-transform:translate3d(-2133px, 0px, 0);
}
}
@-o-keyframes infinitescroll {
0% {
-o-transform:translate3d(0, 0, 0);
}
100% {
-o-transform:translate3d(-2133px, 0px, 0);
}
}
@keyframes infinitescroll {
0% {
transform:translate3d(0, 0, 0);
}
100% {
transform:translate3d(-2133px, 0px, 0);
}
}
/*-------------------------------*/

.headerWrap {
display: table;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.headerLeft {
display: table-cell;
text-align: left;
vertical-align: middle;
}
.headerLogo {
vertical-align: middle;
/*padding: 14px 0 0 14px;*/
width: 100px;
}
.headerRight {
display: table-cell;
text-align: right;
vertical-align: middle;
/*animation-delay: 5.0s;
-webkit-animation-delay: 5.0s;*/
padding: 15px;
}
.headerRight .headerMenu {
display: inline-block;
margin-left: 10px;
vertical-align: middle;
width: 50px;
}
.headerRight .snsBtn {
display: inline-block;
margin-left: 5px;
vertical-align: middle;
width: 30px;
}
.scrollBtn img {
width: 100px;
height: auto;
}
.mainvisualLoad {
display: table;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.mainvisualLoadIn {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.cw_txt{
display: none
}
.spLoadImg01 {
width: 200px;
height: auto;
}
.spLoadImg02 {
width: 120px;
height: auto;
}
.mainvisualBase .mainContTb {
/*position: relative;*/
display: table;
width: 100%;
}
.mainvisualBase .mainContTbCell {
/*display: block;*/
text-align: center;
vertical-align: middle;
margin-top: 30%;
}
.mainContIn01 {
display: inline-block;
position: relative;
padding-bottom: 0px;
}
.mainContIn01 .span01 {
line-height: 0px;
margin-bottom: 12px;/*animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;*/
}
.mainContIn01 .span02 {
line-height: 0px;
margin-bottom: 30px;/*animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;*/
}
.mainContBox01 {
width: 100%;
margin: auto;
float: none;
left: 0;
bottom: initial;
top: 262px;
}
.mainContBox01 .text01 {
float: none;
margin-top: 0px;
font-size: 24px;
display: none;
/*animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;*/
}
.mainContBox01 .text02 {
float: none;
margin-top: 0px;
font-size: 24px;
display: none;
/*animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;*/
}

.mainContBox01  {
float: none;
margin-top: 0px;
font-size: 24px;
position: relative;
top: 82px;
/*animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;*/
}
.snowflakes02 {
float: none;
margin-top: 0px;
font-size: 24px;/*animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;*/
}

.mainImg01 {
width: 100%;
position: absolute;
left: 0px;
top: 268px;
}
.mainContIn01 .span01 img {
width: auto;
height: auto;
margin: 0 auto;
}
.mainContBox01 .text01 img {
width: auto;
height: auto;
margin: 0 auto;
}
.mainContBox01 .text02 img {
width: auto;
height: 12px;
}

.mainContBox01 .snowflakes01 img {
width: auto;
height: auto;
margin: 0 auto;
}
.mainContBox01 .snowflakes02 img {
width: auto;
height: 12px;
}

.mainImg01 img {
width: 90px;
height: auto;
}

.loadItem04 {
font-size: 19px
}
}
/* -------------------------------------------------------------------- 
main
-------------------------------------------------------------------- */

.contWrapBase {
padding-bottom: 150px;
}
.contTb01 {
display: table;
width: 100%;
}
.contTb01Cell01 {
box-sizing: border-box;
padding-right: 50px;
width: 606px;
height: 565px;
display: table-cell;
text-align: left;
vertical-align: middle;
position: relative;
}
.contTb01Cell02 {
display: table-cell;
text-align: right;
vertical-align: middle;
/*background-color: #f5f9ff;*/
}
.cellInBg01 {
background-color: #0e0e47;
height: 565px;
width: 100vw;
position: absolute;
top: 0px;
right: 0px;
}
.cellInBg02 {
background-color: #b6f6ff;
color: #1e1e68;
height: 565px;
width: 100vw;
position: absolute;
top: 0px;
right: 0px;
}
.contText01 {
color: #424656;
font-size: 16px;
line-height: 1.8em;
letter-spacing: 0.075em;
margin-top: 25px;
}
.contText02 {
color: #1e1e68;
font-size: 16px;
line-height: 1.8em;
letter-spacing: 0.075em;
margin-top: 25px;
}
.airplaneWrap {
display: inline-block;
position: relative;
padding-left: 20px;
}
@keyframes anime1 {
0% {
left: 108px;
}
100% {
left: 340px;
}
}
@keyframes anime1Sp {
0% {
left: 20%;
}
100% {
left: 61%;
}
}
.airplane01 {
position: absolute;
top: 142px;
left: 108px;
}
.airplane01.airMove {
animation-name: anime1;
animation-duration: 3.0s;
left: 340px;
}
.airplane01 img {
width: 44px;
}
.contWrapBase.cont02 {
background-color:#b6f6ff;
padding: 115px 0px 100px 0px;
}
.tourContWrap {
padding-bottom: 40px;
width: 5000px;
position: relative;
left: 50%;
margin-left: -2500px;
text-align: center;
}
.slickTourWrap {
width: 4626px;
margin: auto;
}
.tourContWrap li.slick-slide {
/*width: 600px !important;*/
padding: 0px 13px;
}
.slickTourCont {
background-color: #ffffff;
width: 600px;
min-height: 566px;
position: relative;
}
.slickTourCont .tourImg01 {
position: relative
}
.slickTourCont .cw_txt02 {
position: absolute;
right: 0;
bottom: 0;
font-size: 10px;
color: #555;
background-color: #fff;
display: inline-block;
height: 20px;
padding: 0 10px;
line-height: 20px;
}
.tourContWrap .tourCont01 {
text-align: left;
padding: 12px 20px 12px 24px;
box-sizing: border-box;
color: #424656;
}
.tourContWrap .tourCont01 .text01 {
font-size: 23px;
line-height: 1.4em;
font-weight: bold;
margin-bottom: 7px;
letter-spacing: -0.05em;
}
.tourContWrap .tourCont01 .text02 {
font-size: 16px;
line-height: 1.8em;
}
.tourContWrap .slick-dots {
margin: 24px auto 0px auto;
display: inline-block;
}
.tourContWrap .slick-dots li {
display: inline-block;
padding: 0px 8px;
}
.tourContWrap .slick-dots li button {
border: none;
background-image: url("../img/slide_pager.png");
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
width: 18px;
height: 18px;
font-size: 0px;
line-height: 0px;
text-indent: -5555px;
cursor: pointer;
}
.tourContWrap .slick-dots li.slick-active button {
background-image: url("../img/slide_pager_on.png");
}
.tourContWrap .slick-arrow {
border: none;
background-color: transparent;
font-size: 0px;
line-height: 0px;
text-indent: -5555;
background-repeat: no-repeat;
background-position: center center;
width: 60px;
height: 60px;
position: absolute;
}
.tourContWrap .slick-prev {
background-image: url("../img/slide_prev.png");
top: 40%;
/*margin-top: -23px;*/
z-index: 2;
left: 50%;
margin-left: -50vw;
}
.tourContWrap .slick-next {
background-image: url("../img/slide_next.png");
top: 40%;
/*margin-top: -23px;*/
right: 50%;
margin-right: -50vw;
}
.contH2 img {
width: auto;
height: 68px;
}
.contH202 {
/*text-align: left;*/
margin-bottom: 52px;
}
/*----------------------*/

.contWrapBase.cont03 {
position: relative;
background-color: #eefeff;
color: #424656 !important;
}
.cont03Bg01 {
width: 100%;
height: 590px;
background-color: #efefef;
position: absolute;
top: 0px;
left: 0px;
}
.cont03In {
position: relative;
padding: 50px 0px 0px 0px;
}
.cont03AncNaviWrap {
display: table;
margin: 52px auto 105px auto;
max-width: 950px;
}
.cont03AncNaviWrap li {
display: table-cell;
padding: 0px 15px;
width: 25%;
}
.cont03AncNaviWrap li .acntxt {
display:none;
}
.cont03AncNaviWrap li .cw_txt05 {
font-size: 10px;
display: block;
margin-top: 5px;
}

.cont05AncNaviWrap {
display: block;
margin: 52px auto 105px auto;
max-width: 950px;
}
.cont05AncNaviWrap li {
display: table-cell;
padding: 0px 15px;
width: 25%;
}

.cont05AncNaviWrap li .acntxt {
display:none;
}
.cont05AncNaviWrap li .cw_txt05 {
font-size: 10px;
display: block;
margin-top: 5px;
}

.cont03Block01 {
position: relative;
padding-bottom: 155px;
}
.cont03Block01.cont03Block01Last {
padding-bottom: 0px;
}
.cont03Left {
float: left;
}
.cont03Left02 {
float: left;
padding-left: 25px;
text-align: left;
}
/*.cont03Left02.cont03Text01 img{
	width: 209px;
}*/
.cont03Left03 {
float: left;
padding-left: 70px;
}
.cont03Img01 {
max-width: 600px;
position: relative;
}
.cont03Img01 .cw_txt03 {
position: absolute;
right: 0;
bottom: 0;
font-size: 10px;
color: #555;
background-color: #fff;
display: inline-block;
height: 20px;
padding: 0 10px;
line-height: 20px;
}
.cont03Box01 {
/*padding-top: 80px;*/
max-width: 45%;
margin: 10px;
}
.cont03Text01 {
margin-bottom: 32px;
}
.cont03Text02 {
/*color: #00148d;*/
font-size: 18px;
line-height: 1.66em;
color: #424656 !important;
/*font-weight: bold;*/
margin-bottom: 33px;
}
.cont03Text03 {
display: table;
width: 300px;
margin: 0 auto;
text-align: center;
}
.cont03Text03 a {
display: table-cell;
text-align: center;
vertical-align: middle;
height: 50px;
color: #ffffff;
font-size: 14px;
line-height: 1.6em;
font-weight: bold;
background-color: #1e1e68;
}
.cont03Text03 a:link {
color: #ffffff;
text-decoration: none;
}
.cont03Text03 a:visited {
color: #ffffff;
text-decoration: none;
}
.cont03Text03 a:hover {
color: #ffffff;
text-decoration: none;
}
.cont03Text03 a:active {
color: #ffffff;
text-decoration: none;
}
.cont03Box02 {
text-align: left;
/*color: #00148d;*/
font-size: 16px;
line-height: 1.87em;
padding: 28px 90px 35px 320px;
}
.cont03Bg0201 {
background-color: #f7c8c6;
width: 100vw;
height: 395px;
position: absolute;
bottom: 0px;
right: 50%;
margin-right: 290px;
}
.cont03Right {
float: right;
}
.cont03Right02 {
float: right;
padding-right: 45px;
padding-right: 25px;
text-align: left;
}
.cont03Right03 {
float: right;
padding-right: 50px;
}
.cont03Box03 {
text-align: left;
/*color: #00148d;*/
font-size: 16px;
line-height: 1.87em;
padding: 28px 314px 35px 140px;
}
.cont03Bg0202 {
/*background-color: #cafcd8;*/

background-color: #f7c8c6;
width: 100vw;
height: 395px;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: 290px;
}
/*----------------------*/

.contWrapBase.cont04 {
position: relative;
background-color: #eefeff;
}
.cont04Bg01 {
width: 100%;
height: 620px;
background-color: #eefeff;
position: absolute;
top: 0px;
left: 0px;
}
.cont04AncNaviWrap {
display: flex;
justify-content: space-around;
margin: 75px auto 102px auto;
max-width: 820px;
}
.cont04AncNaviWrap li {
padding: 0px 4px;
}
.cont04AncNaviWrap a:hover {
animation-name: bounce;
transform-origin: center bottom;
}
.cont04H301 {
background-repeat: no-repeat;
background-position: left center;
font-size: 30px;
line-height: 1.4em;
font-weight: bold;
letter-spacing: 0.075em;
}
.cont04H301.h301 {
background-image: url("../img/tit_h204_icon01.png");
padding: 10px 0px 10px 54px;
background-size: 49px;
}
.cont04H301.h302 {
background-image: url("../img/tit_h204_icon02.png");
padding: 10px 0px 10px 58px;
background-size: 49px;
}
.cont04H301.h303 {
background-image: url("../img/tit_h204_icon03.png");
padding: 10px 0px 10px 58px;
background-size: 49px;
}
.cont04H301.h304 {
background-image: url("../img/tit_h204_icon04.png");
padding: 10px 0px 10px 58px;
background-size: 57px;
}
.cont04H301.h305 {
background-image: url("../img/tit_h204_icon05.png");
padding: 10px 0px 10px 58px;
background-size: 57px;
}
.cont04H301.h306 {
background-image: url("../img/tit_h204_icon06.png");
padding: 10px 0px 10px 55px;
background-size: 42px;
}
.cont04Text01 {
font-size: 14px;
line-height: 1.7em;
letter-spacing: 0.075em;
padding: 0 40px;
}
.cont04Link01Wrap {
text-align: center;
position: absolute;
width: 100%;
left: 0px;
bottom: -25px;
}
.cont04Link01 {
display: table;
width: 230px;
margin: auto;
}
.cont04Link01 a {
height: 50px;
display: table-cell;
text-align: center;
vertical-align: middle;
background-color: #b6f6ff;
color: #1e1e68;
font-size: 17px;
line-height: 1.4em;
font-weight: bold;
letter-spacing: 0.075em;
}
.cont04Link01 a:link {
color: #1e1e68;
text-decoration: none;
}
.cont04Link01 a:visited {
color: #1e1e68;
text-decoration: none;
}
.cont04Link01 a:hover {
color: #1e1e68;
text-decoration: none;
}
.cont04Link01 a:active {
color: #1e1e68;
text-decoration: none;
}
.cont04Block01 {
position: relative;
text-align: left;
margin-bottom: 150px;
}
.cont04Img01 {
position: relative;
float: right;
animation-duration: .4s;
max-width: 680px;
}
.cont04Img01 .cw_txt04 {
position: absolute;
right: 0;
bottom: 0;
font-size: 10px;
color: #555;
background-color: #fff;
display: inline-block;
height: 20px;
padding: 0 10px;
line-height: 20px;
}
.cont04Img01 .monitor {
background-color: #a9cf54;
color: #ffffff;
font-size: 14px;
line-height: 1.3em;
font-weight: bold;
padding: 10px 18px;
position: absolute;
top: 16px;
right: -17px;
}
.cont04Box01Wrap {
background-color: #ffffff;
color: #424656;
width: 476px;
padding: 22px 30px 53px 30px;
position: absolute;
top: 58px;
right: 566px;
animation-duration: .4s;
}
.cont04Block0102 .cont04Img01 {
float: left;
}
.cont04Block0102 .cont04Img01 .monitor {
right: auto;
left: -17px;
}
.cont04Block0102 .cont04Box01Wrap {
right: auto;
left: 566px;
}
.contBaseLink01Wrap {
text-align: center;
margin: -36px 0px 0px 0px;
}
.contBaseLink01 {
display: table;
width: 410px;
margin: auto;
}
.contBaseLink01 a {
height: 60px;
display: table-cell;
text-align: center;
vertical-align: middle;
background-color: #ffd400;
color: #121212;
font-size: 17px;
line-height: 1.4em;
font-weight: bold;
letter-spacing: 0.075em;
}
.contBaseLink01 a:link {
color: #121212;
text-decoration: none;
}
.contBaseLink01 a:visited {
color: #121212;
text-decoration: none;
}
.contBaseLink01 a:hover {
color: #121212;
text-decoration: none;
}
.contBaseLink01 a:active {
color: #121212;
text-decoration: none;
}
.contBannerWrap01 {
text-align: center;
margin: 80px auto;
width: 600px;
}

@media screen and (max-width:799px) {
.contWrapBase {
padding-bottom: 40px;
}
.contTb01 {
display: blockb;
width: auto;
}
.contTb01Cell01 {
box-sizing: border-box;
padding: 20px 0px;
width: auto;
height: auto;
display: block;
text-align: left;
vertical-align: middle;
position: relative;
}
.contTb01Cell02 {
display: block;
text-align: right;
vertical-align: middle;
padding: 30px 0px 0px 0px;
}
.cellInBg01 {
background-color: #0e0e47;
height: 100%;
width: 120vw;
position: absolute;
top: 0px;
right: auto;
left: -10vw;
}
.cellInBg02 {
background-color: #ff7171;
height: 100%;
width: 120vw;
position: absolute;
top: 0px;
right: auto;
left: -10vw;
}
.contText01 {
color: #424656;
font-size: 13px;
line-height: 1.8em;
margin-top: 20px;
}
.contText02 {
color: #fff;
font-size: 13px;
line-height: 1.8em;
margin-top: 20px;
}
.airplaneWrap {
display: inline-block;
position: relative;
padding: 0;
}
.airplane01 {
position: absolute;
top: 43%;
left: 20%;
width: 10%;
}
.airplane01.airMove {
animation-name: anime1Sp;
animation-duration: 3.0s;
left: 61%;
}
.airplane01 img {
width: 100%;
}
.contWrapBase.cont02 {
background-color: #b6f6ff;
padding: 40px 0px 40px 0px;
}
.tourContWrap {
padding-bottom: 0px;
width: 5000px;
position: relative;
left: 50%;
margin-left: -2500px;
text-align: center;
}
.slickTourWrap {
width: 4326px;
margin: auto;
}
.tourContWrap li.slick-slide {
/*width: 600px !important;*/
padding: 0px 13px;
}
.slickTourCont {
background-color: #ffffff;
width: 300px;
min-height: 200px;
position: relative;
}
.tourContWrap .tourCont01 {
text-align: left;
padding: 12px 20px 12px 24px;
box-sizing: border-box;
color: #424656;
}
.tourContWrap .tourCont01 .text01 {
font-size: 17px;
line-height: 1.4em;
font-weight: bold;
margin-bottom: 5px;
letter-spacing: -0.05em;
}
.tourContWrap .tourCont01 .text02 {
font-size: 14px;
line-height: 1.6em;
}
.tourContWrap .slick-dots {
margin: 30px auto 0px;
display: inline-block;
line-height: 0px;
}
.tourContWrap .slick-dots li {
display: inline-block;
padding: 0px 5px;
}
.tourContWrap .slick-dots li button {
border: none;
background-image: url("../img/slide_pager.png");
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: 10px auto;
width: 10px;
height: 10px;
font-size: 0px;
line-height: 0px;
text-indent: -5555px;
cursor: pointer;
}
.tourContWrap .slick-dots li.slick-active button {
background-image: url("../img/slide_pager_on.png");
}
.tourContWrap .slick-arrow {
border: none;
background-color: transparent;
font-size: 0px;
line-height: 0px;
text-indent: -5555;
background-repeat: no-repeat;
background-position: center center;
width: 45px;
height: 45px;
position: absolute;
}
.tourContWrap .slick-prev {
background-image: url("../img/slide_prev.png");
top: 40%;
/*margin-top: -23px;*/
z-index: 2;
left: 50%;
margin-left: -50vw;
}
.tourContWrap .slick-next {
background-image: url("../img/slide_next.png");
top: 40%;
/*margin-top: -23px;*/
right: 50%;
margin-right: -50vw;
}
.contH202 {
text-align: left;
margin-bottom: 30px;
}
.spH201 img {
width: auto;
height: 30px;
}
/*----------------------*/

.contWrapBase.cont03 {
position: relative;
background-color: #eefeff;
color: #424656 !important;
}
.cont03Bg01 {
width: 100%;
height: 218px;
background-color: #eefeff;
position: absolute;
top: 0px;
left: 0px;
}
.cont03In {
position: relative;
padding: 30px 0px 0px 0px;
}
.cont03AncNaviWrap {
display: table;
margin: 0px auto 40px auto;
}
.cont03AncNaviWrap li {
display: table-cell;
padding: 0px 1%;
}
.cont03AncNaviWrap li .cw_txt05{
display: none;
}
.cont03Block01 {
position: relative;
padding-bottom: 40px;
}
.cont03AncNaviWrap li .acntxt {
display: block;
font-size: 3.25vw;
text-align: center;
font-weight: bold;
color: #fff;
text-decoration: none;
background-color: #00148d;
padding: 1vw 0.5vw;
}

.cont05AncNaviWrap {
display: table;
margin: 0px auto 40px auto;
}
.cont05AncNaviWrap li {
display: block !important;
padding: 10px 15px;
width: 100%;
}
.cont05AncNaviWrap li .cw_txt05{
display: none;
}
.cont03Block01 {
position: relative;
padding-bottom: 40px;
}
.cont05AncNaviWrap li .acntxt {
display: block;
font-size: 3.25vw;
text-align: center;
font-weight: bold;
color: #fff;
text-decoration: none;
background-color: #00148d;
padding: 1vw 0.5vw;
}

.cont03Block01.cont03Block01Last {
padding-bottom: 0px;
}
.cont03Left {
float: none;
}
.cont03Left02 {
float: none;
padding-left: 0px;
text-align: left;
}
.cont03Left03 {
float: none;
padding-left: 0px;
margin-top: 20px;
}
.cont03Left03 img {
width: 40%;
height: auto;
}
.cont03Img01 {
}
.cont03Box01 {
padding-top: 15px;
max-width: 100% !important;
}

.cont03Left02 img,
.cont03Right02 img{
 width: 150px;
 display: block;
 margin: 0 auto;
 text-align: center;
}
.cont03Text01 {
margin-bottom: 10px;
}
.cont03Text01 img {
width: auto;
height: 38px;
}
.cont03Text02 {
/*color: #00148d;*/
font-size: 15px;
line-height: 1.6em;
/*font-weight: bold;*/
color: #424656 !important;
margin-bottom: 20px;
}
.cont03Text03 {
display: table;
width: 70%;
margin: 0 auto;
}
.cont03Text03 a {
display: table-cell;
text-align: center;
vertical-align: middle;
height: 46px;
color: #ffffff;
font-size: 14px;
line-height: 1.6em;
font-weight: bold;
background-color: #1e1e68;
}
.cont03Text03 a:link {
color: #ffffff;
text-decoration: none;
}
.cont03Text03 a:visited {
color: #ffffff;
text-decoration: none;
}
.cont03Text03 a:hover {
color: #ffffff;
text-decoration: none;
}
.cont03Text03 a:active {
color: #ffffff;
text-decoration: none;
}
.cont03Box02 {
text-align: left;
/*color: #00148d;*/
font-size: 14px;
line-height: 1.6em;
padding: 10px 0px 35px 0px;
}
.cont03Bg0201 {
/*background-color: #cafcd8;*/

background-color: #f7e967;
width: 100vw;
height: 395px;
position: absolute;
bottom: 0px;
right: 50%;
margin-right: 290px;
}
.cont03Right {
float: none;
}
.cont03Right02 {
float: none;
padding-right: 0px;
text-align: left;
padding-right: 25px;
}
.cont03Right03 {
float: none;
padding-right: 0px;
margin-top: 20px;
}
.cont03Right03 img {
width: 40%;
height: auto;
}
.cont03Box03 {
text-align: left;
/*color: #00148d;*/
font-size: 14px;
line-height: 1.6em;
padding: 20px 0px 35px 0px;
}
.cont03Bg0202 {
/*background-color: #cafcd8;*/

background-color: #f7e967;
width: 100vw;
height: 395px;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: 290px;
}
/*----------------------*/

.contWrapBase.cont04 {
position: relative;
background-color: #eefeff;
}
.cont04Bg01 {
width: 100%;
height: 340px;
background-color: #eefeff;
position: absolute;
top: 0px;
left: 0px;
}
.cont04AncNaviWrap {
flex-wrap: wrap;
margin: 0px auto 40px auto;
}
.cont04AncNaviWrap li {
width: 25%;
margin: 1.5% 0;
}
.cont04AncNaviWrap li a {
padding: 4%
}
.cont04AncNaviWrap a:hover {
animation-name: bounce;
transform-origin: center bottom;
}
.cont04H301 {
background-repeat: no-repeat;
background-position: left center;
font-size: 17px;
line-height: 1.4em;
font-weight: bold;
letter-spacing: 0.075em;
}
.cont04H301.h301 {
background-image: url("../img/tit_h204_icon01.png");
background-size: 50px auto;
padding: 10px 0px 10px 56px;
}
.cont04H301.h302 {
background-image: url("../img/tit_h204_icon02.png");
background-size: 50px auto;
padding: 10px 0px 10px 56px;
}
.cont04H301.h303 {
background-image: url("../img/tit_h204_icon03.png");
background-size: 50px auto;
padding: 10px 0px 10px 56px;
}
.cont04H301.h304 {
background-image: url("../img/tit_h204_icon04.png");
background-size: 50px auto;
padding: 10px 0px 10px 56px;
}
.cont04H301.h305 {
background-image: url("../img/tit_h204_icon05.png");
background-size: 50px auto;
padding: 10px 0px 10px 56px;
}
.cont04H301.h306 {
background-image: url("../img/tit_h204_icon06.png");
background-size: 30px auto;
padding: 10px 0px 10px 40px;
}
.cont04Text01 {
font-size: 14px;
line-height: 1.7em;
letter-spacing: 0.075em;
padding: 0;
}
.cont04Link01Wrap {
text-align: center;
position: relative;
width: auto;
left: 0px;
bottom: 0px;
margin-top: 15px;
}
.cont04Link01 {
display: table;
width: 70%;
margin: auto;
}
.cont04Link01 a {
height: 40px;
display: table-cell;
text-align: center;
vertical-align: middle;
background-color: #1e1e68;
color: #ffffff;
font-size: 14px;
line-height: 1.4em;
font-weight: bold;
letter-spacing: 0.075em;
}
.cont04Link01 a:link {
color: #ffffff;
text-decoration: none;
}
.cont04Link01 a:visited {
color: #ffffff;
text-decoration: none;
}
.cont04Link01 a:hover {
color: #ffffff;
text-decoration: none;
}
.cont04Link01 a:active {
color: #ffffff;
text-decoration: none;
}
.cont04Block01 {
position: relative;
text-align: left;
margin-bottom: 30px;
}
.cont04Img01 {
position: relative;
float: none;
animation-duration: .4s;
}
.cont04Img01 .monitor {
background-color: #a9cf54;
color: #ffffff;
font-size: 14px;
line-height: 1.3em;
font-weight: bold;
display: inline-block;
padding: 4px 10px;
position: absolute;
top: 10px;
right: -10px;
}
.cont04Box01Wrap {
background-color: #ffffff;
color: #424656;
width: auto;
/*padding: 5px 0px 20px 0px;*/
padding: 10px;
position: relative;
top: 0px;
right: 0px;
animation-duration: .4s;
}
.cont04Block0102 .cont04Img01 {
float: none;
}
.cont04Block0102 .cont04Img01 .monitor {
right: auto;
left: -10px;
font-size: 12px;
}
.cont04Block0102 .cont04Box01Wrap {
right: auto;
left: 0px;
padding: 10px;
}
.contBaseLink01Wrap {
text-align: center;
margin: 0px 0px 0px 0px;
}
.contBaseLink01 {
display: table;
width: 90%;
margin: auto;
}
.contBaseLink01 a {
height: 50px;
display: table-cell;
text-align: center;
vertical-align: middle;
background-color: #ffd400;
color: #121212;
font-size: 15px;
line-height: 1.4em;
font-weight: bold;
letter-spacing: 0.075em;
}
.contBaseLink01 a:link {
color: #121212;
text-decoration: none;
}
.contBaseLink01 a:visited {
color: #121212;
text-decoration: none;
}
.contBaseLink01 a:hover {
color: #121212;
text-decoration: none;
}
.contBaseLink01 a:active {
color: #121212;
text-decoration: none;
}
.contBannerWrap01 {
text-align: center;
margin: 40px 0;
width: auto;
padding: 0px 25px;
}
}
/* -------------------------------------------------------------------- 
footer
-------------------------------------------------------------------- */

#gfooter {
background-color: #92e4ea;
}
.footer {
padding: 0px 24px 0px 30px;
}
.footerRight {
display: table;
float: right;
}
.footerRight .footerLogo {
height: 65px;
display: table-cell;
text-align: center;
vertical-align: middle;
padding-right: 8px;
}
.footerRight .snsBtn {
height: 65px;
display: table-cell;
text-align: center;
vertical-align: middle;
padding-left: 10px;
}
.footerRight .footerLogo img {
width: 120px;
height: auto;
}
.footerRight .snsBtn img {
width: 35px;
height: auto;
}
.footerLeft {
display: table;
float: left;
}
.footerLeftIn {
height: 65px;
display: table-cell;
text-align: left;
vertical-align: middle;
color: #ffffff;
font-size: 12px;
line-height: 1.4em;
letter-spacing: 0.075em;
}

@media screen and (max-width:799px) {
#gfooter {
background-color: #92e4ea;
}
.footer {
padding: 0px 20px 0px 20px;
}
.footerRight {
display: table;
float: none;
width: 100%;
}
.footerRight .footerLogo {
height: 65px;
display: table-cell;
text-align: left;
vertical-align: middle;
padding-right: 8px;
}
.footerRight .snsBtn {
height: 65px;
width: 40px;
display: table-cell;
text-align: center;
vertical-align: middle;
padding-left: 5px;
}
.footerRight .footerLogo img {
width: 100px;
height: auto;
}
.footerRight .snsBtn img {
width: 30px;
height: auto;
}
.footerLeft {
display: table;
float: none;
width: 100%;
}
.footerLeftIn {
height: 40px;
display: table-cell;
text-align: center;
vertical-align: middle;
color: #ffffff;
font-size: 12px;
line-height: 1.4em;
letter-spacing: 0.075em;
}
/*トップへ戻る*/
#page-top {
bottom: 0;
}
#page-top a {
width: 50px;
height: 50px;
line-height: 65px;
}
.mainContIn01 .span03{
	width: 90%;
}
.mainContIn01 .span03 img{
	width: 100%;
}
}

/* --------------------------------------------------------------------

-------------------------------------------------------------------- */



/*@media screen and (max-width:768px) {*/
@media screen and (max-width:799px) {
/*デバイスwidth、～799px用のスタイルを記入*/



}
.menu-btn-pos {
position: fixed;
z-index: 2500;
top: 0;
right: 0;
}

@media screen and (max-width: 767px) {
.menu-btn-pos {
}
}
.menu-btn {
width: 75px;
height: 75px;
position: relative;
cursor: pointer;
text-align: center;
}

@media screen and (max-width: 767px) {
.menu-btn {
width: 50px;
height: auto;
}
}
.menu-btn span {
display: block;
font: 600 11px/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;
font: 600 1.1rem/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;
font-weight: bold;
letter-spacing: 2px;
text-indent: 1px;
}

@media screen and (max-width: 767px) {
.menu-btn span {
letter-spacing: 1px;
}
}
.menu-btn .hamburger {
position: relative;
width: 42px;
height: 37px;
margin: auto;
}

@media screen and (max-width: 767px) {
.menu-btn .hamburger {
width: 38px;
height: 32px;
}
}
.menu-btn .hamburger div {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 2.5px;
background: #000;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.menu-btn .hamburger div:before {
position: absolute;
content: "";
width: 100%;
height: 2.5px;
background: #000;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
top: -10px;
left: 0;
}
.menu-btn .hamburger div:after {
position: absolute;
content: "";
width: 100%;
height: 2.5px;
background: #000;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
bottom: -10px;
left: 0;
}
.menu-btn:active {
-webkit-box-shadow: none;
box-shadow: none;
}
.menu-container {
position: fixed;
z-index: 2000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
overflow: hidden;
height: 100vh;
width: 100vw;
pointer-events: none;
top: 0px;
}
.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
height: 100vh;
width: 100vw;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
visibility: hidden;
}
.menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.menu ul li {
color: white;
padding: 20px 10px;
text-align: center;
/* font: 600 30px/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;
font: 600 3rem/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;*/
letter-spacing: 2px;
text-indent: 2px;
font-size: 30px;
font-weight: bold;
}
.menu ul li .span01 {
margin-bottom: 15px;
line-height: 0px;
}
.menu ul li .span02 {
line-height: 0px;
padding-bottom: 10px;
}
.menu ul li .span03 {
line-height: 0px;
padding-bottom: 10px;
}
.menu ul li .span01 img {
width: 500px;
height: auto;
}
.menu ul li .span02 img {
width: 224px;
height: auto;
}
.menu ul li .span03 img {
width: 400px;
height: auto;
}

@media screen and (max-width: 767px) {
.menu ul li {
padding: 15px 10px;
/* font: 600 26px/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;
font: 600 2.6rem/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;*/
font-size: 18px;
}
.menu ul li .span01 {
margin-bottom: 15px;
line-height: 0px;
}
.menu ul li .span02 {
line-height: 0px;
padding-bottom: 10px;
}
.menu ul li .span03 {
line-height: 0px;
padding-bottom: 10px;
}
.menu ul li .span01 img {
width: 80%;
height: auto;
}
.menu ul li .span02 img {
width: 50%;
height: auto;
}
.menu ul li .span03 img {
width: 50%;
height: auto;
}
}

@media screen and (max-width: 479px) {
.menu ul li {
padding: 10px;
/* font: 600 22px/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;
font: 600 2.2rem/160% "a-otf-ryumin-pr6n", "Noto Sans Japanese", sans-serif;*/
font-size: 14px;
}
}
.menu ul li a {
position: relative;
display: inline-block;
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
text-decoration: none;
color: #0e0e47;
}
.menu ul li a:hover {
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.menu ul li a:after {
position: absolute;
content: "";
z-index: -1;
left: 50%;
right: 50%;
bottom: -2px;
background: #ffffff;
height: 2px;
-webkit-transition-property: left, right;
-o-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

@media screen and (max-width: 999px) {
.menu ul li a:after {
bottom: -1px;
}
}
.menu ul li a:hover {
color: #ffffff;
opacity: 1;
}
.menu ul li a:hover:after {
left: 0;
right: 0;
}
.menu ul li a.active {
color: #000;
}
.menu ul li a.active:after {
left: 0;
right: 0;
}
.menu-sliders {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: -webkit-box-flex 0.45s;
transition: -webkit-box-flex 0.45s;
-o-transition: flex 0.45s;
transition: flex 0.45s;
transition: flex 0.45s, -webkit-box-flex 0.45s, -ms-flex 0.45s;
}
.menu-sliders:nth-child(2) {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
background: transparent;
}
.menu-sliders:nth-child(odd) {
/*background: rgba(255, 255, 255, 0.9);*/
background-color: #b6f6ff;
opacity: 0.9;
}
body.menu-open .menu-btn-pos {
position: fixed;
}
body.menu-open .menu-sliders:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
}
body.menu-open .menu {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
visibility: visible;
pointer-events: all;
}
body.menu-open .menu-btn div {
background: transparent;
}
body.menu-open .menu-btn div:before {
-webkit-transform: translateY(10px) rotate(-45deg);
-ms-transform: translateY(10px) rotate(-45deg);
transform: translateY(10px) rotate(-45deg);
}
body.menu-open .menu-btn div:after {
-webkit-transform: translateY(-10px) rotate(-135deg);
-ms-transform: translateY(-10px) rotate(-135deg);
transform: translateY(-10px) rotate(-135deg);
}



/*-----*/
/*追加*/
/* details */
.detailsBtn,.detailsBtn02 {
	cursor: pointer;
}
.detailsBg,.detailsBg02 {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10000;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
}
.detailsBg.on,.detailsBg02.on {
	display: block;
}
.detailsPopup,.detailsPopup02 {
	display: none;
	flex-direction: column;
	position: fixed;
	width: 90%;
	height: auto;
	max-width: 580px;
	max-height: 600px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 20px 60px 20px;
	border-radius: 8px;
	background-color: white;
	z-index: 10000;
}
.detailsPopup.on,.detailsPopup02.on {
	display: flex;
}
.detailsPopup p.title,.detailsPopup02 p.title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #ff6f6f;
}
.detailsPopup .detailsInner,.detailsPopup02 .detailsInner {
	margin: 20px 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	text-align: left;
}
.detailsPopup .detailsInner .detailsList,.detailsPopup02 .detailsInner .detailsList {
	font-size: 14px;
	line-height: 1.6;
}
.detailsPopup .detailsInner .detailsList dt,.detailsPopup02 .detailsInner .detailsList dt {
	font-weight: bold;
	color: #ff6f6f;
}
.detailsPopup .detailsInner .detailsList dd,.detailsPopup02 .detailsInner .detailsList dd {
	padding-left: 1em;
	margin-bottom: 10px;
}
.detailsPopup .detailsInner .detailsNoticeList,.detailsPopup02 .detailsInner .detailsNoticeList {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.5;
}
.detailsPopup .detailsInner .detailsNoticeList li,.detailsPopup02 .detailsInner .detailsNoticeList li {
	position: relative;
	padding-left: 1em;
	margin-bottom: 5px;
}
.detailsPopup .detailsInner .detailsNoticeList li + li,.detailsPopup02 .detailsInner .detailsNoticeList li + li {
	margin-top: .25em;
}
.detailsPopup .detailsInner .detailsNoticeList li::before,.detailsPopup02 .detailsInner .detailsNoticeList li::before {
	content: "";
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	top: 6px;
	left: 0;
	border-radius: 50%;
	background-color: #ff6f6f;
}
.detailsPopup .closeBtn,.detailsPopup02 .closeBtn02 {
	position: absolute;
	width: 200px;
	height: 40px;
	bottom: 20px;
	left: 0;
	right: 0;
	border: 1px solid #666;
	background-color: #f0f0f0;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	line-height: 38px;
	cursor: pointer;
}


/*.contPresent01{float: left;width: 49%;}
.contPresent02{float: left;width: 49%;}*/
.tx_flylead{
	padding: 0 160px;
}
.fly_chef{
	padding: 20px 160px;
	border: 1px dotted #999;
	border-radius: 4px;
}

@media screen and (max-width:799px) {
.tx_flylead{
	padding: 0 10px;
}
.fly_chef{
	padding: 20px;
	border: 1px dotted #10205b;
	border-radius: 4px;
}

.detailsPopup .detailsInner .detailsNoticeList li,.detailsPopup02 .detailsInner .detailsNoticeList li {
	font-size: 12px;
	padding-right: 10px;
}

.detailsPopup,.detailsPopup02 {
	width: 80%;
	height: 80%;
}
.contPresent01{float: none;width: 100%; margin-right: 0;margin-bottom: 30px;}
.contPresent02{float: none;width: 100%;}
}
/*iPad用*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
.mainvisualBase .mainContTbCell {
	margin-top: 20%;
}
.btn_present {
	width: 100px;
}
}

.mvpc{display: block;}
.mvsp{display: none;}

@media screen and (max-width:799px) {
	.mvpc{display: none;}
	.mvsp{display: block;}
}



/** SORT **/
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

#sort{
	width: max-width:900px;
	display: inline-block;
	text-align: center;
}

#sort li {
	list-style:none;
	text-align: center;
	width: 18.5%;
	/*margin-bottom: 10px;*/
	color: #121212;
	font-weight: bold;
	padding: 5px 0px;
	cursor: pointer
	/*background: #fffbb8;*/
}

.ac_wrap a{
	text-decoration: none !important;
	background-color: #fffffd;
	display: block;
}

a .ac_img{position: relative;}
a .ac_img label{
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 12px;
	color: #121212;
	padding: 5px;
	background-color:#eefeff;
}

a .ac_title{
	font-size: 12px;
	line-height: 16px;
	color: #121212;
	height: 36px;
	margin: 5px 0 0;
    padding: 0 5px 5px;
}

a .ac_tag {
	padding: 0 5px;
	text-align: center;
}

a .ac_tag label{
	font-size: 10px;
	color: #121212;	
	background-color: #efefef;
	padding:3px;
	display: inline-block;
}

a.ac_btn{
	width: 100%;
	background-color: #ffd400;
	color: #121212 !important;
	padding:10px 0;
	text-align: center;
	font-weight: bold;
}


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

	#sort{
		margin: 30px;
	}
	#sort li {
		width: 45%;
		font-size: 12px;
		padding:10px;
	}
	a .ac_tag{
		text-align: left;
	}

	a .ac_title{
		font-size: 10px !important;
		letter-spacing: -1px;
	}

}