@charset "utf-8";

/*-----------------------------------------------------------------------------------------------------
common
-------------------------------------------------------------------------------------------------------*/

/*-----------pager*/
#pager {
	margin: -50px auto 60px;
	text-align: center;
	clear: both;
}

#pager ul { line-height: 16px; }

#pager li {
	padding: 0;
	line-height: 16px;
	vertical-align: middle;
	display: inline;
}

#pager li a { text-decoration: none; }

#pager li.page_prev {
	float: left;
	padding-top: 3px;
}

#pager li.page_next {
	float: right;
	padding-top: 3px;
}



/*************************************************************
wp-pagenavi
*************************************************************/
.wp-pagenavi {
	clear: both;
	margin: 30px auto 0px;
	text-align: center;
	width: 100%;
	margin:0 auto;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	/*border: 1px solid #666464;*/
	padding: 4px 6px;
	margin: 0 8px 0 0;
	font-size: 14px;
	color: #2f305c;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-bottom: 1px solid #2f305c;
	color: #2f305c;
}

.wp-pagenavi span.current { font-weight: nomal; }

/*************************************************************
sns button
*************************************************************/

/* SNSごとの背景色 */
#twitter { background-color: #00acee; }

#facebook { background-color: #3b5998; }

/* ボタン設定 */
.button-area {
	width: 100%;
	margin: 10px 0;
}

.button-area:after {
	content: '';
	clear: both;
	display: block;
}

.button-whole {
	float: right;
	width: 45px;
	height:25px;
	margin: 30px 0 0 6px;
	box-sizing: border-box;
}

.button-link {
	display: block;
	text-align: center;
	color: #fff !important;
	font-size: 12px !important;
	padding: 10px 0 !important;
	box-sizing: border-box;
	border-radius: 2px;
	text-decoration: none;
}

.button-link:hover {
	text-decoration: none !important;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}




/*-----------------------------------------------------------------------------------------------------
blog
-------------------------------------------------------------------------------------------------------*/

/*------main*/

.news_area .main {
	margin: 0;
	width: 70%;
	float: left;
}

.news_area article { margin-bottom: 150px; }

.news_area article h3 {
	font-size: 20px;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 0;
	background: none;
	border-bottom: #d7d7d7 1px solid;
}

.news_area article h3 a:link { text-decoration: none; }

.news_area article .post_data {
	font-size: 13px;
	margin: 10px 0 50px;
	line-height: normal;
	text-align: right;
	text-decoration: none;
}

.news_area article .post_data a:hover { text-decoration: underline; }

.news_area article .post_text {
	padding-bottom: 60px;
	border-bottom: #d7d7d7 1px solid;
}

.news_area article .post_text p { margin-bottom: 30px; }

.news_area article .post_text p:last-child { margin-bottom: 0; }

.news_area article .post_text p a { text-decoration: underline; }

.news_area article .post_text p a:hover { text-decoration: none; }

.news_area article .post_text p img {
	margin: 15px auto;
	display: block;
	max-width: 100%;
	height: auto;
}

/*
.news_area article .post_text ul {
list-style-position:outside;
}
.news_area article .post_text ul li {
list-style-type: circle;
padding: 0 0 0 33px;
}
*/


/* caption */
.wp-caption img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.wp-caption-text {
	font-size: 13px;
	color: #7F7661;
	line-height: 24px;
}

/* blockquote */

blockquote p {
	color: #2b2b2b;
	font-size: 100%;
	font-style: nomal;
	line-height: 1.8;
	margin-bottom: 0px;
	position: relative;
	padding: 35px;
	background: #fff;
	margin-bottom: 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}




/*------aside*/
aside {
	margin: 13px 0 0 0;
	width: 20%;
	float: right;
}

aside .widget { margin-bottom: 25px; }

aside .widget h4 {
	font-size: 16px;
	font-weight:bold;
	line-height: 16px;
	color: #2c2965;
	padding-bottom: 15px;
	border-bottom: #d7d7d7 1px solid;
}

aside .widget ul {
	margin: 0 auto 90px;
	list-style: none;
	overflow: hidden;
	line-height: 15px;
}

aside .widget ul li a {
	padding: 18px 0;
	border-bottom: #d7d7d7 1px solid;
	text-decoration: none;
	display: block;
}


aside .widget ul.taglist{
	margin: 0 auto 40px;
}



/*************************************************************
メニュー開閉
*************************************************************/

ul.accordion ul{ /* アコーディオン部 */
/*	margin: 5px 0 30px 15px;*/
padding: 18px 0;
margin-bottom:15px;
}
ul.accordion ul.hide{ /* アコーディオン非表示 */
	display: none;
}
ul.accordion li{ /* リセット */
	list-style: none;
	background: none;
	padding: 0;
}
ul.accordion li p{ /* リセット */
	padding: 18px 0;
	border-bottom: #d7d7d7 1px solid;
	/*font-weight:bold;*/
}

ul.accordion li p span{ /* アイコン背景 */
	display: inline-block;
	width: 15px;
	height: 15px;
	position: relative;
/*	background: #09c;*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 5px;
vertical-align: -2px;
}
ul.accordion li p span:before{ /* アイコン横棒 */
	content:'';
	height: 1px;
	width: 9px;
	display: block;
	background: #333;
	position: absolute;
	top: 7px;
	left: 3px;
}
ul.accordion li p span:after{ /* アイコン縦棒（閉じてるとき） */
	content: '';
	height: 9px;
	width: 1px;
	display: block;
	background: #333;
	position: absolute;
	top: 3px;
	left: 7px;
}
ul.accordion li p span.acv_open:after{ /* アイコン縦棒なし（開いてるとき） */
	height: 0;
	width: 0;
}

ul.accordion li ul{
	width:100%;}
	
	ul.accordion li ul.hide{
		padding-top:0;}

		ul.accordion li ul li{ /* アーカイブリスト */
			width:100%;
			position: relative;
			border:none;
		}

		ul.accordion li ul li a{ /* アーカイブリスト */
			padding-left:40px;
		}

		ul.accordion ul li::after{ /* アーカイブリストマーク */
			display: block;
			content: '';
			position: absolute;
			top: .2em;
			left: 0em;
			width: 6px;
			height: 6px;
			border-right: 1px solid #333;
			border-bottom: 1px solid #333;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			margin-left: 20px;
			margin-top: 20px;
		}
















/*-------------------------------------------------------
under 740px
-------------------------------------------------------*/

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

/*------main*/

.news_area .main {
	margin: 0 auto 100px;
	width: 100%;
	float: none;
}

.news_area article .post_data { text-align: left; }

/*------aside*/
aside {
	margin: 0;
	width: 100%;
	float: none;
}

aside .widget { margin-bottom: 25px; }

aside .widget h4 { text-align: center; }

aside .widget ul {
	margin: 0 auto 40px;
	list-style: none;
	overflow: hidden;
}

aside .widget ul li a:hover { background-color: #fff; }
}

/*-----------------------------------------------------------------------------------------------------
arrival_index
-------------------------------------------------------------------------------------------------------*/

.arrival_text { margin-top: -8px; }

/*月別ドロップダウン*/
.select_m{ 
	float:right;
	margin:25px 0;
}

.select_m select{font-size:16px;}

/*月別ページタイトル*/

.monthtitle{
	margin:30px 0;
	clear:both;
}

ul#grid {
	width:100%;
	overflow: hidden;
	margin: 40px auto 100px;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: start;
}

ul#grid li {
	max-width: 290px;
	display: block;
	background: #fff;
	margin: 0 0 50px 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

ul#grid::after {
display: block;
content:"";
width: 240px;
}

ul#grid li img {
	width:100%;
	height:auto;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

ul#grid li .list_title { padding: 6% 5%; }

p.arrival_date {
	font-size: 13px;
	line-height: 13px;
	margin-bottom: 15px;
	text-decoration: none;
}

p.arrival_desc {
	line-height: 30px;
	letter-spacing: 0;
	text-decoration: none;
}

/*-------------------------------------------------------
under 740px
-------------------------------------------------------*/

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

	.arrival_text { margin: 0; }

	ul#grid {
		width: 100%;
		margin: 40px auto 100px;
		display: block;
	}

	ul#grid li {
		float: none;
		width: 100%;
		max-width:100%;
		margin: 0 0 50px 0;
	}

	ul#grid a { text-decoration: none; }

	ul#grid li img {
		width: 100%;
		height: auto;
	}
}

/*-----------------------------------------------------------------------------------------------------
arrival_single
-------------------------------------------------------------------------------------------------------*/
/*------main*/

.news_area article .post_text .post_contact { margin: 80px auto; }

.post_att {
	font-size: 12px;
	color: #e2265b;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	background: #fce3e4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 60px auto 90px;
}

.post_tag {
	width: 100%;
	height: auto;
}

.post_tag span a:link {
	float: right;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	padding: 8px 10px;
	background: #a9a9a9;
	border-radius: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin: 0 0 8px 8px;
	text-decoration: none;
	letter-spacing: 1.2px;
}

.post_tag span a:hover { background: #7c7c7c; }

.post_tag span a:visited { color: #fff; }

/*------aside*/

aside .widget ul.taglist li {
	margin-top: 15px;
	display: block;
}

aside .widget ul.taglist li a:link {
	float: left;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 5px;
	background: #a9a9a9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 8px 10px 0;
	text-decoration: none;
	letter-spacing: 1.2px;
}

aside .widget ul.taglist li a:hover {
	background: #7c7c7c;
	text-decoration: none;
}

aside .widget ul.taglist li a:visited { color: #fff; }

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

	.post_tag span a:link { float: left; }

}

/*-----------------------------------------------------------------------------------------------------
ステッカー ネームの表示
-------------------------------------------------------------------------------------------------------*/

.term_name{
	font-size: 22px;
	color: #312d7d;
	margin-bottom: 55px;
}


/*-----------------------------------------------------------------------------------------------------
エディタのCSS
-------------------------------------------------------------------------------------------------------*/

em{font-style: italic;}

.post_text ul {list-style-type: disc;  margin-bottom: 30px;}

.post_text ul li{list-style-type: disc; margin-left:20px; padding-left:10px;}

.post_text ol{ margin-bottom: 30px;}

.post_text ol li{list-style-type: decimal; margin-left:20px; padding-left:10px;}

.post_text hr{display: block;   border:none; height:1px; background-color:#d7d7d7; margin:30px auto;}

.news_area article h1{ color:#312d7d;}

.news_area article h2{color:#312d7d;}

.news_area article h3{ color:#312d7d;}

.news_area article h4{color:#312d7d;}

.news_area article h5{ color:#312d7d;}

.news_area article h6{ color:#312d7d;}