@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" 1;	/*fontの自動カーニング*/
			letter-spacing: 0.08em;
			font-weight:normal;font-style: normal;
			font-family:Roboto, 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:70px 0 70px 0;}
.section:nth-child(even){background-color:#f0f0f0;}
.section-end{padding:70px 0 60px 0;background-color:#f0f0f0;}

/*.field-bg-white1{background-color:rgba(255,255,255,0.6);}うすい白*/



/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;z-index:1;width:100%;background:url(../img/index_main_grade.png) repeat-x center top;}
.container {width:1000px;margin:0 auto;padding:0;line-height:1.9;overflow: hidden;}



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


/*ionicons.min.css用のfont-size----*/
.icon-size-s{font-size:72%;padding-right:4px;vertical-align: middle;}




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

#header h1{display:none;}

.head-cont{width:1000px;margin:0 auto 0 auto;}
.header-logo{position:absolute;top:7px;z-index:100;margin:0 auto;right:0;left:0;text-align:center;line-height: 1.3;}
.header-logo a{font-size:72%;color:#545454;letter-spacing:0.2em;text-decoration:none;}
.header-logo a img{margin-top:3px;}
.header-logo a:hover{opacity:0.7;}


/* ==================== 全ページ共通の横メニュー ==================== */
.yokomenu-bg{position:absolute;top:65px;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 {}
ul#yoko-menu li{position:relative;right:0;float:left;margin: 0;padding: 0;text-align: center;width:20%;}
ul#yoko-menu li a{font-size:115%;color:#000;line-height:48px;height:50px;background:url(../img/yokomenu_bar.png) no-repeat left 13px;display: block;overflow: hidden;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/yokomenu_bar.png) no-repeat left 13px , url(../img/home.png) no-repeat center center;text-indent:-8989px;display:block;overflow:hidden;}
ul#yoko-menu > li:last-child a{background:url(../img/yokomenu_bar.png) no-repeat left 13px , url(../img/yokomenu_bar.png) no-repeat right 13px;}
ul#yoko-menu li a:hover{color:#7c0c0c;background-color:#f0e8e8;}


/*カレント表示用----------------*/
/*body.home ul#yoko-menu li.yokomenu1 > a,*/	/*ホーム*/
body#company ul#yoko-menu li.yokomenu2 > a,			/*会社案内*/
body#shop ul#yoko-menu li.yokomenu3 > a,				/*店舗案内*/
body#recruit ul#yoko-menu li.yokomenu4 > a,			/*採用情報*/
body#toiawase ul#yoko-menu li.yokomenu5 > a{color:#7d0016;background-color:#f0e8e8;}	/*お問合せ*/


/*プルダウン部分 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.yokomenu3 ul{width: 140%;margin: 0 0 0 -20%;}
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:9px 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:14px;left: -12px;width: 0;height: 0; border: 4px solid transparent;border-left-color:#cca9a9;}/*三角の表示用*/
ul#yoko-menu li:last-child ul li ul:before	{position: absolute;content: "";top:14px;left: 200%;margin-left: -12px;border: 4px solid transparent; border-right-color:#cca9a9;}/*三角の表示用*/






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

/*全ページ共通の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;border-top:4px solid #cc0000;margin-top: 50px;}

ul.footer-yokomenu{text-align:center;margin-top:18px;}
ul.footer-yokomenu li{display:inline-block;margin:0 30px 7px 30px;}
ul.footer-yokomenu li a{background:url(../img/arrow_red7-7.png) no-repeat 0 center;padding-left:12px;font-size:108%;color:#444;line-height:1.1;text-decoration:none;}
ul.footer-yokomenu li a:hover{color:#cc0000;}

ul.footer-ajiyabrand{border-top:1px dotted #aaa;border-bottom:1px dotted #aaa;margin-top:10px;text-align:center;padding:10px 0;}
ul.footer-ajiyabrand li{display:inline-block;margin:0 20px 5px 20px;line-height:1.1;}
ul.footer-ajiyabrand li a{background:url(../img/arrow_red7-7.png) no-repeat 0 center;padding-left:11px;font-size:100%;color:#444;text-decoration:none;}
ul.footer-ajiyabrand li a:hover{color:#cc0000;}

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

.footer-logo{display:inline-block;text-align:left;line-height: 1.3;margin-right:40px;vertical-align:top;}
.footer-logo a{font-size:72%;color:#545454;letter-spacing:0.2em;text-decoration:none;}
.footer-logo a img{margin-top:3px;width:275px;}
.footer-logo a:hover{opacity:0.7;}

.footer-zip{display:inline-block;text-align:left;line-height: 1.7;font-size:100%;}
.footer-zip span{display:inline-block;padding-right:20px;}

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



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

#header{position: absolute;}
}