@charset "utf-8";

/*//////////// 基本サイズ14px  ////////////
表示サイズ　指定する値
10px　72%
11px　79%
12px　87%
13px　94%
14px　100%
15px　108%		29px　208%
16px　115%		30px　215%
17px　122%		31px　222%
18px　129%		32px　229%
19px　136%		33px　236%
20px　143%		34px　243%
21px　150%		35px　250%
22px　158%		36px　258%
23px　165%		38px　265%
24px　172%		38px　272%
25px　179%		39px　279%
26px　186%		40px　286%
27px　193%		41px　293%
28px　200%		42px　300%

//////////////////////////////*/


/*************************************************
			default
*************************************************/
body {margin: 0px;padding: 0px;font-size:15px;color:#333;
			-webkit-text-size-adjust: none;/*iphoneの文字サイズの自動調整解除*/
			/*font-feature-settings : "palt";	fontの自動カーニング*/
			font-weight:normal;font-style: normal;
			font-family:Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif, source-han-serif-japanese,serif;}


/*源ノ明朝 Light*/
.min-light{font-family:source-han-serif-japanese,serif;font-weight: 300 !important;font-style: normal;}
/*源ノ明朝 Regular
.min-regular{font-family:source-han-serif-japanese,serif;font-weight: 400 !important;font-style: normal;}*/
/*源ノ明朝 Medium
.min-medium{font-family:source-han-serif-japanese,serif;font-weight: 500 !important;font-style: normal;}*/
/*源ノ明朝 SemiBold
.min-semibold{font-family:source-han-serif-japanese,serif;font-weight: 600 !important;font-style: normal;}*/
/*源ノ明朝 Bold
.min-bold{font-family:source-han-serif-japanese,serif;font-weight: 700 !important;font-style: normal;}*/


a         {color: #990000;text-decoration:none;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}/*hover ゆっくり変わる*/
a:link    {color: #990000;text-decoration:none;}
a:visited {color: #996633;text-decoration:none;}
a:active  {color: #990000;text-decoration: underline;}
a:hover   {color: #FF9900;text-decoration: underline;}

h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;}
	
img {border:none;margin:0;padding:0;vertical-align:middle;}
a:hover img {opacity: 0.7;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

ul {margin:0px;padding:0px;list-style:none none outside;}
ol{margin:0;padding:0;}

p.clear		{clear:both;line-height:0px;display:block;}
div.clear {clear:both;}

hr{ border:none;border-top:1px solid #ccc;height:1px;}
/*hr{background:url(../images/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/

.dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;}
.solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;}

.strong{font-weight:bold;}

table{border-collapse: collapse;}


/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}



/*----トップローディング ---------------------*/
#loader {position: fixed;z-index:900;text-align: center;width: 100%;height: 100%;background:#fff;}
#load-text {position: absolute;font-size: 72%;color: #444;text-align: center;width: 100%;top: 50%;margin-top: -40px;padding-top:40px;display: block;background:url(../js/loading.svg) no-repeat center top;}
/*横に伸びるバー
#bar {width: 100%;height: 1px;font-size: 2px;position: absolute;top: 50%;}
#bar span {display: block;width: 0px;height: 1px;background: #c3bbb5;}*/



/* ページの各セクション-------------------*/
.section{padding:60px 0 60px 0;}
.section-end{padding:60px 0 60px 0;background:url(../img/header_bg.jpg);}





/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;z-index:1;width:100%;}
.container {width:1000px;margin:0 auto;padding:0;line-height:1.9;overflow: hidden;}



/*ページ上部右の出てくるナビmenu---*/
#menubtn{display:none;}
#navi_sp{display:none;}



/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/
#header{position: fixed;z-index:400;width:100%;height:83px;background-color:#ff0000;border-bottom:3px solid #ffff00;}

#header h1{display:none;}

.head-cont{width:1000px;margin:0 auto 0 auto;}
.header-logo{position:absolute;z-index:100;}
.header-logo a{background:#fff url(../img/rogo.png) no-repeat center center;width:260px;height:124px;text-indent: -8989px;display: block;overflow: hidden;border:1px solid #ff0000;background-size:224px;}
.header-logo a:hover img{opacity:1;}


/* ==================== 全ページ共通の横メニュー ==================== */
.yokomenu-bg{position:absolute;top: 45px;width:1000px;margin:0 auto;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
.menu-yokomenu-container{}

ul#yoko-menu {float: right;}
ul#yoko-menu li{position:relative;right:0;float:left;margin: 0;padding: 0;text-align: center;}
ul#yoko-menu li a{font-size: 108%;color: #fff;border-left: 1px solid #fff;line-height: 23px;height:27px;display: block;overflow: hidden;padding: 0 20px;text-decoration: none;opacity: 0.9;}
/*IE8以上
ul#yoko-menu li a{padding-top:20px\0;}*/

/*ul#yoko-menu li.arrow > a{background:url(../img/arrow_9-5.png) no-repeat center 55px;}----未使用*/
ul#yoko-menu > li:first-child a{background:url(../img/home.png) no-repeat center center;text-indent:-8989px;display:block;overflow:hidden;padding: 0 35px;}
ul#yoko-menu > li:last-child a{border-right:1px solid #fff;}
ul#yoko-menu li a:hover{color:#fff;background-color:rgba(0,0,0,0.2);}


/*カレント表示用----------------*/
/*body.home ul#yoko-menu li.yokomenu1 > a,*/	/*ホーム*/
body#news ul#yoko-menu li.yokomenu2 > a,				/*お知らせ*/
body#shop ul#yoko-menu li.yokomenu6 > a{color:#fff;background-color:rgba(0,0,0,0.2);}	/*店舗案内*/


/*プルダウン部分 submenu*/
/*三角の表示用
ul#yoko-menu ul li:first-child a:after {content: '';position: absolute;width: 0;height: 0;left:45%;top: -9px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #53912b;}
*/
ul#yoko-menu li ul {position: absolute;background-color:#64000f;z-index:200;list-style-type: none;top:100%;left:0;width:100%;margin: 0;padding: 0;}
ul#yoko-menu li ul li {overflow: hidden;line-height:1.2;text-align:center;background-image:none;width: 100%;height: 0;transition: .2s;}
ul#yoko-menu li ul li a {font-size:93%;line-height:1.2;color:#fff;text-decoration:none;display:block;height:35px;padding: 7px 0 0 0;background-image: none !important;border-left:none;}
ul#yoko-menu li:last-child ul li a {border-right:none;}

ul#yoko-menu > li:hover > a {}
ul#yoko-menu > li:hover li > a:hover {background-color:rgba(0,0,0,0.3);color:#fff;}/*background-color:#751e1e;*/
ul#yoko-menu li:hover > ul > li {overflow: visible;height:35px;border-bottom:1px dotted #8a4d57;border-right:none;}
ul#yoko-menu li:hover > ul > li:last-child{border-bottom:none;}


/*subsubmenu
ul#yoko-menu li ul li ul {top: 0;left: 100%;}
ul#yoko-menu li:last-child ul li ul {left: -100%;width: 100%;}
ul#yoko-menu li ul li ul li:first-child a:after{border:none;}
ul#yoko-menu li:hover ul li ul li:hover > a {}
ul#yoko-menu li ul li ul:before							{position: absolute;content: "";top:18px;left: -15px;width: 0;height: 0; border: 5px solid transparent;border-left-color:#fff;}三角の表示用
ul#yoko-menu li:last-child ul li ul:before	{position: absolute;content: "";top:18px;left: 200%;margin-left: -20px;border: 5px solid transparent; border-right-color:#fff;}
*/





/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/


/*/////////////　動画　//////////////////////////////*/
/*サーバー内埋め込み*/
#index-movie-box{max-width:540px;margin:80px auto 50px auto;border: 1px solid #ddd;}
.index-movie{position: relative;width:100%;height: 0;padding-bottom:56.3%;}/*padding-bottom:56.3%;padding-bottom:48.2%;*/
.index-movie video {position: absolute;top: 0;left: 0;width: 100% !important;height: auto !important;}

/*facebook動画のiframe埋め込み*/
.video-container{position: relative;text-align: center;max-width:780px;margin:0 auto 50px auto;}


/*ショート動画-----------*/
.index-movie-short{margin-top:-40px;}
.index-movie-short iframe {position: relative;aspect-ratio:9 /16;width: 380px;height: auto;}
.index-movie-short .video {height: 100%;margin: 0 auto;overflow: visible;padding-bottom: 0;width: 300px;   /* ビデオ横幅 */}

/*instagramの動画-----------*/
.insta-movie{margin-top:0px;position: relative;max-width: 540px;}
.insta-movie iframe{border:none !important;}
.insta-movie::before {content: "※クリックで動画が再生されます";position: absolute;font-size: 80%;color:#f00;bottom: 14%;right: 10px;}
/* PCのみ再生ボタンを出す（768px以上）---出せるが、再生中は消したいが消せないのでやめた 
@media screen and (min-width: 768px) {
  .insta-movie::after {
    content: "▶";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 64px;
    color: rgba(255,255,255,0.9);
    pointer-events: none;
    z-index: 11;
    transition: opacity .2s ease;
  }

  .insta-movie.is-played::after {
    opacity: 0;
  }
}
*/





/*全ページ共通のSNSボタン----------------*/
#sns-box{margin-top:60px;text-align:center;}
#sns-box ul{margin:0 !important;padding:0;}
#sns-box ul li{display:inline-block;margin: 0 4px;width: 25px;height: 25px;padding:0 !important;}
#sns-box ul li a img{width:100%;height:100%;}
#sns-box ul li a:hover,
#sns-box ul li a:active{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}


/*全ページ共通のページ下部の上部へ戻る */
#pagetop {position:relative;width:100%;margin:0 auto;z-index:500;}
#pagetop a {position: fixed;bottom:45px;right:30px;display: block;background:url(../img/pagetop.png) no-repeat 0px top;width:65px;height:65px;text-indent:-8989px;display:block;overflow:hidden;opacity:0.4;filter: alpha(opacity=40);-ms-filter: "alpha( opacity=40 )";}
#pagetop a:hover {opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}





/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer{width:100%;text-align:center;background-color:#ff0000;}

ul.footer-yokomenu{text-align:center;margin-top:18px;}
ul.footer-yokomenu li{display:inline-block;margin:0 18px 7px 18px;}
ul.footer-yokomenu li a{background:url(../img/arrow_yellow9-9.png) no-repeat 0 center;padding-left:12px;font-size:108%;color:#fff;line-height:1.1;text-decoration:none;}
/*IE8以上*/
ul.footer-yokomenu li a{background:url(../img/arrow_yellow9-9.png) no-repeat 0 6px\0;}
ul.footer-yokomenu li a:hover{opacity:0.7;}

.footer-zip-box{text-align:center;margin-top:20px;}

.footer-logo{}
.footer-logo a{background:#fff url(../img/rogo.png) no-repeat center center;width:170px;height:80px;text-indent: -8989px;display: block;overflow: hidden;border:1px solid #ff0000;background-size:147px;margin:0 auto;}
.footer-logo a:hover{opacity:0.7;}


.footer-zip{}
table.footer-zip-table{margin:3px auto 0 auto;line-height:1.4;font-size:108%;color:#fff;}
table.footer-zip-table th{font-weight:bold;text-align:left;padding:5px 15px 0 0;background-color: transparent;color: #fff;border: none;}
table.footer-zip-table td{padding:5px 15px 0 0;text-align:left;border: none;}
table.footer-zip-table caption{font-weight:bold;text-align:left;}
table.footer-zip-table td span{padding-right:15px;}

.footer-link-btn{width:180px;margin:15px auto 0 auto;text-align: left;}
.footer-link-btn a{display:block;border: 1px solid #fff;font-size: 86%;line-height: 1.1;padding:4px 0 3px 23px;background: url(../img/arrow_white9-9.png) no-repeat 10px center;color: #fff;margin-top: 10px;}
/*IE8以上*/
.footer-link-btn a{padding: 6px 0 3px 25px\0;}
.footer-link-btn a:hover{opacity:0.7;background-color:rgba(0,0,0,0.3);border: 1px solid #ddd;text-decoration:none;}

#footer .copyright{font-size:72%;color:#ddd;line-height:1.2;text-align:center;margin-top:30px;background-color:#000;padding:12px 0;}



/*印刷しない--------------------*/
@media print {
#pagetop,
#pagetop a{display:none;}

#header{position: absolute;}
}