@charset "utf-8";
 html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
ul,li {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
} *, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.scroll-in{}
.fadeInDown {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
} .scale img {
-moz-transition: -moz-transform 0.2s linear;
-webkit-transition: -webkit-transform 0.2s linear;
-o-transition: -o-transform 0.2s linear;
-ms-transition: -ms-transform 0.2s linear;
transition: transform 0.2s linear;
}
.scale img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .scale_up {
width:100%;
height:	auto;
overflow: hidden;
}
.scale_up img {
-moz-transition: -moz-transform 0.2s linear;
-webkit-transition: -webkit-transform 0.2s linear;
-o-transition: -o-transform 0.2s linear;
-ms-transition: -ms-transform 0.2s linear;
transition: transform 0.3s linear;
}
.scale_up img:hover {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-o-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
}
.fuwafuwa {
-webkit-animation-name:fuwafuwa; -webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease;
-moz-animation-name:fuwafuwa;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite; -moz-animation-timing-function:ease;
} @-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0);}
50% {-webkit-transform:translate(0, -10px);}
100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
0% {-moz-transform:translate(0, 0);}
50% {-moz-transform:translate(0, -10px);}
100% {-moz-transform:translate(0, 0);}
}
.yurayura-swing {
animation-delay: .45s;	
-webkit-animation-name:yurayura-swing; -webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease;
-moz-animation-name:yurayura-swing;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite; -moz-animation-timing-function:ease;
}
@-webkit-keyframes yurayura-swing {
0%,100% { 
-webkit-transform-origin: bottom center; 
}
10% { -webkit-transform: rotate(-15deg); }  
20% { -webkit-transform: rotate(10deg); }
30% { -webkit-transform: rotate(-5deg); }   
40% { -webkit-transform: rotate(5deg); }    
50% { -webkit-transform: rotate(-3deg); }
60% { -webkit-transform: rotate(2deg); }
70% { -webkit-transform: rotate(-2deg); }
80% { -webkit-transform: rotate(1deg); }
90% { -webkit-transform: rotate(-1deg); }
100% { -webkit-transform: rotate(0deg); }
}
 .clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.clear{clear:both;}
p.clear{
clear:both;
padding-bottom:0 !important;
font-size:0;
} html {overflow-x: hidden;}
body{
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-weight: 400;	
font-size: 15px;
line-height: 1.8;
color:#333;	
-webkit-font-smoothing: antialiased;
position: relative;
}
.wrap{overflow: hidden;} a{color:#333333; text-decoration:none;}
a:hover{color:#CAA842; text-decoration:underline;}
a:active, a:focus {outline: 0;} img{
border:0;
padding:0;
margin:0;
vertical-align: bottom;
max-width: 100%;
height: auto;
}
a:hover img{opacity:.8;}
img.rps-img{	
max-width: 100%;
height: auto;
}  .hidden-pc {display: none;} .hidden-sp {display: block;} .MG-T0 { margin-top: 0 !important; }
.MG-T5 { margin-top: 5px !important; }
.MG-T10 { margin-top: 10px !important; }
.MG-T15 { margin-top: 15px !important; }
.MG-T20 { margin-top: 20px !important; }
.MG-T25 { margin-top: 25px !important; }
.MG-T30 { margin-top: 30px !important; }
.MG-T50 { margin-top: 50px !important; } .MG-B0 { margin-bottom: 0 !important; }
.MG-B5 { margin-bottom: 5px !important; }
.MG-B10 { margin-bottom: 10px !important; }
.MG-B15 { margin-bottom: 15px !important; }
.MG-B20 { margin-bottom: 20px !important; }
.MG-B25 { margin-bottom: 25px !important; }
.MG-B30 { margin-bottom: 30px !important; }
.MG-B50 { margin-bottom: 50px !important; } .PD0 {padding: 0 !important;}
.PD10 {padding: 10px !important;}
.PD20 {padding: 20px !important;}
.PD30 {padding: 30px !important;}
.PD40 {padding: 40px !important;}
.PD50 {padding: 50px !important;} .PD-L5 { padding-left: 5px !important; }
.PD-L10 { padding-left: 10px !important; }
.PD-L15 { padding-left: 15px !important; }
.PD-L20 { padding-left: 20px !important; }
.PD-L25 { padding-left: 25px !important; }
.PD-L30 { padding-left: 30px !important; } .PD-R5 { padding-right: 5px !important; }
.PD-R10 { padding-right: 10px !important; }
.PD-R15 { padding-right: 15px !important; }
.PD-R20 { padding-right: 20px !important; }
.PD-R25 { padding-right: 25px !important; }
.PD-R30 { padding-right: 30px !important; } .solid1{
border-width: 1px;
border-style: solid;
}
.solid5{
border-width: 5px;
border-style: solid;
}
.solid10{
border-width: 10px;
border-style: solid;
}
.double{
border-width: 3px;
border-style:double;
}
.dashed{
border-width: 1px;
border-style:dashed;
}
.dotted{
border-width: 1px;
border-style:dotted;
} .border-gray{border-color: #CCC;}
.border-bk{border-color: #000;}
.border-maincolor{border-color: #00AECC;}
.border-subcolor{border-color: #D6BC6C;} .bg-main{background: #00AECC !important;}
.bg-sub{background: #D6BC6C !important;}
.bg-sub2{background: #F1C27F !important;}
.bg-gray{background:#F0F0F0 !important;}
.bg-wh{background:#FFF !important;} .TXT-SSS { font-size:80% !important;}
.TXT-SS { font-size:90% !important;}
.TXT-S { font-size:95% !important;}
.TXT-M { font-size:100% !important;}
.TXT-L { font-size:120% !important;}
.TXT-LL { font-size:140% !important;}
.TXT-XL { font-size:160% !important;}
.TXT-2XL { font-size:180% !important; line-height:120%;}
.TXT-3XL { font-size:200% !important; line-height:120%;}
.TXT-4XL { font-size:220% !important; line-height:120%;}
.TXT-5XL { font-size:240% !important; line-height:120%;}
.TXT-6XL { font-size:260% !important; line-height:120%;} .color-main{color:#00ADCC !important;}
.color-sub{color:#CAA842 !important;}
.color-sub2{color:サブカラー !important;}
.color-red{color:#990000 !important;}
.color-wh{color:#FFF !important;}
.color-gray{color:#999999 !important;} .fonts-garamond {
font-family: "EB Garamond", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "Meiryo",serif;
}
.fonts-arai{font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;}
.fonts-gothic{font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;}
.t-italic {font-style: italic; }
.fonts-mincho{font-family:'Shuei Mincho L',YuMincho,'游明朝',serif;}
.fonts-nsj {
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 900;
}
.font-normal{
font-weight: normal !important;
} .icon{
vertical-align:middle;
margin-right:15px;
}
.t-center { text-align:center; }
.t-right { text-align:right; } hr {
border:solid #CCC;
border-width:1px 0 0 0;
height:1px; clear:both; margin:25px 0;
} .floatR{
float: right;
margin-left: 5%;
} .floatL{
float: left;
margin-right: 5%;
}
.w20{width: 20%;}
.w30{width: 30%;}
.w35{width: 35%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 50%;} .marker{background: linear-gradient(transparent 70%, #FFFF00 70%);}
.textbox{overflow:hidden;}
.text-br{display: inline-block;} #fb_page_plugin_area{
width: 100%;
} img.photoimg{
-webkit-box-shadow: 0px 0px 8px #ccc;
-moz-box-shadow: 0px 0px 8px #ccc;
box-shadow: 0px 0px 8px #ccc;
position:relative;
background:#FFF;
padding:10px;
border:1px solid #EEE;
} table{
width: 100%;
} h2,h3,h4,h5,h6{
font-family: Open Sans, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.05em;
}
h3.ttl{
margin-bottom:15px;
line-height:140%;
} #page-top {
position:fixed;
bottom: 20px;
right: 20px;
z-index: 100;
}
#page-top a {
background:url(//magia.tokyo/awaji/wp-content/themes/pc/images/backtotop.png) no-repeat;
width: 50px;
height:50px;
display: block;
text-indent:-9999px;
}
#page-top a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
 #header-home {
width: 100%;
position: relative;
}
#main-slide {
width:100%;
height: 920px;
overflow: hidden;
position: relative;
}
#main-slide ul.sm-slider {
position: relative;
}  #header-home .header-logo{
width: 25%;
position: absolute;
bottom:50px;
right: 6%;
z-index: 10;
}
#header-home .header-logo a:hover img{
opacity: 1;
}
#header-home .header-logo .text-box{
position: relative;
}  .header-news{
width: 100%;
height: auto;
max-width: 457px;
max-height: 120px;
position: absolute;
top:30px;
left: 10%;
background: rgba(255,255,255,0.85);
padding:15px 2%;
z-index: 10;
}
.easingslider-slide{
background: transparent !important;
}
.wave-big1{
width:100%;
height:139px;
position:absolute;
bottom:0;
left:0;	
}
.wave-big2{
width:100%;
height:139px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background-image: url(//magia.tokyo/awaji/wp-content/themes/pc/images/wave_big2.png);
background-repeat: repeat-x;
background-position: bottom left;
}
wave-big1 ul,wave-big1 li{
list-style: none;
margin: 0;
padding: 0;
} #globalNavi {	
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 1%;
}
#globalNavi ul {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0.5%;
font-size: 0;
text-align: center;
}
#globalNavi ul li{
display: inline-block;
/display: inline;
/zoom: 1;
width: auto;
font-size: 13px;
vertical-align: top;
position: relative;
}
#globalNavi ul li a{
display: block;
width: 100%;
color: #333;
padding:10px 20px;
text-decoration: none;
letter-spacing: 0.25em;
}
#globalNavi ul li a:hover {
color: #00ADCC;
}
#globalNavi ul li:last-child a{
background: #D6BC6C;
color: #FFF;
}
#globalNavi ul li:last-child a:hover{
background: #CAA842;
color: #FFF;
} #wrapper {
width: 100%;
margin: 0;
overflow: hidden;
position: relative;
}
#wrapper img{
max-width:100%;
height: auto;
}
#wrapper .inner {
width: 100%;
max-width: 1150px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.contents-wrap{
width: 100%;
background: #FFF;
padding: 45px;
border: 1px solid #666;	
-webkit-border-image: url(//magia.tokyo/awaji/wp-content/themes/pc/images/border_bg2.png) 2 / 2px repeat;
-moz-border-image: url(//magia.tokyo/awaji/wp-content/themes/pc/images/border_bg2.png) 2 / 2px repeat;
-o-border-image: url(//magia.tokyo/awaji/wp-content/themes/pc/images/border_bg2.png) 2 / 2px repeat;
border-image: url(//magia.tokyo/awaji/wp-content/themes/pc/images/border_bg2.png) 2 / 2px repeat;
} .box {
overflow: hidden;
padding: 70px 0;
position: relative;
line-height: 2.0;
}
.boxL{
float: left;
width: 50%;
}
.boxR{
float: right;
width: 50%;
}
.last {
margin-right: 0;
} .contents-box {
margin: 0 auto;
width: 100%;
max-width: 1150px;
padding: 80px 100px 40px;
background: #F0F0F0;
position: relative;
border-radius: 6px; -moz-border-radius: 6px / 6px; -webkit-border-radius: 6px / 6px; } ul.flex-layout {
width:100%;
margin:0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
ul.flex-layout li {
list-style: none;
position: relative;
}
ul.flex-layout-two li {
width: 50%;
}
ul.flex-layout-three li {
width: 33%;
} ul.two-colum{
font-size:0;
letter-spacing: -.4em;
margin-top: 25px;
}
ul.two-colum li{
display:inline-block;
/display: inline;
/zoom: 1;
width:48%;
margin-right:4%;
margin-bottom:30px;
font-size:14px;
letter-spacing:normal;
vertical-align:top;
}
ul.two-colum li:nth-child(even),
ul.two-colum li:last-child{
margin-right:0;
} ul.three-colum{	
font-size:0;
letter-spacing: -.4em;
margin-top: 25px;
}
ul.three-colum li{
display:inline-block;
/display: inline;
/zoom: 1;
width:30.5%;
margin-right:4%;
margin-bottom:30px;
font-size:14px;
letter-spacing:normal;
vertical-align:top;
}
ul.three-colum li:nth-child(3n),
ul.three-colum li:last-child{
margin-right:0;
} ul.four-colum{	
font-size:0;
letter-spacing: -.4em;
margin-top: 25px;
}
ul.four-colum li{
display:inline-block;
/display: inline;
/zoom: 1;
width:22%;
margin-right:4%;
margin-bottom:30px;
font-size:14px;
letter-spacing:normal;
vertical-align:top;
}
ul.four-colum li:nth-child(4n),
ul.four-colum li:last-child{
margin-right:0;
}
ul.two-colum li img,
ul.three-colum li img,
ul.four-colum li img{
width: auto;
max-width: 100%;
height: auto;
} #footer {
clear: both;
width: 100%;
overflow: hidden;
}
.footer-upper{
width: 100%;
font-size: 13px;
clear: both;
overflow: hidden;
text-align: center; background-repeat: no-repeat;
background-position: top center;
background-size: cover;
padding: 3% 0;
}
.footer-upper h2{
}
.copyright-area {
clear: both;
width: 100%;
padding: 1.5%;
margin: 0 auto;
background: #FFF;
text-align: center;
}
.copyright-area .inner{
clear: both;
width: 100%;
max-width: 1000px;
font-size: 12px;
margin: 0 auto;
}
ul.sns-list{	
margin-bottom: 15px;
text-align: center;
}
ul.sns-list li{
display: inline-block;
margin-right: 1.5%;
font-weight: bold;
}
ul.sns-list li:last-child{
margin-right: 0;
}
.home-slider-area{
background:url(//magia.tokyo/awaji/wp-content/themes/pc/images/bg_photo1.jpg) no-repeat;
background-size: 100% auto;
background-position: bottom center;
background-size: cover;
background-attachment: fixed;
}
.home-slider-inner{	
position: relative;
width: 100%;
max-width: 1550px;	
padding: 1.5% 0 5%;
}
.home-slider{
max-width: 1100px;
}
.home-slider-text{
width: 100%;
max-width: 520px;
background: rgba(255,255,255,0.9);
margin-top:1.5%;	
padding: 2% 2.5% 3%;
padding-top: 3%;
position: absolute;	
top:6%;
right:0;
}
.home-slider-text .text-box{
position: relative;
text-align: center;
}
.home-slider-text .text-box{
line-height: 2.2;
}
.open-day{
width: 135px;
height: 135px;	
position: absolute;	
top:-130px;
left: 0;
right:0;
margin: auto;
}
.home-slider-text h2{
font-size: 1.4em;
line-height: 1.8;
margin-bottom: 10px;
}
.home-slider-text h3{
line-height: 1.8;
}
@media (max-width: 1366px) {
.home-slider{
max-width: 750px;
}
.home-slider-inner{	
padding: 0% 0 18%;
}
.home-slider-text{
max-width: 480px;
padding: 2% 2% 1.5%;
padding-top: 5%;
position: absolute;	
top:5%;
right:3%;
}
.home-slider-text .text-box p{
line-height: 2;
}
.open-day{
width: 100px;
height: 100px;	
position: absolute;	
top:-20%;
left: 0;
right:0;
margin: auto;
}
} .home-info{
padding: 6% 0;
} .home-info .floatR,.home-info .floatL{
margin-left: 0;
}
.home-info h2{
margin-bottom: 60px;
text-align: center;
}
.info-text .info-subttl{
margin-bottom: 10px;
}	
.home-info .info-text{
text-align: center;
padding: 0 8%;
}
.info-text h3{
font-family:"EB Garamond", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "Meiryo","Sawarabi Mincho", serif;
font-size: 1.4em;
line-height: 1.4;
margin-bottom: 25px;
letter-spacing: normal;
}
.info-text h3 .TXT-XL{
line-height: 1.4 !important;
}
.store-data{
width: 100%;
max-width: 510px;
margin:0 auto;
text-align: left;
font-size: 0.9em;
}
.info-bell .info-text,.info-marina .info-text{
padding: 5% 8%;
}
@media (max-width: 1366px) {
.info-text{
text-align: center;
padding: 4% 4%;
}
.info-text h3{
font-size: 1.3em;
}
} .home-info-access{
width: 100%;
padding: 0 0 5%;
overflow: hidden;
background: url(//magia.tokyo/awaji/wp-content/themes/pc/images/bg_photo2.jpg);	
background-repeat: no-repeat;
background-position: top -50px left;
background-size: cover;
position: relative;
}
.home-info-access .inner{
width: 100%;
max-width: 1300px !important;
padding: 0 3%;
}
.home-info-access .floatR{
width: 55%;
}
.home-info-access .map{
position: relative;
}
.map .map-icon{
width: 290px;
position: absolute;
top:13%;
left: -8%;
}
.home-info-access .textbox{
margin-top: 9%;
max-width: 38%;
background: rgba(255,255,255,0.8); 
line-height: 1.5;
}
.textbox-inner{
padding: 8% 5%;
}
.home-info-access .textbox h2,
.home-info-access .textbox h3{
margin:15px 0; 
}
.home-info-access .textbox-inner a{
color:#CAA842;
}
.wave1{
width:100%;
height:55px;
position:absolute;
bottom:0;
left:0;	
}
.wave2{
width:100%;
height:55px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background-image: url(//magia.tokyo/awaji/wp-content/themes/pc/images/wave2.png);
background-repeat: repeat-x;
background-position: bottom left;
}
wave1 ul,wave1 li{
list-style: none;
margin: 0;
padding: 0;
} .reserve-area{
background-image:
linear-gradient( to right, rgba(40,173,203,0.7),  rgba(40,173,203,0.7) ),
url(//magia.tokyo/awaji/wp-content/themes/pc/images/reserve_bg.jpg);
}
.reserve-area .inner{
max-width: 1000px !important;
}
.reserve-area .reserve-btn a{
width: 100%;
display: block;
font-size: 1.3em;
text-align: center;
text-decoration: none;
padding: 5%;
margin:0 auto;
color:#FFF;
border: double 6px #FFF;
background: rgba(255,255,255,0);
}
.reserve-area .reserve-btn a:hover{
background: rgba(255,255,255,0.15);
} .lara-area{
width: 100%;
padding:3%;
}
.lara-area .inner{
width: 100% !important;
max-width: 100% !important;
background:url(//magia.tokyo/awaji/wp-content/themes/pc/images/bg.jpg) ;
padding: 5%;
font-size: 0.9em;
}
.lara-area h2{
margin-bottom: 25px;
}
.lara-profile-btn{
width: 100%;
max-width: 200px;
margin: 15px auto 0;
}
.lara-area ul.two-colum{
width: 100%;
max-width: 1100px;
margin: 0 auto;
} .insta-area .inner{
max-width: 1400px !important;
} .awaji-access{
}
.awajishimaterrace{
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.awaji-access p{
margin: 0;
padding: 0;
line-height: normal;
}
.awaji-access-list{ 
width: 100%;
font-size:0;
letter-spacing: -.4em;
margin: 0 auto;
line-height:0;
}
ul.awaji-access-list li{
display:inline-block; width:33%;
margin:0;
padding:0px 0;
font-size:14px;
letter-spacing:normal;
vertical-align:top;
background:url(https://magia.tokyo/awaji/wp-content/uploads/2019/07/btn-awaji-center-bg.png) repeat-y;
background-size: 100%;
}
ul.awaji-access-list li:first-child{
background:url(https://magia.tokyo/awaji/wp-content/uploads/2019/07/btn-awaji-left-bg.png) repeat-y;
background-size: 100%;
}
ul.awaji-access-list li:last-child{
background:url(https://magia.tokyo/awaji/wp-content/uploads/2019/07/btn-awaji-right-bg.png) repeat-y;
background-size: 100%;
}
ul.awaji-access-list li img{ 
width:100%;
vertical-align: bottom;
display:block;
} ul.two-colum li:nth-child(even),
ul.two-colum li:last-child{
margin-right:0;
}
ul.three-colum li:nth-child(3n),
ul.three-colum li:last-child{
margin-right:0;
}
ul.four-colum li:nth-child(4n),
ul.four-colum li:last-child{
margin-right:0;
}
.last{
margin-right:0;
}
@media (min-width: 768px) {
body {
width: 100%;
min-width: 1150px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width:767px){
body{
letter-spacing: normal !important;
}
a{color:#333333; text-decoration:none;z-index: 20;} #page-top {
position:fixed;
bottom: 10px;
right: 10px;
z-index: 100;
}
#page-top a {
background:url(//magia.tokyo/awaji/wp-content/themes/pc/images/backtotop.png) no-repeat;
background-size: cover;
width: 35px;
height:35px;
display: block;
text-indent:-9999px;
}
#page-top a:hover {
opacity:0.6;
filter:alpha(opacity=60);
} .hidden-pc {display: block;}
.hidden-sp {display: none;} .floatR{
float: none;
margin-left: 0;
margin-bottom: 25px;
text-align: center;	
} .floatL{
float: none;
margin-right: 0;
margin-bottom: 25px;
text-align: center;
}
.w20,.w25,.w30,.w35,.w40,.w45,.w50{width: 100% !important;}
.TXT-L { font-size:110% !important;}
.TXT-LL { font-size:125% !important;}
.TXT-XL { font-size:135% !important;}
.TXT-2XL { font-size:150% !important; line-height:120%;}
.TXT-3XL { font-size:160% !important; line-height:120%;}
.TXT-4XL { font-size:180% !important; line-height:120%;}
.TXT-5XL { font-size:200% !important; line-height:120%;}
.TXT-6XL { font-size:220% !important; line-height:120%;} .btn a {
width: 100%;
font-size: 1em;
}
.textbox{
text-align: left;
}
.fonts-garamond{font-family:"EB Garamond", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "Meiryo","Sawarabi Mincho", serif;}
.fonts-mincho {font-family:'Shuei Mincho L',YuMincho,'游明朝',"Sawarabi Mincho", serif;}
.inner{
max-width: 100% !important;
padding: 2% !important;
} #header-home {
width: 100%;
position: relative;
}
#main-slide-sp{
width:100%;
height: auto;
margin-bottom: 30%;
overflow: hidden;
position: relative;
}
#header-home .header-logo{
width: 50%;
position: absolute;
bottom:15%;
right: 0;
left: 0;
margin: auto;
z-index: 10;
top:70%;
}
.header-news{
display: block;
width: 96%;
height: auto;
max-width: 100%;
max-height: 120px;
position:static;
margin:0 auto 20px;
padding:15px 3%;
background: rgba(255,255,255,0);
z-index: 10;	
}	
.wave-big1{display: none}
.wave-big2{display: none} #globalNavi {	
display: none;
} .box {
overflow: hidden;
padding: 5% 0;
position: relative;
}
.boxM,.boxL,.boxR{
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 25px;
} .contents-box {
padding: 20px;
}  .home-slider-area{
background:none;
padding-top: 0;
}
.home-slider-inner{	
position: relative;
width: 100%;
max-width: 100%;	
padding: 0;
}
.home-slider{
max-width: 100%;
}
.home-slider-text{
display: block;
width: 100%;
max-width: 100%;
background: none;
margin-top:120px;	
padding: 2% 5%;
padding-top: 5%;	
position:static;	
top:0;
right:0;	
text-align: left;
}
.home-slider-text .text-box{
text-align: left;
font-size: 0.9em;
}
.open-day{
width: 100px;
height: 100px;	
position: absolute;	
top:-20%;
left: 0;
right:0;
margin: auto;
}
.home-slider-text .subttl{
text-align: center;
}	
.home-slider-text h2{
font-size: 1.4em;
text-align: center;
letter-spacing: normal;
}
.home-slider-text h2 .TXT-2XL{
font-size: 200%;
}
.home-slider-text h3{
text-align: center;
font-size: 1.2em;
} .home-info{
padding: 10% 0;
}
.info-bell{
padding: 0 0 10%;
}
.info-marina{
padding: 0 0 10%;
} .home-info .floatR,.home-info .floatL{
margin-left: 0;
margin-bottom: 15px;
}
.home-info h2{
width: 85%;
margin: 0 auto 15px;
text-align: center;
}
.home-info .info-text{
text-align: left;
padding: 3% 4%;
font-size: 0.9em;
letter-spacing: normal !important;
}
.home-info .info-text {
text-align: left;
padding: 3% 4%;
font-size: 0.9em;
letter-spacing: normal !important;
}
.info-text .info-subttl{
text-align: center !important;
margin-bottom: 10px;
}	
.info-text h3{
font-size: 1.2em;
text-align: center;
}
.store-data{
text-align: left;
font-size: 0.95em;
} .reserve-area{
background-size: cover;
margin-bottom: 0;
padding: 4% 6%;
}
.reserve-area .inner{
max-width: 100% !important;	
}
.reserve-area .reserve-btn a{
font-size: 1em;
} .lara-area{
width: 100%;
padding:2%;	
padding-top: 6%;
background:url(//magia.tokyo/awaji/wp-content/themes/pc/images/bg.jpg) ;
}
.lara-area .inner{
width: 100% !important;
max-width: 100% !important;
background:none;
}
.lara-area h2{
width: 50%;
margin: 0 auto;
margin-bottom: 10px;
}
.lara-area ul.two-colum{
width: 100%;
max-width: 100%;
margin: 15px auto 0;
}
.lara-area ul.two-colum li{
display: block;
width: 90%;
max-width: 90%;
text-align: center;
margin: 0 auto 25px;
} .home-info-access{
width: 100%;
padding: 7% 3% 0;
overflow: hidden;
background: none;
position: relative;
}
.home-info-access .inner{
width: 100%;
max-width: 100%;
padding: !important;
}
.home-info-access .floatR{
width: 100%;
margin-bottom: 0;
}
.home-info-access .floatR h2{
line-height: 1.7;
margin-bottom: 15px;
}
.home-info-access .textbox{
margin-top: 6%;
max-width: 100%;
background: rgba(255,255,255,0.8); 
line-height: 1.5;
}
.textbox-inner{
padding: 8% 0 5%;
font-size: 0.95em;
}
.home-info-access .textbox h2{
margin: 0 auto 15px;	
}
.home-info-access .textbox h3{
margin: 15px auto 5px;
}
.home-info-access .textbox-inner a{
color:#CAA842;
}
.awaji-access-btn{
display: table;
}
.awaji-access-btn a {
display: table-cell;
width: 25%;
}
.awaji-access-btn a img{
width: 100%;
} .insta-area .MG-B30{
margin-bottom: 15px !important;
}
.insta-area h2{
width: 45%;
margin:0 auto 25px;
}
.sb_instagram_header{
display: inline-block;
} #page-top {
position:fixed;
bottom: 70px;
right: 10px;
z-index: 100;
}	
#footbana-area{
display: block;
width:100%;
height:55px;
padding:10px 5px;
position: fixed;
bottom: 0px;
left: 0px;
background: rgba(0,0,0,0.4);
z-index: 20;
}
#footbana-area ul{
font-size:0;
text-align: center;
}
#footbana-area ul li{
display:inline-block;
/display:inline; 
/zoom:1;
width: 24%;
font-size: 14px;
margin-right: 1%;
}
#footbana-area ul li:last-child{
margin-right: 0;
}
.footer-btn a {
width: 100%;
background:#000000;
display: block;
font-size: 0.85em;
height: 36px;
line-height: 36px;
letter-spacing: normal;
text-align: center;
text-decoration: none;
color:#FFF;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.footer-btn a:hover {
background:#333;
}	
#footbana-area ul li:nth-child(1) .footer-btn a{
background: #9E8750;
font-size: 1em;
}
#footbana-area ul li:nth-child(2) .footer-btn a{
background: #28ADCB;
}
#footbana-area ul li:nth-child(3) .footer-btn a{
background: #FF874A;
}
#footbana-area ul li:last-child .footer-btn a{
background: #7ac1dd;
font-size: 1em;
}		
.footer-upper h2{
width:55%;	
margin: 0 auto;
}
.copyright-area {
margin-bottom: 45px;
}
#footbana-financer-area{
display: block;
width:100%;
height:55px;
padding:10px 5px;
position: fixed;
bottom: 0px;
left: 0px;
background: rgba(0,0,0,0.4);
z-index: 20;
}
#footbana-financer-area ul{
font-size:0;
text-align: center;
}
#footbana-financer-area ul li{
display:inline-block;
/display:inline; 
/zoom:1;
font-size: 14px;
margin-right: 1%;
}
#footbana-financer-area ul li:last-child{
margin-right: 0;
}
#footbana-financer-area ul li:nth-child(1) .footer-btn a{
background: #7ac1dd;
font-size: 1em;
}
#footbana-financer-area ul li:nth-child(2) .footer-btn a{
background: #7c4825;
font-size: 1em;
color: #FFF4DB;
font-weight: bold;
}
#footbana-financer-area ul li:nth-child(3) .footer-btn a{
background: #FF874A;
font-size: 1em;
}
#footbana-financer-area ul li:last-child .footer-btn a{
background: #FF874A;
font-size: 1em;
}		
}
@media screen and (max-width:480px){  ul.two-colum li{
width:48.5%;
margin-right:3%;
margin-bottom:20px;
} ul.three-colum li{
width:48.5%;
margin-right:3%;
margin-bottom:20px;
}
ul.three-colum li:nth-child(2n){
margin-right:0;
}	
ul.three-colum li:nth-child(3n){
margin-right:3%;
} ul.four-colum li{
width:48%;
margin-right:3%;
margin-bottom:20px;
}
ul.four-colum li:nth-child(2n){
margin-right:0;
}
}
@media screen and (max-width:320px){
#sb_instagram .sb_instagram_header h3 {
font-size: 14px !important;
}
.sb_instagram_header::after{
display: inline-block;
width: 95px;
height: 38px;
content: "";
margin-left: -55px;
background: url(//magia.tokyo/awaji/wp-content/themes/pc/images/ttl_insta.png) no-repeat;
background-size: cover;
}
}