@charset "UTF-8";
@import url("common.css");
@import url("base.css");

@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi&display=swap');


/*----- トップページ 設定 ----------------------------------------------------*/


/*----- スライダー 設定 ----------------------------------------------------*/

div#sliderWrap{ width:100%; background:url("../images/k3cKCHVlm4nD.png") repeat; flaot:left; }
div#sliderArea{ max-width:1280px; max-height:622px; margin:0 auto; }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){

	
}


/*----- 各セクション共通 設定 ----------------------------------------------------*/

.sectionWrap{ width:100%; float:left; }

.sectionArea{ width:1200px; margin:0 auto; }

h2.sectionTit{ width:100%; padding:60px 0 0; font-size:2em; font-weight:bold; color:#e24100; text-align:center; float:left; }
p.sectionIntro{ width:100%; padding:30px 0 0; text-align:center; float:left; }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){

	.sectionArea{ width:96%; }
	
	h2.sectionTit{ padding:30px 0 0; font-size:1.4em; }
	p.sectionIntro{ width:100%; padding:15px 0 0; }
	
}

/*----- 最新ニュース 設定 ----------------------------------------------------*/

section#latestnews{ width:100%; padding:10px 0; background-color:#cc0000; float:left; }

section#latestnews h2{ padding:7px 30px; margin:0 2% 0 3%; font-size:1em; font-weight:bold; color:#000; background-color:#ffea00; border-radius:20px; float:left; }

div.latestnews_box{ padding:7px 0; }
div.latestnews_box a{ display:inline-block; color:#fff; text-decoration:none; border-bottom:1px solid #cc0000; }
div.latestnews_box a:hover{ border-bottom:1px solid #fff; }

div.latestnewsDate{ display:inline-block; }
div.latestnewsTit{ display:inline-block; padding:0 0 0 1.5em; }


/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){

	div.latestnews_box{ width:96%; padding:7px 2%; float:left; }
	
	div.latestnewsTit{ padding:0; }
	
}


/*----- 古丹の餃子 設定 ----------------------------------------------------*/

div.intro_freeshipping{ width:70%; padding:30px 15% 0; float:left; }
div.freeshipping{ box-sizing:border-box; width:100%; border:1px solid #e24100; color:#e24100; border-radius:15px; padding:10px 3%; font-size:1.2em; font-weight:bold; text-align:center; float:left; }


section#introproduct{ background-color:#fdf9f0; }

div#introproduct_list{ display:flex; flex-wrap: wrap; justify-content: space-between; gap:20px 0; width:96%; padding:30px 2% 60px; float:left; }

div.introproduct_list_box{ width:23%; float:left; }

.introproduct_list_box_img{ width:100%; float:left; }
.introproduct_list_box_img a:hover{ opacity:0.8; }
.introproduct_list_box_info{ width:98%; padding:0 1%; float:left; }

a.introproduct_list_box_title{ display:block; width:100%; text-decoration:none; float:left; }
a.introproduct_list_box_title:hover{ text-decoration:underline; }
div.introproduct_list_box_price{ width:100%; float:left; }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
	
    div.intro_freeshipping{ width:100%; padding:15px 0 0; float:left; }
    div.freeshipping{ font-size:1em; }
    
	div#introproduct_list{ width:98%; padding:15px 1% 30px; }

	div.introproduct_list_box{ width:48%; }
	
}


/*----- たどり着いた餃子.... 設定 ----------------------------------------------------*/

section#history{ background:url("../images/QcLDIis0c05D.gif") no-repeat; background-size:cover; }

/*初期バージョン*/
/*
div#histroyArea{ width:96%; height:600px; padding:20px 2%; background-color:#fff; color:#242424; float:left; }
div#histroyArea h2{ width:10%; font-size:1.4em; font-weight:bold; letter-spacing:0.1em; float:left; }
div#histroyArea h2 span{ font-size:1.6em; }
div.histroyArea_text{ width:88%; font-size:1.1em; letter-spacing:0.1em; float:left; }

div.histroyArea_textBox h3{ font-size:1.2em; font-weight:normal; padding-left: 1.5em; text-indent:2em; }
div.histroyArea_textBox h3 span{ font-size:1.3em; font-weight:bold; }
div.histroyArea_textBox p{ line-height: 2.5em; padding-left: 7em; text-indent:1em; }
div.histroyArea_textBox p span{ font-weight:bold; font-size:1.4em; }
div.histroyArea_textBox p span.red{ color:#cc0000; }
div.histroyArea_textBox p strong{ display:inline-block; font-weight:normal; text-indent:2em; line-height:4.5em; }
*/

/*改良バージョン*/
div#histroyBox{ width:100%; background:#fff; float:left; }
div#histroyArea{ width:96%; height:620px; padding:20px 2%; background-color:#fff; color:#242424; float:left; }
div#histroyArea h2{ width:10%; font-size:1.6em; font-weight:bold; letter-spacing:0.1em; float:left; }
div#histroyArea h2 span{ font-size:1.6em; }
div.histroyArea_text{ width:88%; font-size:1.1em; letter-spacing:0.1em; float:left; }

div.histroyArea_textBox h3{ font-size:1.5em; font-weight:normal; padding:0 0.5em; margin:0 0 0 1em; text-indent:1em; background-color:beige; }
div.histroyArea_textBox h3::before{ position: relative; content: "";  width: 30px; height: 17px; margin: 0 0 10px 0; background: url("../images/u2EVO6ErcIaX.png") no-repeat;  background-size:contain; display: inline-block; }
div.histroyArea_textBox h3 span{ font-size:1.3em; font-weight:bold; color:#cc0000; }
div.histroyArea_textBox p{ line-height: 2.0em; padding-left:4em; text-indent:1em; }
div.histroyArea_textBox p span{ font-weight:bold; font-size:1.4em; }
div.histroyArea_textBox p span.red{ color:#242424; }
div.histroyArea_textBox p strong{ display:inline-block; padding:0 2em; font-weight:normal; text-indent:2em; line-height:0; font-size:1.3em; }

div.buyMoreBtn{ width:100%; padding:20px 0 50px; text-align:center; float:left; }
div.buyMoreBtn a{ display:inline-block; padding:20px 50px; border-radius:10px; color:#cc0000; text-decoration:none; font-weight:bold; background-color:#fcff00; font-size:1.4em; }
div.buyMoreBtn a::before{ position: relative; content: "";  width: 30px; height: 17px; margin: 0 10px 0 0; background: url("../images/Yt2DTTcfw5KO.gif") no-repeat; background-size: cover; display: inline-block; top: 4px; }
div.buyMoreBtn a:hover{ opacity:0.8; }


/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
	
	section#history{ background:none; }
	
	div#histroyArea{ width:100%; height:auto; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; padding:20px 0; }	
	div#histroyArea h2{ width:100%; font-size:1.1em; float:left; }
	div#histroyArea h2 span{ font-size:1.2em; }
	
	div.histroyArea_text{ width:100%; font-size:1em; float:left; }
	
	div.histroyArea_textBox{ width:100%; padding:15px 0 0; font-size:1em; letter-spacing:0em; float:left; }
	div.histroyArea_textBox h3{ width:100%; font-size:1em; text-indent:0em; padding:0.2em 0; margin:0 0 1em 0; float:left; }
	div.histroyArea_textBox h3::before{ position: relative; content: "";  width: 30px; height: 17px; margin: 0 10px 0 0; background: url("../images/u2EVO6ErcIaX.png") no-repeat;  background-size:contain; display: inline-block; }
	div.histroyArea_textBox h3 span{ font-size:1.1em; font-weight:bold; }
	div.histroyArea_textBox p{ width:100%; line-height:1.7em; padding:0 0 1.7em; text-indent:0em; float:left; }
	div.histroyArea_textBox p span{ font-weight:bold; font-size:1.1em; }
	div.histroyArea_textBox p strong{ display:inline-block; width:100%; font-weight:normal; padding:2em 0 0; text-indent:0em; line-height:0em; text-align:center; font-size:1.2em; }
	
	div.buyMoreBtn{ padding:10px 0 25px; }
	div.buyMoreBtn a{ font-size:1.2em; }
		
}


/*----- カテゴリー 設定 ----------------------------------------------------*/

section#category{ background-color:#f2f2f2; }

div.productcategory_list{ display:flex; flex-wrap: wrap; justify-content: space-between; gap:20px 0; width:96%; padding:30px 2% 60px; float:left; }


div.productcategory_box{ width:32%; float:left; }

.productcategory_box_img{ width:100%; float:left; }
.productcategory_box_img a:hover{ opacity:0.8; }
.productcategory_box_img img{ border-radius:20px; }

.productcategory_box_info{ width:100%; padding:15px 0 0; text-align:center; float:left; }  
a.productcategory_box_title{ display:block; width:100%; font-size:1.2em; text-decoration:none; float:left; }
a.productcategory_box_title:hover{ text-decoration:underline; }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){

	div.productcategory_list{ width:98%; padding:15px 1% 30px; }
	
	div.productcategory_box{ width:70%; padding:0 15%; }
	
	a.productcategory_box_title{ font-size:1.1em; }
	
}


/*----- ニュース 設定 ----------------------------------------------------*/

section#news{ background-color:#fdf9f0; }


ul#newsList{ display:flex; flex-wrap: wrap; justify-content: space-between; gap:20px 0; width:90%; padding:30px 5% 60px; float:left; }


ul#newsList li{ width:48%; padding:10px 1%; box-sizing:border-box; border:1px solid #e24100; border-radius:20px; float:left; }
ul#newsList li a{ display:block; width:100%; float:left; }
ul#newsList li a:hover .newsList_thumb img{ opacity:0.8; }
ul#newsList li a:hover .newsList_info h3{ text-decoration:underline; }

.newsList_thumb{ width:30%; float:left; }
.newsList_thumb img{ border-radius:20px; }

.newsList_info{  width:68%; font-size:1.1em; float:right; }
.newsList_info h3{ width:100%; top:0px; font-weight:normal; float:left; }
.newsList_info .newsdate{ width:100%; padding:80px 0 0; float:left; }

div.newsMoreBtn{ width:100%; padding:10px 0 50px; text-align:center; float:left; }
div.newsMoreBtn a{ display:inline-block; padding:15px 30px; border-radius:10px; color:#fff; text-decoration:none; font-weight:bold; background-color:#e24100; font-size:1.2em; }
div.newsMoreBtn a::before{ position: relative; content: "";  width: 30px; height: 17px; margin: 0 10px 0 0; background: url("../images/BGllXePRP8tu.gif") no-repeat; background-size: cover; display: inline-block; top: 4px; }
div.newsMoreBtn a:hover{ opacity:0.8; }


/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
	
	ul#newsList{ width:90%; padding:15px 5% 30px; }
	
	ul#newsList li{ width:100% } 
	
	.newsList_info{ font-size:1em; }
	.newsList_info .newsdate{ padding:20px 0 0; }
		
	div.newsMoreBtn{ padding:10px 0 25px; }
	div.newsMoreBtn a{ font-size:1.2em; }
	
}