@charset "utf-8";
html, body {height: 100%;}

body,text {
word-break:break-all;
margin:0; padding:0;
font-size: 15px;
-webkit-text-size-adjust: 100%;
color: #000;
line-height: 1.6;
letter-spacing: 2px;}

_::-webkit-full-page-media, _:future, :root body,text {
    letter-spacing: 0.5px}

a:hover {color: #000;}
a {text-decoration: none; color: #000;}
a:focus{outline: none;}
::-moz-focus-inner {border:0;}
a {outline: none;}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

* { 
margin: 0px;
padding: 0px;}

img {vertical-align: bottom;}

.logo_image a:hover img {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */}
 
a img {
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;}

h1, h2, h3, h4 {margin: 0; padding: 0;}
h3, h4 {font-weight: normal; font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}

ul {margin: 0; padding: 0;}
li {list-style: none;}


/* Global Menu PC ---------------------------------------------------*/
#top-head {
position: fixed;
width: 100%;
top: 0;
background: #fff;
z-index: 10003;
border-bottom: 0px solid #ffa200;
box-shadow: 0 0 0 #fff8ed;}

#global-nav ul {
list-style: none;
width: 720px;
margin: 15px 0;
float: right;}

#global-nav li {
float: left;
margin: 0 1.5%;
height: 45px;
display:inline;}

#global-nav img {height: 100%;}

/* under1200 ---------------------------------------------------*/
@media screen and (max-width : 1200px) {
#global-nav ul {width: 700px;}
#global-nav li {height: 45px;}
#global-nav img {height: 100%;}
}

/* under970 ---------------------------------------------------*/
@media screen and (max-width : 970px) {
#global-nav ul {width: 540px;}
#global-nav li {height: 38px;  margin: 0 1%;}
}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
#top-head {top: 0; height: 80px;}
#top-head.fixed {height: 80px;}

#top-head, #top-head:after {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;}
}


/*drowre ---------------------------------------------------*/
nav.globalMenuSp {
border-left: 0px solid #eaeaea;
box-shadow:0px 0px 10px rgba(0, 0, 0, .0);
z-index: 10002;
top: 0;
left: 0;
right: 0;
margin: auto;
position: fixed;
transform: translateY(-100%);
transition: all 1s;
width: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 1);
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;}

.globalMenuSp img{
display: inline-block;
height: 50px;}

nav.globalMenuSp li {
list-style-type: none;
padding: 0;
width: 100%;
border-bottom: 1px solid #ffcd20;}

nav.globalMenuSp ul li a {
display: block;
padding: 15px 0;
font-size: 90%;
letter-spacing: 3px;}

nav.globalMenuSp.active {
transform: translateX(0px);}

.navToggle {
display: block;
position: fixed;
right: 8px;
top: 9px;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 10005;
background: rgba(255,255,255,0);
text-align: center;}

.navToggle span {
display: block;
position: absolute;
width: 36px;
border-bottom: solid 4px #000;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
left: 12px;}

.navToggle span:nth-child(1) {
top: 12px;}

.navToggle span:nth-child(2) {
top: 28px;}

.navToggle span:nth-child(3) {
top: 43px;}

.navToggle span:nth-child(4) {
border: none;
color: #eee;
font-size: 10px;
font-weight: bold;
top: 54px;
letter-spacing: 1px;}

.navToggle.active span:nth-child(1) {
top: 28px;
left: 12px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);}

.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
top: 28px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);}

/*under800  ---------------------------------------------------*/
@media screen and (max-width : 800px) {
nav.globalMenuSp {width: 100%;}
nav.globalMenuSp ul {margin: 40px auto 15%; width: 80%;}
nav.globalMenuSp ul li a {padding: 1.3em 0; font-size: 90%;}

.navToggle {
right: 4px;
top: 21px;
width: 44px;
height: 37px;}

.navToggle.fixed {top: 21px;}
.navToggle {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;}

.navToggle span {
border-bottom: solid 3px #000;
width: 30px;
left: 7px;}

.navToggle span:nth-child(1) {
top: 6px;}

.navToggle span:nth-child(2) {
top: 17px;}

.navToggle span:nth-child(3) {
top: 28px;}

.navToggle span:nth-child(4) {
top: 54px;}

.navToggle.active span:nth-child(1) {
top: 17px;
left: 7px;}

.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
top: 17px;}
}

.textmenu {
color: #ffc600;
letter-spacing: 0;
width: 30px
font-size: 1px!important;
margin-top: 30px;}


/* LOGO ---------------------------------------------------*/
h1.logo_image {
position: fixed;
z-index: 10004;
top: 5px;
left: 30px;
right: 0;
width: 250px;}

h1.logo_image img, h1.logo_image img:after {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;}

h1.logo_image.fixed img {
height: auto;
width: 180px;}

.logo_image:hover {-webkit-transition: all .3s; transition: all .3s;}

/* under1200 ---------------------------------------------------*/
@media screen and (max-width : 1200px) {
h1.logo_image {top: 12px; width: 180px;}}
}

/* under970 ---------------------------------------------------*/
@media screen and (max-width : 970px) {
h1.logo_image {top: 8px;}
}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
.logo_image_sp img{
position: fixed;
z-index: 10004;
top: 15px;
left: 0;
right: 0;
margin: 0 auto;
width: 180px;}

.logo_image_sp img, .logo_image_sp img:after {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;}

.logo_image_sp.fixed img{width: 180px;}
}


/* CONSEPT AREA ---------------------------------------------------*/
#concept {
background-image: url(image/cal_bg.jpg);
background-repeat: repeat;
background-size: 140px;
background-position: center top;}

.concept-up {margin-bottom: 60px;}

.concept-left {
display: inline-block;
width: 23%;}

.concept-center {
display: inline-block;
width: 44%;
margin: 0 3%;}

.concept-right {
display: inline-block;
width: 23%;}

.concept-center h2, img.asoberu-img {margin-bottom: 40px;}

.concept-down ul, .concept-down-sp ul{overflow: hidden;}

.concept-down li {width: 30%;}

.concept-down-sp li {
float: left;
width: 32%;}

.concept-down li:nth-child(2) {margin: 0 5%;}

.concept-down-sp li:nth-child(2){margin: 0 2%;}

.concept-down li img, .concept-down-sp li img{width: 100%;}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
#concept {background-size: 80px;}
.concept-up {margin-bottom: 30px;}
.concept-center {display: block; width: 90%; margin: 0 auto;}
.concept-center h2, img.asoberu-img {margin-bottom: 27px; max-width: 300px; width: 70%;}
.concept-left, .concept-right {display: none;}
.ichimatsuudon {width: 90%; margin: 30px auto 0; display: block;}
}


/* INFO AREA ---------------------------------------------------*/
#info {
background-image: url(image/bannar_bg.jpg);
background-repeat: repeat;
background-size: 260px;
background-position: center top;}

.info-contents {
overflow: hidden;}

.youtube {
width: 70%;
float: left;}

.youtube img {width: 100%;}

.info-right-img {
display: inline-block;
float: right;
width: 29%;}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
#info {background-size: 100px;}

.youtube {
width: 100%;
float: none;}

.info-img-sp {
display: block;
margin: 20px auto 0;
width: 80%;}
}


/* CALENDAR AREA ---------------------------------------------------*/
#calendar {
background-image: url(image/cal_bg.jpg);
background-repeat: repeat;
background-size: 140px;
background-position: center top;}

.calendar-img {
display: block;
width: 100%;}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
#calendar {background-size: 80px;}
}


/* BANNAR AREA ---------------------------------------------------*/
#bannar {
background-image: url(image/bannar_bg.jpg);
background-repeat: repeat;
background-size: 140px;
background-position: center top;}

.bannar-wrap {
overflow: hidden;}

.bannar-block {
float: left;
width: 46%;
margin: 0 2%;
display: inline-block;}

.bannar-img-ttl {
display: block;
width: 200px;
margin: 10px auto 0;}

.bannar-img {
border-radius: 10px;
border: 1px solid #e7e0c8;
width: 100%;}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
.bannar-block {
float: none;
width: 100%;
margin: 0;}

.bannar-img-ttl {
width: 140px;
margin: 5px auto 0;}

.bannar-hp {margin-bottom: 25px;}
}


/* FOOTER AREA ---------------------------------------------------*/
footer {
position: relative;
z-index: 10001;
padding-top: 140px;
background-image: url(image/bannar_bg.jpg);
background-repeat: repeat;
background-size: 140px;
background-position: center top;}

#footer {
position: relative;
z-index: 10001;
padding-top: 140px;
background-image: url(image/sub_footer_bg.jpg);
background-repeat: repeat;
background-size: 140px;
background-position: center top;}

.foot-contents {
background-color: #6bc8f2;
position: absolute;
z-index: 30;
width: 100%;}

.foot-wrap ul {
overflow: hidden;}

.foot-wrap li {
width: 33.333%;
float: left;
padding: 0 40px;}

.foot-wrap li:first-child {padding-bottom: 5px;}
.foot-wrap li:nth-child(2) {border-left: 1px solid #000; border-right: 1px solid #000; padding: 2% 40px;}
.foot-wrap li:last-child {padding: 4% 20px 0;}

.foot-nav ul {
width: 880px;
margin: 0 auto;
overflow: hidden;}

.foot-nav li {
border-right: 1px solid #000;
float: left;
width: 16.6%;
display: inline-block;
text-align: center;
padding: 0 1%;
font-size: 13px;}

.foot-nav li:last-child {
border-right: none;}

.gaikan-img {width: 100%;}

.listbox-leftDown {
width: 80%;
max-width: 180px;
margin: 20px auto 0;
text-align: center;}

.listbox-leftDown img{
width: 25%;
margin: 0 2%;}

.foot-logo {
width: 100%;
display: block;
margin: 0 auto;}

.foot-ttl {font-size: 18px; margin: 10px 0 0;}
.denwa {font-size: 18px;}
address {font-style:normal;}

.listbox-CenterDown {
margin-top: 30px;
text-align: center;}

.listbox-right {
width: 100%;
text-align: center;}

.listbox-right img {
width: 40%;
margin: 0 4%;}

.copy {
padding: 10px 0;
margin-top: 30px;
font-size: 80%;
text-align: center;
letter-spacing: 2px;}

/* under1200 ---------------------------------------------------*/
@media screen and (max-width : 1200px) {
footer, #footer {padding-top: 110px;}
.foot-nav ul {width: 750px;}
.topbuck {width: 120px;}
.foot-ttl, .denwa {font-size: 15px;}

.foot-wrap li {padding: 0 20px;}
.foot-wrap li:nth-child(2) {padding: 2% 20px;}
.foot-wrap li:last-child {padding: 4% 10px 0;}
}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
.topbuck {
top: 0;
right: 0;
left: 0;
margin: 0 auto;}

.foot-wrap li {
width: 100%;
float: none;
padding: 0;}

.foot-wrap li:first-child {width: 85%; margin: 0 auto 20px; padding: 0 10%;}

.foot-wrap li:nth-child(2) {
width: 85%;
margin: 20px auto;
border-left: 0px solid #000;
border-right: 0px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 20px 10%;}

.foot-wrap li:last-child {margin: 20px auto 0; width: 100%; padding: 0 10% 0;}

.copy {margin: 0; padding: 0 0 10px;}
}


/* UDON DOJO PAGE ---------------------------------------------------*/
.dojo-inner-wrap {
padding: 0 0 50px;
overflow: hidden;}

.main_image2 img {
width: 100%;}

.story-width {
width: 95%;
margin: 0 auto;
overflow: hidden;}

.story {
float: left;
width: 72%;
font-size: 15px;}

.kakattekoi {
float: right;
width: 23%;}

.kakattekoi img {width: 100%;}

.shiren3 {overflow: hidden;}
.shiren3 ul {overflow: hidden;}
.shiren3 li {width: 25%; margin: 0 4%; float: left;}
.shiren3 li img{width: 100%;}

.shiren img {width: 300px; margin: 0 0 10px 20%; display: block;}

.ex1 {
display: flex;
justify-content: center;
flex-wrap: wrap;}

.ex1 img {width: 100%;}

.shiren-crea {
display: block;
width: 46%;
margin: 0 auto;}

.dojo_img {
display: block;
width: 100%;}

.moushikomi ul {
overflow: hidden;}

.moushikomi li {
width: 50%;
float: left;}

.moushikomi li img {width: 100%;}

.dojoyaburi {
display: block;
margin: 0 auto 30px;
max-width: 500px;
width: 60%;}

/* under1200 ---------------------------------------------------*/
@media screen and (max-width : 1200px) {
.story {font-size: 1.37vw;}

.kakattekoi img {padding-top: 15%;}
}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
.dojo-inner-wrap {padding: 0 0 20px;}

.story-width {width: 100%;}

.story {
float: none;
width: 100%;}

.story {font-size: 13px;}

.kakattekoi {
float: none;
width: 80%;
margin: 0 auto;}

.kakattekoi img {padding-top: 5%;}

.shiren img {width: 150px; margin: 0 0 10px 10%; display: block;}

.shiren-crea {width: 100%; padding-bottom: 20px;}

.shiren3 li {width: 29.3%; margin: 0 2%;}

.moushikomi li {
width: 100%;
float: none;}

.moushikomi li:first-child {margin-bottom: 10px;}
}


/* ENTAME PAGE ---------------------------------------------------*/
.entame-box {
position: relative;
padding: 30px;
border: 30px solid #fff6e5;
margin-bottom: 50px;}

.entame-box h3 {width: 600px;}

.entame-box img {
width: 100%;
display: block;}

.entame-block-in1 {padding: 50px 0 30px;}
.entame-block-in3 {padding-top: 50px;}

.entame-block-in1 ul, .entame-block-in2 ul, .entame-block-in3 ul {overflow: hidden;}

.entame-block-in1 li, .entame-block-in2 li, .entame-block-in3 li {
width: 48%;
float: left;}

.entame-block-in1 li:first-child, .entame-block-in2 li:first-child, .entame-block-in3 li:first-child {
margin-right: 4%;}

.entame-block-in2 {
padding-top: 30px;
border-top: 3px dotted #ccc;}

img.migiue {
position: absolute;
top: -60px;
right: 10px;
display: block;
width: 200px;}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
.entame-box {
padding: 10px;
border: 10px solid #fff6e5;
margin-bottom: 30px;}

.entame-box h3 {width: 100%;}

.entame-block-in1 {padding: 30px 0 30px;}
.entame-block-in3 {padding-top: 30px;}

.entame-block-in1 li, .entame-block-in2 li, .entame-block-in3 li {
width: 100%;
float: none;}

.entame-block-in1 li:first-child, .entame-block-in2 li:first-child, .entame-block-in3 li:first-child {
margin: 0 0 30px 0;}

img.migiue {top: -30px; right: 5px; max-width: 150px; width: 30%;}
}


/* ACCESS PAGE ---------------------------------------------------*/
.ikoi-img {
display: block;
width: 100%;
max-width: 230px;
margin: 10px 0;}

.kanko-box-wrap {
background-color: #f3f7fe;
padding: 1%;
border-radius: 20px;}

.kanko-box-wrap ul {overflow: hidden;}

.kanko-box-wrap li {
width: 48%;
margin: 1%;
padding: 1%;
float: left;
background: #fff;}

.kanko-box1 {
width: 49%;
float: left;
font-size: 13px;}

.kanko-box2 {
width: 49%;
float: right;}

.kanko-box2 img {width: 100%;}

.kanko-TTLimg {
display: block;
width: 100%;
margin-bottom: 5px;}



/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
.kanko-box-wrap {
padding: 15px 15px 0;
border-radius: 10px;}

.kanko-box-wrap ul {margin-bottom: 0;}

.kanko-box-wrap li {
width: 100%;
float: none;
margin: 0 0 15px;
padding: 13px 13px 5px;}

.kanko-box1, .kanko-box2 {width: 100%; float: none; margin-bottom: 10px;}
}


/* CONTACT PAGE ---------------------------------------------------*/
#formWrap {
max-width: 700px;
font-size: 100%;
height: auto;
margin: 0 auto 40px!important;}

#formbutton:hover {
background-color: #ffc600;
color: fff;
border:1px solid #ffc600;}

.input_area {
width:100%;
border: 1px solid #ccc;
height: 35px;
padding: 10px;
margin: 5px 0 20px;
-webkit-appearance: none;}

.input_area2 {
width:100%;
border: 1px solid #ccc;
padding: 10px;
-webkit-appearance: none;}


/* BANANA PAGE ---------------------------------------------------*/
.bananaLeft {
float: left;
width: 60%;
font-size: 15px;}

.bananaRight {
float: right;
width: 40%;}

.bananaRight img {width: 100%;}

img.banana-kodawari {
display: block;
width: 430px;
margin-bottom: 5px;}

.kodawari {margin-bottom: 30px;}

/* under1100 ---------------------------------------------------*/
@media screen and (max-width : 1100px) {
.bananaRight {
padding-top: 8%;}
}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
.bananaLeft {
float: none;
width: 100%;}

.bananaLeft {font-size: 13px;}

.bananaRight {
float: none;
width: 100%;
margin: 0 auto;
padding: 0;}

img.banana-kodawari {
display: block;
width: 320px;}

.kodawari {margin-bottom: 15px;}
.kodawari2 {margin-bottom: 15px;}
}






/* other ---------------------------------------------------*/
#main {
display: block;
width: 100%;}

.subpage-mainTTL-wrap {
background: #fcf9f0;
margin-top: 78px;
padding: 80px 0;}

.subpage-mainTTL img {
display: block;
width: 700px;
margin: 0 auto;}

.wrap {
max-width: 1000px;
width: 90%;
margin: 0 auto;
padding: 80px 0;}

.subpage-wrap {
padding: 80px 0 40px;}

.subpage-wrap-in {
max-width: 1000px;
width: 90%;
margin: 0 auto;}

.sns-mgn {margin-right: -6px!important; padding: 7px;}

.block-ttl {
display: block;
margin: 0 auto 40px;
max-width: 500px;
width: 78%;}

.negative-mgn {margin-bottom: -30px;}

.text-red {
color: #c60100;
font-size: 24px;
margin: 2% 0;}

.huwatto {
opacity : 0;
transform : translate(0, 180px);
transition : all 1s;}

.huwatto.scrollin {
opacity : 1;
transform : translate(0, 0);}

.tdleft {
background: rgba(246,246,246,1);
width: 30%;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
border-right: 0;}

.tdright {
width: 70%;
border: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
border-left: 0;}

.tdright, .tdleft {padding: 1%;}

.color-wrap0 {
background: #fff;
padding: 50px 0;}

.color-wrap {
background: #fcf9f0;
padding: 50px 0;
margin-bottom: 50px;}

.color-wrap2 {
background: #fcf9f0;
padding: 50px 0;
margin-top: 50px;}

.color-wrap3 {
background-image: url(image/color-wrap3-bg.jpg);
background-repeat: repeat;
background-size: 140px;
background-position: center top;
padding: 50px 0;
margin-top: 50px;}

.plus-mgn {margin-top: 50px;}
.margin-bottom {margin-bottom: 30px;}

.link {font-size: 120%; color: #ffc000;}
.link:hover {color: #e5ac00;}
.link-blue {color: #0b4dd5;} 
img.link-img {width: 100%;}

.contents-box {margin-bottom: 50px;}

.contact-text {
text-align: center;
max-width: 900px;
margin: 0 auto 60px;}

img.clickhear {
display: block;
width: 150px;
margin-bottom: 8px;}

img.photospot-img {
width: 80%;
display: block;
margin: 0 auto 30px;}

.youtube-wrap {
width: 80%;
margin: 0 auto;
overflow: hidden;}

.youtube2 {
width: 100%;}

.moji-red {color: #d20000;}

.coupon {position: fixed; width: 180px; bottom: 20px; right: 20px; z-index: 10001;}
.coupon img {border-radius: 10px;}

.bold900 {font-weight: 900;}
.font-size30 {font-size: 30px;}
.center {text-align: center;}
.letterspace {letter-spacing: 1px;}
.contact-font {font-size: 16px;}

/* under1200 ---------------------------------------------------*/
@media screen and (max-width : 1200px) {
body,text {font-size: 14px; letter-spacing: 0;}

.subpage-mainTTL img {width: 550px;}

.text-red {font-size: 2vw;}

.letterspace {letter-spacing: 0;}
.contact-font {font-size: 14.5px;}
}

/* under800 ---------------------------------------------------*/
@media screen and (max-width : 800px) {
body,text {font-size: 13px;}
.pc, .foot-nav {display: none;}
.wrap {padding: 40px 0;}
.subpage-wrap {padding: 40px 0 20px;}
.block-ttl {margin: 0 auto 20px;}
.negative-mgn {margin-bottom: 0;}
.subpage-mainTTL img {width: 100%; max-width: 500px;}
.text-red {font-size: 15px;}
.color-wrap0 {margin-bottom: 30px;}
.color-wrap {padding: 30px 0 0; margin-bottom: 30px;}
.color-wrap2 {padding: 30px 0; margin-top: 30px;}
.color-wrap3 {padding: 30px 0; margin-top: 30px; background-size: 80px;}
.contents-box {margin-bottom: 30px;}

.mgn {padding-bottom: 30px;}
.plus-mgn {margin-top: 30px;}
.margin-bottom {margin-bottom: 15px;}

table td, table th {
display: block;}

.tdleft, .tdright {
width: 100%;
border-top: none;}

.tdleft {padding-left: 2%;}
.tdright {padding: 2% 2%;}

.tdleft {
border-top: 0;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
border-bottom: 0}

.tdright {
border-bottom: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
border-top: 0;}

.sp_bo {border-top: 1px solid #d4d4d4;}

.contact-text {
text-align: left;
margin: 0 auto 30px;}

img.clickhear {width: 100px;
margin-bottom: 5px;}

img.photospot-img {width: 100%;}

.youtube-wrap {width: 100%;}

.coupon {width: 120px; z-index: 600; bottom: 10px; right: 10px;}
}


/* over801 ---------------------------------------------------*/
@media screen and (min-width : 801px) {
.sp {display: none;}
}