@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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1.8}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border: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 #000;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}

/*========================================
BASIC
=======================================*/
html{-webkit-text-size-adjust:100%}
body{color:#000; font-size:16px;font-family:Meiryo, メイリオ, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;background:#f1f0f0; line-height:1.8;}
body.index { background:url(../img/index/bg.jpg) repeat;}
body.about,body.service,body.surprise,body.surprise,body.post,body.member,body.blog,body.present { background:url(../img/common/bg.jpg) repeat;}
body.content{ background:url(../img/common/bg.jpg) repeat;}
a{color:#000;text-decoration:none;}
a:hover{color:#000;}
p {margin-bottom:15px;}
section{margin:0 0;}
.Hv a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.Hv a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.7;}

/* other */
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}
.midnote {margin-bottom:8%;}
.endnote {margin-bottom:14%;}
.caution {color:#F33437;}
.bold{font-weight:bold;}
.ta-c{text-align:center;}
.underline{text-decoration:underline;}
.through{text-decoration:line-through;}

.red{color:#e73f64}


/* COMMON
=======================================*/
/* #wrapper */
#wrapper{width: 100%;margin: 0 auto;position:relative;overflow:hidden;}
#index-wrap{width:1200px; background:url(../img/index/bg-island.png) no-repeat;margin: 0 auto; height:2428px;}
#about-wrap{width:1200px; background:url(../img/about/bg-island.png) no-repeat;margin: 200px auto 100px; height:1047px;}
#service-wrap{width:1200px; background:url(../img/service/bg-island.png) no-repeat;margin: 160px auto 100px; height:1102px;}
#surprise-wrap{width:1200px; background:url(../img/surprise/bg-island.png) no-repeat;margin: 230px auto 200px; height:912px;}
#member-wrap{width:1200px; background:url(../img/member/bg-island.png) no-repeat;margin: 350px auto 200px; height:795px;}
#blog-wrap{width:1200px; background:url(../img/blog/bg-island.png) no-repeat;margin: 500px auto 300px; height:504px;}
#present-wrap{width:1200px; background:url(../img/present/bg-island.png) no-repeat;margin: 280px auto 0; height:892px;}
#content-wrap{width:960px; background:url(../img/member/common/bg-island.png) no-repeat center 170px;height:auto;margin:200px auto 0;}
#content-wrap.ohako{background:url(../img/service/detail/bg-island.png) no-repeat center 170px;}
#content-wrap.history{background:none;}
#content-wrap.about{background:url(../img/about/common/bg-island.png) no-repeat center 50px;}
#content-wrap.surprise{background:url(../img/surprise/common/bg-island.png) no-repeat center 100px;}
#content-wrap.none{background:none;}
#content-wrap.present{background:url(../img/present/common/bg-island.png) no-repeat center 100px;}

/* #header */
header { height:40px; background:#fff; width:100%; position:fixed; top:0; min-width:1200px; z-index:1000; padding:15px;}
header .Menu { position:absolute; left:10px; top:15px;}
header .Menu img{cursor:pointer;}
header .Logo { width:340px; margin:-4px auto 0;}
header ul { position:absolute; right:15px; top:80px; overflow:hidden; width:140px;}
header li { float:left; text-align:center; width:40px;}
header .btn { background:#ee7f8d; position:absolute; right:40px; top:13px; border: none;font-family: inherit; font-size: inherit; color:#fff;cursor: pointer;padding: 6px 20px;display: inline-block; letter-spacing: 1px;outline: none;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;	transition: all 0.3s;}
header .btn:after {right:40px; top:10px;	content: '';position: relative;	z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;	transition: all 0.3s;}
header .btn-contact {background: #cb4e4e;color: #fff;box-shadow: 0 6px #d25c6b;-webkit-transition: none;-moz-transition: none;transition: none;}
header .btn-act {border-radius:5px;}
header .btn-act:hover {box-shadow: 0 8px #d25c6b;top:11px;}
header .btn-act:active {box-shadow: 0 0 #d25c6b;top: 19px;}
header .right190 {right: 190px;}

/* #footer */
footer {position:relative; height:180px; background:#fff; width:100%; min-width:1200px; padding:15px; text-align:center; font-size:14px; overflow:hidden; box-sizing:border-box;}
footer ul { overflow:hidden; width:600px; margin:0 auto 10px;}
footer ul li { float:left; text-align:center; width:100px; color:#5a5b5b;}
footer ul.second { overflow:hidden; width:600px; margin:0 auto 20px;}
footer ul.second li { float:left; text-align:center; width:calc(100%/3); color:#5a5b5b;}
footer ul li a:hover {text-decoration:underline;}


/* Menu */
#ToggleMenu{position:absolute;z-index:1001;width:300px;height:100%;background:#373a47;padding:2.5em 1.5em 0;font-size:1.15em;-webkit-transform:translate3d(-355px,0,0);transform:translate3d(-355px,0,0);-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
#ToggleMenu .MenuInner{color:#fff;}
#ToggleMenu .MenuInner ul{}
#ToggleMenu .MenuInner ul li{color:#fff;}
.MenuInner {-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}

.MenuInner a {display: block;padding:0em 0.8em 0.5em 0.8em;-webkit-transform: translate3d(0,500px,0);transform: translate3d(0,500px,0);}
.MenuInner,.MenuInner a {-webkit-transition: -webkit-transform 0s 0.6s;transition: transform 0s 0.6s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
.MenuInner a:nth-child(2) {-webkit-transform: translate3d(0,1000px,0);transform: translate3d(0,1000px,0);}
.MenuInner a:nth-child(3) {-webkit-transform: translate3d(0,1500px,0);transform: translate3d(0,1500px,0);}
.MenuInner a:nth-child(4) {-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0);}
.MenuInner a:nth-child(5) {-webkit-transform: translate3d(0,2500px,0);transform: translate3d(0,2500px,0);}
.MenuInner a:nth-child(6) {-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0);}
.MenuInner a:nth-child(7) {-webkit-transform: translate3d(0,3500px,0);transform: translate3d(0,3500px,0);}
.MenuInner a:nth-child(8) {-webkit-transform: translate3d(0,4000px,0);transform: translate3d(0,4000px,0);}
.MenuInner a:nth-child(9) {-webkit-transform: translate3d(0,4500px,0);transform: translate3d(0,4500px,0);}
.MenuInner a:nth-child(10) {-webkit-transform: translate3d(0,5000px,0);transform: translate3d(0,5000px,0);}


/* Shown menu */
.MenuOpen{}
.MenuOpen #ToggleMenu {position:fixed;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: -webkit-transform 0.8s;transition: transform 0.8s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
.MenuOpen .MenuInner,.MenuOpen .MenuInner a {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: -webkit-transform 0.8s;transition: transform 0.8s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
.MenuOpen .MenuInner a {-webkit-transition-duration: 0.9s;transition-duration: 0.9s;}
.MenuOpen .content::before {opacity: 1;-webkit-transition: opacity 0.8s;transition: opacity 0.8s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function: cubic-bezier(0.7,0,0.3,1);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/* Close Button */
.close-button {width: 1em;height: 1em;position: absolute;right: 1em;top: 1em;overflow: hidden;text-indent: 1em;font-size: 0.75em;border: none;background: transparent;color: transparent;}
.close-button::before,.close-button::after {content: '';position: absolute;width: 3px;height: 100%;top: 0;left: 50%;background: #bdc3c7;}
.close-button::before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.close-button::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}