/*
Theme Name: kiyonoshigeki
Theme URL: http://kiyonoshigeki.com
Description: This is our original theme.
Author: swim.inc
Author URL: http://www.swim.jp
Version: 1.0
*/
@charset "utf-8";
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
html.no-touch ::-webkit-scrollbar { width: 7px; }
html.no-touch ::-webkit-scrollbar-track { background-color: #fff; }
html.no-touch ::-webkit-scrollbar-thumb { background-color: #ff2a00; }
html.no-touch .scroll-color ::-webkit-scrollbar-thumb { background-color: #ddd; }
::selection {background: #ff4800;color: #fff;}
@font-face { font-family: 'fontello'; src: url('../fonts/fontello.eot?62002610'); src: url('../fonts/fontello.eot?62002610#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?62002610') format('woff'), url('../fonts/fontello.ttf?62002610') format('truetype'), url('../fonts/fontello.svg?62002610#fontello') format('svg'); font-weight: normal; font-style: normal;}
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-right-open-big:before { content: '\e800'; }
.icon-left-open-big:before { content: '\e801'; }
.icon-up-open-big:before { content: '\e802'; }
.icon-soundcloud:before { content: '\e803'; }
.icon-facebook:before { content: '\e804'; }
.icon-twitter:before { content: '\e805'; }
.icon-youtube:before { content: '\e806'; }
.icon-users:before { content: '\e807'; }
.icon-alert:before { content: '\e808'; }
.icon-vcard:before { content: '\e809'; }
.icon-chat:before { content: '\e80a'; }
.icon-mail:before { content: '\e80b'; }
.icon-mic:before { content: '\e80c'; }
.icon-glasses:before { content: '\e80d'; }

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { margin:0; padding:0; font-family: "aktiv-grotesk", Helvetica ,Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; -webkit-transition:background-color 1s ease-out;-moz-transition:background-color 1s ease-out;-ms-transition:background-color 1s ease-out;-o-transition:background-color 1s ease-out;transition:background-color 1s ease-out  }
.smart-object { position:absolute; top:0; left:0; }
.t-center { text-align: center !important; }
input,textarea { outline:0; resize:none; }
h1,h2,h3,h4,h5,h6,p { font-weight:400; margin:0; padding:0; }
ul { margin:0; padding:0; list-style:none; }
ul li { margin:0; padding:0; display:block; }
strong { letter-spacing:-.05em; }
@-webkit-keyframes arrowSlideBorder {0% { background-position:-1px -1px; }50% { background-position:26px -1px; }50.1% { background-position:-28px -1px; }100% { background-position:-1px -1px; }}
@-moz-keyframes arrowSlideBorder {0% { background-position:-1px -1px; }50% { background-position:26px -1px; }50.1% { background-position:-28px -1px; }100% { background-position:-1px -1px; }}


body { background-color:#e4ecea; color:#000; }
body a { color:#000; }

#loadMask{position: fixed; z-index: 3000; height: 100%; width: 100%; top: 0;}
.loadMask_wrap{opacity:1; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -30px; z-index: 2;}
.loadMask_wrapbk{opacity:1;; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; position: absolute; z-index: 1; height: 100%; width: 100%; background:#eef6f0; top: 0;}
.loadMask  {position: relative;}
.loadMask_body{position: fixed;}
.loadMask {margin: 0 auto; width: 60px; height: 60px; text-align: center; -webkit-perspective: 400; -ms-perspective: 400; -o-perspective: 400; -moz-perspective: 400px; perspective: 400;}
.done #loadMask{display: none;}
.loaded .loadMask_wrap{opacity:0;}
.loaded .loadMask_wrapbk{opacity:0;}
/*LOAD CUBE*/
.loadMask_normal{display: none;}
.loadbox {width: 60px; height: 60px; display: block; position: relative; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0);}
.loadbox div {-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width: 60px; height: 60px; line-height: 60px; position: absolute; -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); color: #fff; font-size: 16px; font-weight: 700; border: 1px solid #ff5837;}
.loadbox .side_front { background-color:#ff2a00; background-color: rgba(255, 42, 0, .9); -webkit-transform: translateZ(30px); -ms-transform: translateZ(30px); -o-transform: translateZ(30px); transform: translateZ(30px); z-index: 2;}
.loadbox .side_right {left:30px; background-color:#ff2a00; background: rgba(255, 42, 0, .9); -webkit-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); z-index: 2;}
.loadbox .side_left { background-color:#ff2a00; background-color: rgba(255, 42, 0, .9); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform: translateZ(-30px); -ms-transform: translateZ(-30px); -o-transform: translateZ(-30px); transform: translateZ(-30px); z-index: 2;}
.loadbox .side_back {left:-30px; background-color:#ff2a00; background-color: rgba(255, 42, 0, .9); -webkit-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); z-index: 2;}
.loadbox .side_top {top: -30px; background-color:#ff2a00; background-color: rgba(255, 42, 0, .9); z-index: 1;}
.loadbox .side_bottom {top: 30px; background-color:#ff2a00; background-color: rgba(255, 42, 0, .9);}
.loadbox {-webkit-animation-name: turnLeft; -o-animation-name: turnLeft; animation-name: turnLeft; -webkit-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -o-transform: rotateY(-360deg); transform: rotateY(-360deg);}
@-webkit-keyframes turnLeft {0% { -webkit-transform: rotateY(0); transform: rotateY(0)} 100% { -webkit-transform: rotateY(-360deg); transform: rotateY(-360deg)}}
@-o-keyframes turnLeft {0% { -o-transform: rotateY(0); transform: rotateY(0)} 100% { -o-transform: rotateY(-360deg); transform: rotateY(-360deg)}}
@keyframes turnLeft {0% { -webkit-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0)} 100% { -webkit-transform: rotateY(-360deg); -o-transform: rotateY(-360deg); transform: rotateY(-360deg)}}


.site-column-left { width:200px; top:0; left:0; height:100%; position:fixed; z-index:4; background-color:#080b10; -webkit-transition:left .6s cubic-bezier(.7,0,.3,1),right .6s cubic-bezier(.7,0,.3,1),opacity .4s ease-in-out;-moz-transition:left .6s cubic-bezier(.7,0,.3,1),right .6s cubic-bezier(.7,0,.3,1),opacity .4s ease-in-out;-ms-transition:left .6s cubic-bezier(.7,0,.3,1),right .6s cubic-bezier(.7,0,.3,1),opacity .4s ease-in-out;-o-transition:left .6s cubic-bezier(.7,0,.3,1),right .6s cubic-bezier(.7,0,.3,1),opacity .4s ease-in-out;transition:left .6s cubic-bezier(.7,0,.3,1),right .6s cubic-bezier(.7,0,.3,1),opacity .4s ease-in-out; }
.site-column-right { width:100%; height:100%; padding-left:200px; left:0; position:relative; -webkit-transition:left .6s cubic-bezier(.7,0,.3,1),right .6s cubic-bezier(.7,0,.3,1),opacity .4s ease-in-out;-moz-transition:left .6s cubic-bezier(.7,0,.3,1),right .6s cubic-bezier(.7,0,.3,1),opacity .4s ease-in-out;-ms-transition:left .6s cubic-bezier(.7,0,.3,1),right .6s cubic-bezier(.7,0,.3,1),opacity .4s ease-in-out;-o-transition:left .6s cubic-bezier(.7,0,.3,1),right .6s cubic-bezier(.7,0,.3,1),opacity .4s ease-in-out;transition:left .6s cubic-bezier(.7,0,.3,1),right .6s cubic-bezier(.7,0,.3,1),opacity .4s ease-in-out;}
.navleave .site-column-left { left: -200px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: 0; }
.navleave .site-column-right { left: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: 0; }
@media all and (min-width:1800px) {
	.site-column-left { left:50%; margin-left: -900px; }
	.navleave .site-column-left { left: 0; }
}
@media all and (max-width:940px) {
	.site-column-left { width:100%; height:0;}
	.site-column-right { padding-left:0; left:0; width:100%; float:none; }
}
@media all and (max-width:760px) {
	body,html { width:100%; }
}
/* NAV */
.nav { width:200px; min-height:585px; height:100%; background-color:#FFF; left:0; top:0; position: absolute; border-right: 1px solid #eee; }
.nav .logo-container { width:160px; height:160px; margin:20px auto 0; }
.nav .logo { background-repeat:no-repeat; text-indent:-9999px; width: 160px; height: 160px; background-image:url(../img/logo.png); background-size:160px 160px; overflow:hidden; display:inline-block; }
.nav .nav-container { width:160px; height:210px; margin:5px auto 0; display:block; }
.nav .link-container { width:160px; height:210px; }
.nav .link-container li { margin:0; }
.nav .link-container li a { font-weight: 700; color:#22413a; border-bottom: 1px dotted #acacac; padding:12px 2px 10px; line-height: 17px; font-size:13px; letter-spacing: 2px; text-decoration:none; display:block; transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -ms-transition:color .15s linear; -o-transition:color .15s linear; }
.nav .link-container li a span { font-weight: 700; font-size: 9px; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; }
.nav .link-container li a:hover { color:#ff2a00; }
.nav .link-container li a.active { color:#ff2a00; background-image:url(../img/arrow-nav.png); background-position:center right; background-size:19px 19px; background-repeat:no-repeat; }
.nav .sns-container { width:160px; height: 30px; position:absolute; bottom:60px; left:20px; font-style: italic; letter-spacing: 1px; }
.nav .sns-link-container { width:160px; height:40px; border-left:1px dotted #acacac;}
.nav .sns-link-container li { margin:0; display: block; float: left; width: 53px;}
.nav .sns-link-container li a { text-align: center; color:#22413a; border:1px dotted #acacac; border-left:none; padding:4px; line-height: 30px; font-size:24px; display:block; transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -ms-transition:color .15s linear; -o-transition:color .15s linear; }
.nav .sns-link-container li a:hover { color:#ff2a00; }

.nav .footer { width:160px; padding-bottom:0; position:absolute; bottom:20px; left:20px; font-style: italic; letter-spacing: 1px; }
.nav .footer span { color:#767676; font-size:10px; }
.nav .mobile-nav-button { width:84px; height:70px; position:absolute; top:0; right:0; cursor:pointer; display:none; overflow:hidden; }
.nav .mobile-nav-button .s { position: relative; width: 26px; height: 2px; margin: 33px 28px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.nav .mobile-nav-button .s:after,.nav .mobile-nav-button .s:before { content: ''; display: block; width: 26px; height: 2px; position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.nav .mobile-nav-button .s:before { top: -4px; }
.nav .mobile-nav-button .s:after { top: 4px; }
.nav_opened .nav .mobile-nav-button .s:after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.nav_opened .nav .mobile-nav-button .s:before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav .mobile-nav-button .s,
.nav .mobile-nav-button .s:after,
.nav .mobile-nav-button .s:before { background-color:#333; }
.nav_opened .nav .mobile-nav-button .s { background-color: #fff; }
.nav_opened .nav .mobile-nav-button .s:after,
.nav_opened .nav .mobile-nav-button .s:before { background-color:#8e7d60; }
@media all and (max-width:940px) {
	.nav { width:100%; height:70px; min-height:70px; position:fixed; left:0; -webkit-transition:height .4s ease-in-out;-moz-transition:height .4s ease-in-out;-ms-transition:height .4s ease-in-out;-o-transition:height .4s ease-in-out;transition:height .4s ease-in-out; }
	.nav .logo-container { width:100%; height:70px; margin:0; }
	.nav .logo { margin:17px 0 0; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
	.nav .mobile-nav-button { display:block; }
	.nav .nav-container { margin:0;padding:40px 25px; display:block; width:100%; height: auto; z-index:99; top:40px; position:absolute; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
	.nav .sns-container { bottom:30px; margin:0; padding:0 25px; display:block;height: 40px; z-index:99; width: 100%; position:absolute; overflow-y:scroll; -webkit-overflow-scrolling:touch; }
	.nav .link-container { width: 100%; height: auto; }
	.nav .nav-container,
	.nav .sns-container { left:100%; -webkit-transition:left .4s ease-in-out;-moz-transition:left .4s ease-in-out;-ms-transition:left .4s ease-in-out;-o-transition:left .4s ease-in-out;transition:left .4s ease-in-out;}
	.nav_opened .site-column-left,.nav_opened .nav { height:100%; background-color: #fff}
	.nav_opened .nav .nav-container,.nav_opened .nav .sns-container { left:0;}
	.nav_opened .site-column-right { left: -100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: 0; }
	.nav .footer { display:none; }
	.nav .logo {width:150px; height:37px; background-image:url(../img/logo-mobile.png); background-size:150px 37px; }
}

.page-bg{z-index:99;position:absolute;right:0;top:0;display:block;width:100%;height:100%;-webkit-transition:-webkit-transform .8s cubic-bezier(.7,0,.3,1);-moz-transition:-moz-transform .8s cubic-bezier(.7,0,.3,1);-ms-transition:-ms-transform .8s cubic-bezier(.7,0,.3,1);-o-transition:-o-transform .8s cubic-bezier(.7,0,.3,1);transition:transform .8s cubic-bezier(.7,0,.3,1);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}
.page-bg.white{background-color:#eee}
.page-bg.gray{background-color:#fff;-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.pjaxed .page-bg{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
@media all and (min-width:1400px) {
	.page-bg { width:1200px; right:50%; margin-right: -700px; }
}

@media all and (min-width: 320px){
	body{-webkit-font-smoothing:antialiased}
	h1,h2,h3,h4,h5{margin:0;}
	b,strong{font-weight:normal}
	sup{top:-0.8em;font-size:54%}
	p{margin:0;font-size:11px;line-height:16px}
	p.small-copy{font-size:10px;line-height:16px}
	h1{font-size:18px;line-height:18px;letter-spacing:1px}
	h2{font-size:16px;line-height:16px;}
	h3{font-size:14px;line-height:16px;}
	h4{font-size:13px;line-height:16px;font-weight:700;letter-spacing: 1px;}
	h5{font-size:14px;line-height:16px;}
}
@media all and (min-width: 768px){
	p{font-size:13px;line-height:25px;letter-spacing: 1px;}
	p.small-copy{font-size:12px;line-height:20px;letter-spacing: 1px;}
	h1{font-size:40px;line-height:40px;letter-spacing:1px}
	h2{font-size:20px;line-height:20px;letter-spacing:1px}
	h3{font-size:19px;line-height:25px;}
	h4{font-size:16px;line-height:25px;letter-spacing: 1px;}
	h5{font-size:14px;line-height:22px;letter-spacing:2px}
}



@media all and (min-width: 320px){
	html,body{width:100%;height:100%;overflow:hidden}
	a{outline:0 none;text-decoration:none}
	a:focus{outline:none}
	ul,li{margin:0;padding:0;list-style-type:none}
	#super-wrapper{position:absolute;top:70px;left:0px;right:0px;bottom:0px;overflow:auto;-webkit-overflow-scrolling:touch;}
	.wwwp { opacity: 0;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-ms-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out }
	.done .wwwp { opacity: 1; }
	#wrapper{position:absolute;top:0px;left:0px;width:100%;height:100%}
	section{position:relative;width:100%;margin:0;display:block}
	.section-inner{position:relative;width:100%;max-width:1600px;margin:0 auto;display:block}
	.section-inner hr{margin:10px 0;height:1px;border:none;outline:none;display:block}
	.section-content{position:relative;display:block;margin:0 0 0 1px;}
	.section-content:after{content:"";height:0;margin:0;display:block;clear:both}
	.secondary-callout a{position:absolute;top:0px;left:0px;width:100%;height:100%;background-image:url("about:blank");display:block}
	.secondary-image-block{position:relative;width:100%;display:block;background-color:#dcdcdc;}
	.secondary-text-block{position:relative;width:100%;text-align:left;display:block}
	.secondary-text-block h3{margin:0 20px;padding:20px 0 0;color:#8e7d60;}
	.secondary-text-block h3::after { content:''; display: block; width: 20px; height: 1px; margin:20px 0; background-color: #666;}
	.secondary-text-block p{margin:0 20px;padding:10px 0 20px;color:#555; }
	.table{width:100%;height:100%;display:table}
	.table-cell{text-align:left;vertical-align:middle;display:table-cell}
	article{position:relative;width:100%;max-width:690px;margin:40px auto;text-align:center;display:block}
	article h3{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #d2d2d2}
	article p{margin:0 auto 10px;color:#888;text-align:left}
	article p:last-child{margin-bottom:0px}
	article .learn-more-btn,article .shop-btn{position:relative;width:240px;height:35px;margin:0 auto;overflow:hidden;display:block}
	article .learn-more-btn h4,article .shop-btn h4{position:relative;width:204px;height:35px;margin:0 auto;font-size:10px;line-height:34px;text-align:center;color:#d2d2d2;background-color:#171717;-webkit-transition:color 250ms ease-out;-moz-transition:color 250ms ease-out;-ms-transition:color 250ms ease-out;-o-transition:color 250ms ease-out;transition:color 250ms ease-out}
	article .learn-more-btn:hover h4,article .shop-btn:hover h4{color:#fff}
	article .learn-more-btn:before,article .learn-more-btn:after,article .shop-btn:before,article .shop-btn:after{content:"";position:absolute;top:50%;left:-1px;width:0;height:0;margin:-22px 0 0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-right:22px solid #171717}
	article .learn-more-btn:after,article .shop-btn:after{left:auto;right:-1px;width:0;height:0;margin:-22px 0 0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-right:none;border-left:22px solid #171717}
	article.simple h3{padding-bottom:0px;border-bottom:none}
	article.pull-quote-article p{float:none;width:100%;max-width:none;margin:0;text-align:left}
	article.pull-quote-article .pull-quote{float:none;width:100%;margin:20px 0 0;text-align:left;display:block}
	article.pull-quote-article .pull-quote span{margin:0;font:italic normal normal 15px/17px "Didot",times,serif;display:block}
	article.pull-quote-article:after{content:"";height:0;margin:0;display:block;clear:both}
	.full-img{width:100%;vertical-align:middle;display:block}
	.media-grid{position:relative;width:100%;height:0;padding-bottom:46%;overflow:hidden;display:block}
	.media-grid .media-piece{position:absolute}
	.media-grid .media-piece .media-inner{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;overflow:hidden}
	.media-grid .media-piece .media-inner img{position:absolute;top:0px;left:0px;width:100%;height:100%}
	.media-grid .rb:after{content:"";position:absolute;top:0px;right:0px;width:2px;height:100%;background-color:#eee}
	.media-grid .tb .media-inner:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:1px;background-color:#eee}
	.media-grid .media-0-0-25,.media-grid .media-0-25-25,.media-grid .media-0-50-25{top:0px;left:0px;width:25%;height:33%}
	.media-grid .media-0-0-25.media-0-25-25,.media-grid .media-0-25-25.media-0-25-25,.media-grid .media-0-50-25.media-0-25-25{left:25%}
	.media-grid .media-0-0-25.media-0-50-25,.media-grid .media-0-25-25.media-0-50-25,.media-grid .media-0-50-25.media-0-50-25{left:50%}
	.media-grid .media-33-50-25{top:33%;left:50%;width:25%;height:67%}
	.media-grid .media-0-75-25{top:0px;left:75%;width:25%;height:100%}
	.media-grid .media-0-0-60{top:0px;left:0px;width:60%;height:100%}
	.media-grid .media-0-60-40{top:0px;left:60%;width:40%;height:50%}
	.media-grid .media-50-60-40{top:50%;left:60%;width:40%;height:50%}
	.full-media-grid{padding-bottom:56%}
	.full-media-grid .media-piece{display:none}
	.full-media-grid .media-piece-feature{top:0px;left:0px;bottom:0px;width:100%;display:block}
	.full-media-grid .rb:after{display:none}
	.full-media-grid .tb .media-inner:after{display:none}
	.grid-container{position:relative;margin:0;display:block}
	.grid-container.span-6 .cell{width:100%}
	.grid-container.span-12 .cell{width:100%}
	.grid-container:after{content:"";height:0;margin:0;display:block;clear:both}
	.grid-container.span-4 .news-title { background-color: rgba(0,0,0,0.1); text-align: center; padding:15px; }
	.grid-container.span-4 .news-title h3 { font-size: 13px; line-height: 1; text-transform: uppercase; font-style: italic; }
	.cell{position:relative;float:left;width:100%;margin:0;display:block;-webkit-transform:translate3d(0, 0, 0)}
	.cell .cell-inner{position:relative;margin:0;text-align:left;display:block;background-color:#fff;padding:20px 0; height: 340px; overflow: hidden;}
	.cell .cell-inner.gray {background-color:#eee;}
	.cell .cell-inner h4{margin:0 20px;color:#171717}
	.cell .cell-inner h4 span {font-size: 10px;padding:0 10px; display: inline-block;color:#777;}
	.cell .cell-inner ul { margin:0 20px; }
	.cell .cell-inner ul li { margin:10px 0; padding:10px 0; border-top: 1px dotted #acacac; }
	.cell .cell-inner ul li a { display: block; color:#22413a; cursor: pointer; }
	.cell .cell-inner ul li span { display: inline-block; padding:3px 5px; font-weight: 700; font-size: 11px; }
	.cell .cell-inner ul li .meta-category { background-color: #fff; color:#ff2a00; }
	.cell .cell-inner ul li .meta-week { background-color: #22413a; color:#fff; }
	.cell .cell-inner ul li a h3 { font-size: 13px; font-weight: 700; margin:5px 0; overflow: hidden; text-overflow: ellipsis; }
	.cell .cell-inner ul li a h3 span {font-size: 11px;padding:0 5px 0 0; display: inline-block; vertical-align: top; width: 28%; float: left;}
	.cell .cell-inner ul li a h3 span.flowbox {font-size: 13px;padding:0; width: 72%;}
	.cell .cell-inner ul li a p { font-size: 11px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; }
	.cell .cell-inner ul li a p br { display: none; }
	.cell .cell-inner .sc-iframe { position: absolute; left:0; top:0; width: 50%; height: 170px; }
	.cell .cell-inner .sc-iframe iframe { height: 170px; }
	.cell .cell-inner .yt-link { position: absolute; right:0; top:0; display: block; width: 50%; height: 170px; background-image:url(../img/store.jpg); background-repeat: no-repeat; background-position: center center; background-size: contain; background-color: #FF2A00; }
	.cell .cell-inner .contact-link { position: absolute; left:0; bottom:0; display: block; width: 100%; height: 170px; background-color: #fff; background-image:url(../img/contact.png); background-repeat: no-repeat; background-size: 100%; background-position-y: 50%; }
	.cell .cell-inner .contact-link h5 { margin:60px 20px; font-weight: 700; font-size: 20px; line-height: 1.4; }
	.cell .cell-inner .contact-link h5 span { font-size: 12px; font-weight: 400; }
	.cell .cell-inner .contact-link h5 i { font-size: 25px; }
	.cell .cell-inner.heightS { height: 200px; }
	.cell .store-link { position: absolute; left:0; bottom:0; display: block; width: 100%; height: 170px; background-color: #fff; background-image:url(../img/contact.png); background-repeat: no-repeat; background-size: 100%; background-position-y: 50%; }
	.interactive-block img {display: block; width: 100%;}
	.interactive-block .imgmask {overflow:hidden;display:block;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
	.overlay-text{position:relative;margin:0;display:block;cursor:pointer}
	.overlay-text .text-block{width:100%;background-color:#FF2A00;display:block}
	.overlay-text .text-block h1{position:relative;margin:0 20px;padding:20px 0 0;color:#fff;font-size:12px;line-height:16px;letter-spacing: 2px; text-align:center;font-weight: 700;}
	.overlay-text .text-block h1 span { font-weight: 300; font-size:15px; }
	.overlay-text .text-block p{ margin:0 20px;padding:2px 0 20px; color:#fff; display:block; text-align: center; }
	.media-holder{position:relative;width:100%;height:0;padding:0 0 66.7%;background-color:#000;overflow:hidden; }
	.media-holder.h-50 { padding:0 0 50%; }
	.media-holder.h-33 { padding:0 0 33%; }
	.media-holder img,.media-holder iframe,.media-holder video,.media-holder embed{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden}
	.masthead { position: relative; width: 90%; margin: 30px auto 25px; text-align: center;}
	.masthead h2 { padding: 0 0 15px;}
}
@media all and (max-width:760px) {
	.cell .scroll-bar { height: auto; }
	.cell .h-fix { height: 340px; }
}
@media all and (min-width: 768px){
	article{margin:70px auto}
	article h3{margin:0 0 25px;padding-bottom:25px}
	article p{margin:0 auto 25px}
	article p:last-child{margin-bottom:0px}
	article.pull-quote-article p{float:right;width:60%}
	article.pull-quote-article .pull-quote{float:right;width:40%;margin:0}
	article.pull-quote-article .pull-quote span{margin:3px 30px 0 0;font-size:21px;line-height:21px}
	.full-media-grid{padding-bottom:42%}
	.full-media-grid .media-piece{display:block}
	.full-media-grid .media-piece .media-inner .media-video-holder{top:1px;left:1px;right:3px;bottom:1px;width:auto;height:auto}
	.full-media-grid .media-piece-feature{top:33%;left:0px;bottom:0px;width:50%}
	.full-media-grid .rb:after{display:block}
	.full-media-grid .tb .media-inner:after{display:block}
	.grid-container.span-6 .cell{width:50%}
	.grid-container.span-4 .cell{width:33.333%}
	.grid-container.span-8-4 .cell:first-child{width:66.667%}
	.grid-container.span-8-4 .cell:last-child{width:33.333%}
	.grid-container.span-4 .news-title { padding:25px; }
	.grid-container.span-4 .news-title h3 { font-size: 15px; }
	.cell .cell-inner{ height: 400px; -webkit-transition:background-color 250ms ease-out;-moz-transition:background-color 250ms ease-out;-ms-transition:background-color 250ms ease-out;-o-transition:background-color 250ms ease-out;transition:background-color 250ms ease-out}
	.cell .scroll-bar { overflow: scroll; }
	.cell .cell-inner h4 { margin: 0 30px; }
	.cell .cell-inner h4 span {font-size: 11px}
	.cell .cell-inner ul { margin:0 30px; }
	.cell .cell-inner ul li a { color:#22413a; cursor: pointer; -webkit-transition:color 250ms ease-out;-moz-transition:color 250ms ease-out;-ms-transition:color 250ms ease-out;-o-transition:color 250ms ease-out;transition:color 250ms ease-out }
	.cell .cell-inner ul li a:hover { color:#148485; cursor: pointer; }
	.cell .cell-inner .yt-link { height: 200px;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-ms-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out}
	.cell .cell-inner .yt-link:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";opacity:0.65; }
	.cell .cell-inner .sc-iframe,.cell .cell-inner .sc-iframe iframe { height: 200px; }
	.cell .cell-inner .contact-link { height: 200px; background-color: #fff; background-size: 100%; background-position-y: 50%; -webkit-transition:background-color 250ms ease-out;-moz-transition:background-color 250ms ease-out;-ms-transition:background-color 250ms ease-out;-o-transition:background-color 250ms ease-out;transition:background-color 250ms ease-out }
	.cell .cell-inner .contact-link h5 { color:#22413a; margin:20px 30px; font-weight: 700; font-size:23px; line-height: 1.3; }
	.cell .cell-inner .contact-link h5 span { font-size: 12px; display: none;}
	.cell .cell-inner .contact-link h5 i { font-size:30px; }
	.cell .cell-inner .contact-link:hover { background-color: #fff; }
	.interactive-block{background-color:#17201e}
	.interactive-block img {display: none;}
	.interactive-block .imgmask {overflow:hidden;display:block;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-ms-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out}
	.home .hero.interactive-block .imgmask {background-attachment: fixed;}
	.page-hero.interactive-block { height: 400px; }
	.page-hero.interactive-block .imgmask { background-size:800px 400px; background-color: #fff; }
	.overlay-text{position:absolute;top:50%;left:20px;right:20px;margin:0;text-align:center;-webkit-transform:translate3d(0, 0, 0)}
	.overlay-text .text-block{width:auto;background-color:transparent;display:inline-block}
	.overlay-text .text-block h1{position:relative;margin:-29px 0 0;padding:0;color:#fff;font-size:14px;line-height:1.4;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-ms-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out}
	.overlay-text .text-block h1::after { content:''; display: block; width: 40px; height: 2px; margin:20px auto 0; background-color: #fff; }
	.overlay-text .text-block h1 span { display: block; font-size:30px; letter-spacing: 4px; }
	.overlay-text .text-block p{max-width:666px;margin:-15px auto 0;color:#fff;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-ms-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out}
	.overlay-text .text-block p span{margin:0 40px;display:block}
	.interactive-block:hover .imgmask {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";opacity:0.4}
	.interactive-block:hover .overlay-text h1{margin:-58px 0 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1 }
	.interactive-block:hover .overlay-text p{margin:20px auto 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}
	.masthead { position: relative; width: 90%; max-width: 800px; margin: 75px auto 45px; text-align: center;}
	.masthead h2 { padding: 0;}
}

@media all and (min-width: 1200px){ /* profile */ 
	.section-inner hr{margin:20px 0;height:1px;}
	.secondary-image-block{width:66.667%;-webkit-transform:translate3d(0, 0, 0)}
	.secondary-image-block img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";opacity:0.85;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-ms-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out}
	.secondary-text-block{position:absolute;top:0px;right:0px;width:33.333%;height:100%;-webkit-transition:background-color 250ms ease-out;-moz-transition:background-color 250ms ease-out;-ms-transition:background-color 250ms ease-out;-o-transition:background-color 250ms ease-out;transition:background-color 250ms ease-out}
	.secondary-text-block h3{padding:0;margin:0 30px;}
	.secondary-text-block p{max-width:none;margin:20px 30px 0;padding:0;}
	.secondary-callout:hover .secondary-image-block img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}
	.secondary-callout:hover .secondary-text-block{background-color:#fff}
	.cta-arrow {font-size: 12px; margin: 20px 30px;padding: 0 0 12px; }
	.secondary-callout:hover .cta-arrow span { color:#a79577!important; }
	.secondary-callout:hover .cta-arrow .arrow { -webkit-animation:arrowSlideBorder .4s ease-in-out; -moz-animation:arrowSlideBorder .4s ease-in-out; }
	.secondary-turn .secondary-image-block{ float: right; }
	.secondary-turn .secondary-text-block { left:0; right:auto; }
}

@media all and (min-width: 1024px){
	#super-wrapper { top:0; }
	.overlay-text .text-block h1 span{font-size:40px; letter-spacing: 6px;}
	.cell .cell-inner .contact-link h5 { margin:70px 30px; font-size:28px; line-height: 1; }
	.cell .cell-inner .contact-link h5 span { font-size: 13px; display: inline; }
	.cell .cell-inner .contact-link h5 i { font-size:40px; }
}

@font-face { font-family: 'flexslider-icon'; src: url('../fonts/flexslider-icon.eot'); src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; }
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus { outline: none; }
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider { margin: 0; position: relative; zoom: 1 }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 30px; display: inline-block; content: '\f001'; color: rgba(255, 255, 255, 0.8); }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 20px; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 20px; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; }
.flex-control-nav { width: 100%; height: 100px; position: absolute; bottom: 0; text-align: center; z-index: 2;}
.flex-control-nav li { margin: 60px 6px 0; display: inline-block; zoom: 1; *display: inline; }
.menu-section .flex-control-nav li { display: inline-block; }
.flex-direction-nav a { display: none; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #ccc; background: rgba(255, 255, 255, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #eee; background: rgba(255, 255, 255, 0.7); }
.flex-control-paging li a.flex-active { background: #fff; background: rgba(255, 255, 255, 0.9); cursor: default; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
	.flex-direction-nav .flex-next { opacity: 1; right: 10px; }
	.flex-control-nav { height: 80px; }
	.flex-control-paging li a { width: 6px; height: 6px; }
}

/* ====================================================================================================================
 * SAKAI
 * ====================================================================================================================*/

/* profile */
body.page-profile { background: #fff; }

.header-nolink .interactive-block .imgmask { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity:0.4; }
.header-nolink .interactive-block .overlay-text h1{ margin:-58px 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; }
.header-nolink .interactive-block .overlay-text p{ margin:20px auto 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1; }
.header-nolink .interactive-block .imgmask-foot { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity:0.3; }
.secondary-callout .secondary-image-block img{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1; }
.secondary-callout .secondary-text-block{ background-color:#fff; }

.page-profile h3 { color: #FF2A00; }
.page-profile h3.second-ttl { padding-top: 20px; }
.prf-table { margin: 0 30px; }
.prf-table table tr td { margin-right: 10px; }
.secondary-text-block p.prf-txt { color: #000; line-height: 20px; }
.prf-txt span { font-weight: 700; }
.prf-list { margin: 0 30px; }
.bt1px { border-top: 1px solid #eee; margin-top: 100px; }
.biography { margin: 0 auto 50px; width: 80%; padding-top: 50px; }
.biography h3:after { content: ""; display: block; width: 20px; height: 1px; margin: 20px 0; background: #666; }
.bg-table { width: 100%; display: block; text-align: left; color: #000; padding-top: 20px; margin: 0 auto; }
.bg-table td { vertical-align: top; padding: 2px 0; line-height: 1.3; }
.bg-table td.year { width: 6%; }
.bg-table td.midashi { width: 94%; }
.bg-table td.bun { padding-bottom: 26px; color: #666; }
.w50per .media-holder { padding: 0 0 75%; }
.s-cat-l { font-size: 90%; color: #999; display: inline-block; width: 20%; vertical-align: top; }
.s-cat-ttl { display: inline-block; width: 70%; }
.s-cat-s { font-size: 90%; color: #999; display: inline-block; width: 10%; }

@media (max-width:768px) {
	.page-profile ul.prf-list { padding-bottom: 20px; margin: 0 20px; }
	.prf-table { margin: 0 20px; }
	.header-nolink .interactive-block .overlay-sp h1 { margin: 0 20px; padding: 10px 0; }
	.overlay-sp .text-block h1 span { padding-left: 10px; }
	.overlay-text-foot { top: 0; background: #E4ECEA; }
	.bg-table { width: 100%; color: #555; padding: 15px 0; }
	.bg-table td { width: 100%; display: block; padding-bottom: 10px; }
	.bg-table td.year { width: 100%; padding-bottom: 3px; font-weight: 700; font-size: 14px; color: #555; }
	.header-nolink .interactive-block .imgmask { display: none; }
	.biography { width: 85%; }
	.bt1px { margin-top: 30px; }
	.s-cat-l { width: 25%; }
	.s-cat-ttl { width: 75%; }
	.s-cat-s { width: 10%; }
}

@media (min-width:769px) {
	.header-nolink .foot-content .imgmask { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity:0.4; }
	.header-nolink .foot-content .overlay-text h1{ margin:-58px 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; }
	.header-nolink .foot-content .overlay-text p{ margin:20px auto 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1; }
	.scroll-bar { overflow: scroll; }
	.overlay-text .text-block h1::after { margin: 10px auto 0; }
}

@media (max-width:1200px) {
	.profile-image-block { background: #FFF; width: 65%; margin: 0 auto; padding-top: 20px; }
	.w50per .movie-holder { padding: 0 0 60%; }
}

@media (min-width:1200px) {
	.w50per { width: 50%; }
}

@media (max-width:1500px) {
	.profile-image-block { padding: 30px 0; background: #FFF; padding: 30px 0; background: #FFF; }
}


/* contact */
.header-nolink .interactive-block .imgmask { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity:0.4; }
.header-nolink .interactive-block .overlay-text h1{ margin:-58px 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; }
.header-nolink .interactive-block .overlay-text p{ margin:20px auto 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1; }
.cell .cnt-txt { text-align: center; padding: 30px 0 15px; }
.cell .cnt-mail { text-align: center; }
.cell .cnt-mail a img:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition-property: all; transition-duration: .3s; transition-timing-function: linear; transition-delay: 0;}
.cell .cell-contact { background-color: #eee }
@media (max-width:768px) {
	.header-nolink .interactive-block .overlay-sp h1 { margin: 0 20px; padding: 10px 0; }
	.overlay-sp .text-block h1 span { padding-left: 10px; }
	.cell .cell-contact { width: 90%; margin: 0 auto }
	.cell .cnt-txt { padding: 20px 0 15px; }
}
.contact_inner { margin:0;}
.contact_inner_mask { padding:30px 35px; }
.contact_body { max-width:890px; width:100%; margin:0 auto; padding:25px; box-sizing:border-box; border-top: 1px dotted #ccc; }
.hafbox { width:49%; float:left; }
.hafbox:first-child { margin-right:2%; }
.input_title { color:#222; display:block; padding:10px 0; }
input,textarea { border:none; outline:none; box-shadow: 0 1px 3px #ccc; background:#f9f9f9; }
input[type="text"],input[type="email"],input[type="tel"],input[type="date"],textarea { padding:10px; margin-bottom:10px; width:100%; vertical-align:bottom; letter-spacing:.05em; border-radius:0; box-sizing:border-box; -webkit-appearance:none; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
input[type="text"],input[type="email"],input[type="tel"],input[type="date"] {height: 45px;}
input[name="place"] { font-size: 18px; height: 60px; text-align: center; }
input.half-input{ width: 49%; }
input[type="submit"],input[type="reset"],button { cursor:pointer; -webkit-appearance:none!important; }
input[type="submit"]:disabled { background:#fff; opacity:1; -webkit-appearance:none!important; text-decoration:line-through; }
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="date"]:focus,textarea:focus { background:#fff; box-shadow: 0 1px 3px #888; }
label { padding:10px 0; display:inline-block; }
select { width: 100%; background:url("../img/select-background.png") no-repeat right center #f9f9f9; box-shadow: 0 1px 3px #ccc; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border:none; cursor: pointer; padding: 10px; height: 45px; -webkit-padding-end: 30px; -webkit-padding-start: 6px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
select:hover, select:focus { box-shadow: 0 1px 3px #888; background-color: #fff; outline: none; }
.oldie select { background: none; padding: 0; }
.outlinebtn { display:inline-block; padding:2px; border-radius:35px; vertical-align:middle; font-size:13px; line-height:1.6; text-transform:uppercase; background:#ff2a00; background:linear-gradient(to top,#d30037 0%,#d33700 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d30037',endColorstr='#d33700',GradientType=1); }
.outlinebtn .outlinebtn_inner,.outlinebtn input { display:block; position:relative; width:100%; height:100%; padding:10px 58px; background:#fff; border:none; border-radius:35px; color:#ff2a00; transition:all .3s cubic-bezier(0.645,0.045,0.355,1.000); }
.outlinebtn_black { display:inline-block; padding:10px 34px; border-radius:35px; vertical-align:middle; font-size:13px; line-height:1.6; color:#666; border:2px solid #666; background:#fff; text-transform:uppercase; transition:all .3s cubic-bezier(0.645,0.045,0.355,1.000); }
.outlinebtn:hover .outlinebtn_inner,.outlinebtn:hover input { color:#fff; background:transparent; }
.outlinebtn_black:hover { background:#222; color:#fff; }
.checkbox { position:relative; padding-left:32px; padding-right:5px; }
.checkbox .icon { display:inline-block; width:18px; height:18px; font-size:13px; line-height:18px; border:2px solid #9f9f9f; text-align:center; color:#fff; margin-right:10px; margin-left:-32px; }
.checkbox.checked .icon { color:#4c38bd; }
.submitarea { text-align:right; margin:50px 0 10px; }
.submitarea .outlinebtn { margin-left:10px; }
.wpcf7-not-valid { background:#F9F9F9; }
.contact_body .screen-reader-response ul { display:none; }
.contact_body div.wpcf7-response-output { border:none; background:#F9F9F9; color:#000; border-radius:4px; margin:1em 0; padding:.5em 1em; }
.contact_body div.wpcf7-mail-sent-ok { border-bottom:1px solid #d02525; background:#fff; color:#b44343; border-radius:0; padding:10px 0; margin:2em 0; }
.contact_body .wpcf7-not-valid-tip { color:#b44343; margin:0 0 20px; display:block; font-size:12px; height:20px; padding-top:5px; position:relative; }
.contact_body .ajax-loader { display:none; }
input.wpcf7-not-valid,textarea.wpcf7-not-valid { border-bottom:1px solid #b44343; margin-bottom:0; }
@media all and (max-width: 767px){
	.contact_inner_mask { padding:0; }
	.contact_body { padding:20px; }
	.hafbox { width:100%; float:left; }
	.outlinebtn .outlinebtn_inner,.outlinebtn input,.outlinebtn_black { padding:10px 18px; }
	.inputarea .clearfix { margin-bottom: 25px; }
}
.post-content { padding: 0 0 40px; }
.indent { max-width: 800px; width: 90%; margin:0 auto; padding:0; }
.indent p { margin:10px 0; }
.indent .text_content3 { font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-top: 35px; color: #5c5734;}
.indent .text_content4 { font-size: 14px; font-weight: bold; margin-bottom: 10px; margin-top: 15px; color: #B8001D;}
.indent .box_link { border:1px solid #ccc; margin:20px 0 0; padding:20px; }



/* news */
.header-nolink .interactive-block .imgmask { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity:0.4; }
.header-nolink .interactive-block .overlay-text h1{ margin:-58px 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; }
.header-nolink .interactive-block .overlay-text p{ margin:20px auto 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1; }
.cell .news img { opacity: 0.85; }
.cell:hover .news img { opacity: 1; }
.cell:hover .news { background-color: #dbe3e1; }
.cell .news { padding: 0; height: 230px; }
.cell .news .thumb { width: 35%; display: block; float: left; padding: 4% 0 4% 25px; }
.cell .news .thumb img { width: 100%; display: block; }
.cell .news .txt { width: 65%; float: left; padding: 4% 25px; }
.cell .news .category { display: inline; font-weight: 700; }
.cell .news .date { display: inline; padding-left: 15px; }
.cell .news h4.newsttl { color: #FF2A00; padding: 6px 0; margin: 0; }
.cell .news p.newstxt { font-size: 12px; line-height: 20px; ;}
.cell a.page-link { position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url("about:blank"); display:block; }
.cell a.page-link:hover { cursor: pointer; }
.section-inner .more { display: block; padding: 20px 0; text-align: center; clear: both; background: #fff; font-size: 20px; border: 1px solid #eee; }
.section-inner .more:hover { background: #eee; }
.more a.morenews { color: #FF2A00; font-style: italic; }

@media (min-width:1400px) {
	.cell .news { height: auto; }
	.cell .news .thumb { width: 35%; display: block; float: left; padding: 0; }
	.cell .news .thumb img { width: 100%; display: block; }
}

@media (max-width:540px) {
	.cell .news { height: auto; }
	.cell .news .thumb { width: 40%; display: block; float: left; padding: 0; }
	.cell .news .txt { width: 60%; float: left; padding: 4% 25px; }
}

@media (max-width:768px) {
	.cell .news { border-bottom: 1px solid #eee; }
	.cell .news .thumb { width: 30%; padding: 15px 0 15px 15px; }
	.cell .news .txt { width: 70%; }
	.header-nolink .interactive-block .overlay-sp h1 { margin: 0 20px; padding: 10px 0; }
	.overlay-sp .text-block h1 span { padding-left: 10px; }
}

/* works */
.header-nolink .interactive-block .imgmask { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity:0.4; }
.header-nolink .interactive-block .overlay-text h1{ margin:-58px 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; }
.header-nolink .interactive-block .overlay-text p{ margin:20px auto 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1; }
.cell .movie { padding: 20px; height: 420px; }
.cell:hover .movie { background: #dbe3e1; }
.cell .movie iframe { width: 100%; height: 55%; padding: 0 0 7%; }
.cell .mv-all h4.mv-ttl { margin: 0; color: #ff2a00; font-size: 13px; line-height: 20px; padding-bottom: 6px; }
.cell .mv-all h4.mv-ttl a { margin: 0; color: #ff2a00; font-size: 13px; line-height: 20px; padding-bottom: 6px; }
.cell .mv-all h4.mv-ttl a:hover { text-decoration: underline; }
.cell .mv-all p.mv-txt { font-size: 12px;line-height: 20px; }
.nomovie { width: 100%; height: 55%; padding: 0 0 7%; }
.nomovie img { width: 100%; height: 100%; border: 1px solid #eee; }
.section-inner .sub-ttl { display: block; padding: 20px 0; text-align: center; clear: both; background: #fff; font-size: 20px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.section-inner .sub-ttl h3 { color: #FF2A00; font-style: italic; }
.thumb-w { width: 70%; margin: 0 auto; padding: 10px 0 30px; }
.thumb-w img { width: 100%; }

@media (max-width:1100px) {
	.cell .movie iframe { height: 45%; }
	.nomovie { height: 45%; }
}

@media (min-width:1400px) {
	.cell .movie { height: 450px; }
	.cell .movie iframe { height: 67%; }
	.nomovie { height: 67%; }
}

@media (max-width:768px) {
	.profile ul.prf-list { padding-bottom: 20px; margin: 0 20px; }
	.prf-table { margin: 0 20px; }
	.header-nolink .interactive-block .overlay-sp h1 { margin: 0 20px; padding: 10px 0; }
	.overlay-sp .text-block h1 span { padding-left: 10px; }
	.cell .movie { border-bottom: 1px solid #eee; height: auto; }
	.thumb-w { width: 30%; padding: 10px 20px 30px 0; float: left; }
	.mv-all-c { float: right; width: 70%; padding-top: 7px; }

}

@media (min-width:768px){
	.grid-container.span-4 .col4 { width: 25%; }
}

@media (max-width:500px) {
	.s-cat-s { width: 15%; }
}