@charset "utf-8";

#concept h2 {
	margin-bottom: 40px;
	width: 100%;
	height: 100px;
	background-image: url(../../about/images/pc/concept_hl.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

#concept p.intro {
	margin-bottom: 3em;
	text-align: center;
}

#concept ul li dl {
	padding-top: 66.7%;
	position: relative;
}

#concept ul li dl dt {
	padding: 10px 0;
	font-family: 'Noto Serif Japanese', serif;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
}

#concept ul li dl dd.image {
	position: absolute;
	left: 0;
	top: 0;
}

#concept ul li dl dd.text {
	padding: 0 20px 20px 20px;
}

#categories ul li {
	margin: 0 1px 2px 1px;
	float: left;
	width: 218px;
}

#categories ul li a {
	padding: 20px 15px;
	display: block;
	width: 188px;
	color: #323232;
}

#categories ul li a dl dt {
	margin-bottom: 15px;
	padding-top: 70px;
	background-image: url(../../about/images/pc/categories_icons_daigomi.png);
	text-align: center;
	font-family: 'Noto Serif Japanese', serif;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}

#categories ul li.rice a { background-color: rgba(207,157,0,0.1); }
#categories ul li.rice a:hover { background-color: rgba(207,157,0,0.3); }
#categories ul li.rice dl dt { background-position: center 0; }

#categories ul li.greentea a { background-color: rgba(131,172,0,0.1); }
#categories ul li.greentea a:hover { background-color: rgba(131,172,0,0.3); }
#categories ul li.greentea dl dt { background-position: center -100px; }

#categories ul li.apple a { background-color: rgba(206,0,0,0.1); }
#categories ul li.apple a:hover { background-color: rgba(206,0,0,0.3); }
#categories ul li.apple dl dt { background-position: center -200px; }

#categories ul li.konnyaku a { background-color: rgba(61,0,0,0.1); }
#categories ul li.konnyaku a:hover { background-color: rgba(61,0,0,0.3); }
#categories ul li.konnyaku dl dt { background-position: center -300px; }

#categories ul li.hitachioguro a { background-color: rgba(46,0,64,0.1); }
#categories ul li.hitachioguro a:hover { background-color: rgba(46,0,64,0.3); }
#categories ul li.hitachioguro dl dt { background-position: center -400px; }

#categories ul li.shamo a { background-color: rgba(135,69,0,0.1); }
#categories ul li.shamo a:hover { background-color: rgba(135,69,0,0.3); }
#categories ul li.shamo dl dt { background-position: center -500px; }

#categories ul li.kozo a { background-color: rgba(72,133,51,0.1); }
#categories ul li.kozo a:hover { background-color: rgba(72,133,51,0.3); }
#categories ul li.kozo dl dt { background-position: center -600px; }

#categories ul li.suzuri a { background-color: rgba(51,51,51,0.1); }
#categories ul li.suzuri a:hover { background-color: rgba(51,51,51,0.3); }
#categories ul li.suzuri dl dt { background-position: center -700px; }

#categories ul li.urushi a { background-color: rgba(178,0,0,0.1); }
#categories ul li.urushi a:hover { background-color: rgba(178,0,0,0.3); }
#categories ul li.urushi dl dt { background-position: center -800px; }

.category article .container {
	margin: 0 auto;
	width: 1100px;
}

.category article .container section.introduction {
	margin-bottom: 24px;
	padding-top: 70px;
	padding-right: 562px;
	position: relative;
	min-height: 600px;
}

.category article .container section.introduction h2 {
	margin-bottom: 15px;
	padding-top: 70px;
	text-align: center;
	background-image: url(../../about/images/pc/categories_icons_daigomi.png);
	background-repeat: no-repeat;
}

.category article.rice .container section.introduction h2 { background-position: center 0; }
.category article.greentea .container section.introduction h2 { background-position: center -100px; }
.category article.apple .container section.introduction h2 { background-position: center -200px; }
.category article.konnyaku .container section.introduction h2 { background-position: center -300px; }
.category article.hitachioguro .container section.introduction h2 { background-position: center -400px; }
.category article.shamo .container section.introduction h2 { background-position: center -500px; }
.category article.kozo .container section.introduction h2 { background-position: center -600px; }
.category article.suzuri .container section.introduction h2 { background-position: center -700px; }
.category article.urushi .container section.introduction h2 { background-position: center -800px; }

.category article .container section.introduction div.catch {
	margin-bottom: 50px;
	text-align: center;
}

.category article .container section.introduction img {
	position: absolute;
	right: 0;
	top: 70px;
	width: 538px;
}

.category article .container section.introduction p {
	margin-bottom: 1em;
}

.category article .container section.more {
}

.category article .container section.more ul {
	float: left;
}

.rice article .container section.more ul {
	width: 562px;}
.rice article .container section.more ul li {
	margin-bottom: 24px;} 

.category article .container section.more ul li {
	margin-right: 24px;
	float: left;
	width: 257px;
}

.category article .container section.more ul li img {
	width: 100%;
}

.category article .container section.more .column {
	padding: 20px 30px;
	border: solid 5px #EBD9A5;
	width: 468px;
	min-height: 207px;
	background-color: rgba(255,255,255,0.7);
	float: right;
}

.category article .container section.more .column h3 {
	margin-bottom: 0.5em;
}
.category article .container section.more .column .flexbox {
	display: flex;
}
.category article .container section.more .column .flexbox div{
	margin-right: 20px;
}

.category article .container section.more .column .btn {
	margin-top: 0.5em;}
.category article .container section.more .column .btn a {
	padding: 0 1.5em;
	display: inline-block;
	height: 2em;
	line-height: 2em;
	color: #fff;
	background-image: url("../images/pc/nav_bg.jpg");
	text-align: center;
	font-weight: 700;
	border-radius: 1em;}

@media screen and (max-width: 640px){

#concept h2 {
	margin-bottom: 20px;
	width: 100%;
	height: 150px;
	background-image: url(../../about/images/sp/concept_hl.png);
	background-size: contain;
}

#concept p.intro {
	padding: 0 20px;
}

#categories ul li {
	margin: 0;
	width: 50%;
	box-sizing: border-box;
}

#categories ul li a {
	width: 100%;
	box-sizing: border-box;
}

.category article .container {
	margin: 0 15px;
	width: auto;
}

.category article .container section.introduction {
	margin-bottom: 24px;
	padding-top: 30px;
	padding-right: 0;
	position: relative;
	min-height: inherit;
}

.category article .container section.introduction div.catch {
	margin-bottom: 20px;
}

.category article .container section.introduction img {
	margin-bottom: 20px;
	position: relative;
	right: inherit;
	top: inherit;
	width: 100%;
}

.category article .container section.more ul {
	float: none;
}

.category article .container section.more ul li {
	margin: 0 0 15px 0;
	float: none;
	width: 100%;
}

.category article .container section.more .column {
	float: none;
	width: auto;
	box-sizing: border-box;
}

}

.movie {
	margin-top: 50px;
	padding-top: 50px;
	border-top: dotted 4px #B19793;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.movie .moviebox {
	/*margin: 0 auto;*/
	width: 560px;
	aspect-ratio: 16 / 9;}
.movie .moviebox iframe {
	width: 100%;
	height: 100%;}
.movie p {
	margin: 0 auto;
	width: 600px;}
	
.movie .printbox {
	text-align: center;}
.movie .printbox img {
	height: 270px;}

.category_topics {
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: dotted 4px #B19793;
	border-bottom: dotted 4px #B19793;
}

.category_topics h3 {
	margin: 0 auto 20px auto;
	width: 485px;
	height: 38px;
	background-image: url(../../about/images/pc/topics_hl.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

.category_topics p.intro {
	margin-bottom: 40px;
	font-size: 1.1em;
	font-weight: 700;
	text-align: center;
}

.category_topics ul li {
	background-color: #fff;
	box-shadow: 0 0 5px #999;
}
.category_topics ul li dl {
	padding-top: 234px;
	position: relative;
}
.category_topics ul li dl dt {
	padding: 20px;
	min-height: 50px;
	font-weight: 700;
}
.category_topics ul li dl dt a:link {
	color: #333;
}
.category_topics ul li dl dd.image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 234px;
	overflow: hidden;
}

@media screen and (max-width: 640px){

.movie {
	flex-wrap: wrap;}
.movie .moviebox {
	margin-bottom: 1em;
	width: 100%;}
.movie .printbox img {
	height: 26vh }

.category_topics ul li {
	margin-bottom: 30px;
}

}

/* しゃも */

.shamo .shamo_gi {
	margin-top: 40px;
	margin-bottom: 30px;
	padding: 30px 50px 0 185px; 
	border: solid 5px #E56486;
	position: relative;
	height: 130px;
	background-color: rgba(255,255,255,0.5);
}
.shamo .shamo_gi h3 {
	margin-bottom: 0.5em;
	font-family: 'Noto Serif Japanese', serif;
	font-weight: bold;
}
.shamo .shamo_gi img {
	position: absolute;
	top: 15px;
	left: 25px;
}

.shamo .shamo_link a {
	border: solid 5px #fff;
	display: block;
	width: 1090px;
	height: 90px;
	background-image: url(../../about/shamo/images/link_shoplist_pc.jpg);
	text-indent: -10000em;
	box-shadow: 0 0 5px #999;
	border-radius: 2px;
}

.shamo .shamo_topics {
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: dotted 4px #B19793;
	border-bottom: dotted 4px #B19793;
}
.shamo .shamo_topics h3 {
	margin: 0 auto 15px auto;
	width: 218px;
	height: 118px;
	background-image: url(../../about/shamo/images/topics_hl.png);
	text-indent: -10000em;
}
.shamo .shamo_topics p.intro {
	margin-bottom: 30px;
	text-align: center;
}
.shamo .shamo_topics ul li {
	background-color: #fff;
	box-shadow: 0 0 5px #999;
}
.shamo .shamo_topics ul li dl {
	padding-top: 234px;
	position: relative;
}
.shamo .shamo_topics ul li dl dt {
	padding: 20px;
	min-height: 50px;
	font-weight: 700;
}
.shamo .shamo_topics ul li dl dt a:link {
	color: #333;
}
.shamo .shamo_topics ul li dl dd.image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 234px;
	overflow: hidden;
}

.shamo #shoplist h2 {
	margin: 0 auto 30px;
	width: 492px;
	height: 134px;
	background-image: url(../../about/shamo/images/shoplist_title_pc.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -10000em;
}
.shamo #shoplist p.intro {
	margin-bottom: 30px;
	text-align: center;
}
.shamo #shoplist ul.legend {
	margin: 0 auto 50px auto;
	padding: 15px 10px;
	width: 500px;
	background-color: #fff;
	border-radius: 5px;
}
.shamo #shoplist ul.legend li {
	margin: 0 10px;
	padding-left: 38px;
	float: left;
	height: 28px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 1.1em;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.shamo #shoplist ul.legend li.legend_restaurant { background-image: url(../../about/shamo/images/shoplist_legend_restaurant.png); }
.shamo #shoplist ul.legend li.legend_shopping { background-image: url(../../about/shamo/images/shoplist_legend_shopping.png); }
.shamo #shoplist ul.list {
	margin-bottom: 50px;
	border-top: dotted 4px #B19793;
}
.shamo #shoplist ul.list li {
	padding: 15px 10px 10px 10px;
	border-bottom: dotted 4px #B19793;
	float: left;
	width: 510px;
}
.shamo #shoplist ul.list li:nth-child(2n) { margin-right: 40px; }
.shamo #shoplist ul.list li.primary {
	margin-right: 0;
	float: none;
	width: 1080px;
	text-align: center;
}
.shamo #shoplist ul.list li dt {
	margin-bottom: 5px;
	height: 24px;
	line-height: 24px;
	font-size: 1.1em;
	font-weight: 700;
}
.shamo #shoplist ul.list li dt img {
	display: inline-block;
	vertical-align: middle;
}
.shamo #shoplist ul.list li dd .tel {
	font-family: 'Noto Serif Japanese', serif;
	font-size: 1.1em;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.shamo #shoplist ul.list li dd .tel:before {
	margin-right: 0.25em;
	content:"\f095";
	font-family: "FontAwesome";
	font-size: 1.3em;
	font-weight: 400;
}
.shamo #shoplist ul.list li dd .fax {
	font-family: 'Noto Serif Japanese', serif;
	font-size: 1.1em;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.shamo #shoplist ul.list li dd .fax:before {
	margin-right: 0.25em;
	content:"\f1ac";
	font-family: "FontAwesome";
	font-size: 1.3em;
	font-weight: 400;
}
.shamo #shoplist .link {
	margin: 0 auto;
	width: 560px;
	height: 60px;
}
.shamo #shoplist .link a {
	display: block;
	width: 560px;
	height: 60px;
	background-image: url(../../about/shamo/images/link_pc.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -10000em;
}
.shamo #shoplist .link a:hover { background-position: 0 -60px; }

@media screen and (max-width: 640px){

.shamo .shamo_gi {
	margin-top: 40px;
	margin-bottom: 30px;
	padding: 160px 20px 20px 20px; 
	border: solid 5px #E56486;
	position: relative;
	height: auto;
	background-color: rgba(255,255,255,0.5);
}
.shamo .shamo_gi h3 {
	margin-bottom: 0.5em;
	font-family: 'Noto Serif Japanese', serif;
	font-weight: bold;
}
.shamo .shamo_gi img {
	margin-left: -75px;
	position: absolute;
	top: 20px;
	left: 50%;
}

.shamo .shamo_link a {
	border: solid 5px #fff;
	display: block;
	width: auto;
	height: 160px;
	background-image: url(../../about/shamo/images/link_shoplist_sp.jpg);
	background-position: center top;
	text-indent: -10000em;
	box-shadow: 0 0 5px #999;
	border-radius: 2px;
}

.shamo .shamo_topics ul li {
	margin-bottom: 30px;
}

.shamo #shoplist ul.legend li.legend_restaurant {
	margin-bottom: 10px;
}
.shamo #shoplist ul.list {
	margin: 0 15px 30px 15px;
	width: auto !important;
}
.shamo #shoplist ul.list li {
	margin-right: 0 !important;
	float: none;
	width: auto !important;
}
.shamo #shoplist ul.list li.primary { text-align: left; }

}