@charset "utf-8";
/*/////////////////////////////////////
Theme Name: Ishinomaki Area Fanclub ver.1.3
Description: サイドにメルマガ会員募集ボタン設置
Version: 1.3
/////////////////////////////////////
★ Smart Phone Like

Bleak Point--------------------------
 Mobile 100%（767px）→style.css
 Tablet 723px(768-991px)→style-tablet.css
 Small Monitor 933px(992-1200px)→style-small.css
 Large Monitor 1127px(1200px)→style-large.css
/////////////////////////////////////*/
html {
	position:relative;
	min-height:100%;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

* {
	margin:0;
	padding:0;
}
body {
	text-align: center;
	line-height: 180%;
	font-family: 'Noto Sans JP', sans-serif, 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
	font-weight: 400;
	color: #1e1210;
	background-color: #f5f3f2;
}
iframe {
	width: 100%;
	height: 400px;
  }
  @media all and (min-width: 768px) {
	iframe {
	  height: 600px;
	}
  }

.mail-magazine {
	z-index: 99;
	position: fixed;
	right: 0;
	bottom: 100px;
	display: block;
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}
@media screen and (min-width: 992px) {
	.mail-magazine {
		width: 120px;
		height: 232px;
		background-image: url(images/mail-magazine_pc.png);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.mail-magazine {
		width: 120px;
		height: 150px;
		background-image: url(images/mail-magazine_tb.png);
	}
}
@media screen and (max-width: 767px) {
	.mail-magazine {
		width: 78px;
		height: 150px;
		background-image: url(images/mail-magazine_sp.png);
	}
}
/*------------------------------------------------------------
	Reset
-------------------------------------------------------------*/
*,
*:before,
*:after {
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	min-height:0;
	min-width : 0;
 }

ul {
	list-style: none;
}
/*-----------------------------------------
    Heading
-----------------------------------------*/
h1 {
	color: #151e49;
	font-family: 'Noto Serif JP', serif;
	font-size: 180%;
	font-weight: 700;
	line-height: 130%;
}
h2 {
	color: #151e49;
	font-family: 'Noto Serif JP', serif;
	font-size: 140%;
	font-weight: 500;
}
h3 {
	color: #151e49;
	font-family: 'Noto Serif JP', serif;
	/* font-size: 100%; */
	font-weight: 500;
}

span.red {
	color: #c1272d;
}
span.small {
	font-size: 80%;
}
/*-----------------------------------------
    Images
-----------------------------------------*/
img,
a img {
	border-style:none;
	display:block;
	max-width:100%;
	height: auto;
}

a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/*------------------------------------------------------------
	Float
	Wordpress独自タグ画像回り込み指定
-------------------------------------------------------------*/
.centered,
.aligncenter,
img.centered,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright,
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

.aignleft,
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
/*------------------------------------------------------------
	Gallery
-------------------------------------------------------------*/
[id^="gallery-"],
[id*="gallery-"] {
	width:100% !important;
	clear:both;
}

/*ギャラリーのグレーの枠線を消す*/
	[id^="gallery-"] img,
	[id*="gallery-"] img {
		border:none !important;

		width:99% !important;
		margin-right:1% !important;
	}
		[id^="gallery-"] img:last-child,
		[id*="gallery-"] img:last-child {
			margin-right:0 !important;
		}
/*------------------------------------------------------------
	Captions
-------------------------------------------------------------*/
.wp-caption {
	display: block;
	max-width: 100%;
	margin-bottom:24px;
	background:#fff;
	margin: 10px 0;
	padding:0;
	background: none;
}
.wp-caption-text {
	text-align:left;
	font-size:80%;
	color: #666;
	font-style:normal;
	line-height:2;
	margin:9px auto;
	clear: both;
}
	.wp-caption-text::before {
		content: '\f0d8';
		padding: 0 6px 0 5px;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
	}
.wp-caption img[class*="wp-image-"] {
	display:block;
	margin:0 auto;
	max-width: 100%;
	height: auto;
}
/*-----------------------------------------
    Link
-----------------------------------------*/
a,
a:link,
a:visited,
a:active {
	color: #936704;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/*-----------------------------------------
    Flex
-----------------------------------------*/
/*Content全体*/
.flex-col {
	margin: 0 0 0 0;
	padding: 0;
	width: 100vw;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
/*-----------------------------------------
    Base Structure
-----------------------------------------*/
.container {
	margin: 0 auto;
}
/*-----------------------------------------
    Header
-----------------------------------------*/
		.logo-area {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 95;
			padding: 1em;
			box-sizing: border-box;
			background-color: #151e49;
			border-right: 1px solid #fff;
			border-left: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
				.menu-content ul li {
					text-align: center;
					background-color: rgba(255, 255, 255, 0.5);
				}
						.menu-content ul li a:link,
						.menu-content ul li a:active,
						.menu-content ul li a:visited,
						.sub-menu-content ul li a:link,
						.sub-menu-content ul li a:active,
						.sub-menu-content ul li a:visited {
							text-decoration: none;
							color: #151e49;
						}
						.menu-content ul li a:hover,
						.sub-menu-content ul li a:hover {
							color: #936704;
						}
		    .menu-content ul li.stores,
        .sub-menu-content ul li.stores {
					color: #151e49;
					background-color: #ded8d4;
					border-bottom: 5px solid #936704;
				}
						.menu-content ul li.stores a:hover,
						.sub-menu-content ul li.stores a:hover {
							text-decoration: none;
							border-bottom: 5px solid #151e49;
						}
	.benefits-area {
		padding: 1em 1em 5em 1em;
		margin: 0 auto;
		box-sizing: border-box;
		border-left: 5px solid #151e49;
		background-color: rgba(255,255,255,0.8);
	}
		.benefits-txt {
			position: relative;
			width: 100%;
			margin: 0;
			text-align: left;
		}
			.vertical {
				position: absolute;
				left: 10px;
				top: 1em;
				display: block;
				font-family: 'Noto Serif JP', serif;
				font-weight: 700;
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
				font-size: 120%;
				color: #151e49;
			}
		a.btn-detail {
			position: absolute;
			bottom: 1em;
			display: block;
			width: 70%;
			margin: 1em 0 0 50px;
			padding: 0.5em 1em;
			border: 1px solid #151e49;
		}
			a.btn-detail:link,
			a.btn-detail:active,
			a.btn-detail:visited {
				text-decoration: none;
				color: #151e49;
			}
			a.btn-detail:hover {
				text-decoration: none;
				color: #fff;
				background-color: #151e49;
			}
/*-----------------------------------------
    Header//Sub
-----------------------------------------*/
			/* header.sub-head {
				position: relative;
				width: 100%;
				height: 230px;
				margin-bottom: 2em;
			} */
			.breadcrumb {
				position: relative;
				bottom: 0;
				right: 0;
				width: 100%;
				text-align: left;
			}
/*-----------------------------------------
    Footer
-----------------------------------------*/
a#page-top {
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto -140px auto;
	border-radius: 50%;
	background-color: #ded8d4;
}
footer {
	position: relative;
    width: 100%;
	margin-top: auto;
	padding: 1em 0;
	background-color: #ded8d4;
}
	/* .foot-logo-area {
		width: 150px;
		height: auto;
		margin: 0 0 2em 0;
	}
		.foot-logo-area img {
			width: 140px;
			height: auto;
			margin: 0;
			padding: 0;
		} */
	.foot-nav {
		width: 100%;
		padding: 0 0 0 0;
		text-align: left;
	}
		.foot-nav ul {
			width: 100%;
			margin: 1em 0;
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
		}
			.foot-nav ul li {
				display: inline-block;
				margin: 0.5em 1em 0.5em 0;

			}
			.foot-nav ul li a {
				display: block;
				width: 100%;
				padding: 0.5em;
			}
				.foot-nav ul li a:hover {
					padding: 0.5em;
					text-decoration: none;
					color: #fff;
					background-color: #936704;
				}
		.contact-add span {
			display: block;
			width: 100%;
			font-size: 120%;
			margin: 0.5em 0;
		}
	#copy {
		width: 100%;
		background-color: #ded8d4;
	}

/*-----------------------------------------
    Index Contents
-----------------------------------------*/
	h3.notice-title {
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 120%;
		font-weight: 500;
		color: #936704;
	}
.notice-box {
		padding: 1em;
		text-align: left;
		background-color: #fff;
		border-left: 2px solid #151e49;
		border-bottom: 5px solid #151e49;
	}
		.notice-img img {
			max-width: 100%;
			height: 200px;
			object-fit: cover;
		}
	.date-box {
		display: block;
		width: 100%;
		text-align: right;
	}
		a.notice-link-btn {
			display: block;
			border: 2px solid #151e49;
		}
			a.notice-link-btn:link,
			a.notice-link-btn:active,
			a.notice-link-btn:visited {
				text-decoration: none;
				color: #151e49;
			}
			a.notice-link-btn:hover {
				text-decoration: none;
				color: #fff;
				border: 2px solid #151e49;
				background-color: #151e49;
			}
	.member-txt {
		display: block;
		margin: 0 0 2em 0;
		color: #151e49;
		font-family: 'Noto Serif JP', serif;
		font-size: 150%;
		font-weight: 300;
		align-items: center;
	}
	span.red-memb {
		color: #c1272d;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 900;
	}
		.member-txt:before,
		.member-txt:after {
			content: "";
			height: 3px;
			flex-grow: 1;
			background-color: #151e15;
		}

.whats-area {
	margin: 0 calc(50% - 50vw) 2em calc(50% - 50vw);
	padding: 1em;
	overflow: hidden;
	background: url('images/back-image.png');
}
	.whats-txt {
		margin: 0 auto;
		text-align: left;
		background-color: #fff;
	}
	.whats-img {
		width: 100%;
		margin: 2em 0;
	}
		a.link-btn-big,
		a.link-btn {
			display: block;
			margin: 0 0 1.5em 0;
			padding: 1em;
			font-size: 150%;
			font-weight: 500;
			text-align: center;
			border: 4px solid #936704;
			background-color: #f5f3f2;
		}
/*-----------------------------------------
    Sub Contents
-----------------------------------------*/
/* .sub-flex {
	margin-bottom: 2em;
	display: block;
	justify-content: flex-start;
} */
.sub-content-area h2 {
	display: block;
	padding: 0.5em 1em;
	margin: 0 0 1em 0;
	text-align: left;
	font-family: 'Noto Sans JP', sans-serif;
	border-bottom: 3px solid #936704;
	border-left: 25px solid #151e49;
}
	.lp-content-area h2 {
		display: block;
		padding: 1em;
		margin: 0 0 1em 0;
		text-align: center;
		border-top: 3px solid #151e49;
	}
	/* .sub-content-area {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0 0 2em 0;
		text-align: left;
	} */
	.lp-content-area {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 3em 0 2em 0;
		text-align: left;
	}
	.nav-links {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
    .page-numbers {
        margin: 0 0.5em 0 0;
        padding: 0.3em 1em;
        border: #936704 1px solid;
    }
        .page-numbers:hover {
            color: #fff;
            background-color: #936704;
            border: #936704 1px solid;
            text-decoration: none;
        }
    .current {
        color: #fff;
        border: #151e49 1px solid;
        background-color: #151e49;
    }
        .current:hover {
            color: #fff;
            border: #151e49 1px solid;
            background-color: #151e49;
        }
    .prev,
    .next {
        color: #151e49;
        border: none;
        border: #f5f3f2 1px solid;
    }
/*-----------------------------------------
    Side Contents
-----------------------------------------*/
	/* .side-area {
		width: 100%;
		margin: 0;
		padding: 0;
	} */
	.side-join-area {
		margin-bottom: 1em;
		padding: 0;
	}
		a.link-btn-blue {
			display: block;
			width: 100%;
			text-align: center;
			margin: 0;
			padding: 0.5em;
			border: 1px solid #151e49;
			background-color: #f5f3f2;
		}
			a:link.link-btn-blue,
			a:active.link-btn-blue,
			a:visited.link-btn-blue {
				text-decoration: none;
				color: #151e49;
			}
			a:hover.link-btn-blue {
				color: #f5f3f2;
				border: 1px solid #151e49;
				background-color: #151e49;
			}
	.side-member-area {
		margin-bottom: 1em;
		padding: 1em;
		background-color: #fff;
	}
		.side-member-txt {
			font-size: 100%;
			font-weight: 300;
			display: block;
			align-items: flex-start;
		}
			.side-member-txt span.red {
				font-size: 130%;
			}
	.side-bn-area {
		margin-bottom: 1em;
	}
		.side-bn-area a.link-btn {
			display: block;
			/* width: 80%; */
			margin: 0 auto 1em auto;
			padding: 0.5em;
		}
		.side-bn-area img {
			/* width: 80%; */
			height: auto;
			margin: 0 auto 1em auto;
		}
/*-----------------------------------------
    Sub Contents//Archive
-----------------------------------------*/
.arch-area {
    width: 100%;
    margin: 0 0 2em 0;
    padding: 0;
    /* display: block;
    justify-content: flex-start; */
    border-top: 1px solid #151e49;
    border-bottom: 3px solid #151e49;
}
    .arch-txt {
        position: relative;
        /* width: 100%;
        min-height: 200px;*/
        padding: 1em 1em 4.5em 1em;
    }
    .arch-title {
			color: #936704;
			margin: 0 0 1em 0;
			padding: 0 0 0.5em 0;
			border-bottom: 1px solid #936704;
    }
        .arch-txt .link-btn-blue {
            position: absolute;
            bottom: 1em;
            /* right: 0; */
						left: 0;
            /* width: 100%; */
        }
    /* .arch-img {
        width: 100%;
    } */
/*-----------------------------------------
    Sub Contents//cooperating-stores(Parts)
-----------------------------------------*/
.archive-tab {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 2em 0 1em 0;
    padding: 1em 0;
    box-sizing: border-box;

    display: flex;
    flex-wrap: wrap;
    align-self: start;
    justify-content: space-between;
    align-content: flex-start;
}
.archive-tab h3 {
    display: block;
    width: 100%;
	max-height: 100%;
	margin: 0 0 1em 0;
}
    .archive-tab a:link,
    .archive-tab a:active,
    .archive-tab a:visited {
        display: block;
        width: 30%;
        height: 100%;
        font-size: 150%;
        text-align: center;
        margin: 0 0 1em 0;
        padding: 0.5em 0;
        box-sizing: border-box;
        color: #fff;
        border: 2px solid #151e49;
        background-color: #151e49;
    }
    .archive-tab a:hover {
        color: #151e49;
        border: 2px solid #151e49;
        background-color: #f5f3f2;
        text-decoration: none;
    }

.card-notice {
	width: 100%;
	margin: 1em 0;
	padding: 1em;
	text-align: center;
	border: 2px solid #151e49;
}

.list-area {
	width: 100%;
	margin: 2em 0;
}
h3.sub-title {
	position: relative;
	display: block;
	height: 50px;
	line-height: 180%;
	font-size: 120%;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 1em 0;
	text-align: left;
	padding-left: 0.7em;
	border-left: 6px solid #936704;
}
	h3.sub-title div {
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 50px;
		border-bottom: 6px solid #151e49;
	}
table.store-list {
	width: 100%;
	border: 1px solid #151e15;
}
	table.store-list tr:nth-child(odd) td {
		background-color: #e5e5e5;
	}
	table.store-list th {
		font-weight: 400;
		text-align: center;
		border-left: none;
		background-color: #ded8d4;
	}

	table.store-list td {
		list-style: none;
		padding: 0.5em 1em;
		border-left: none;
	}
		table.store-list td:last-child {
			border-left: none;
		}

.sub-area {
	width: 100%;
	height: auto;
	margin: 2.5em 0 0 0;
}

/*-----------------------------------------
    Sub Contents//privacy-policy
-----------------------------------------*/
.indent-box {
	width: 90%;
	margin-left: 2em;
	margin-bottom: 1em;
}
	.enclosed-rule {
		width: 100%;
		margin: 0;
		padding: 1em;
		border: 1px solid #151e49;
	}
/*-----------------------------------------
    Sub Contents//app-form
-----------------------------------------*/
dl.app-form {
    display: block;
    justify-content: flex-start;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
    dl.app-form dt {
        width: 100%;
        margin: 0 0 1em 0;
        padding: 0.3em 0;
    }
        dl.app-form dt strong {
            color: firebrick;
        }
    dl.app-form dd {
        width: 100%;
        margin: 0 0 1em 0;
    }
    dl.app-form dd:nth-child(18) {
        width: 100%;
        padding: 1em;
    }
        dl.app-form dd input[type='text'],
        dl.app-form dd input[type='email'],
        dl.app-form dd input[type='tel'] {
            width: 100%;
            margin: 0;
            padding: 1em;
            border: 1px solid #ddd;
            border-radius: 6px;
        }
        dl.app-form dd input[type=checkbox],
        dl.app-form dd input[type=radio] {
            -ms-transform: scale(1.5, 1.5);
            -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
            margin: 0.2em 0.5em 0 1.5em;
        }
		dl.app-form dd textarea {
			width: 100%;
			margin: 0.5em 0;
			padding: 0.5em 1em;
			border: 1px solid #ddd;
		}
		input[type='submit'] {
			display: block;
			width: 100%;
			margin: 0.5em 0;
			padding: 0.5em 1em;
			color: #fff;
			font-size: 120%;
			box-shadow: none;
			border: 2px solid #936704;
			background-color: #936704;
		}
            input[type='submit']:hover {
				color: #936704;
				border: 2px solid #936704;
				background-color: #fff;
			}
.notice-small {
	display: block;
	width: 90%;
	margin: 0.5em 5%;
	font-size: 80%;
	line-height: 150%;
}