/* レイアウト */
body {
	background-color: #333;
}
header {
	width: 100%;
	max-width: 2000px;
	margin: auto;
	display: flex;
	-ms-flex-pack:justify;
	justify-content:space-between;
	box-sizing: border-box;
	background-image: url("../img/navibg.png");
}
section {
	width: 100%;
	min-height: 80vh;
	max-width: 2000px;
	margin: auto;
	background-color: #F4F0E2;
	box-sizing: border-box;
	padding-left: .4rem;
	padding-right: .4rem;
	padding-bottom: .4rem;
	font-size: .15rem;
	line-height: .3rem;
	font-weight: 200;
	line-height: .27rem;
	margin-top: 0;
}
section .bordershadow {
	width: 100%;
	height: auto;
	z-index: 100;
	vertical-align: top;
}
section #title_wrap {
	width: 100%;
	display: flex;
	-ms-flex-pack:justify;
	flex-wrap: wrap;
	justify-content:space-between;
	box-sizing: border-box;
	align-items: center;
}
section #title_wrap p {
	width: 100%;
	display: block;
	margin-top: .05rem;
}
section article {
	display: block;
	margin-top: .4rem;
	padding: .2rem;
	background-color: #FBF9F3;
	border-radius: 10px;
	-webkit-border-radius: 10px;/* for Safari and Chrome 対応*/
	-moz-border-radius: 10px;/* for Firefox 対応*/
}
section article.onlypagenation {
	display: block;
	margin-top: .2rem;
	padding: 0;
	background-color: #F4F0E2;
	border-radius: 0;
}
footer {
	background-color: #550B40;
	color: #fff;
	font-size: .12rem;
	text-align: right;
	max-width: 2000px;
	margin: auto;
	display: flex;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

/*　レイアウト メディアクエリ */
	/* 大画面 */
	@media screen and (min-width: 1200px) and (max-width: 9999px) {
		section {
			font-size: .16rem;
			line-height: .33rem;
			letter-spacing: .005rem;
			padding-left: .6rem;
			padding-right: .6rem;
		}
	}
	/* 少画面PCとタブレット */
	@media screen and (min-width: 481px) and (max-width: 999px) {
		section {
			padding-left: .3rem;
			padding-right: .3rem;
		}
	}
	/* スマホ */
	@media screen and (max-width: 480px) {
		section {
			padding-left: .1rem;
			padding-right: .1rem;
		}
		section #title_wrap {
			display: block;
		}
		section #title_wrap .square_button {
			margin-top: .2rem;
		}
		footer {
			font-size: .11rem;
		}
	}

/* ヘッダー内要素 */
header #logo {
	display: flex;
}
header #logo h1 {
	margin: 0;
	padding: 0;
	display: block;
	background-color: #550B40;
}
header #logo h1 img {
	width: 150px;
	height: auto;
	margin-top: .1rem;
	margin-bottom: .1rem;
	margin-left: .4rem;
	margin-right: .4rem;
}
header #logo #logo_edge {
	display: block;
	content:" 　　　　　　";
	background: url(../img/page_logo_bg_side.png) no-repeat;
	background-size: auto 100%;
	width: 70px;
}
header nav {
	margin-top: .26rem;
	display: block;
}
header nav .menu {
	overflow: hidden;
	list-style: none;
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-weight: 100;
    font-size: .12rem;
    letter-spacing: 2px;
    margin: 0;
}
header nav .menu .menu__single {
	padding-left: 35px;
	padding-right: 35px;
	border-right: 1px outset #ccc;
}
header nav .menu .menu__single:first-child {
	padding-left: 0;
}
header nav .menu .menu__single:last-child {
	padding-right: 0;
	border-right: 0px;
	padding-right: .4rem;
}
header nav .menu .menu__single .menu_a_top {
	text-decoration: none;
	font-weight: 300;
	color: #550B40;
}
header nav .menu .menu__single .menu_a_top span {
	color: #000;
	font-size: .16rem;
}
header nav .menu .menu__single .menu_a_top:hover {
	color: #ccc;
}
header nav .menu .menu__single .menu_a_top:hover span {
	color: #ccc;
}
/* ドロップダウンメニュー*/
header nav .menu li ul {
  display: none;
  margin-left: -40px;
  position: absolute;
  list-style-type: none;
}
header nav .menu > li li:hover > a {
  color: #fff;
  background: #666;
  display: block;
}
header nav .menu li ul li {
  background-color: rgba(85,11,64,0.5);
  border-top: 1px solid #666;
}
header nav .menu li ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: .16rem;
	padding-top: .1rem;
	padding-bottom: .1rem;
	padding-left: .15rem;
	padding-right: .15rem;
}
/*　ヘッダー要素 メディアクエリ */
	/* 大画面 */
	@media screen and (min-width: 1200px) and (max-width: 9999px) {
		header #logo h1 img {
			width: 160px;
			height: auto;
			margin-left: .6rem;
			margin-right: .6rem;
		}
		header #logo #logo_edge {
			width: 75px;
		}
		header nav {
			margin-top: .25rem;
		}
		header nav .menu {
			font-size: .13rem;
		}
		header nav .menu .menu__single:last-child {
			padding-right: .6rem;
		}
		header nav .menu .menu__single .menu_a_top span {
			font-size: .18rem;
		}
	}
	/* 少画面PCとタブレット */
	@media screen and (min-width: 701px) and (max-width: 999px) {
		header #logo h1 img {
			width: 120px;
			height: auto;
			margin-left: .3rem;
			margin-right: .3rem;
		}
		header #logo #logo_edge {
			width: 60px;
		}
		header nav {
			margin-top: .21rem;
		}
		header nav .menu {
		    letter-spacing: 1px;
		    padding-left: 0;
		    margin-left: 0;
		}
		header nav .menu .menu__single {
			padding-left: .21rem;
			padding-right: .21rem;
		}
		header nav .menu .menu__single:last-child {
			padding-right: .3rem;
		}
		header nav .menu .menu__single .menu_a_top span {
			font-size: .15rem;
		}
	}
	/* スマホ横画面とタブレット */
	@media screen and (min-width: 481px) and (max-width: 700px) {
		header #logo h1 img {
			width: 120px;
			height: auto;
			margin-left: .2rem;
			margin-right: .2rem;
		}
		header #logo #logo_edge {
			width: 60px;
		}
		header nav {
			margin-top: .22rem;
		}
		header nav .menu {
		    letter-spacing: 0;
		    padding-left: 0;
		    margin-left: 0;
		}
		header nav .menu .menu__single {
			padding-left: .15rem;
			padding-right: .15rem;
		}
		header nav .menu .menu__single:last-child {
			padding-right: .2rem;
		}
		header nav .menu .menu__single .menu_a_top span {
			font-size: .13rem;
		}
	}

	/* スマホ */
	@media screen and (max-width: 480px) {
		header #logo h1 img {
			width: 120px;
			height: auto;
			margin-left: .2rem;
			margin-right: .2rem;
		}
		section {
			padding-left: .1rem;
			padding-right: .1rem;
		}
		footer {
			font-size: .11rem;
		}
	}

/* セクションレイアウト部分要素 */
section p {
	margin-bottom: .2rem;
	font-size: .15rem;
	line-height: .3rem;
}
section h1 {
	font-family: "Noto Serif Japanese";
	font-size: .25rem;
	font-weight: 500;
	letter-spacing: .02rem;
	line-height: .32rem;
	color: #333;
	margin-top: .2rem;
	margin-bottom: .1rem;
}
section #title_wrap .square_button a {
	font-size: .18rem;
	font-weight: 500;
	text-decoration: none;
	padding-top: .05rem;
	padding-bottom: .05rem;
	padding-left: .3rem;
	padding-right: .3rem;
	border: 1px solid #550B40;
	color: #550B40;
	border-radius: 10px;
	-webkit-border-radius: 10px;/* for Safari and Chrome 対応*/
	-moz-border-radius: 10px;/* for Firefox 対応*/
}
section #title_wrap .square_button a:hover {
	background-color: rgba(85,11,64,0.1);
	border: none;
}
section article h1 {
	margin-bottom: .3rem;
}
section article h2 {
	font-size: .18rem;
	font-weight: 300;
	background-color: rgba(85,11,64,0.5);
	margin-top: .2rem;
	margin-bottom: .2rem;
	margin-left: -.2rem;
	margin-right: -.2rem;
	padding-top: .1rem;
	padding-bottom: .1rem;
	padding-left: .2rem;
	padding-right: .2rem;
	color: #fff;
}
section h3 {
	font-size: .18rem;
	font-weight: 600;
	margin-top: .4rem;
	border-bottom: 1px solid #666;
}
section h3:before {
	content: "\f138 ";
	font-family: 'Font Awesome 5 Free';
	color: rgba(85,11,64,1);
}
section article h4 {
	font-size: .18rem;
	font-weight: 800;
	margin-top: .4rem;
	margin-bottom: .1rem;
}
section article h5 {
	font-size: .16rem;
	font-weight: 800;
	margin-top: .4rem;
	margin-bottom: .1rem;
	color: rgba(85,11,64,1);
}
section article h6 {
	font-size: .16rem;
	font-weight: 800;
	margin-top: .2rem;
	margin-bottom: .05rem;
}
section article img {
	margin-top: .2rem;
	margin-bottom: .05rem;
}
section article ul {
	font-size: .15rem;
}
section article a {
	color: rgba(85,11,64,1);
}
section article a:hover {
	opacity: 0.7;
}
section article blockquote {
	display: block;
	clear: both;
	box-sizing: border-box;
	padding: .2rem;
	margin: .4rem;
	line-height: .36rem;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	-webkit-border-radius: 10px;/* for Safari and Chrome 対応*/
	-moz-border-radius: 10px;/* for Firefox 対応*/
}
section article blockquote h1,section article blockquote h2,section article blockquote h3,section article blockquote h4,section article blockquote h5,section article blockquote h6 {
	margin-top: .1rem;
}
section article blockquote p {
	line-height: .36rem;
}
section article pre {
	background-color: #eee;
	display: block;
	clear: both;
	box-sizing: border-box;
	width: 100%;
	font-size: .14rem;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	padding: .1rem;
}
/*　汎用アーカイブ要素 */
.wp_cat_element {
	padding-top: .4rem;
	padding-bottom: .4rem;
	border-bottom: 1px solid #ddd;
}
article > .wp_cat_element:last-of-type {
	border: none;
}
.wp_cat_element a {
	display: block;
	cursor: pointer;
	text-decoration: none;
}
.wp_cat_element .w_c_e_day {
	background-color: rgba(85,11,64,1);
	font-size: .14rem;
	font-weight: 500;
	color: #fff;
	margin-bottom: 0;
	padding-left: .1rem;
	padding-right: .1rem;
}
.wp_cat_element h2 {
	font-size: .20rem;
	font-weight: 500;
	background: none;
	color: #222;
	margin-top: .1rem;
	padding-top: 0;
	margin-bottom: .08rem;
	padding-bottom: 0;
}
.wp_cat_element p {
	font-size: .16rem;
	color: #B3802E;
	font-weight: 100;
	margin-top: 0;
	margin-bottom: 0;
}
/*　wordpressページネーション */
section article .pagenation {
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: .6rem;
}
section article .pagenation ul {
	list-style-type: none;
	display: flex;
	-ms-flex-pack:justify;
	justify-content:center;
	font-weight: 500;
	font-size: .13rem;
	margin-left: 0;
	padding-left: 0;
}
section article .pagenation ul li {
	display: block;
	padding: 0;
	margin: 0;
}
section article .pagenation ul li .current {
	display: block;
	padding-left: .1rem;
	padding-right: .1rem;
	margin-left: .1rem;
	margin-right: .1rem;
	border: none;
	color: #fff;
	background-color:  rgba(85,11,64,1);
}
section article .pagenation ul li a {
	display: block;
	font-weight: 500;
	font-size: .13rem;
	text-decoration: none;
	padding-left: .1rem;
	padding-right: .1rem;
	margin-left: .1rem;
	margin-right: .1rem;
	border: 1px solid #ddd;
	background-color:  rgba(85,11,64,0.02);
}
section article .pagenation ul li a:hover {
	background-color:  rgba(85,11,64,0.5);
}
section article .pagenation ul li a.dot {
	padding-left: .06rem;
	padding-right: .06rem;
}
section article .pagenation ul li.pagerPrevAll a,section article .pagenation ul li.pagerNextAll a {
	padding-left: .1rem;
	padding-right: .1rem;
	background-color:  rgba(85,11,64,0.2);
}
section article .pagenation ul li.pagerPrev a,section article .pagenation ul li.pagerNext a {
	padding-left: .1rem;
	padding-right: .1rem;
	background-color:  rgba(85,11,64,0.1);
}

/*　セクションレイアウト メディアクエリ */
	/* 大画面 */
	@media screen and (min-width: 1401px) and (max-width: 9999px) {
		section h1 {
			font-size: .33rem;
			margin-bottom: .1rem;
		}
		section article h2 {
			font-size: .23rem;
		}
		section article h3 {
			font-size: .21rem;
		}
		section article h4 {
			font-size: .21rem;
		}
		section article h5 {
			font-size: .19rem;
		}
		section article h6 {
			font-size: .19rem;
		}
		section p {
			font-size: .17rem;
			line-height: .33rem;
			letter-spacing: .005rem;
		}
		section article blockquote {
			margin-top: .5rem;
		}
	}
	/* 中画面 */
	@media screen and (min-width: 1200px) and (max-width: 1400px) {
		section h1 {
			font-size: .3rem;
			margin-bottom: .1rem;
		}
		section article h2 {
			font-size: .20rem;
		}
		section article h3 {
			font-size: .20rem;
		}
		section article h4 {
			font-size: .20rem;
		}
		section article h5 {
			font-size: .18rem;
		}
		section article h6 {
			font-size: .18rem;
		}
		section ul {
			ont-size: .16rem;
		}
		section p {
			font-size: .16rem;
			line-height: .33rem;
			letter-spacing: .005rem;
		}
		section article blockquote {
			margin-top: .5rem;
		}
	}
	/* スマホ */
	@media screen and (max-width: 650px) {
		section h1 {
			font-size: .3rem;
			margin-bottom: .1rem;
		}
		section article h2 {
			font-size: .20rem;
		}
		section article h3 {
			font-size: .20rem;
		}
		section article h4 {
			font-size: .20rem;
		}
		section article h5 {
			font-size: .18rem;
		}
		section article h6 {
			font-size: .16rem;
		}
		section p {
			font-size: .16rem;
			line-height: .33rem;
			letter-spacing: .005rem;
		}
		section article blockquote {
			margin-top: .5rem;
		}
	}
	/* blockquote */
	@media screen and (max-width: 750px) {
		section article blockquote {
			margin: 0;
		}
	}





/* フッター部分要素 */
#inquiry {
	float: left;
	font-size: .15rem;
	letter-spacing: .03rem;
	background-color: #855076;
	padding-top: .08rem;
	padding-bottom: .08rem;
	padding-left: .2rem;
	padding-right: .2rem;
	text-decoration: none;
	color: #FFF;
}
#inquiry:hover {
	opacity: 0.7;
}
#copyright {
	padding-top: .1rem;
	padding-bottom: .1rem;
	padding-right: .08rem;
}
