@charset "utf-8";
@import "reset.css";
/*@import "genericons.css";web-font-icon-use*/
@import "../../manage/common/font-awesome.min.css";/*web-font-icon-use2*/
@import "common.css";

/* CSS Document */
/*==================== 基本設定 ====================*/
body{max-width:480px;margin:0 auto;
font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;font-size:15px;line-height:1.5;color:#333;-webkit-text-size-adjust:none;overflow-x:hidden;letter-spacing:1px;}
table{font-size:1em;}
img,object{max-width:100%;}

.come_wrapper{padding:0 10px;}

.header_cont{position:relative;height:60px;background:url(../images/header_bg.png) 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}
.header_cont .logo{width:115px;height:60px;margin-right:auto;margin-left:auto;}
.header_cont .menu{width:60px;height:60px;position:absolute;top:0;left:0;}

.header_image{position: relative;width: 100%;}
.header_image:before {content:"";display: block;padding-top: 120%;}
.header_image ul{position: absolute;top: 0;left: 0;bottom: 0;right: 0;display:block;}
.header_image li{position:absolute;width:100%;height:100%;}
.header_image li span{display:block;width:100%;height:100%;background:none 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}
.header_image .member{width:100px;height:100px;top:0;right:10px;position:absolute;}
.header_image .member img{width:100%;}
.header_image .word{width:100%;top:48%;left:0;position:absolute;text-align:center;}
.header_image .word img{width:88%;}

.layout_footer{background:#441b43;}
.footer_cont{font-size:12px;text-align:center;padding:8px 10px 20px;}
.footer_cont span{display:inline-block;}
.layout_footer{color:#fff;}
.layout_footer .copy{text-align:center;font-size:11px;color:#fff;padding:9px 0 6px;}
.layout_main_navi{width:100%;height:100%;height:100vh;position:absolute;top:0;left:0;display:none;}
.layout_main_navi ul{width:100%;padding:23px 0;background:rgba(68,27,67,0.9);margin-top:60px;position:relative;}
.layout_main_navi li{height:51px;text-align:center;}
.layout_main_navi li a{display:block;}
.layout_main_navi li img{height:51px;}
.layout_main_navi li.close{width:55px;height:39px;position:absolute;top:0;right:0;}
.layout_main_navi li.close img{height:39px;}

.layout_main_navi li.insta{height:50px;padding: 20px 0 0;}
.layout_main_navi li.insta img{height:50px;}

.header_image.second_fixed{position:fixed;top:0;left:0;height:100vh;z-index:1;}
.layout_header{position:relative;z-index:2;}
.layout_contents{position:relative;z-index:3;}
.layout_footer{position:relative;z-index:4;}
.layout_main_navi{z-index:900;}

/********** ボタン関係 **********/
button,input[type=button],input[type=reset],input[type=submit] {}  

/********** テキスト入力関係 **********/
textarea,select,input{width:100%;}
input[type="checkbox"],input[type="radio"]{width:auto;}

textarea,select,input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"] ,input[type="search"]{
font-family:"HiraKakuProN-W3",Arial,sans-serif;
font-size:14px;padding:7px 10px;
border:1px solid #ccc;
box-sizing:border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
-moz-box-sizing:border-box;-webkit-box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing: border-box;box-sizing:border-box;}

label{display:block;}
select,input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"] ,input[type="search"]{
}

textarea:focus,textarea:hover { height: 10em; }

/********** SNSボタン **********/
#sns li{ float:right; width:30%; text-align:center; }

/********** メインビジュアル **********/
/** jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ ** Copyright 2012 WooThemes* Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html ** Contributing author: Tyler Smith (@mbmufffin)*/
 
/* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles*********************************/ 
.slider_img{ position:relative;}
.slider{ background:#FFFFFF; position: relative;}
.flexslider {margin: 0; padding:0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{ /** max-height: 350px; **/ max-width: 640px; margin:0 auto; display: block; width:100%;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height:1%;}

/* No JavaScript Fallback *//* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

.flex-control-nav{height:20px;margin-right:-5px;text-align:center}
.flex-control-nav li{margin-right:5px;line-height:20px;display:inline-block;}
.flex-control-nav a{width:20px;height:20px;overflow: hidden;text-indent: 100%;white-space: nowrap;display:block;position:relative;}
.flex-control-nav a:before,.flex-control-nav a.flex-active:before{position:absolute;font-size:44px;margin-top:-8px;left:-32px;line-height:1;top:0;font-family:genericons;content:"\f428";}
.flex-control-nav a:before{color:#ccc;}
.flex-control-nav a.flex-active:before{color:#000;}