@charset "utf-8";

/*************************************************
	index専用
*************************************************/

/*上部の大きな固定画像-----------------------
#headerimgs{position: relative;padding-top:83px;background-color:#ffffcc;text-align:center;}
#headerimgs img{max-width:100%;}
*/

/*TOPページ上部の背景big画像-------------*/
.headerimgs-wrapper{position: relative;height:100%;overflow: hidden;padding-top: 83px;background-color: #f00;}
#headerimgs{}

.index-bigimg-text{position:absolute;top:44%;right: 0;left: 0;margin: 0 auto;display: table;z-index: 1;width:570px;}
.index-bigimg-text img{max-width:100%;height:auto;}

.slider-pro p.sp-layer.bigimg-title1{position: absolute; margin: 0 auto;right: 0 !important;left: 0 !important;top: 29% !important;z-index: 45;text-align: center;transform-origin: center top 0px !important;}
.slider-pro p.sp-layer.bigimg-title1.first img{max-width:1150px;height:auto;}
.slider-pro p.sp-layer.bigimg-title1 img{max-width:900px;height:auto;}

.slider-pro p.sp-layer.bigimg-title2{position: absolute; margin: 0 auto;right: 0 !important;left: 0 !important;top: 29% !important;margin-top: 160px;z-index: 45;text-align: center;transform-origin: center top 0px !important;}
.slider-pro p.sp-layer.bigimg-title2.first{top: 29% !important;margin-top: 195px;}
.slider-pro p.sp-layer.bigimg-title2 img{max-width:900px;height:auto;}
		
/*indexのオープニング 切り替わる背景画像 slider-pro -------------*/
/*ズームインさせる*/
#headerimgs .sp-slide{}
#headerimgs .sp-slide.sp-selected .sp-image{ -webkit-animation: anime 12s 0s;animation: anime 12s 0s;}
@keyframes anime {
  0% {transform: scale(1.1);}
	40% {transform: scale(1);}
}



/*/////////////　コンセプト　//////////////////////////////*/
.section.concept{padding-bottom:20px;background-color: #f00;margin-bottom: 30px;}
.section.concept img{max-width:100%;height:auto;}

.section.concept .dummy-topimg{text-align:center;}
.section.concept .dummy-topimg img{max-width:1800px;width:100%;height:auto;}

/*-鳥取・米子で味わう-*/
.topimg1-box{max-width: 1800px;width: 100%;background: url(../img/topimg1_bg.jpg) no-repeat right top;margin: 0 auto;position: relative;display: table;height: 980px;}
.topimg1-text3{position: absolute;right: 4%;top: 18%;}
.topimg1-text1{max-width: 800px;margin: 13% 0 0 6%;}
.topimg1-text2{max-width: 480px;margin: 5px 0 0 6%;}

/*-私たちのこだわり-*/
.topimg2-box{max-width: 1800px;width: 100%;background: url(../img/topimg2_bg.jpg) no-repeat center top;margin: 0 auto;position: relative;display: table;height: 1510px;}
.topimg2-text2{position: absolute;right: 4%;top: 8%;}
.topimg2-text1{max-width: 750px;margin: 9% 0 0 6%;}

.topimg2-text3{max-width: 970px;margin: 55px 0 0 6%;background-color:rgba(255,238,115,0.8);padding:30px 2.5%;}
.topimg2-text3-img{float:right;}
.topimg2-text3 .topimg2-text{max-width:380px;}
ul.topimg-ul{list-style:disc;width: 52%;margin: 20px 0 0 20px;}
ul.topimg-ul li{font-size: 115%;line-height: 1.4;margin-top: 5px;color: #000;}

.topimg2-text4{float:left;max-width: 471px;margin: 28px 28px 0 6%;background-color:rgba(255,238,115,0.8);padding:35px 2.5% 30px 2.5%;min-height: 545px;}
.topimg2-text4-img{margin:15px 0 0 0;}
.topimg2-text4 .topimg2-text{max-width:270px;}
.topimg2-text4 ul.topimg-ul {width: 100%;}

.topimg2-text5{float:left;max-width: 471px;margin: 28px 0 0 0;background-color:rgba(255,238,115,0.8);padding:35px 2.5% 30px 2.5%;min-height: 545px;}
.topimg2-text5-img{margin:15px 0 0 0;}
.topimg2-text5 .topimg2-text{max-width:360px;}
.topimg2-text5 .topimg-com{font-size: 115%;line-height: 1.4;margin: 18px 0 17px 0;color: #000;}

/*-店長の想いと覚悟-*/
.topimg3-box{max-width: 1800px;width: 100%;background: url(../img/topimg3_bg.jpg) no-repeat center top;margin: 0 auto;position: relative;display: table;height: 1304px;}
.topimg3-box .wrapp{position:relative;width:705px;margin:90px 0 0 6%;height:1130px;background-color:rgba(89,66,13,0.9);mix-blend-mode: multiply;}
.topimg3-box .inner {position: absolute;z-index: 1;top: 0; left: 0;color:#fff;width:705px;margin:90px 0 0 6%;height:1130px;padding: 65px 5% 40px 5%;}

.topimg3-text1{max-width:410px;margin: 0 auto;}
.topimg3-box .inner .midashi{text-align:center;margin-top: 40px;font-size: 125%;line-height: 1.6;}
.topimg3-box .inner .midashi big{font-size: 160%;font-weight: bold;}
.topimg3-box .inner .midashi small{font-size: 90%;}

.topimg3-box .inner .com{margin-top:35px;font-size: 120%;line-height: 2;}}
.topimg3-box .inner .com strong{font-size:110%;}

.topimg3-box .inner .midashi-last{text-align:center;margin-top:30px;font-size: 150%;font-weight: bold;}

.topimg3-img1{position:absolute;max-width:300px;z-index: 3;right: 3%;top: 47%;}
.topimg3-img2{position:absolute;max-width:300px;z-index: 3;left: 42%;top: 67%;}




.section.topup div:first-child{display:none;}
	
.index-jimoto{text-align:center;margin-bottom:80px;}

.index-concept-box{}
.index-concept-box dl{text-align:center;}
.index-concept-box dl dd.index-concept-title{font-size: 200%;line-height: 1.4;text-align:center;letter-spacing: 0em;color:#ff0000;font-weight: bold !important;}
.index-concept-com{font-size:115%;text-align: left;line-height: 1.8;color: #000;max-width: 950px;margin: 25px auto 0 auto;padding: 0 3%;}
/*
.index-concept-box dl dd.index-concept-title{font-size: 279%;line-height: 1.3;text-align:center;letter-spacing: 0.05em;color:#ff0000;font-weight: bold !important;}
.index-concept-com{font-size:122%;text-align: center;margin-top:15px;line-height: 1.8;color: #000;}
*/


/*/////////////　ページ上部のチラシ　//////////////////////////////*/
.section.topup{}

ul.index-topimg-box{text-align:center;max-width:780px;margin: 0 auto;}
ul.index-topimg-box li{margin-bottom:20px;background:#990000 url(../img/pdf_bg.png) no-repeat center center;padding: 0 !important;}
ul.index-topimg-box li a span{display:inline-block;background:url(../img/icon_pdf.gif) no-repeat 0 center;color:#fff;font-size:122%;line-height:1.1;padding:10px 0 10px 30px;}
/*IE8以上*/
ul.index-topimg-box li a span{padding:11px 0 8px 30px\0;}
ul.index-topimg-box li img{width:100%;height:auto;}

.index-com1{margin: -10px auto 30px auto;max-width: 970px;font-size: 115%;line-height: 1.5;}




/*/////////////　名物ラーメンシリーズのチラシ　//////////////////////////////*/
.taiyou-meibutu-title{background-color:#fff100;box-shadow: 0 0 0 2px #e71a28, 0 0 0 6px #fff100;height:70px;margin-bottom:50px;}
/*IE8以上*/
.taiyou-meibutu-title{padding:13px 0 8px 0\0;}
.taiyou-meibutu-title ul{text-align:center;margin-top:-30px;}
/*IE8以上*/
.taiyou-meibutu-title ul{margin-top:-45px\0;}

/*header固定の分をずらす#アンカー*/
body#home #meibutu{padding-top:80px;margin-top:-80px;}


ul.index-meibutu-box{text-align:center;max-width:780px;margin: 0 auto;}
ul.index-meibutu-box li{margin-bottom:20px;background:#990000 url(../img/pdf_bg.png) no-repeat center center;padding: 0 !important;}
ul.index-meibutu-box li a span{display:inline-block;background:url(../img/icon_pdf.gif) no-repeat 0 center;color:#fff;font-size:122%;line-height:1.1;padding:10px 0 10px 30px;}
/*IE8以上*/
ul.index-meibutu-box li a span{padding:11px 0 8px 30px\0;}
ul.index-meibutu-box li img{width:100%;height:auto;}

.index-com2{margin: -10px auto 30px auto;max-width: 970px;font-size: 115%;line-height: 1.5;}




/*/////////////　太陽軒メニュー　//////////////////////////////*/
.taiyou-menu-title{background-color:#ff0000;box-shadow: 0 0 0 2px #fff100, 0 0 0 6px #ff0000;height:70px;margin-bottom:20px;}
.taiyou-menu-title ul{text-align:center;margin-top: -15px;}
.taiyou-menu-title ul li{display:inline-block;vertical-align:middle;}
.taiyou-menu-title ul li.rogo{width:204px;height:100px;border:1px solid #ff0000;background-color:#fff;padding-top: 10px;margin-right:25px;}
.taiyou-menu-title ul li.rogo img{width:176px;}
.taiyou-menu-title ul li.title{font-size:243%;line-height:1.0;font-weight:bold !important;;color:#fff;margin:-2px 25px 0 0;}
.taiyou-menu-title ul li.cap{font-size:79%;line-height:1.2;color:#fff;opacity: 0.8;text-align:left;}


.taiyou-menu-box{margin-top:35px;}

/*商品 3つ並び*/
.scene-cont-box{}
ul.scene-img-ul2{text-align: center;}
ul.scene-img-ul2 li{width:270px;margin: 0 25px 0 25px;padding: 20px 0 20px 0 !important;border-bottom: 1px solid #ccc;display: inline-block;vertical-align: top;}
ul.scene-img-ul2 li:first-child{width:471px;}
ul.scene-img-ul2 .scene-img{display:table-cell;vertical-align:middle;text-align:center;}
ul.scene-img-ul2 .scene-img img{max-width: 100%;}

ul.scene-img-ul2 .scene-img-title{font-size:108%;line-height:1.5;color:#000;text-align:center;margin-top:5px;}
ul.scene-img-ul2 .scene-img-title span{padding-right:10px;}
ul.scene-img-ul2 .scene-img-title small{font-size:75%;}
ul.scene-img-ul2 .scene-price{font-size:108%;line-height:1.5;color:#000;text-align:center;}
ul.scene-img-ul2 .scene-price span{font-size:70%;}
ul.scene-img-ul2 .scene-com{font-size:84%;line-height:1.3;margin-top:7px;text-align: left;}

.scene-text-menu{font-size:108%;margin:20px 0 0 25px;}
.scene-text-menu span{}

/*header固定の分をずらす#アンカー*/
body#home #taiyoumenu{padding-top:80px;margin-top:-80px;}



/*/////////////　TOPのお知らせ　//////////////////////////////*/
.section.topnews{background-color:#f1f1f1;}
h2.index-midashi1{font-size: 243%;line-height: 1.0;color:#000;letter-spacing: 0.4em;text-align: center;margin-bottom: 40px;}

/*中ページのお知らせ一覧も共通---*/
.news-list-cont{width:1060px;font-size:100%;}
.news-list-cont article{display: inline-table;vertical-align: top;height: 330px;margin-bottom: 50px;border-bottom: 1px solid #ccc;}

dl.index-news-dl{width:200px;padding:0;display: inline-block;position: relative;margin-right: 60px;}
dl.index-news-dl a dt{width:200px;height:150px;background-image:url(../img/news_default_img.gif) ;background-size:cover !important;background-position: center center;background-repeat: no-repeat;}
dl.index-news-dl a dd{width:200px;text-align: left;margin-top:8px;color:#444;}

dl.index-news-dl a dd .index-news-date{float:left;font-size: 64%;line-height: 1;color: #666;margin-top: 3px;}
/*IE8以上*/
dl.index-news-dl a dd .index-news-date{margin-top:2px\0;}

dl.index-news-dl a dd .index-news-date img{margin: -4px 0 0 5px;display: inline;}
dl.index-news-dl a dd .index-news-category{float:right;line-height:1.0;}
dl.index-news-dl a dd .index-news-category img{width:60px;height:auto;}

dl.index-news-dl a dd .index-news-midashi1{margin:7px 0 10px 0;font-size:100%;font-weight:bold;color:#444;line-height:1.3;}
/*IE8以上*/
dl.index-news-dl a dd .index-news-midashi1{margin:9px 0 9px 0\0;}

dl.index-news-dl a dd .index-news-com1{font-size:77%;line-height:1.5;color: #666;}
dl.index-news-dl a dd .index-news-com1 span{text-decoration: underline;}

dl.index-news-dl a:hover{opacity: 0.6;text-decoration:none !important;}
dl.index-news-dl a:hover dd .index-news-date{color:#a97a2c;}
dl.index-news-dl a:hover dd .index-news-midashi1{color:#a97a2c;text-decoration:underline;}
dl.index-news-dl a:hover dd .index-news-com1{color:#a97a2c;}

/*ここ以下は、TOP専用のお知らせ一覧---*/
body#home .news-list-cont article{height:300px;margin-bottom:25px;border-bottom:none;}

.news-ichiran{width:230px;margin:0 auto 0 auto;}
.news-ichiran a{font-size: 100%;color:#fff;line-height: 1.1;padding: 7px 0 9px 0;background:#000 url(../img/arrow_white9-9.png) no-repeat 15px center;text-align: center;display: block;letter-spacing: 0.3em;}
.news-ichiran a:hover{color:#fff;background:#999 url(../img/arrow_white9-9.png) no-repeat 15px center;text-decoration:none;}

body#home .news-list-cont{width:100%;text-align: center;}
body#home dl.index-news-dl {margin:0 17px;}




/*/////////////　TOPのお知らせ　//////////////////////////////*/
.yoyaku-box{text-align:center;}