@charset "utf-8";
/*
Theme Name: introduction
Theme URI:
Description: オリジナルテーマ
Version: 1.02
Author: Takaya Kondo
Author URI: http://takayakondo.com/
Tags:
*/

*{margin:0;padding:0;}

body{
	font: 100%/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background: #ffffff;
	color:#333333;
}



.old_topics li {height: 292px;}




/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ご利用店 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* TOPページ＋アーカイブ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#shopguide {
	background: #fff;
}
#shopguide-in {
	max-width: 980px;
    margin: 0 auto;
	padding: 56px 20px;
}
#shopguide-in h1 {
    text-align: center;
	padding: 56px 0 66px;
}
#shopguide-top {
	margin-bottom: 30px;
}
#shopguide-cat {
	margin-bottom: 50px;
	border-top: 1px dotted #ccc;
}
#shopguide-cat li {}
#shopguide-cat li a {
	display: block;
	position: relative;
	padding: 10px 10px 10px 30px;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
#shopguide-cat li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #093;
	border-right: solid 2px #093;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.shopguide-area {
	margin-bottom: 60px;
}
.shopguide-area h2 {
	color: #2CA357;
	margin-bottom: 20px;
}
.shopguide-area ul {
	margin-bottom: 0;
}
.shopguide-area ul li {
	margin-bottom: 20px;
}
.shopguide-area-header {}
.shopguide-area-header h3 {}
.shopguide-area-header a {
	text-decoration: none;
}
.shopguide-area-data {}
.shopguide-area-data .data {}
.shopguide-area-data .data:first-child {}

.shopguide-all-link a {
	position: relative;
	margin-top: 30px;
	padding: 0 0 0 20px;
	font-size: 100%;
}
.shopguide-all-link a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #093;
border-right: solid 2px #093;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


@media all and (min-width: 768px){

#shopguide-cat {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
	border: none;
}
#shopguide-cat li {
	width: 24%;
	background: #5DA489;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	text-align: center;

}
#shopguide-cat li a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	border: none;
}
#shopguide-cat li a:after {display: none;}
.shopguide-area-header {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.shopguide-area-header h3 {
	margin-right: 15px;
}
.shopguide-area-header .hp-link a {
	display: block;
	padding: 2px 4px;
	border: 1px solid #ccc;
	font-size: 50%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.shopguide-area-data {
	display: flex;
}
.shopguide-area-data .data {
	line-height: 100%;
}
.shopguide-area-data .data:first-child {
	padding-right: 15px;
	border-right: 1px solid #000;
	margin-right: 15px;
}


}


/* 個別ページ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.custom-single {
	background: #fff;
}
.custom-single-header {
	text-align: center;
	margin-bottom: 80px;
}
.custom-single-header h1 {}

.custom-single-in {
	max-width: 980px;
	margin: 0 auto;
	padding: 100px 10px;
}
.custom-single-in img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.custom-single-data {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.custom-single-data-img {
	text-align: center;
	margin-bottom: 20px;
}
.custom-single-data-content {}

.basic-data {
	width: 100%;
	border: 1px #ccc solid;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.basic-data th {
	border: 1px #ccc solid;
	background: #f2f2f2;
	padding: 5px 5px;
	vertical-align: middle;
}
.basic-data td {
	border: 1px #ccc solid;
	padding: 5px 10px;
}
.custom-single-content {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.custom-single-in-img {
	display: flex;
	justify-content: space-around;
	text-align: center;
	margin-bottom: 20px;
}

.custom-single-in-img .custom-single-in-img2 {margin-bottom: 20px;}
.custom-single-in-img .custom-single-in-img2:last-child {margin-bottom: 0;}

.custom-single-in-img .wp-caption {}
.custom-single-in-img .wp-caption:last-child {margin-bottom: 0;}

.custom-single-in-textarea {}
.coverage {
	margin: -30px 0 30px 0;
}
.back-list {
	margin: 100px 0 50px;
	text-align: center;
}
.back-list a {
	border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	border: 2px solid #333;
	padding: 10px 20px;
	text-decoration: none;
	color: #333;
}
@media all and (min-width: 768px){

.custom-single-in {padding: 100px 0;}

.custom-single-data {
	display: flex;
	justify-content: space-between;
}
.custom-single-data-img {
	width: 25%;
	margin: 0;
}
.custom-single-data-content {width: 70%;}
.custom-single-content {
	display: flex;
	justify-content: space-between;
}
.custom-single-in-img {
	width: 25%;
	margin: 0;
	display: block;
}
.custom-single-in-textarea {width: 70%;}
.coverage {
	text-align: right;
}
}
@media all and (max-width: 768px){
.basic-data th,
.basic-data td {
	display:block;
}
}




/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 各県販売店リスト */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#shopsearch {
	background: #fff;
}
#shopsearch-in {
	max-width: 980px;
    margin: 0 auto;
	padding: 56px 5px;
	box-sizing: border-box;
}
#shopsearch-in h1 {
	padding: 56px 0 66px;
    background: #fff;
    text-align: center;
}
.shopsearch-in-top {
	font-size: 120%;
}
#shopsearch-map {margin: 50px 0;}

#shopsearch-map-in {display: none;}

#shopsearch-map p {
	color: #74A489;
	margin-bottom: 10px;
}
#shopsearch-main-list {
	margin-bottom: 100px;
}
#shopsearch-main-list h2 {}
#shopsearch-main-list ul {
	margin: 0 0 30px 20px;
}
#shopsearch-main-list li {
	list-style-type: disc;
}
#shopsearch-link {
	padding: 40px;
	text-align: center;
	background: #b0d8c0;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#shopsearch-link p {
	color: #fff;
	font-size: 120%;
	letter-spacing: 5px;
	margin-bottom: 40px;
}
#shopsearch-link a {
	border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	border: 2px solid #fff;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
}

#map-sp {
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
}
#map-sp a {
	padding: 10px 20px 10px 0;
	position: relative;
	display: block;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
#map-sp a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #093;
	border-right: solid 2px #093;
	-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}



#shopsearch_cat-archive {
	width: 100%;
	background: #fff;
	padding: 50px 10px;
	box-sizing: border-box;
}
#term-link {
	margin-bottom: 50px;
	border-top: 1px dotted #ccc;
}
#term-link li {}
#term-link li:last-child {}
#term-link li a {
	display: block;
	position: relative;
	padding: 10px 10px 10px 30px;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
#term-link li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #093;
	border-right: solid 2px #093;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.shopsearch-area {
	margin-bottom: 30px;
}
.shopsearch-area h2 {
	color: #2CA357;
	margin-bottom: 20px;
}
.shopsearch-area ul {
	margin-bottom: 40px;
}
.shopsearch-area ul li {
	margin-bottom: 20px;
}
.shopsearch-area-header {}
.shopsearch-area-header h3 {}
.shopsearch-area-header a {
	text-decoration: none;
}
.shopsearch-area-data {}
.shopsearch-area-data .data {}
.shopsearch-area-data .data:first-child {}
@media all and (min-width: 768px){

#shopsearch-in {padding: 56px 20px;}
#shopsearch-map-in {display: inline;}
#map-sp {display: none;}


#shopsearch_cat-archive {
	width: 980px;
	margin: 0 auto;
	padding: 100px 0 0;
}
#term-link {
	display: flex;
	border: none;
}
#term-link li {margin-right: 20px;}
#term-link li:last-child {margin: 0;}
#term-link li a {
	background: #e6f3ef;
	padding: 10px 20px;
	border-radius: 10px;
	border: none;
}
#term-link li a:after {display: none;}
.shopsearch-area h2 {margin-bottom: 40px;}
.shopsearch-area ul {margin-bottom: 80px;}
.shopsearch-area ul li {margin-bottom: 40px;}
.shopsearch-area-header {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.shopsearch-area-header h3 {
	margin-right: 15px;
}
.shopsearch-area-header a {
	display: block;
	padding: 2px 4px;
	border: 1px solid #ccc;
	font-size: 50%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}
.shopsearch-area-data {
	display: flex;
}
.shopsearch-area-data .data {
	line-height: 100%;
}
.shopsearch-area-data .data:first-child {
	padding-right: 15px;
	border-right: 1px solid #000;
	margin-right: 15px;
}


}






/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 工業見学 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#koujyoukengaku {
	background: #fff;
}
#koujyoukengaku img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#koujyoukengaku-in {
    max-width: 750px;
    margin: 0 auto;
	padding: 56px 20px;
	font-size: 10.5pt;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#koujyoukengaku-in-1 {
		margin-bottom: 20px;
}
#koujyoukengaku-in-2 {
	margin-bottom: 20px;
}
#koujyoukengaku-in-2 img {
	display: block;
	margin: 0 auto;
}
#koujyoukengaku-in-2 div {
	margin-top: 10px;
}
#koujyoukengaku-in-3 {}
#koujyoukengaku-table {
	width: 100%;
	background: #ccc;
	margin-bottom: 10px;
}
#koujyoukengaku-table th {
	width: 20px;
	color: #FFFFFF;
	font-weight: bold;
	background:#50AF37;
	text-align: center;
	vertical-align: middle;
}
#koujyoukengaku-table td.month-1 {
	text-align: center;
	vertical-align: middle;
	width: 40px;
	background: #F9C786;
}
#koujyoukengaku-table td.month-2 {
	text-align: center;
	vertical-align: middle;
	width: 40px;
	background: #A4D3AC;
}
#koujyoukengaku-table td.day-1 {
	text-align: left;
	vertical-align: middle;
	background:#FCE4C4;
	padding: 0 10px;
}
#koujyoukengaku-table td.day-2 {
	text-align: left;
	vertical-align: middle;
	background:#D4E9D7;
	padding: 0 10px;
}

@media all and (min-width: 768px){
#koujyoukengaku-table {
	width: 280px;
}
#koujyoukengaku-in-2 {
	display: flex;
	justify-content: space-between;
}
#koujyoukengaku-in-2 img {
	margin: 0;
}
}





/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* サイトマップ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sitemap {}

#sitemap h1 {
    padding: 56px 0 66px;
    background: #fff;
    text-align: center;
}

.sitemap {
    max-width: 980px;
    margin: 0 auto;
	padding: 56px 20px;
}


.sitemap ul {
	width: 100%;	
	list-style: none;
}
.sitemap ul li {
	border-radius: 10px;
	margin-bottom: 40px;
}
.sitemap ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	background: #e6f3ef;
	padding: 10px 20px 10px 30px;
	position: relative;
}
.sitemap ul li a:hover {
	text-decoration: underline;
}
.sitemap ul li ul {
	margin-top: 10px;

}
.sitemap ul li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #0BA95F;
border-right: solid 2px #0BA95F;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
.sitemap ul li ul li {

	margin: 0 2% 0 0;
}

.sitemap ul li ul li a {
	background: none;
	border-radius: 0;
	margin-bottom: 0;
}

@media all and (min-width: 768px){
.sitemap ul li ul {
	display: flex !important;
	flex-wrap: wrap !important;
}
.sitemap ul li ul li {
	width: 32% !important;
	padding: 0 !important;
	margin: 0 2% 0 0 !important;
}
.sitemap ul li ul li:nth-child(3n) {
	margin: 0 !important;
}
}





/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* TOPページ：トピックス */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.top-topics li img {
	max-width: 318px !important;
}
@media all and (min-width: 768px){
.top-topics li img {
	max-width: 100% !important;
}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* TOPページ：工場見学ページへのリンク */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#factory-link {
	margin-top: 40px;
}
#factory-link a {
	display: block;
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #FF9933;
	border-radius: 10px;
	font-size: 150%;
	text-decoration: none;
	letter-spacing: 5px;
	box-sizing: border-box;
}
@media all and (min-width: 768px){
#factory-link a {
	font-size: 200% !important;
	}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ページネーション */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#pagination {
	color: #5dab92;
	margin: 30px auto;
	line-height:2em;
}

a.page-numbers, #pagination .current {
	color: #5dab92;
	padding: 10px;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
	background:white;
}

a.page-numbers:hover {
	color:white;
	background: #5dab92;
}

#pagination .current {
	color: white;
	background: #5dab92;
	border: #328ab2;
	font-weight:bold;
}

.next,
.prev {
	border:0 none;
	background:transparent;
	font-weight:bold;
}



@media screen and (min-width:) {}
@media screen and (max-width:) {}