@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li,
brockquote, pre, table, caption, address, form, object, img,
span, a, strong, em, q, ins, del, site, code, dfn, abbr, acronym, 
section, header, footer, nav, aside, article, address, figure, hgroup,
menu {margin: 0;padding: 0;}
html {overflow-y:scroll;}

body {background:#fffaeb;color:#333;text-align:center;word-break:break-all;font-size:1em;line-height:1.8em;font-family:'Verdana','メイリオ','ＭＳ Ｐゴシック','ＭＳ ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo',Osaka,Osaka-等幅,sans-serif;margin: 0 !important;padding: 0 !important;}

ul {list-style-position: outside;list-style-type: none;}
li a {border:none;}
ol li {margin-bottom: 5px;}  
table {border-collapse: collapse;font-size: 100%;}
img,a {border:none;}
address,em,cite {font-style: normal;}
a {overflow:hidden;outline:none;text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}
.img-waku {margin:2px;}
.nobr {white-space:nowrap;}
/* ALL GROUND PARTS */
.clearboth {clear:both;width:0;height:0;margin:0;padding:0;}
/*FONT*/
.txt-s {font-size:80%;}
.txt-red {color:#cc0000;}
.txt-brown {color:#996633;}
.txt-orange {color:#993300;}
.txt-yellow {color:#cfd43b;}
.txt-pink {color:#ea698b}
.txt-green {color:#3fb156;}

/*IMG*/
.img-10 {width:10%;}
.img-20 {width:20%;}
.img-30 {width:30%;}
.img-40 {width:40%;}
.img-50 {width:50%;}
.img-60 {width:60%;}
.img-70 {width:70%;}
.img-80 {width:80%;}
.img-90 {width:90%;}
.img-100 {width:100%;}
.img-10 img,.img-20 img,.img-30 img,.img-40 img,.img-50 img,.img-60 img,.img-70 img,.img-80 img,.img-90 img,.img-100 img{width:100%;}

/*MARGIN*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

.m5 {margin:5px;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m30 {marginp:30px;}

/*PADDING*/
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}

.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}

.txt-center {text-align:center;}
.txt-right {text-align:right;}
.txt-s {font-size:80%;}
.txt-non {display:none;}
.float-right {float:right;}
.float-left {float:left;}
.absmiddle {vertical-align:middle;}
.pagetop-txt {display:none;}
.clearfix {clear:both;height:auto;}
.clearfix:after {content: "";display: block;clear: both;}
.txt-attention {text-indent:-1em;margin-left:1em;}
@media screen and (min-width: 769px) {
.sp-only {display:none;}
.pc-only {display:block;}
}
@media screen and (max-width: 768px) {
.pc-only {display:none;}
.sp-only {display:block;}
}

.txt-long {display: inline-block;-moz-transform:scale( 3, 1 );-webkit-transform: scale( 3, 1 );-o-transform:scale( 3, 1 );-ms-transform:scale( 3, 1 );transform:scale( 3, 1 );-moz-transform-origin:left top;-webkit-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;}

#loading{position:absolute;left:50%;top:50%;margin-top:-25px;margin-left:-25px;z-index:1000;width:50px;}
span.loading07 {position:relative;display:inline-block;width:50px;height:50px;vertical-align:middle;-webkit-animation:animation07 2s linear infinite;animation: animation07 2s linear infinite;}
span.loading07 {position:relative;display:inline-block;width:50px;height:50px;vertical-align:middle;-webkit-animation: animation07 2s linear infinite;animation: animation07 2s linear infinite;}
span.loading07 span {position:absolute;display:inline-block;left:0;top:0;width:100%;height:100%;}
span.loading07:before, span.loading07:after, span.loading07 span:before, span.loading07 span:after {position: absolute;display: inline-block;content: " ";width:23px;
  height: 23px;}
span.loading07:before {left:0;top:0;background-image: -webkit-gradient(radial, 25 25, 0, 25 25, 25, from(transparent), color-stop(0.81, transparent), color-stop(0.82,#bacfad), color-stop(0.98, #bacfad), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(25px 25px, 25px 25px, transparent, transparent 81%, #bacfad 82%, #bacfad 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at 25px 25px, transparent, transparent 81%, #bacfad 82%, #bacfad 98%, transparent);}
span.loading07:after {right:0;bottom:0;background-image:-webkit-gradient(radial, -2 -2, 0, -2 -2, 25, from(transparent), color-stop(0.81, transparent), color-stop(0.82,#bacfad), color-stop(0.98, #bacfad), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(-2px -2px, 25px 25px, transparent, transparent 81%, #bacfad 82%, #bacfad 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at -2px -2px, transparent, transparent 81%, #bacfad 82%, #bacfad 98%, transparent);}
span.loading07 span:before {left:0;bottom:0;background-image: -webkit-gradient(radial, 25 -2, 0, 25 -2, 25, from(transparent), color-stop(0.81, transparent), color-stop(0.82,#bacfad), color-stop(0.98, #bacfad), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(25px -2px, 25px 25px, transparent, transparent 81%, #bacfad 82%, #bacfad 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at 25px -2px, transparent, transparent 81%, #bacfad 82%, #bacfad 98%, transparent);}
span.loading07 span:after {right:0;top:0;background-image:-webkit-gradient(radial, -2 25, 0, -2 25, 25, from(transparent), color-stop(0.81, transparent), color-stop(0.82,#bacfad), color-stop(0.98, #bacfad), color-stop(0.99, transparent), to(transparent) );background-image: -webkit-radial-gradient(-2px 25px, 25px 25px, transparent, transparent 81%, #bacfad 82%, #bacfad 98%, transparent 99%, transparent);background-image: radial-gradient(25px 25px at -2px 25px, transparent, transparent 81%, #bacfad 82%, #bacfad 98%, transparent);}
@-webkit-keyframes animation07 {0% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);}}
@keyframes animation07 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}
}

#appears-block {position:relative;width:100%;height:auto;margin:auto;opacity:0;}

/*HEAD*/
header h1{width:1200px;margin:30px auto 30px;}
@media screen and (max-width: 1199px) {
header h1{width:auto;}
}
@media screen and (max-width: 680px) {
header h1{margin:0 auto 30px;}
}

/*ABOUT*/
section#about {margin-bottom:40px;}
section#about h2 {color:#8e6927;font-size:2.2em;line-height:1.4em;margin-bottom:15px;font-weight:800;}
section#about .day {color:#8e6927;font-size:1.6em;font-weight:600;}
@media screen and (max-width: 680px) {
section#about h2 {font-size:1.4em;margin:0 10px 10px;line-height:1.4em;}
section#about h2 br {display:none}
section#about .day {font-size:1.2em;}
}

/*WAY*/
section#way {margin-bottom:40px;}
section#way h3 {font-size:1.4em;margin-bottom:20px;}
section#way ul {margin:30px auto;letter-spacing:-.4em;width:800px;}
section#way ul li {letter-spacing:normal;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;}
section#way ul li:nth-child(1){width:26%;margin:0 4% 0 0;}
section#way ul li:nth-child(3){width:26%;margin:0 0 0 4%;}
section#way ul li:nth-child(2){width:40%;}
section#way ul li:nth-child(2) a {background:#b09461;text-decoration:none;color:#fff;display:block;padding:5px 0 10px;width:100%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius: 10px;font-size:1.6em}
section#way ul li:nth-child(2) a span {font-size:0.6em}
@media screen and (max-width: 799px) {
section#way ul {width:auto;margin:0 10px;}
}

@media screen and (max-width: 480px) {
section#way ul li:nth-child(1){display:none}
section#way ul li:nth-child(3){display:none}
section#way ul li:nth-child(2){width:100%;margin-top:40px;}
section#way ul li:nth-child(2) a{width:80%;margin:auto;}
section#way {font-size:0.9em;line-height:1.4em;}
}

/*PRESENT*/
#present {background:#bacfad;width:100%;padding:30px 0;}
#present #present-in {width:960px;margin:auto;}
@media screen and (max-width: 959px) {
#present #present-in {width:auto;margin:0 10px;}
}

/*TWITTER*/
#twitter {margin:50px 0 80px;}
#twitter h3 {font-size:1.4em;margin-bottom:30px;}
#twitter #twitter-in a {background:#5698c7;color:#fff;display:inline;width:auto;text-align:center;text-decoration:none;font-size:2em;padding:5px 30px 10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius: 10px;}
#twitter #twitter-timeline {width:1200px;margin:30px auto 60px;}
@media screen and (max-width: 1199px) {
#twitter #twitter-timeline {width:auto;margin:20px 10px 40px;}
}
#twitter #twitter-timeline ul {letter-spacing:-.4em;font-size:0.9em;text-align:left;}
#twitter #twitter-timeline ul li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:21%;margin:1%;padding:1%;letter-spacing:normal;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius: 10px;}
#twitter #twitter-timeline ul li div {font-size:0.8em;margin-top:5px;text-align:right;line-height:1.6em;}
#twitter #twitter-timeline ul li div a {color:#895796;}
@media screen and (max-width: 680px) {
#twitter #twitter-timeline ul li {width:46%;}
#twitter #twitter-in a {font-size:1.6em;}
}

/*ATTENTION*/
#attention {width:960px;font-size:0.8em;margin:auto;line-height:1.2em;}
#attention div {margin-bottom:40px;}
#attention h3 {font-size:1.4em;margin-bottom:20px;}
#attention ul {margin-left:1em;text-align:left;}
#attention ul li {text-indent:-1em;margin-bottom:5px;}
@media screen and (max-width: 959px) {
#attention {width:auto;margin:0 10px;}
}

/*CONTACT*/
#contact {padding:20px 60px;background:#f3ebd7;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius: 10px;display:inline-block;font-size:0.9em;line-height:1.3em;margin-bottom:60px;}
#contact h3 {font-size:1.1em;margin-bottom:5px;}
@media screen and (max-width: 480px) {
#contact {padding:20px auto;margin:0 10px;width:auto;display:block;}
}

/*FOOTERIMG*/
.footer-img {letter-spacing:-.4em;margin-top:100px;}
.footer-img li {width:25%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;}
.footer-img img {width:100%;vertical-align:bottom;}
@media screen and (max-width: 767px) {
.footer-img li {width:50%;}
}



header h1 img,section#way ul li img,#present #present-in img,.footer-img li img {width:100%;height:auto;vertical-align:bottom;}

/*SNS*/
.sns-block {width:100%;height:auto;position:relative}}
@media screen and (max-width: 768px) {
.sns-block {bottom:5px;}
}
.sns-block-in {left:0;top:0;z-index:4;width:100%;text-align:center;}
.sns-block-in-in {width:auto;margin:20px auto 10px;position:relative}
@media screen and (max-width: 768px) {
.sns-block-in {margin:auto;}
}

.list-link-sns {letter-spacing:-.4em;padding-bottom:15px;}
.list-link-sns li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:75px;letter-spacing:normal;text-align:left;margin:0 5px 0 0;}
.list-link-sns li:nth-child(1),.list-link-sns li:nth-child(4) {padding-top:8px;}
.list-link-sns li:nth-child(3){width:90px;}

.list-btn-sns {clear:both;width:380px;margin:auto;letter-spacing:-.4em;}
.list-btn-sns li {display:inline-block;/display:inline;/zoom:1;vertical-align:middle;width:49%;letter-spacing:normal;text-align:left;margin:0 1px 0 0;}
.btn-fb a {width:100%;text-align:center;display:block;background:#4965a0;color:#fff;padding:5px 0;text-decoration:none;line-height:14px;font-size:12px;}
.btn-twitter a {width:100%;text-align:center;display:block;background:#5698c7;color:#fff;padding:5px 0;text-decoration:none;line-height:14px;font-size:12px;}
.btn-fb a span,.btn-twitter a span {margin-right:3px;}

@media screen and (max-width: 379px) {
.list-btn-sns {width:auto;}
}


/*PAGETOP*/
#backtotop {bottom: 25px;height: 45px;position: fixed !important;position: absolute;right:25px;width: 45px;text-indent:-9999px;z-index:1000;}
#backtotop a {background: url(../img/btn_backtotop.png) no-repeat scroll 0 0 transparent;display: block;height: 45px;width:45px;}
#backtotop a:hover {background: url(../img/btn_backtotop.png) no-repeat scroll 0 -45px transparent;}