/*
Template:xeory_extension
Theme Name:nick-stock
Description:xeory_extension の子テーマです
*/
@charset "UTF-8";
html { font-family: "Sawarabi Gothic";height:100%;padding:0;margin:0;overflow: auto;-webkit-overflow-scrolling:touch;}
body{height:100%;overflow: auto;padding:0;margin:0;-webkit-overflow-scrolling:touch;}
.bgfff{background-color:rgba(255,255,255,0.80)}
.about-box{padding-bottom:30px;}
h2.blue{font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:20px;padding:3px 3px 2px 10px;font-weight:500; background-color:#171c61;color:#fff;margin-top:30px;}
h3.location{font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color:#171c61;font-size:20px;padding:0 3px;font-weight:bold;margin-bottom:5px;}
.location-inner{font-size:100%;padding:10px 5px 5px 10px;border:solid 1px #171c61;border-left:solid 10px #171c61;}
.location-inner p{padding-left:5px;margin-bottom:5px;font-size:13px;}
.navbar-inverse{background-color:rgba(0,0,0,0.5);}
.navbar-inverse .navbar-toggle {color: #fff;border-color: #fff;}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {background-color: #171c61;}
.navbar-nav li a.fff{color:#fff;font-size:100%;font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;opacity:1}
.navbar-nav li a.fff:hover{color:#fff;background-color: #171c61}
.navbar-nav li img.logo{max-width:130px;margin-right:30px;}

div.area{font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:150%;margin-top:30px;margin-bottom:-50px;padding:5px 5px 0 5px;font-weight:bold;overflow: hidden;text-align: center;}
div.area p {display: inline-block;padding: 0 0.5em ;position: relative;}
div.area p:before,
div.area p:after {border-top: 1px solid #171c61;content: "";position: absolute;top: 50%;width: 99em;}
div.area p:before {right: 100%;}
div.area p:after {left: 100%;}
div.area:before {content: "";position: absolute;top: 50%;left: 0;width: 100%;}

div.menu{max-width:100%;color:#333;font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:150%;margin-top:20px;padding:5px;font-weight:bold;overflow: hidden;text-align: center;}
div.menu p {display: inline-block;padding: 0 0.5em;position: relative;margin-top:20px;font-size:150%}
div.menu p:before,
div.menu p:after {border-top: 3px dotted #dd0000;content: "";position: absolute;top: 50%;width: 99em;}
div.menu p:before {right: 100%;}
div.menu p:after {left: 100%;}
div.menu:before {content: "";position: absolute;top: 50%;left: 0;width: 100%;}
div.menu p:hover{color:#dd0000}
div.menu span.all{font-size:12px;font-weight: normal;color:#fff;background-color:#dd0000;padding:5px;}

div.about{font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 700;color:#666; line-height:200%;font-size:14px;padding-left:30px;padding-top:30px}
div.news{font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 700;color:#666; line-height:200%;font-size:14px;padding-left:30px;padding-top:30px;border:solid 1px #dd0000;border-radius: 5px;}
h3.about{font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;padding:3px 3px 2px 10px;font-weight:500; background-color:#171c61;color:#fff}
p.note{font-size:12px;display: block;width:100%;clear:both}
.list-unstyled img{opacity: 0.9 ;}
.list-unstyled img:hover{opacity: 1;}
.location-box{margin:0 auto 50px auto;}
div.location{margin-top:30px;padding-top:0}
span.label {margin-left:20px;position: relative;display: inline-block;padding: 0 5px;width: auto;min-width: 50px;height: 23px;color: #F6F6F6;line-height: 23px;text-align: center;background: #dd0000;z-index: 1;font-size:60%;font-weight: 500;}
span.label:after {content: "";position: absolute;top: 50%; left: -5px;margin-top: -5px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 5px 5px 5px 0;border-color:transparent #dd0000 transparent transparent;}
a{color:#dd0000;}
a:hover{color:#880000}
.logo{max-width:200px;}
div.form{margin-top:5px;}
div.form:first-child{margin-top:20px}
footer{color:#fff;font-size:80%;margin-top:30px;margin-bottom:0;padding-top:10px;padding-bottom:0;border-bottom:solid 20px #171c61;background-color:rgba(0,0,0,0.7)}
footer a{color:#fff;}
footer img{max-width:100px;}
.btn_b {width: 50px;height: 50px;background: #FFF;border: 1px solid #666;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;color: #666;padding:8px 20px 20px 10px;display: block;text-align: center;font-weight: bold;-webkit-transition: background-color 0.3s ease-in;transition: background-color 0.3s ease-in;}
.btn_b:hover {background: #666;color: #FFF;border: 1px dotted #FFF;}
.btn_b_box{display:inline-block;margin-right:10px;}
.flexslider{margin-bottom:20px;}

#pageTop {position: fixed;bottom: 20px;right: 20px;}
#pageTop a {display: block;z-index: 999;padding: 8px 0 0 4px;border-radius: 30px;width: 35px;height: 35px;background-color: #171c61;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pageTop a:hover {text-decoration: none;opacity: 0.7;}
.top-parent{display:block;height:90%}
.top-parent header{margin-top:30px;display:block;}
.top-parent .slide-on{font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;display:block;height:80%;padding-top:30%;color:rgba(255,255,255,1);font-size:20px;font-weight: bold;text-shadow: 2px 2px 1px rgba(0,0,0,0.5);}
@media (min-width: 1200px) {
.top-menu{position: absolute;top:0;right:10;z-index: 10;padding:20px}
.top-parent .slide-on{font-size:20px;}
.fb-page{margin-top:10px;}
.navbar-nav li.menu{margin-top:10px;}
ul.navbar-nav{margin-right:20px;}
p.note{width:80%;}
/* ▽▽アコーディオン開閉指定▽▽ */
input[type="checkbox"].bellows + div{
max-height: 260px;/* チェックが入っていない時の高さ */
overflow: hidden;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.top-menu{position: absolute;top:0;right:0;z-index: 10;padding:20px;}
.top-parent .slide-on{font-size:18px;}
.fb-page{margin-top:10px;}
.navbar-nav li.menu{margin-top:10px;}
ul.navbar-nav{margin-right:20px;}
p.note{width:80%;}
/* ▽▽アコーディオン開閉指定▽▽ */
input[type="checkbox"].bellows + div{
max-height: 260px;/* チェックが入っていない時の高さ */
overflow: hidden;}
}
@media (min-width: 768px) and (max-width: 991px) {
.top-menu{position: absolute;top:0;right:0;z-index: 10;padding:20px;}
h2.blue{font-size:20px;}
h3.location{font-size:110%;}
.location-inner{font-size:90%;}
div.location{padding-top:0}
div.about{padding-left:0}
.top-parent .slide-on{font-size:15px;}
.fb-page{margin:5px auto;}
div.area{margin-top:25px;padding-bottom:0;margin-bottom:-70px;}
/* ▽▽アコーディオン開閉指定▽▽ */
input[type="checkbox"].bellows + div{
max-height: 200px;/* チェックが入っていない時の高さ */
overflow: hidden;}
}
@media (max-width: 767px) {
.top-nav li{display:block;margin-right:20px;margin-bottom:0;}
.top-menu{position: absolute;top:0;right:0;z-index: 10;padding-right:20px;}
h2.blue{font-size:18px;text-align: center}
h3.location{font-size:110%;}
.location-inner{font-size:90%;}
div.location{padding-top:0;margin-bottom:-30px}
div.location:last-child{margin-bottom:10px;}
div.about{padding-left:0}
.top-parent{display:block;height:70%}
.top-parent .slide-on{font-size:13px;}
.fb-page{margin:5px auto;}
div.area{margin-top:25px;padding-bottom:0;margin-bottom:-90px}
/* ▽▽アコーディオン開閉指定▽▽ */
input[type="checkbox"].bellows + div{
max-height: 150px;/* チェックが入っていない時の高さ */
overflow: hidden;}
}

label {font-size:13px;padding :10px 0 0 10px;display: block;margin: 0;cursor :pointer;}
input[type="checkbox"].bellows{
display: none;/* チェックボックスの非表示 */
}
.ac_menu div {
/* メニュー開閉時アニメーション */
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
.ac_menu li {padding: 0;}
input[type="checkbox"].bellows:checked + div{
max-height: 3000px;/* チェックが入っているときの高さ */
}
/* △△アコーディオン開閉指定△△ */
input[type="checkbox"].bellows + div.menu{border-bottom:solid 5px #888}
input[type="checkbox"].bellows:checked + div.menu{border-bottom:none}
/*スクロール表示*/
.list{max-width:100%;list-style-type:none;overflow:auto;padding:0;margin:0}
.list li.list-mv02{max-width:100%;float: left;transition: 1s;width: 100%}
.list-mv04{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}
.mv04{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
.list-mv02{opacity: 0;}
.mv02{opacity: 1.0;}