@charset "utf-8";

/*
 *	Theme Name: 長瀞観光協会2018版
 *	Theme URI: https://www.nagatoro.gr.jp/
 *	Description: Nagatoromachi Tourist Association web site template.
 */

body {
	font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

a, a:hover {
	color: #00a2ff;
}
.color-primary	{ color: #C32A3D !important; }
.color-accent	{ color: #51CAD3 !important; }
.red, .text-red	{ color: red !important; }

.bg-color-gray	{ background-color: #eeeeee !important; }
.bg-color-gray-l	{ background-color: rgba(0,0,0,0.02) !important; }


a img, a:hover img, a:focus img {
	transition: all 0.5s ease;
}
a img:hover, a img:focus {
	opacity: 0.5;
}
a.typeBtn,
a.btn_01 {
	display: inline-block;
	padding: 0.1em 1.5em;
	background-color: #C32A3D;
	border-radius: 1.2em;
	color: white;
	text-decoration: none;
	margin: 1px;
}
a.typeBtn, a.typeBtn:hover, a.typeBtn:focus,
a.btn_01, a.btn_01:hover, a.btn_01:focus {
	transition: all 0.5s ease;
}
a.typeBtn:hover,
a.btn_01:hover {
	opacity: 0.6;
}
@media (min-width:768px) {
	a[href^="tel:"] {
		pointer-events: none;
		color: #696463;
		text-decoration: none;
	}
}

.anchorlink {
	margin-top: -170px;
	padding-top: 170px;
}


.w-10p	{ width: 10% !important; }
.w-20p	{ width: 20% !important; }
.w-30p	{ width: 30% !important; }
.w-40p	{ width: 40% !important; }
.w-50p	{ width: 50% !important; }
.w-60p	{ width: 60% !important; }
.w-70p	{ width: 70% !important; }
.w-80p	{ width: 80% !important; }
.w-90pc	{ width: 90% !important; }
.w-100p	{ width:100% !important; }

@media (min-width: 768px) {
	.w-10p_pc	{ width: 10% !important; }
	.w-20p_pc	{ width: 20% !important; }
	.w-30p_pc	{ width: 30% !important; }
	.w-40p_pc	{ width: 40% !important; }
	.w-50p_pc	{ width: 50% !important; }
	.w-60p_pc	{ width: 60% !important; }
	.w-70p_pc	{ width: 70% !important; }
	.w-80p_pc	{ width: 80% !important; }
	.w-90p_pcc	{ width: 90% !important; }
	.w-100p_pc	{ width:100% !important; }
}
@media (max-width: 767px) {
	.w-10p_sp	{ width: 10% !important; }
	.w-20p_sp	{ width: 20% !important; }
	.w-30p_sp	{ width: 30% !important; }
	.w-40p_sp	{ width: 40% !important; }
	.w-50p_sp	{ width: 50% !important; }
	.w-60p_sp	{ width: 60% !important; }
	.w-70p_sp	{ width: 70% !important; }
	.w-80p_sp	{ width: 80% !important; }
	.w-90p_spc	{ width: 90% !important; }
	.w-100p_sp	{ width:100% !important; }
}

.m-a-0	{ margin: 0     !important; }
.m-a-05	{ margin: 0.5em !important; }
.m-a-1	{ margin: 1em   !important; }
.m-a-2	{ margin: 2em   !important; }
.m-a-3	{ margin: 3em   !important; }
.m-a-4	{ margin: 4em   !important; }
.m-a-auto	{ margin: auto   !important; }

.m-x-0	{ margin-left: 0     !important; margin-right: 0     !important; }
.m-x-05	{ margin-left: 0.5em !important; margin-right: 0.5em !important; }
.m-x-1	{ margin-left: 1em   !important; margin-right: 1em   !important; }
.m-x-2	{ margin-left: 2em   !important; margin-right: 2em   !important; }
.m-x-3	{ margin-left: 3em   !important; margin-right: 3em   !important; }
.m-x-4	{ margin-left: 4em   !important; margin-right: 4em   !important; }
.m-x-auto	{ margin-left: auto   !important; margin-right: auto   !important; }

.m-y-0	{ margin-top: 0     !important; margin-bottom: 0     !important; }
.m-y-05	{ margin-top: 0.5em !important; margin-bottom: 0.5em !important; }
.m-y-1	{ margin-top: 1em   !important; margin-bottom: 1em   !important; }
.m-y-2	{ margin-top: 2em   !important; margin-bottom: 2em   !important; }
.m-y-3	{ margin-top: 3em   !important; margin-bottom: 3em   !important; }
.m-y-4	{ margin-top: 4em   !important; margin-bottom: 4em   !important; }
.m-y-auto	{ margin-top: auto   !important; margin-bottom: auto   !important; }

.m-t-0	{ margin-top: 0     !important; }
.m-t-05	{ margin-top: 0.5em !important; }
.m-t-1	{ margin-top: 1em   !important; }
.m-t-2	{ margin-top: 2em   !important; }
.m-t-3	{ margin-top: 3em   !important; }
.m-t-4	{ margin-top: 4em   !important; }
.m-t-4auto	{ margin-top: auto   !important; }

.m-b-0	{ margin-bottom: 0     !important; }
.m-b-05	{ margin-bottom: 0.5em !important; }
.m-b-1	{ margin-bottom: 1em   !important; }
.m-b-2	{ margin-bottom: 2em   !important; }
.m-b-3	{ margin-bottom: 3em   !important; }
.m-b-4	{ margin-bottom: 4em   !important; }
.m-b-auto	{ margin-bottom: auto   !important; }

.m-l-0	{ margin-left: 0     !important; }
.m-l-05	{ margin-left: 0.5em !important; }
.m-l-1	{ margin-left: 1em   !important; }
.m-l-2	{ margin-left: 2em   !important; }
.m-l-3	{ margin-left: 3em   !important; }
.m-l-4	{ margin-left: 4em   !important; }
.m-l-auto	{ margin-left: auto   !important; }

.m-r-0	{ margin-right: 0     !important; }
.m-r-05	{ margin-right: 0.5em !important; }
.m-r-1	{ margin-right: 1em   !important; }
.m-r-2	{ margin-right: 2em   !important; }
.m-r-3	{ margin-right: 3em   !important; }
.m-r-4	{ margin-right: 4em   !important; }
.m-r-auto	{ margin-right: auto   !important; }

.p-a-0	{ padding: 0    !important; }
.p-a-05	{ padding: 0.5em !important; }
.p-a-1	{ padding: 1em   !important; }
.p-a-2	{ padding: 2em   !important; }
.p-a-3	{ padding: 3em   !important; }
.p-a-4	{ padding: 4em   !important; }

.p-x-0	{ padding-left: 0     !important; padding-right: 0     !important; }
.p-x-05	{ padding-left: 0.5em !important; padding-right: 0.5em !important; }
.p-x-1	{ padding-left: 1em   !important; padding-right: 1em   !important; }
.p-x-2	{ padding-left: 2em   !important; padding-right: 2em   !important; }
.p-x-3	{ padding-left: 3em   !important; padding-right: 3em   !important; }
.p-x-4	{ padding-left: 4em   !important; padding-right: 4em   !important; }

.p-y-0	{ padding-top: 0     !important; padding-bottom: 0     !important; }
.p-y-05	{ padding-top: 0.5em !important; padding-bottom: 0.5em !important; }
.p-y-1	{ padding-top: 1em   !important; padding-bottom: 1em   !important; }
.p-y-2	{ padding-top: 2em   !important; padding-bottom: 2em   !important; }
.p-y-3	{ padding-top: 3em   !important; padding-bottom: 3em   !important; }
.p-y-4	{ padding-top: 4em   !important; padding-bottom: 4em   !important; }

.p-t-0	{ padding-top: 0    !important; }
.p-t-05	{ padding-top: 0.5em !important; }
.p-t-1	{ padding-top: 1em   !important; }
.p-t-2	{ padding-top: 2em   !important; }
.p-t-3	{ padding-top: 3em   !important; }
.p-t-4	{ padding-top: 4em   !important; }

.p-b-0	{ padding-bottom: 0     !important; }
.p-b-05	{ padding-bottom: 0.5em !important; }
.p-b-1	{ padding-bottom: 1em   !important; }
.p-b-2	{ padding-bottom: 2em   !important; }
.p-b-3	{ padding-bottom: 3em  !important; }
.p-b-4	{ padding-bottom: 4em   !important; }

.p-l-0	{ padding-left: 0     !important; }
.p-l-05	{ padding-left: 0.5em !important; }
.p-l-1	{ padding-left: 1em   !important; }
.p-l-2	{ padding-left: 2em   !important; }
.p-l-3	{ padding-left: 3em   !important; }
.p-l-4	{ padding-left: 4em   !important; }

.p-r-0	{ padding-right: 0     !important; }
.p-r-05	{ padding-right: 0.5px !important; }
.p-r-1	{ padding-right: 1em   !important; }
.p-r-2	{ padding-right: 2em   !important; }
.p-r-3	{ padding-right: 3em   !important; }
.p-r-4	{ padding-right: 4em   !important; }

.w-1em	{ width:  1em !important; }
.w-2em	{ width:  2em !important; }
.w-3em	{ width:  3em !important; }
.w-4em	{ width:  4em !important; }
.w-5em	{ width:  5em !important; }
.w-6em	{ width:  6em !important; }
.w-7em	{ width:  7em !important; }
.w-8em	{ width:  8em !important; }
.w-9em	{ width:  9em !important; }
.w-10em	{ width: 10em !important; }
.w-11em	{ width: 11em !important; }
.w-12em	{ width: 12em !important; }
.w-13em	{ width: 13em !important; }
.w-14em	{ width: 14em !important; }
.w-15em	{ width: 15em !important; }
.w-16em	{ width: 16em !important; }
.w-17em	{ width: 17em !important; }
.w-18em	{ width: 18em !important; }
.w-19em	{ width: 19em !important; }
.w-20em	{ width: 20em !important; }

.inline-block,
.dsp-t		{ display: table; }
.dsp-tw		{ display: table-row; }
.dsp-tc		{ display: table-cell; }
.dsp-ib		{ display: inline-block 	!important; }
.dsp-i		{ display: inline 			!important; }
.dsp-b		{ display: block 			!important; }
.dsp-none	{ display: none				!important; }

.va-t, .va-t th, .va-t td { vertical-align: top; }
.va-m, .va-m th, .va-m td { vertical-align: middle; }
.va-b, .va-b th, .va-b td { vertical-align: bottom; }

.lh-1	{ line-height: 1em		!important; }
.lh-15	{ line-height: 1.5em	!important; }
.lh-2	{ line-height: 2em		!important; }
.lh-25	{ line-height: 2.5em	!important; }
.lh-3	{ line-height: 3em		!important; }
.lh-35	{ line-height: 3.5em	!important; }

a img {
	max-width: 100%;
	height: auto;
}

.table-normal,  {
	border-collapse: collapse;
}
.table-normal th, .table-normal td {
	padding: 0.2em 1em;
	border: 1px solid rgba(0,0,0,0.4);
}
.table-normal thead {
	background-color: rgba(0,0,0,0.06);
}

.table-border {
	border-collapse: collapse;
}
.table-border tr {
	border-bottom: 1px dotted rgba(0,0,0,0.4);
}
.table-border tr:last-child {
	border: 0 none;
}
.table-border th, .table-border td {
	padding: 0.2em 1em;
}
article:after,
.card-inner:after, 
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.f-l, .f-l_pc {
	float: left;
}
.f-r, .f-r_pc {
	float: right;
}
.f-none {
	float: none;
}
@media (max-width:768px) {
	.w10p_pc, .w20p_pc, .w30p_pc, .w40p_pc, .w50p_pc,
	.w60p_pc, .w70p_pc, .w80p_pc, .w90p_pc, .w100p_pc,
	.f-l_pc, .f-r_pc {
		float: none;
		width: 100%;
	}
}

.text-size-s {
	font-size: 90%;
}

.text-kome {
	margin-left: 1em;
	text-indent: -1em;
}
.text-nowrap {
	white-space: nowrap !important;
}
.text-normal {
	font-weight: normal !important;
}
.text-bold {
	font-weight: bold !important;
}

.box-a {
	border: 1px solid #d0d0d0;
	padding: 1em;
}

.bdr-radius {
	border-radius: 10px;
}
.bdr-radius-1em {
	border-radius: 1em;
}
.bdr-all {
	border: 1px solid #d0d0d0;
}
.bdr-bottom {
	border-bottom: 1px solid #d0d0d0;
}
.bdr-dotted {
	border-style: dotted !important;
}


.cap-bdrleft {
	border-left: 5px solid #54B854;
	padding-left: 0.4em;
}


.pamphlet  h4.bdr-bottom {
	margin: 2em 0 0.5em 0;
	padding-bottom: 0.2em;
	border-color: #E5622C;
	border-bottom-style: dotted;
}

/* wordpress default: image position ------------------------------ */
.alignleft, .alignright, .aligncenter, .alignnone {
	margin: 0 0 1em 0;
}
.alignleft {
	float: left;
	margin-right: 2em;
}
.alignright {
	float: right;
	margin-left: 2em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width:576px) {
	.alignleft, .alignright {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
/* gallery custom */
.gallerylist {
	list-style: none;
}
.gallerylist > div {
	margin-bottom: 32px;
}

/* widget --------------------------------------------------------- */
.widget > div {
	border: 1px solid #d0d0d0;
	margin-bottom: -1px;
	padding: 12px 16px;
}
.widget .screen-reader-text {
	display: none;
}
.widget input {
	background-color: white;
	transition: all 0.5s ease;
}
.widget input:hover,
.widget input:focus {
	background-color: #f2f2f2;
	transition: all 0.5s ease;
}
.widget input[type="search"] {
	width: 100%;
	border: 1px solid #dddddd;
}
.widget input[type="submit"] {
    display: block;
    width: 100%;
	padding: 0.2em;
	border: none;
	border-radius: 1em;
	text-align: center;
	background: #54B854;
    color: #fff;
	transition: all 0.5s ease;
}
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	opacity: 0.6;
	transition: all 0.5s ease;
}
.widget select {
	width: 100%;
	border: 1px solid #dddddd;
}
.widget h2 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.4em 0;
	color: rgba(0,0,0,0.4);
	font-size: 1.1em;
	line-height: 1em;
	border-bottom: 1px solid rgba(0,0,0,0.4);
}
.widget > div > ul {
	margin-bottom: 0;
}

/* google maps ---------------------------------------------------- */
.google-maps {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 50%;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 1px solid rgba(0,0,0,0.2);
}


/* youtube -------------------------------------------------------- */
.youtube {
	width: 100%;
	padding-bottom: 56.25%;
	height: 0px;
	position: relative
}
.youtube.youtube-4x3 {
	padding-bottom: 75%
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important
}


/* etc ------------------------------------------------------------ */
@media (max-width:980px) {
	h4, .h4 {
		font-size: 1.18rem !important;
	}
	h5, .h5 {
		font-size: 1.1rem !important;
	}
	h6, .h6 {
		font-size: 1rem !important;
	}
	.hidden_sp {
		display: none;
	}
}

.btn-prev, .btn-next {
	position: relative;
	margin: 0.2em;
	padding: 0.8em 1em;
	line-height: 1em;
	color: white !important;
	width: 9em;
	text-align: justify;
	text-align-last: justify;
	transition: all 0.5s ease;
}
.btn-prev:hover, .btn-next:hover {
	opacity: 0.8;
}
.btn-prev {
	padding-left: 3em;
}
.btn-next {
	padding-right: 3em;
}
.btn-prev:before, .btn-next:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-family: dashicons;
	font-size: 1.6em;
}
.btn-prev:before {
	left: 0.6em;
	content: "\f340";
}
.btn-next:before {
	right: 0.6em;
	content: "\f344";
}

.btn_streetview {
	position: relative;
	display: block;
	height: 120px;
	margin-left: -16px;
	margin-right: -16px;
	border: 1px solid rgba(215,163,95,1);
	background-image: url(./images/top/btn_streetview.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: white;
	background-size: contain;
	vertical-align: middle;
	transition: all 0.5s ease;
}
.btn_streetview:hover {
	background-color: rgba(215,163,95,0.2);
	transition: all 0.5s ease;
}
.btn_streetview > span {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	left: 220px;
	font-size: 2rem;
	line-height: 1em;
	height: 1em;
	margin: auto;
}
@media (max-width:768px) {
	.btn_streetview {
		height: 80px;
		margin-left: -8px;
		margin-right: -8px;
	}
	.btn_streetview > span {
		left: 120px;
		font-size: 1.2rem;
	}
}


/* トップページの「大事なお知らせ」リスト */
.important a {
	border-bottom: 1px dotted rgba(251,92,83,0.6);
	transition: all 0.5s ease;
}
.important a:last-child {
	border-bottom: 0 none;
}
.important a:hover, .important a:focus {
	background-color: rgba(251,92,83,0.2);
}
.important a span.heading {
	margin-right: 0.5em;
}

/* お知らせリストの「大事なお知らせ」カテゴリー */
.news-list .notice {
	display: inline-block;
	background-color: #fb5c53;
	color: #FFF;
	padding: 0 8px;
	vertical-align: top;
}

.thumbtitle {
	display: block;
	margin: 0.5em auto 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* wordpress メディアギャラリー */
.gallery {
	margin-left: -5px !important;
	margin-right: -5px !important;
	margin-bottom: 1em !important;
}
.gallery .gallery-item {
	padding: 0 5px 10px 5px !important;
	margin: 0 !important;
}
.gallerylist {
	text-align: center;
}
.gallerylist img,
.gallery img {
	margin: auto;
	max-width: 100%;
	height: auto;
	border: 0 none !important;
}
.gallerylist a,
.gallery a {
	transition: all 0.5s ease;
}
.gallerylist a:hover img,
.gallery a:hover img {
	opacity: 0.4;
}


#submit, #confirm, #formback {
	display: block;
	margin: 0 auto;
	padding: 0.5em 1.5em;
	border: 0 none;
	border-radius: 1.5em;
	background-color: #7EC9C5;
	font-size: 120%;
	line-height: 1em;
	transition: all 0.5s ease;
	color: white;
}
#submit:hover, #confirm:hover, #formback:hover {
	opacity: 0.6;
}


/* contact form 7 custmize */
.wpcf7 .dsp-b > span	{ display: block; }
.wpcf7 .dsp-i > span	{ display: inline; }
.wpcf7 .dsp-ib > span	{ display: inline-block; }

.wpcf7 .m-y-05 > span	{ margin-top: 0.5em; margin-bottom: 0.5em; }

.wpcf7 span.wpcf7-list-item{
	margin-left: 0!important;
	margin-right: 20px!important;  
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 select,
.wpcf7 textarea {
	padding: 6px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
	transition:border-color .2s ease-out;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	width: 100%;
	margin: 2px auto;
}

.wpcf7 label{
	cursor: pointer;	
}
/*
.wpcf7 input[type="checkbox"]{ 
	display: none;
}
.wpcf7 input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
	background-color: #7EC9C5;
	border-color: #7EC9C5;
}
.wpcf7 input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
	opacity: 1;
}
.wpcf7 .wpcf7-list-item-label {
	position: relative;
	padding-left: 33px;		  
}		
.wpcf7 .wpcf7-list-item-label:before{
	width: 20px;
	height: 20px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
	transition:border-color .2s ease-out;
}
.wpcf7 .wpcf7-list-item-label:hover:before{
	border-color: #7EC9C5;
}
.wpcf7 .wpcf7-list-item-label:after{
	position: absolute;
	display: block;
	top: 0;
	left: 6px;
	bottom: 3px;
	margin: auto 0;
	width: 7px;
	height: 11px;
	content: '';
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: opacity .2s ease-out;
	opacity: 0;
}
*/
.wpcf7 .topborder {
	margin-top: 1.6em;
	border-top: 1px solid rgba(0,0,0,.08);
	padding-top: 1em;
}

/* フォーム送信後、入力部分を消してメッセージのみにする */
.wpcf7 form.sent .section-common {
	display: none;
	transition: all 1s ease;
}
/* フォーム送信後のメッセージ表示 */
.wpcf7 .wpcf7-mail-sent-ok {
	border: 2px solid #7EC9C5;
	background-color: rgba(255,255,255,0.6);
	padding: 1.5em;
	font-size: 1.1em;
	line-height: 1.6em;
}

.kiyakubox .section-heading {
	display: none;
}


/* 表示中カテゴリー */
.current-cat {
	background-color: rgba(81,202,211,0.1);
}
.current-cat a {
	color: #51CAD3;
}

/* wp-pagenavi */
.wp-pagenavi {
	margin-top: 2em;
	text-align: center;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last {
	display: inline-block;
	font-size: 1rem;
	line-height: 1em;
	width: 2.4em;
	height: 2.4em;
	margin: 0.2em;
	padding-top: 0.7em;
/*	border: 1px solid #7EC9C5 !important;	*/
	border: 1px solid #dddddd;
/*	background-color: rgba(255,255,255,0.8); */
	background-color: white;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
	color: #7EC9C5;
/*	opacity: 0.6;	*/
	transition: all 0.5s ease;
}
.wp-pagenavi .page:hover,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover {
	opacity: 1;
	color: #7EC9C5;
/*	background-color: rgba(126,201,197,0.4);	*/
	border: 1px solid #7EC9C5;
	box-shadow:0 0 2px #51CAD3
}
.wp-pagenavi .current {
	background-color: #7EC9C5;
	border: 1px solid #7EC9C5 !important;
	color: white;
	opacity: 1;
}
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last {
	width: auto;
	font-size: 1rem;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	text-indent: -9999px;
	background-position: center;
	background-repeat: no-repeat;
}
.wp-pagenavi .nextpostslink {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpolygon%20fill%3D%22%2351CAD3%22%20points%3D%2210%206%208.59%207.41%2013.17%2012%208.59%2016.59%2010%2018%2016%2012%22%2F%3E%3C%2Fsvg%3E") !important;
}
.wp-pagenavi .previouspostslink {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpolygon%20fill%3D%22%2351CAD3%22%20points%3D%2215.41%207.41%2014%206%208%2012%2014%2018%2015.41%2016.59%2010.83%2012%22%2F%3E%3C%2Fsvg%3E") !important;
}

.wp-pagenavi .extend {
	font-weight: bold;
	background-color: transparent;
	border: 0 none;
	box-shadow: 0 0 0 transparent;
}


#header-search .form-control {
	background-image: none;
}
#header-search  button.submit {
	position: absolute;
	top: 14px;
	left: 4px;
	border: 0 none;
	background-color: transparent;
	
}
#header-search button.submit img {
	height: 18px;
}

input[type="number"].form-control {
	margin: 0 0.2em 0 0;
	padding: 0.1em 0.2em;
	display: inline-block;
}


/* トップページスライドを widget 利用、その際のタイトル文字消去 ------------------ */
#visual h2.widgettitle {
	display: none;
}


/* ページタイトルバックグラウンド：デフォルト */
#pagetitle {
	background-image: url(./img/pagetitle-bg-common.png);
}

/* トップページ重要カテゴリ記事リスト修正 */
#important a {
	border-top-width: 0;
}
#important a:first-child {
	border-top-width: 2px;
}


/* トップページサイト内リンクメニュー */
#index-link ul {
	list-style: none;
	padding-left: 0;
}


/* faq */
.faq dt, .faq dd {
	position: relative;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 2.6em;
	line-height: 1.6em;
}
.faq dt:before, .faq dd:before {
	position: absolute;
	top: 0.3em;
	left: 0.2em;
	width: 1.6em;
	height: 1.6em;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
}
.faq dt:before {
	background-color: rgba(195,42,61,0.4);
	color: #C32A3D;
	content: 'Q';
}
.faq dd:before {
	background-color: rgba(80,201,210,0.4);
	color: #50c9d2;
	content: 'A';
}



form .privacy {
	width: 100%;
	height: 10em;
	margin: 0;
	padding: 10px;
	background: rgba(0,0,0,0.02);
	border: 1px solid rgba(0,0,0,.08);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
	transition:border-color .2s ease-out;
	overflow: auto;
	font-size: 0.8em;
}
form .privacy section {
	margin: 0;
	padding: 0;
}
form .privacy h1 {
	font-size: 1.2em !important;
	margin: 0.5em 0 !important;
	padding: 0 !important;
}
form .privacy .card-detail {
	padding: 1em !important;
}
form .privacy ul > li {
	font-size: 0.8em !important;
}

form table {
	width: 100%;
	border-top: 1px dotted #dddddd;
}
form table tr {
	border-bottom: 1px dotted #dddddd;
}
form table th, form table td {
	padding: 0.6em 1em;
}
form table th {
	width: 20%;
	min-width: 6em;
/*	background-color: rgba(80,201,210,0.1);	*/
	background-color: rgba(0,0,0,0.02);
}
form input[type="submit"]  {
	display: inline-block;
	margin: 0 auto;
	padding: 0.5em 1.5em;
	border: 0 none;
	border-radius: 1.5em;
	background-color: #C32A3D;
	font-size: 120%;
	line-height: 1em;
	transition: all 0.5s ease;
	color: white;
}
form input[type="submit"]:hover  {
	opacity: 0.6;
}


.btn-pagenavi {
	border: 1px solid #dddddd;
	background-color: white;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
	color: #7EC9C5;
	transition: all 0.5s ease;
}
.btn-pagenavi:hover, .btn-pagenavi:focus {
	color: #7EC9C5;
	border: 1px solid #7EC9C5;
	box-shadow:0 0 2px #51CAD3
}

.dashicons {
	font-size: 1.4em !important;
	width: 1em !important;
	height: 1em !important;
	margin-top: 0.2em !important;
	line-height: 1em !important;
}


/* toppage, トピックス新着の方はサムネイル画像は非表示 */
#topics-news .headline-item .thumb {
	display: none;
}

#topics-news .slick-arrow {
	margin: auto 0 6px 0;
}

/* トップページ：メインスライド画像タイトル */
.visual-carousel .heading h2 {
	text-shadow:	0px 0px 8px rgba(0,0,0,0.3),
					1px 1px 8px rgba(0,0,0,0.3),
					-1px -1px 8px rgba(0,0,0,0.3),
					-1px 1px 8px rgba(0,0,0,0.3),
					1px -1px 8px rgba(0,0,0,0.3),
					0 0 2px rgba(0,0,0,0.2),
					1px 1px 2px rgba(0,0,0,0.2),
					1px -1px 2px rgba(0,0,0,0.2),
					-1px 1px 2px rgba(0,0,0,0.2),
					-1px -1px 2px rgba(0,0,0,0.2),
					2px 2px 2px rgba(0,0,0,0.2),
					2px -2px 2px rgba(0,0,0,0.2),
					-2px 2px 2px rgba(0,0,0,0.2),
					-2px -2px 2px rgba(0,0,0,0.2);
}

/* 施設紹介ページ、エリアバッジの位置修正 */
.card-title-shisetsu:after {
	content: "";
	clear: both;
	display: block;
}
.card-title-shisetsu h2 {
	float: left;
	display: inline-blocl;
	line-height: 1.6em;
}
.card-title-shisetsu .badge {
	float: right;
	display: inline-blocl;
	margin: 0.2em 0 0 0.5em;
	border-radius: 100px;
	font-size: 14px;
	padding-left: 16px;
	padding-right: 16px
}


/* toppage 動画上ボックス */
#index-about .box {
	background-color: rgba(255,255,255,0.6);
}
#index-about .box .about-body p {
	text-shadow: 0 0 1px white;
	color: black;
}
#index-about .box .about-body a.btn {
	background-color: rgba(255,255,255,0.8);
	border: 1px solid;
}


/* 施設詳細ページ：mappress 表示 */
#footer,
.shisetsu-map {
	position: relative;
	z-index: 1;
}
.shisetsu-map .mapp-layout {
	margin: 0;
	padding: 0;
}
.shisetsu-map > iframe {
	position: relative;
	border: 1px solid lightgray;
	width: 100%;
	min-width: 200px;
	height: 500px;
	margin: 0;
	padding: 0;
}


/* google-map */
.google-maps {
	position: relative;
	padding-bottom: 60%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 1px solid rgba(0,0,0,0.1);
}
.section-spot .google-maps {
	padding-bottom: 50%;
}

.list-yoko {
	letter-spacing: -.4em;
	margin: 0;
	padding: 0;
}
.list-yoko > span {
	letter-spacing: normal;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	padding-right: 1em;
}
.list-yoko > span:after {
	position: absolute;
	right: 0;
	top: 0;
	content: '・';
}
.list-yoko > span:last-child {
	padding-right: 0;
}
.list-yoko > span:last-child:after {
	display: none;
}


@media (min-width:990px) {

	@-webkit-keyframes modify{
		  0% { padding-top: 150px; margin-top: -150px; }
		100% { padding-top: 0; margin-top: 0; }
	}
	@keyframes  modify{
		  0% { padding-top: 150px; margin-top: -150px; }
		100% { padding-top: 0; margin-top: 0; }
	}
	
	.anchor:target {
		-webkit-animation: modify 0.1s;
		animation: modify 0.1s;
	}
	
}

#index-banner {
	background-color: #F0E8D3;
	margin: 0;
	padding-bottom: 2em;
}

#index-banner ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
#index-banner ul li {
	list-style: none;
	display: inline-block !important;
	margin: 2px;
	padding: 0;
	width: auto;
}
#index-banner ul li.link-item a {
	display: inline-block;
	padding: 1px;
}

.card-foot {
	min-height: 38px;
}



.btn-instagram {
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}
.btn-instagram {
    background-color: #CF2E92;
    color: #FFF;
    position: relative;
}

.btn-instagram::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(./images/icons/logo_instagram_white.svg) no-repeat;
    background-size: auto 100%;
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.btn-instagram:hover {
    color: #FFF;
}
.btn-outline-instagram {
    border-color: #CF2E92;
    color: #CF2E92;
    position: relative;
}
.btn-outline-instagram::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(./images/icons/logo_instagram_fill.svg) no-repeat;
    background-size: auto 100%;
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.btn-outline-instagram:hover {
    color: #CF2E92;
}