@charset "UTF-8";
/*
Theme Name: dwing
Theme URI: 
Author: qp3.jp
Author URI: http://qp3.jp/
Description: 専用テーマ
Version: 1.0
License: 
License URI: 
Text Domain:

Google Fonts
font-family: 'Montserrat', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
*/

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html, body{
	font-family:'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-feature-settings : "palt" 1;
	line-break: strict;/* normalは句読点のみ*/
	word-break: break-all;
}
body {
	color: #000;
	font-size: 16px;
	background: #fff;
	margin: 0;
	padding: 0;
}
a{
	color: #000;
	text-decoration: none;
	transition: all 0.3s ease-out;
	cursor: pointer;
}
a:hover{
	text-decoration: underline;
	opacity: 0.7;
}
img{
	border:none;
}
iframe{
	border:none;
}
h1, h2, h3, h4, h5, h6{
    font-weight: bold ;
}
h2{
    margin: 30px 0 0;
}
h3{
    margin: 25px 0 0;
}
h4, h5, h6{
    margin: 20px 0 0;
}
p{
    margin: 20px 0 0;
}
ul{
}
li{
	list-style: none;
}

table{
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
    margin: 20px 0 0;
}
th,td{
	border:rgba(0,0,0,0.3) 0.6px solid;
	text-align:left;
	padding:20px;
	border-width:0.6px 0 0 0;
}
tr:last-child th,tr:last-child td{
	border-width:0.6px 0 0.6px 0;
}
th{
	border-color:rgba(0,0,0,0.9);
}
input[type="submit"],input[type="button"], button{
	-webkit-appearance: none;
	appearance: none;
	font-size:16px;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration, button::-webkit-search-decoration{
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus, button::focus{
	outline-offset: -2px;
}
input[type="submit"]:hover,
input[type="button"]:hover, button:hover{
	text-decoration: none;
}
textarea,input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"],input[type="address"]{
	border: none;
	border-radius: 0;
	outline: none;
	background: rgba(26,26,26,0.1);
	line-height: 1.2;
	font-size: 16px;
	padding: 10px 10px;
	box-sizing: border-box;
    -webkit-appearance:none;
    appearance: none;
}
input:-internal-autofill-selected{
	background-color: rgb(33 88 132)!important;
}
input::placeholder{
	color: rgba(26,26,26,0.3); 
}
input[type="checkbox"]{
	margin: 0;
}
select {
  cursor: pointer;
  border: #534741 1px solid;
  padding: 0 34px 0 8px;
  border-radius: 4px;
  line-height: 30px;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-indent: .01px;
  text-overflow: "";
  height: 32px;
  font-size: 16px;
  position: relative;
  background-size: 31px auto;
  background:#f6f6f6;
}
.select_wrap{
	display: inline-block;
	position: relative;
}
.select_wrap:after{
	content:"";
	width: 5px;
	height:5px;
	border: #262626 1px solid;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display:block;
	position:absolute;
	right:12px;
	top:50%;
	margin-top:-4px;
	pointer-events: none;
}

select::-ms-expand {
  display: none; }

option {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  color: #262626;
  padding: 5px 3px; }

option[selected] {
  color: #fff;
  background: rgba(60, 88, 207, 0.3); }

select:focus {
  border-color: #2196F3;
  outline: none; }

select.off {
  background: #f1f1f1;
  border-color: #ddd; }
input[type="checkbox"].inline_cb{
margin-left: 0.5em;  
}

.forPC{
	display: block;
}
.forSP{
	display: none;
}

.inner{
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/* ボタン */
.btns{
	margin: 30px 0 20px;
}
.btn, input[type="submit"], input[type="button"], button{
	display: block;
	width: 100%;
	max-width: 280px;
	border: 1px solid #262626;
	color: #262626;
	margin: 0 auto;
	line-height: 57px;
	text-align: center;
	background: none;
	cursor:pointer;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.btn:hover{
	text-decoration: none;
	opacity: 1;
	background: #262626;
	color: #fff;
}
.btn_min{
	font-size:85%;
	line-height:40px;
	margin-top:10px;
}
.btns_more{
	margin-top: 25px;
}
.btn_more{
	height: 43px;
	line-height: 43px;
	color: #262626;
	text-align: right;
	/* font-family: 'Montserrat', sans-serif; */
	padding-right: 15px;
	box-sizing: border-box;
	/* max-width: 380px; */
	font-size:14px;
}
.btn_more:after{
	content: "";
	display: inline-block;
	background: url(images/icon_arrow.png) center no-repeat;
	background-size: 100% auto;
	width: 22px;
	height: 7px;
	margin: 0 0 2px 10px;
}
.btn_more:hover:after{
	background: url(images/icon_arrow_w.png) center no-repeat;
	background-size: 100% auto;
	width: 22px;
	height: 7px;
}
.btns_top{margin: 0 0 70px;}
.btn_top{
}

/* バナー */
.bnrs_register{
	margin:0 auto 70px;
	padding:0 30px;
}
.bnr_register{
	display: block;
	margin: 45px auto 0;
}
.bnr_register img{
	width: 100%;
	height: auto;
	box-shadow: 0 15px 18px rgb(34 55 178 / 20%);
	display: block;
}
.bnr_register_2{
}
@media screen and (max-width: 1024px) {
	.sidebar .bnr_register_2{
        display:none;
    }
}

/* 画像 */
.img_wrapper{
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
	height: auto;
    margin: auto 0;
    overflow: hidden;
}
.img_wrapper img{
	position: absolute;
	left: -500px;
	top: -500px;
	bottom: -500px;
	right: -500px;
	display: block;
	margin: auto;
	width: auto;
	height: 100%;
}

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

	body{
	}

	.forPC{
		display: none;
	}
	.forSP{
		display: block;
	}

	/* ボタン */
	.btns{
	}
	.btn{
		max-width: 380px;
	}
	.btn:hover{
	}
	.btns_more{
	}
	.btn_more{
	max-width: none;
	}
	.btn_more:after{
	}
	.btn_more:hover:after{
	}
	.btns_top{
	}
	.btn_top{
	}

	/* バナー */
	.bnr_register{
	}
	.bnr_register img{
	}
	.bnr_register_2{
	}
	.bnr_register_2 img{
	}

}

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

#container{
}
.contents{
	position:relative;
	padding: 150px 0 0;
	overflow: hidden;
}
.contents_inner{
	position:relative;
	z-index:2;
}
.contents_bg{
}
.contents_bg_1{
	position:absolute;
	z-index:1;
	left:-408px;
	width:500px;
	height:20000px;
	background:rgb(38 38 38 / 0.07);
	top:0;
	transform-origin: 0 0;
	transform:skewX(35deg);
}
.contents_bg_2{
	position:absolute;
	z-index:1;
	left:50%;
	width:98px;
	height:20000px;
	background:rgb(38 38 38 / 0.07);
	top:0;
	margin:0 0 0 80px;
	transform-origin: 0 0;
	transform:skewX(35deg);
}
.contents_bg_2:before{
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	left:165px;
	width:12px;
	height:20000px;
	background:rgb(38 38 38 / 0.07);
	top:0;
}
.contents_bg_2:after{
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	left:215px;
	width:2px;
	height:20000px;
	background:rgb(38 38 38 / 0.07);
	top:0;
}


/* contents_header */
.contents_header{
	background:#f1f1f1;
}
.contents_header_inner{
	/* background: url(images/contents_header.png) left no-repeat; */
	background-size: auto 100%;
	width: 100%;
	max-width: 1920px;
	height: 91px;
	margin: 0 auto;
}
.contents_header_ttl{
	color: #009be4;
	line-height: 1;
	height: 91px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: normal;
	padding-left: 40px;
}
.contents_header_ttl_kana{
	color: #00428d;
	display: block;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 4px;
}
.contents_header_ttl_en{
	font-family: 'Montserrat', sans-serif;
	/*font-style: italic;*/
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 13px;
	margin-top: 5px;
}

/* パンくず */
#breadcrumb{
	max-width: 1920px;
	margin: 0 auto;
	padding:8px 0 0 15px;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 1.2;
	height: 0;
}
.breadcrumbItem{
	display: inline-block;
}
.breadcrumbItem:before{
	content: "/";
	padding: 0 5px 0 0;
}
.breadcrumbItem:first-child:before{
	display: none;
}

/* content */
.content{
	margin: 50px auto 0;
	max-width: 1250px;
}
.content:after{
  content: "";
  display: block;
  clear: both;
}

.main{
	width: calc(100% - 450px);
	float: left;
	max-width: 800px;
	padding-left: 60px;
	margin: 0 auto;
	box-sizing:border-box;
}

.main_list{
}
.content-1c .main{
	max-width: 900px;
	margin-left: auto;
	background:rgba(255,255,255,0.89);
	margin:0 auto 70px;
	float: none;
	padding:70px 50px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	box-shadow:0 20px 40px rgba(0,0,0,0.02    );
}

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

	.main{
		width: 88%;
		max-width: 100%;
		float: none;
		padding-left: 0;
		margin: 0 auto;
	}

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

	#container{
	}
	.contents{
	padding-top: 68px;
	}
	.contents_bg_1{
		width:222px;
		left:-167px;
	}

	/* contents_header */
	.contents_header{
	}
	.contents_header_inner{
		/* background: url(images/contents_header.png) left -30px top 0 no-repeat; */
		background-size: auto 100%;
		height: 64px;
	}
	.contents_header_ttl{
		height: 64px;
		padding-left: 20px;
	}
	.contents_header_ttl_kana{
		font-size: 17px;
	}
	.contents_header_ttl_en{
		font-size: 10px;
		margin-top: 3px;
	}

	/* パンくず */
	#breadcrumb{
		white-space: nowrap;
		/* overflow-x: scroll; */
		padding: 5px 5px 5px 8px;
		font-size: 12px;
	}
	.breadcrumbItem{
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.breadcrumbItem:before{
	}
	.breadcrumbItem:first-child:before{
	}

	/* content */
	.content{
	    margin-top: 30px;
	}
	body .content-1c:first-child{
	    margin-top: 20px;
	}
	.main{
	}
	.main_list{
	}
    .content-1c .main{
    	padding:7%;
    	width:95%;
    	margin: 0 auto 20px;
    }
}

/*-----------------------------------------------------------------------------* 記事詳細 */

/* 記事ヘッダー */
.post_header{
	margin-bottom: 50px;
}
.post_mainimg{
	background: #262626;
	position:relative;
}
.post_mainimg:before{
	content:"";
	position:absolute;
	background: #262626;
	top:0;bottom:0;
	right:0;
	left:-2000px;
}
.post_mainimg_inner{
	position: relative;
	padding: 56.25% 0 0;
}
.post_mainimg img{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto;
	height: 100%;
}
.post_txts{
	position: relative;
	max-width: 800px;
	margin-left: auto;
	margin-top: 40px;
}
.post_txts:first-child{
	margin-top:0;
}
.post_ttl{
	font-size: 34px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 auto 20px;
}
.content-1c .post_ttl{
	text-align:center;
	font-size: 28px;
}

.post_meta{
}
.post_tags{
	float: left;
	line-height: 1;
}
.post_tag{
	display: inline-block;
	line-height: 1;
	font-size: 14px;
	background: #0d0d0d;
	color: #fff;
	padding: 5px 10px;
	margin: 5px 10px 0 0;
}
.post_tag:hover{
	text-decoration: none;
}
.post_date{
	float: right;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	margin-top: 8px;
}
/*
@media screen and (min-width: 1330px) {
	.post_mainimg_inner:after{
		content:"";
		background: linear-gradient(90deg,#262626ff, #26262600);
		display:block;
		position:absolute;
		left:-101px;
		top:0;
		bottom:0;
		width: 250px;
	}
}
*/
@media screen and (max-width: 767px) {

	/* 記事ヘッダー */
	.post_header{
		margin: 10px 0 20px;
	}
	.post_mainimg{
	}
	.post_mainimg_inner{
	}
	.post_mainimg img{
	}
	.post_txts{
		margin:20px 0;
	}
	.post_ttl{
		font-size: 22px;
		line-height: 1.3;
		margin: 0 auto 0;
	}
	.post_meta{
		margin-top: 12px;
	}
	.post_tags{
	    float: none;
	}
	.post_tag{
	    margin: 5px 4px 0 0;
	}
	.post_tag:hover{
	}
	.post_date{
		float: none;
		text-align: right;
		margin-top: 10px;
		font-size: 14px;
	}

}

/* 記事本文 */
.post_entry{
	max-width: 800px;
	margin-left: auto;
}

/* 見出し */
.post_entry h2{
	position: relative;
	font-size: 36px;
	line-height: 1.2;
	margin: 65px 0 35px 40px;
}
.post_entry h2:before{
	content: "";
	position: absolute;
	top: 20px;
	left: -60px;
	background: linear-gradient(to right, #463fa9, #0093da);
	width: 50px;
	height: 2px;
}
.post_entry h3{
	position: relative;
	color: #0d0d0d;
	font-size: 25px;
	line-height: 1.6;
	margin: 60px 0 45px 27px;
}
.post_entry h3:before{
	content: "";
	position: absolute;
	top: 5%;
	left: -27px;
	background: #0d0d0d;
	width: 1px;
	height: 90%;
}
.post_entry h4{
	color: #0d0d0d;
	font-size: 18px;
	line-height: 1.6;
	margin: 20px 0 15px;
}
.post_entry h5{
	display: inline-block;
	font-size: 17px;
	background: #332f29;
	color: #fff;
	line-height: 1.4;
	padding: 5px 8px;
	margin: 0 0 10px;
}
/* 本文 */
.post_entry p{
	line-height: 2.4;
	color: #332f29;
	margin: 5px 0 20px;
}
.content-1c .post_entry p{
	line-height: 1.6;
}
.post_entry p br{
	/* content: ""; */
	/* display: block; */
	/* margin: 13px 0; */
}
.post_entry p a{
	color: #3240c2;
	text-decoration: underline;
}
.post_entry p strong{
	font-weight: normal;
	background: linear-gradient(transparent 65%, #ff26008c 50%);
	padding-bottom: 2px;
}
/* 画像 */
.post_entry figure{
	margin: 0 auto;
}
.wp-block-image{
}
.post_entry img, .post_entry figure img{
	/* width: 100%; */
	height: auto;
	max-width: 100%;
}
.post_entry .wp-caption{
	width: 100% !important;
	height: auto;
}
.post_entry figcaption, .post_entry .wp-caption-text{
	font-size: 15px;
	color: rgba(13,13,13,0.7);
	line-height: 1.6;
}
.post_entry figure a{
}
.post_entry figure a img{
	width: 100%;
	height: auto;
	box-shadow: 0 15px 10px rgba(34,55,178,0.2);
	margin-top: 45px;
}
/* テーブル */
.wp-block-table{
}
.post_entry .table_wrapper table{
}
.post_entry table{
	background: rgba(212,210,209,0.3);
	width: 100%;
	table-layout: fixed;
	border-radius: 3px;
	overflow: hidden;
}
.post_entry tr{
}
.post_entry tr:first-child{
	font-size: 15px;
	font-weight: bold;
}
.post_entry tr:last-child td{
	border-bottom: none;
}
.post_entry td{
	border-right: 1px solid #0000001f;
	border-bottom: 1px solid #00000040;
	text-align: center;
	padding: 2% 3%;
	line-height: 1.4;
}
.post_entry td:first-child{
	border-right: 1px solid #00000040;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	background: rgba(212,210,209,0.3);
}
.post_entry td:last-child{
	border-right: none;
}

/* リスト */
.post_entry ul{
	padding: 0;
}
.post_entry li{
	position: relative;
	color: #0d0d0d;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	margin: 15px 0 15px 18px;
}
.post_entry li:before{
	content: "";
	position: absolute;
	top: 9px;
	left: -18px;
	background: #0d0d0d;
	width: 12px;
	height: 3px;
}
/* 動画 */
.wp-block-embed__wrapper{
	position: relative;
	padding: 56.25% 0 0;
	margin: 30px 0;
}
.wp-block-embed__wrapper iframe{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.post_entry iframe{
	max-width:100%;
}
.youtube_wrapper{
	position:relative;
	width:100%;
	padding:56.25% 0 0;
}
.youtube_wrapper iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.instagram_wrapper{
}
.instagram iframe{
}
/* 引用 */
.post_entry blockquote{
	padding: 25px 30px 20px;
	border: 5px solid rgba(51,47,41,0.3);
	margin: 25px auto;
}
.post_entry blockquote strong{
	background: none;
	font-weight: bold;
}
.post_entry blockquote p{
	margin: 0 auto;
	line-height: 1.8;
}
.post_entry blockquote p br{
    margin: 0;
}
.post_entry blockquote cite{
	display: block;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: rgba(51,47,41,0.7);
}

.btns_content_register{
	position:relative;
	margin:-1.5em 0 0;
	padding:1.5em 0 0;

}
.btns_content_register:before{
	content:"";
	position: absolute;
	background: linear-gradient( #ffffff00,#ffffffff);
	display:block;
	height:120px;
	top:-120px;
	left:0;right:0;
}
.btn_content_register{
	background:#000;
	color:#fff;
	padding:5px;
	max-width:400px;
	font-weight:bold;
	font-size:17px;
	background: linear-gradient(140deg, #463fa9, #0093da);
	box-shadow: 0 15px 18px rgb(34 55 178 / 20%);
	border:none;
	transition:0.3s;
}
.btn_content_register:hover{
	background: linear-gradient(140deg, #463fa9, #0093da);
	opacity:0.8;
}
.btn_content_login{
	margin:	25px auto;
	line-height: 46px;
	max-width: 250px;
}

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

	/* 記事本文 */
	.post_entry{
	}
	/* 見出し */
	.post_entry h2{
		font-size: 23px;
		line-height: 1.3;
		margin: 35px 0 23px 15px;
	}
	.post_entry h2:before{
		top: 14px;
		left: -40px;
		width: 30px;
	}
	.post_entry h3{
		font-size: 19px;
		line-height: 1.4;
		margin: 28px 0 23px 15px;
	}
	.post_entry h3:before{
		top: 2%;
		left: -15px;
		height: 96%;
	}
	.post_entry h4{
		font-size: 17px;
		line-height: 1.4;
	}
	.post_entry h5{
		font-size: 16px;
		line-height: 1.3;
	}
	/* 本文 */
	.post_entry p{
	    line-height: 2;
	}
	.post_entry p br{
	    margin: 10px 0;
	}
	.post_entry p a{
	}
	.post_entry p strong{
	}
	/* 画像 */
	.post_entry figure{
	}
	.wp-block-image{
	}
	.post_entry figure img{
	}
	.post_entry figcaption, .post_entry .wp-caption-text{
		font-size: 13px;
		line-height: 1.4;
	}
	.post_entry figure a{
	}
	.post_entry figure a img{
	    margin-top: 20px;
	}
	/* テーブル */
	.wp-block-table{
		white-space: nowrap;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.post_entry .table_wrapper{
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		
	}
	.post_entry .table_wrapper table{
		
	}
	.post_entry table{
	    table-layout: auto;
	}
	.post_entry tr{
	}
	.post_entry tr:first-child{
	}
	.post_entry tr:last-child td{
	}
	.post_entry td{
    	padding: 3% 1.5% 3% 2.5%;
    	font-size: 12px;
    	min-width:60px;
    	text-align:left;
     }
	.post_entry td:first-child{
	    font-size: 13px;
	}
	.post_entry td:last-child{
	}
	/* リスト */
	.post_entry ul{
	}
	.post_entry li{
	    line-height: 1.4;
	    margin: 13px 0 13px 18px;
	}
	.post_entry li:before{
	}
	/* 動画 */
	.wp-block-embed__wrapper{
	}
	.wp-block-embed__wrapper iframe{
	}
	.post_entry figure iframe{
	}
	/* 引用 */
	.post_entry blockquote{
	    padding: 15px 20px 10px;
	}
	.post_entry blockquote strong{
	}
	.post_entry blockquote p{
	}
	.post_entry blockquote p br{
	}
	.post_entry blockquote cite{
	}

}

/* 目次 */
.mokuji{
	max-width: 800px;
	margin-left: auto;
	border: 1px solid #000;
	margin-top: 50px;

}
.mokuji_ttl{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: bold;
	/*font-style: italic;*/
	padding: 16px 0 0 16px;
	letter-spacing: 1px;
}
.mokuji_ttl:before{
	content: "";
	display: inline-block;
	background: url(images/icon_index.png) center no-repeat;
	background-size: 100% auto;
	width: 11px;
	height: 7px;
	margin: 0 5px 1px 0;
}
.mokuji ul{
	margin: 0;
	padding: 13px 40px 25px;
}
.mokuji li{
	margin: 0;
}
.mokuji li:before{
	display: none;
}
.mokuji li a{
	position: relative;
	margin-left: 25px;
	display: inline-block;
	padding: 5px 0;
	color: rgba(0,0,0,0.7);
	font-weight: bold;
	line-height: 1.5;
}
.mokuji li a:before{
	content: "";
	background: #0d0d0d;
	width: 18px;
	height: 1px;
	position: absolute;
	top: 17px;
	left: -25px;
}

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

	.mokuji{
		border: none;
		background: rgba(212,210,209,0.2);
		margin-top: 30px;
	}
	.mokuji_ttl{
		padding: 13px 0 0 14px;
	}
	.mokuji_ttl:before{
	}
	.mokuji ul{
		padding: 8px 15px 15px;
	}
	.mokuji li{
	}
	.mokuji li a{
	    margin-left: 18px;
	}
	.mokuji li a:before{
		width: 10px;
		left: -18px;
	}

}

/* 記事フッター */
/* person */
.post_footer{
	max-width: 800px;
	margin-left: auto;
	margin: 70px 0 70px;
}
.person{
	background: rgba(2,36,36,0.05);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	
}
.person_contents{
	padding: 40px 40px 20px;
	position:relative;
}
.post_footer .person_contents:before{
	content:"EDITOR";
	color: #0d0d0d;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: bold;
	/*font-style: italic;*/
	letter-spacing: 1px;
	padding: 10px;
	position:absolute;
	left:0;
	top:0;
}
.person_prof{
}
.person_img{
	float: left;
	width: 100px;
	height: 100px;
}
.person_img img{
}
.person_namebox{
	float: left;
	margin-left: 30px;
	width: calc(100% - 130px);
	height: 100px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: normal;
}
.person_name{
	font-size: 27px;
	line-height: 1.2;
}
.person_kana{
	font-size: 13px;
}
.person_shoulder{
}
.person_txt{
	font-size: 14px;
	line-height: 1.8;
}

/* sns等 */
.snsBox{
	margin-top: 70px;
	text-align: center;
}
.sns{
	display: inline-block;
}
.sns a{
	margin: 0 12px;
}
.print{
	display: inline-block;
	vertical-align: top;
	margin-left: 12px;
}
.print a{
	display: block;
	position: relative;
	border: 1px solid #000;
	height: 50px;
	line-height: 50px;
	width: 225px;
	border-radius: 25px;
	font-size: 19px;
}
.print a:before{
	content: "";
	display: inline-block;
	background: url(images/icon_print.png) center no-repeat;
	background-size: 100% auto;
	width: 25px;
	height: 24px;
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
.print a:hover{
	text-decoration: none;
}

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

	/* 記事フッター */
	/* person */
	.post_footer{
	    margin-top: 50px;
	}
	.person{
	}
	.person_contents{
	    padding: 18px 18px 1px;
	}
	.post_footer .person_contents{
	    padding-top: 28px;
	}
	.post_footer .person_contents:before{
	    padding:5px;
	}
	.person_prof{
	}
	.person_img{
	}
	.person_img img{
	}
	.person_namebox{
		margin-left: 13px;
		width: calc(100% - 113px);
	}
	.person_name{
	    font-size: 20px;
	}
	.person_kana{
	    font-size: 11px;
	}
	.person_shoulder{
		font-size: 12px;
		line-height: 1.4;
	}
	.person_txt{
	}

	/* sns等 */
	.snsBox{
		margin-top: 50px;
	}
	.sns{
	}
	.sns a{
		margin: 0 8px;
	}
	.print{
		display: block;
		margin: 15px auto 0;
	}
	.print a{
		margin: 0 auto;
	}
	.print a:before{
	}
	.print a:hover{
	}

}

/*-----------------------------------------------------------------------------* 固定ページ list */
body.page .main{
	float: none;
}
body.page .sidebar{
	display: none;
}



/*-----------------------------------------------------------------------------* 一覧ページ list */
.searchResult_title {
  font-size: 22px;
  line-height: 1.4;
}
.searchResult_title_kw {
  margin: 0 0.2em 0 0;
}
.searchResult_title_kw:after {
  content: "｜";
  margin-left: 0.2em;
  opacity: 0.3;
}
.searchResult_title_kw:last-child {
  margin-right: 0.2em;
}
.searchResult_title_kw:last-child:after {
  content: none;
}
.searchResult_title_cat {
  margin: 0 0.2em 0 0;
}
.searchResult_title_cat:after {
  content: "/";
  margin-left: 0.2em;
  opacity: 0.3;
}
.searchResult_title_cat..searchResult_title_cat-tag:after {
  content: "｜";
}
.searchResult_title_cat:last-child {
  margin-right: 0.2em;
}
.searchResult_title_cat:last-child:after {
  content: none;
}
.searchResult_title_cat > span {
  margin: 0 0.2em 0 0;
}
.searchResult_title_cat > span:after {
  content: "・";
  margin-left: 0.2em;
  opacity: 0.3;
}
.searchResult_title_cat > span:last-child {
  margin-right: 0;
}
.searchResult_title_cat > span:last-child:after {
  content: none;
}
.searchResult_title_last {
  margin-left: 0.8em;
}
.list_header{line-height: 1.3em;}
.list_header_title{
  font-size: 32px;
  padding-left:32px;
  position:relative;
}
.list_header_title:before,.list_header_title:after{
  content:"";
  background:#2d2d31;
  width:13px;
  height:14px;
  display:block;
  position:absolute;
  left:0;
  top:50%;
  margin:-14px 0 0;
}
.list_header_title:before{
  -webkit-transform: skew(32deg, 0deg) translate(4px,0px);
  transform: skew(32deg, 0deg) translate(4px,0px);
}
.list_header_title:after{
  -webkit-transform: skew(-32deg, 0deg) translate(4px,0px);
  transform: skew(-32deg, 0deg) translate(4px,0px);
  margin:0;
}
.list_header_description{
  margin-top: 10px;
  line-height:1.8;
  font-size: 12px;
  text-align:justify;
  opacity: 0.7;
}

.searchResult_menu {
  margin: 5px auto 0;
  overflow: hidden;
}
.searchResult_menu:first-child{
  margin-top: 0;
}
.searchResult_menu_number {
  float: left;
  font-size: 14px;
  text-align: center;
  margin: 0;
  color: #2d2d31;
  opacity:0.5;
}
.searchResult_menu_number_former {
  font-size: 130%;
}
.searchResult_menu_pager {
  overflow: hidden;
  text-align: center;
}
.searchResult_menu_pager_item {
  display: inline-block;
  padding: 15px;
  position: relative;
  background: #3c58cf;
  background: #fff;
  color: #2d2d31;
  border: rgba(0, 0, 0, 0.05) 1px solid;
  margin-left: 0;
  min-width: 1em;
  text-align: center;
  margin-right:-1px;
}
.searchResult_menu_pager_item-next {
  background-size:100% 100%;
  border:none;
  color: #fff;
  background:#ddd;
  background-size:100% 100%;
  text-align: left;
}
.searchResult_menu_pager_item-prev {
  background:#ddd;
  background-size:100% 100%;
  color: #fff;
  text-align: right;
}
.searchResult_menu_pager_item:first-child{
  border-radius: 8px 0 0 8px;
}
.searchResult_menu_pager_item:last-child{
  border-radius: 0 8px 8px 0;
}


.list{
}
.listItem{
	display: block;
	margin: 34px 0;
}
.listItem_img{
	float: left;
	width: 34%;
	height: 0;
	background: #262626;
	padding: 25.5% 0 0;
}
.listItem_img img{
}
.listItem_txts{
	width: 66%;
	height: 200px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: normal;
	float: left;
	padding-left: 3%;
	box-sizing: border-box;
}

.listItem_ttl{
	font-size: 22px;
	line-height: 1.4;
	margin: 0;
}
.listItem_txt{
	margin: 5px 0 0;
	color: rgba(51,47,41,0.6);
	font-size: 14px;
	line-height: 1.8;
}
.listItem_meta{
}
.listItem_tagList{
	float: left;
	line-height: 1;
}
.listItem_tagList span{
	display: inline-block;
	line-height: 1;
	font-size: 14px;
	background: #262626;
	color: #fff;
	padding: 5px 10px;
	margin: 10px 10px 0 0;
}
.listItem_date{
	float: right;
	margin: 10px 0 0 0;
	VARIANT: JIS04;
	FONT-VARIANT: JIS04;
}

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

	.listItem_txts{
		height: auto;
	}

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

	.list{
	}
	.listItem{
		margin: 20px auto 0;
	}
	.listItem_img{
		width: 100px;
		height: 100px;
		padding: 0;
	}
	.listItem_img img{
		width: auto;
		height: 100%;
	}
	.listItem_txts{
		width: calc(100% - 110px);
		height: auto;
		padding-left: 10px;
		margin-bottom: 0;
	}
	.listItem_ttl{
		font-size: 14px;
	}
	.listItem_txt{
		display: none;
	}
	.listItem_meta{
	}
	.listItem_tagList{
	}
	.listItem_tagList span{
		font-size: 10px;
		margin: 5px 4px 0 0;
	}
	.listItem_date{
		display: none;
	}

}


.list2{
  width: auto;
  margin: 40px auto 0;
  overflow: hidden;
  position:relative;
}
.list2 .listItem{
	float:left;
	width: 30%;
	margin: 0 5% 0 0;
}
.list2 .listItem:nth-child(3n){
	margin-right: 0;
}
.list2 .listItem_img{
	float: none;
	width: auto;
	height: 0;
	background: #262626;
	padding: 75% 0 0;
}
.list2 .listItem_img img{
}
.list2 .listItem_txts{
	width: auto;
	height: auto;
	display: block;
	flex-direction: column;
	justify-content: center;
	align-items: normal;
	float: none;
	padding: 10px 0;
	box-sizing: border-box;
}

.list2 .listItem_ttl{
	font-size: 18px;
	line-height: 1.4;
	margin: 0;
}
.list2 .listItem_txt{
	display:none;
}
.list2 .listItem_meta{display: none;}
.list2 .listItem_tagList{
}
.list2 .listItem_tagList span{
}
.list2 .listItem_date{
}

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

	.list2{
		float: none;
		width: 116%;
		overflow-x: scroll;
		padding: 5px 1% 20px 7%;
		margin: 0 -8%;
    }
    .list2_inner{
    	width: 260%;
    }


}



/*お知らせ一覧などのフォーマット*/
.listItem-news{
	border-top:rgba(0,0,0,0.5) 1px solid;
	padding:25px 5px 18px;
	margin:0;
}
.listItem-news:first-child{
	margin-top:5px;
}
.listItem-news:last-child{
	border-bottom:rgba(0,0,0,0.5) 1px solid;
}
.listItem-news .listItem_img{
	display:none;
}
.listItem-news .listItem_txts{
	width: auto;
	padding:0;
	float: none;
	display: block;
	height: auto;
}
@media screen and (max-width:767px) {
	.listItem-news{
		border-top:rgba(0,0,0,0.5) 1px solid;
		padding:15px 5px ;
		margin:0;
	}
	.listItem-news .listItem_date{
		display: block;
		font-size:14px;
		margin: 5px 0 0;
	}
}

/* paging */
.pager{
	text-align: center;
	margin: 70px auto;
}
.pagerItem{
	display: inline-block;
	width: 51px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #ececec;
	vertical-align: top;
	color: #262626;
	margin: 12px 0 0 12px;
}
span.pagerItem{
	background: #000;
	color: #fff;
}
.pagerItem:hover{
	text-decoration: none;
	background: #000;
	color: #fff;
}
.pagerItem:first-child{
	margin-left: 0;
}
.pagerItem-next{
	position: relative;
}
.pagerItem-next:after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 50%;
	margin-left: -6px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #262626;
	border-right: 1px solid #262626;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pagerItem-next:hover:after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

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

	/* paging */
	.pager{
		margin: 50px auto 55px;
	}
	.pagerItem{
	}
	span.pagerItem{
	}
	.pagerItem:hover{
	}
	.pagerItem:first-child{
	}
	.pagerItem-next{
	}
	.pagerItem-next:after{
	}
	.pagerItem-next:hover:after{
	}

}










/*-----------------------------------------------------------------------------* sidebar */

.sidebar{
	width: 280px;
	float: left;
	margin: 0 60px 60px 50px;
}
.sidebar{
	width: 280px;
	float: left;
	margin: 0 60px 60px 50px;
}
.sidebar_ttl{
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	/*font-style: italic;*/
	font-weight: bold;
	letter-spacing: 3px;
}

/* popular */
.popular{
	margin-top: 20px;
}
.popular_list.list{
}
.popular .listItem{
	position: relative;
	display: block;
	margin: 10px 0;
}
.popular .listItem:first-child:before, .popular .listItem:nth-child(2):before, .popular .listItem:nth-child(3):before{
	content: "1";
	position: absolute;
	top: -5px;
	left: -10px;
	background: rgba(0,0,0,0.8);
	width: 25px;
	height: 25px;
	border-radius: 100px;
	z-index: 2;
	text-align: center;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	/*font-style: italic;*/
	font-weight: bold;
	font-size: 14px;
	line-height:26px;
	text-indent:-1.5px;
}
.popular .listItem:nth-child(2):before{
	content: "2";
}
.popular .listItem:nth-child(3):before{
	content: "3";
}
.popular .listItem_img{
	width: 100px;
	height: 100px;
	float: left;
	padding: 0;
}
.popular .listItem_img img{
}
.popular .listItem_txts{
	position: relative;
	float: right;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: normal;
	box-sizing: border-box;
	width: calc(100% - 110px);
	height: 100px;
	padding-left: 0;
	margin-bottom: 0;
}
.popular .listItem_ttl{
	font-size: 14px;
	font-weight: bold;
	max-height: 6.7em;
	overflow: hidden;
}
.popular .listItem_txt{
	display: none;
}
.popular .listItem_meta{
	display: none;
}
.popular .listItem_tagList{
}
.popular .listItem_tagList span{
}
.popular .listItem_date{
}

/* keywords */
.keywords{
	margin-top: 80px;
}
.tagList{
	margin-top: 10px;
}
.tagList a{
	display: inline-block;
	line-height: 1;
	background: #262626;
	color: #fff;
	font-size: 16px;
	padding: 5px 10px;
	margin: 7px 10px 0 0;
}
.tagList a:hover{
	text-decoration: none;
}

@media screen and (max-width: 1024px) {
	.sidebar{
		width: auto;
		padding: 70px 11%;
		max-width: none;
		float: none;
		margin: 0 auto 0;
		background: rgba(236,236,236,0.6);
	}
	.popular .listItem_ttl{
		font-size: 18px;
	}
}@media screen and (max-width: 767px) {

	.sidebar{
	}
	.sidebar_ttl{
	}

	/* popular */
	.popular{
	}
	.popular_list{
	}
	.popular_listItem{
	}
	.popular_listItem_inner{
	}
	.popular_listItem_img{
	}
	.popular_listItem_img img{
	}
	.popular_listItem_txt{
	}
	.popular .listItem_ttl{
		font-size: 14px;
	}

	/* keywords */
	.keywords{
	    margin-top: 50px;
	}
	.tagList{
	}
	.tagList a{
	}
	.tagList a:hover{
	}

}

/*-----------------------------------------------------------------------------* こんな記事もおすすめ */

.contents .yarpp-related{
	margin: 0;
}
.related{
	position:relative;
	margin: 75px 0 0;
}
.related:before{
	content:"";
	position:absolute;
	left:-5000px;right:-5000px;
	top:0;
	bottom:0;
	background: rgba(236,236,236,0.6);
}
.related_inner{
	margin: 0 auto;
	padding: 60px 0 50px;
	position:relative;
}
.related_ttl{
	font-size: 20px;
	font-weight: bold;
}
.related_list{
	margin-top: 25px;
}

/* リスト */
.related .listItem{margin: 20px 0;}
.related .listItem_img{
}
.related .listItem_img img{
}
.related .listItem_txts{
}
.related .listItem_ttl{
}
.related .listItem_txt{
}
.related .listItem_meta{
}
.related .listItem_tagList{
}
.related .listItem_tagList span{
}
.related .listItem_date{
}


@media screen and (max-width: 1024px) {
    .related:before{
    	border-bottom:rgba(0,0,0,0.1) 1px solid;
    }
	.related_inner{
	}
	.related_ttl{
		max-width: 100%;
		padding-left: 0;
		margin: 0 auto;
	}
	.related_list{
		max-width: 100%;
		padding-left: 0;
		margin: 0 auto;
	}
	.related .listItem_ttl{
		font-size:20px;
	}

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

	.related{
		margin-top:40px;
	}
	.related_inner{
		padding: 30px 0 25px;
	}
	.related_ttl{
		font-size: 17px;
	}
	.related_list{
	}
	
	/* リスト */
	.related .listItem{
	}
	.related .listItem_img{
	}
	.related .listItem_img img{
	}
	.related .listItem_txts{
	}
	.related .listItem_ttl{
	}
	.related .listItem_txt{
	}
	.related .listItem_meta{
	}
	.related .listItem_tagList{
	}
	.related .listItem_tagList span{
	}
	.related .listItem_date{
	}

}

/*-----------------------------------------------------------------------------* header */

#header{
	margin: 0 auto;
	/* box-shadow: 0 6px 20px rgb(26 117 152 / 8%); */
	position:fixed;
	left:0;
	right:0;
	z-index: 100000;
}
#header.on{
	bottom:0;
	height:auto;
	overflow-y: scroll;
}
#header:before{
	content:"";
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	background:rgba(255,255,255,0.9);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	opacity:0;
	transition: all 0.6s ease-out;
}
#header_inner{
	position:relative;
	height: 150px;
	max-width: 1680px;
	transition: all 0.6s ease-out;
}
/* ナビボタン */
.overlay_nav_btn{
	display: block;
	position: absolute;
	top: 28px;
	bottom:0;
	right: 40px;
	width: 48px;
	height: 40px;
	z-index: 1;
	margin: auto;
}
.overlay_nav_btn:after, .overlay_nav_btn:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 6px;
	margin:auto;
	background: #000;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.overlay_nav_btn span{
	top:0;
	bottom:0;
}
.overlay_nav_btn:before{
	top:5px;
}
.overlay_nav_btn:after{
	bottom: 5px;
}
.overlay_nav .header_logo{
	position:absolute;
	left: 0;
	top: 40px;
	right: 0;
	margin:0 auto;
	height:50px;
}

/* ロゴ */
.header_logo{
	position:absolute;
	top: 3%;
	bottom: 0;
	left: 40px;
	text-align: left;
	margin: auto 0;
	box-sizing:border-box;
	padding: 0;
	height: 73px;
	transition: all 0.3s ease-out;
}
.header_logo a{
	display:block;
	position: relative;
	height:100%;
}
.header_logo a:hover{
	text-decoration: none;
}
.header_logo img{
	display:block;
	margin: 0 auto;
	max-width:none;
	height:100%;
	width:auto;
}
.header_logo span{
	display:block;
	text-align:center;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight:normal;
	margin:5px auto 0;
}

/* ナビ2 */
.header_nav{
	position: absolute;
	top: 30px;
	right: 120px;
	bottom: 0;
	height: 54px;
	margin: auto 0;
}
.header_nav_menus{
	float: left;
}
.header_nav_menu{
	display: inline-block;
	font-weight: bold;
	padding: 0 20px;
	box-sizing: border-box;
	position: relative;
	letter-spacing: 2px;
	line-height: 54px;
	font-family: 'Montserrat', sans-serif;
	font-size:17px;
}
.header_nav_menu:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 0;
	height: 1px;
	background: linear-gradient(to right, #463fa9, #0093da);
	transition: .3s;
}
.header_nav_menu:hover{
	text-decoration: none;
	color: #463fa9;
	background: -webkit-linear-gradient(0deg, #463fa9, #0093da);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 1;
}
.header_nav_menu:hover:after{
	width: calc(100% - 40px);
}

/* スクロール時ヘッダー縮小 */
#header.scrolled:before{
	opacity:1;
}
#header.scrolled #header_inner{
	height:100px;
}
#header.scrolled h1.header_logo{
	height: 50px;
}
#header.scrolled h1.header_logo img{
}
#header.scrolled h1.header_logo span{
	display:none;
}
#header.scrolled .overlay_nav_btn{
	top: 0;
	width:36px;
	height:30px;
}
#header.scrolled .header_nav{
	top: 0;
}

/* searchボタン */
.header_nav_search{
	position: relative;
	float: right;
	line-height: 54px;
	padding: 0 20px;
	box-sizing: border-box;
	z-index: 2;
	margin: 0 10px 0 0;
}
.header_nav_search:hover{
	text-decoration: none;
}
.header_nav_search_img{
	vertical-align: middle;
	cursor: pointer;
}

/* overlay */
.overlay{
	display: none;
	background: rgba(245,245,245,0.95);
	position: fixed;
	z-index: 100001;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-y: scroll;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	padding-top: 136px;
}
.on.overlay{
	display: block;
}
.overlay_ttl{
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: bold;
	/*font-style: italic;*/
	letter-spacing: 3px;
}

/* closeボタン */
.btn_close{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 136px;
	height: 116px;
	padding-top: 20px;
}
.on .btn_close{
	display: block;
}
.btn_close:before, .btn_close:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 40px;
	right: 40px;
	height: 4px;
	background: #262626;
	transform: rotate(135deg);
}
.btn_close:after{
	transform: rotate(45deg);
}

.overlay_search .btn_close{
	left: auto;
	right: 0;
}

/* ナビ */
.overlay_nav{
}
.on.overlay_nav{
}
.overlay_nav_body{
	max-width: 502px;
	width: 86%;
	margin: 0 auto;
}
.on .overlay_nav_body{
	display: block;
}
.overlay_nav_contents{
	overflow: hidden;
	margin-bottom: 40px;
}

.overlay_nav_ttl{
	margin-bottom: 20px;
}
.overlay_nav_items{
}
.overlay_nav_items_body{
    line-height: 1;
    margin: 10px 0 0;
}
.overlay_nav_item{
}
.overlay_nav_items_body:first-child .overlay_nav_item:first-child{
}
@media screen and (min-width:768px) {
	.overlay_nav .header_logo{
		position:absolute;
		left: 0;
		top: 40px;
		right: 0;
		margin:0 auto;
		height:50px;
	}
	.overlay_nav_items_body-recentpost a{
		position:relative;
		display:block;
		background:#262626;
		height:80px;
		overflow:hidden;
	}
	.overlay_nav_items_body-recentpost a img{
		margin:-35px 0 0;
	}
	.overlay_nav_items_body-recentpost a:after{
		content:"";
		position:absolute;
		display:block;
		background:#262626;
		width:55%;
		transform:skewX(35deg);
		top:0;
		right:0;
		bottom:0;
	}
}
.overlay_nav_items_body:first-child .overlay_nav_item:nth-child(2){
	margin-left: 2%; 
}
.overlay_nav_items_body:last-child .overlay_nav_item:first-child{
}
.overlay_nav_items_body:last-child .overlay_nav_item:nth-child(2), .overlay_nav_items_body:last-child .overlay_nav_item:last-child{
	margin-left: 2%; 
}
.overlay_nav_item img{
	height: auto;
}
.overlay_nav_items_body:first-child .overlay_nav_item:first-child img, .overlay_nav_items_body:first-child .overlay_nav_item:nth-child(2) img{
	width: 49%;
}
.overlay_nav_items_body:last-child .overlay_nav_item:first-child img, .overlay_nav_items_body:last-child .overlay_nav_item:nth-child(2) img, .overlay_nav_items_body:last-child .overlay_nav_item:last-child img{
	width: 32%;
	margin-top: 15px;
}

.overlay_nav_items_body-categorys{
	overflow:hidden;
}
.overlay_nav_item_category{
	float:left;
	width: 32.666%;
	background:#262626;
	color:#fff;
	margin: 1% 1% 0 0;
	line-height: 45px;
	text-align: left;
	box-sizing: border-box;
	padding: 0 32px 0 20px;
	position:relative;
}
.overlay_nav_item_category:nth-child(3n){
	margin-right:0;
}
.overlay_nav_item_category:hover{
	text-decoration:none;
}
.overlay_nav_item_category:after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 10px;
	background: url(images/icon_arrow_w.png) center no-repeat;
	background-size: 100% auto;
	width: 22px;
	height: 7px;
}
.overlay_nav_item_category_name{
	line-height:1.2;
	display: inline-block;
	vertical-align: middle;
}

.overlay_nav_info{
	float: left;
	width: 70%;
	border-top: 1px solid #262626;
	border-bottom: 1px solid #262626;
	padding: 20px 0;
}
.overlay_nav_info_ttlbox{
	overflow: hidden;
}
.overlay_nav_info_ttl{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 4px;
	float: left;
}
.overlay_nav_info_link{
	float: right;
}
.overlay_nav_info_link:after{
	content: "";
	display: inline-block;
	background: url(images/icon_arrow.png) center no-repeat;
	background-size: 100% auto;
	width: 22px;
	height: 7px;
	margin: 0 0 2px 10px;
}
.overlay_nav_info_link:hover{
	text-decoration: none;
}
.overlay_nav_info ul{
	margin: 0;
	padding: 0;
}
.overlay_nav_info li{
}
.overlay_nav_info li a{
	position: relative;
	display: block;
	padding: 10px 0 10px 30px;
	line-height: 1.5;
}
.overlay_nav_info li a:before{
	content: "";
	background: linear-gradient(to right, #463fa9, #0093da);
	width: 18px;
	height: 1px;
	position: absolute;
	top: 20px;
	left: 0;
}
.overlay_nav_info_date{
	color: rgba(38,38,38,0.7);
	position: absolute;
}
.overlay_nav_info_txt{
	color: #262626;
	margin-left: 94px;
	display: block;
}

.overlay_nav_links{
	/* float: right; */
	/* width: 27%; */
	/* margin-left: 3%; */
}
.overlay_nav_links a{
	position: relative;
	display: block;
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #262626;
	padding: 0 1%;
}
.overlay_nav_links a:first-child{
	border-top: 1px solid #262626;
}
.overlay_nav_links a:after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 10px;
	background: url(images/icon_arrow.png) center no-repeat;
	background-size: 100% auto;
	width: 22px;
	height: 7px;
}
.overlay_nav_links a:hover{
	text-decoration: none;
}

/* search */
.overlay_search{
}
.search_form{
	width: 88%;
	max-width: 440px;
	margin: 0 auto;
}
.search_form_contents{
	margin-top: 30px;
}
.search_form_ttl{
	margin-bottom: 7px;
}
.search_form_body{
}
.search_checkbox_text{
	display: inline-block;
	background: rgba(26,26,26,0.1);
	color: #262626;
	cursor: pointer;
}
label.on .search_checkbox_text{
	background: rgba(26,26,26,1);
	color: #fff;
}
input[type="checkbox"].search_checkbox{
	display: none;
}
.search_form_body label.on input[type="checkbox"].search_checkbox{
}
input[type="checkbox"].search_checkbox label{
}
.search_form_text{
}
.search_form_cat{
}
.search_form_cat label{
	position: relative;
	overflow: hidden;
}
.search_form_cat .search_checkbox_text:after{
	content: "";
	position: absolute;
	top: -5px;
	bottom:0;
	margin: auto 0;
	right: 13px;
	width: 18px;
	height: 10px;
	border-left: 5px solid rgba(0,0,0,0.1);
	border-bottom: 5px solid rgba(0,0,0,0.1);
	transform: rotate(-45deg);
}
.search_form_cat label.on{
}
.search_form_cat label.on .search_checkbox_text:after{
	border-left: 5px solid #fff;
	border-bottom: 5px solid #fff;
}
.search_form_cat label:nth-child(even){
	margin-left: 3%;
}
.search_form_cat .search_checkbox_text{
	font-size: 16px;
	font-weight: bold;
	width: 48.5%;
	height: 55px;
	line-height: 55px;
	text-align: left;
	padding-left: 12px;
	box-sizing: border-box;
	letter-spacing: 2px;
	margin-top:3%;
	white-space: nowrap;
	overflow: hidden;
	position:relative;
}
.search_form_cat label:nth-child(1) .search_checkbox_text,.search_form_cat label:nth-child(2) .search_checkbox_text{
	margin-top:0;	
}
.search_form_cat label input[type="checkbox"].search_checkbox{
}
.search_form_cat label.on input[type="checkbox"].search_checkbox{
}
.search_form_key{
}
.search_form_key label{
}
.search_form_key label input[type="text"].search_form_text{
	background: rgba(26,26,26,0.1);
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	padding: 10px 15px;
	box-sizing: border-box;
	width: 100%;
}
.search_form_key label input[type="text"].search_form_text::placeholder{
	color: rgba(26,26,26,0.3); 
}
.search_form_tag{
	margin-top: 30px;
}
.search_form_tag label{
}
.search_form_tag label.on{
}
.search_form_tag .search_checkbox_text{
	height: 27px;
	line-height: 27px;
	padding: 0 18px;
	font-size: 16px;
	margin: 5px 10px 5px 0;
}
.search_form_tag label input[type="checkbox"].search_checkbox{
}
.search_form_tag label.on input[type="checkbox"].search_checkbox{
}
.search_tag_more{
	display: none;
}
.search_form_btn{
	text-align: center;
	margin-top: 45px;
}
.search_form_btn label{
}
.search_form_btn label input[type="submit"].search_form_submit{
	background: #262626;
	color: #fff;
	width: 100%;
	max-width: 280px;
	height: 57px;
	line-height: 57px;
	font-size: 19px;
	letter-spacing: 3px;
}

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

	#header{
	}
	#header.on{
	}
	#header_inner{
		height: 68px;
	}
	#header.scrolled #header_inner{
		height: 68px;
	}

	/* ナビボタン */
	.overlay_nav_btn{
		width:54px;
		height:54px;
		top:0;
		right: 12px;
	}
	.overlay_nav_btn span, .overlay_nav_btn:after, .overlay_nav_btn:before{
		height: 3px;
		margin:14px 12px;
	}
	.overlay_nav_btn span{
		margin:auto 12px;
	}
	.overlay_nav_btn:before{
	}
	.overlay_nav_btn:after{
	}

	.on .overlay_nav_btn{
	}
	.on .overlay_nav_btn span{
	}
	.on .overlay_nav_btn:before{
	}
	.on .overlay_nav_btn:after{
	}

	/* ロゴ */
	.header_logo{
		height: 40px;
		padding: 0;
		left: 25px;
	}
	.header_logo a span{
		font-size: 10.5px;
		margin:1px auto 0;
	}

	/* ナビ2 */
	.header_nav{
	    top: 0;
	}
	.header_nav_menus{
		display: none;
	}
	.header_nav_menu{
	}
	.header_nav_menu:after{
	}
	.header_nav_menu:hover{
	}
	.header_nav_menu:hover:after{
	}

	/* スクロール時ヘッダー縮小 */
	#header.scrolled h1.header_logo{
		height: 40px;
		padding-top: 0;
	}
	#header.scrolled h1.header_logo img{
		transition:0.2s ease-out;
	}
	#header.scrolled h1.header_logo span{
		display:none;
	}
	#header.scrolled .overlay_nav_btn{
		top: 0;
		width:54px;
		height:54px;
		transition:0.2s ease-out;
	}
	#header.scrolled .header_nav{
		top: 0;
		transition:0.2s ease-out;
	}

	/* searchボタン */
	.header_nav_search{
		margin: 0;
	}
	.header_nav_search:hover{
	}
	.header_nav_search_img{
		padding: 0;
		width: 26px;
		height: auto;
	}

	/* overlay */
	.overlay{
	}
	.on.overlay{
	padding-top: 68px;
	}

	/* closeボタン */
	.btn_close{
		height: 68px;
		width: 68px;
		padding: 0;
	}
	.on .btn_close{
	}
	.btn_close:before, .btn_close:after{
		left: 15px;
		right: 15px;
	}
	.btn_close:after{
	}

	.overlay_search .btn_close{
	}
	.overlay_nav .header_logo{
		top: 20px;
	}

	/* ナビ */
	.overlay_nav{
	}
	.on.overlay_nav{
	}
	.overlay_nav_body{
	    width: 100%;
	    padding-top: 20px;
	}
	.on .overlay_nav_body{
	}
	.overlay_nav_contents{
	}

	.overlay_nav_ttl{
		font-size: 13px;
		letter-spacing: 2px;
		width: 88%;
		margin: 0 auto 10px;
	}
	.overlay_nav_items{
		text-align: center;
	}
	.overlay_nav_items_body{
	}
	.overlay_nav_items .overlay_nav_item{
	    margin: 0 auto;
	    display: block;
	}
	.overlay_nav_items_body:first-child .overlay_nav_item:first-child{
	}
	.overlay_nav_items_body:first-child .overlay_nav_item:nth-child(2){
	}
	.overlay_nav_items_body:last-child .overlay_nav_item:first-child{
	}
	.overlay_nav_items_body:last-child .overlay_nav_item:nth-child(2), .overlay_nav_items_body:last-child .overlay_nav_item:last-child{
	}
	.overlay_nav_item img{
	}
	.overlay_nav_items_body:first-child .overlay_nav_item:first-child img, .overlay_nav_items_body:first-child .overlay_nav_item:nth-child(2) img{
			width: 100%;
	}
	.overlay_nav_items_body-categorys{
		overflow:hidden;
		padding:0 1.2%;
	}
	.overlay_nav_item_category{
		font-size:14px;
		float:left;
		width: 49.5%;
		background:#262626;
		color:#fff;
		margin: 1% 1% 0 0;
		line-height: 42px;
		text-align: left;
		box-sizing: border-box;
		padding: 0 30px 0 12px;
		position:relative;
	}
	.overlay_nav_item_category:nth-child(3n){
		margin: 1% 1% 0 0;
	}
	.overlay_nav_item_category:nth-child(2n){
		margin-right:0;
	}
	
	.overlay_nav_items_body:last-child .overlay_nav_item:first-child img, .overlay_nav_items_body:last-child .overlay_nav_item:nth-child(2) img, .overlay_nav_items_body:last-child .overlay_nav_item:last-child img{
			width: 88%;
			margin-top: 15px;
	}
	.overlay_nav_info{
		float: none;
		width: 88%;
		margin: 0 auto;
	}
	.overlay_nav_info_ttlbox{
	}
	.overlay_nav_info_ttl{
	}
	.overlay_nav_info_link{
	}
	.overlay_nav_info_link:after{
	}
	.overlay_nav_info_link:hover{
	}
	.overlay_nav_info ul{
	}
	.overlay_nav_info li{
	}
	.overlay_nav_info li a{
		padding: 7px 0 7px 25px;
	}
	.overlay_nav_info li a:before{
		width: 14px;
		top: 19px;
	}
	.overlay_nav_info_date{
		position: static;
	}
	.overlay_nav_info_txt{
		margin: 0 auto;
	}

	.overlay_nav_links{
		float: none;
		width: 88%;
		margin: 0 auto;
	}
	.overlay_nav_links a{
	height: 56px;
	line-height: 56px;
	}
	.overlay_nav_links a:first-child{
		border-top: none;
	}
	.overlay_nav_links a:after{
	}
	.overlay_nav_links a:hover{
	}

	/* search */
	.overlay_search{
	}
	.search_form{
	}
	.search_form_contents{
	}
	.search_form_ttl{
	}
	.search_form_body{
	}
	input[type="checkbox"].search_checkbox{
	}
	.search_form_body label.on input[type="checkbox"].search_checkbox{
	}
	input[type="checkbox"].search_checkbox label{
	}
	.search_form_text{
	}
	.search_form_cat{
	}
	.search_form_cat label{
	}
	.search_form_cat label:after{
		margin-top: -7px;
		width: 13px;
		height: 7px;
		border-left: 4px solid rgba(0,0,0,0.1);
		border-bottom: 4px solid rgba(0,0,0,0.1);
	}
	.search_form_cat label.on{
	}
	.search_form_cat label.on:after{
		margin-top: -7px;
		width: 13px;
		height: 7px;
		border-left: 4px solid #fff;
		border-bottom: 4px solid #fff;
	}
	.search_form_cat label:nth-child(even) input[type="checkbox"].search_checkbox{
	}
	.search_form_cat label input[type="checkbox"].search_checkbox{
		font-size: 14px;
		height: 42px;
		line-height: 42px;
	}
	.search_form_cat label.on input[type="checkbox"].search_checkbox{
	}
	.search_form_key{
	}
	.search_form_key label{
	}
	.search_form_key label input[type="text"].search_form_text{
		height: 42px;
		line-height: 42px;
	}
	.search_form_key label input[type="text"].search_form_text::placeholder{
	}
	.search_form_tag{
		margin-top: 12px;
	}
	.search_form_tag.on{
	}
	.search_form_tag label{
	}
	.search_form_tag label.on{
	}
	.search_form_tag label input[type="checkbox"].search_checkbox{
		font-size: 14px;
		height: 24px;
		line-height: 24px;
		padding: 0 14px;
	}
	.search_form_tag label.on input[type="checkbox"].search_checkbox{
	}
	.search_tag_more{
	}
	.search_tag_more.more{
		display: block;
		position: relative;
		text-align: right;
		padding-right: 15px;
	}
	.search_tag_more:hover{
		text-decoration: none;
	}
	.search_tag_more.more:before{
		content: "もっと見る";
		display: block;
	}
	.search_tag_more.more:after{
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -6px;
		right: 0;
		width: 6px;
		height: 6px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.search_tag_more.more.on{
	}
	.search_tag_more.more.on:before{
		content: "閉じる";
	}
	.search_tag_more.more.on:after{
		margin-top: -3px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		-webkit-transform: rotate(−45deg);
		transform: rotate(-45deg);
	}
	.search_form_btn{
	}
	.search_form_btn label{
	}
	.search_form_btn label input[type="submit"].search_form_submit{
	}

}


/*-----------------------------------------------------------------------------* footer */

#footer{
	margin: 0;
}
.footer_body{
	position: relative;
	background: url(images/footer_img.jpg) left top no-repeat;
	background-size: cover;
}
.footer_info{
	background: #262626;
	float: right;
	width: 348px;
	padding: 200px 0 200px 44px;
	box-sizing: border-box;
}
.footer_logo{
	color: #fff;
}
.footer_logo:hover{
	text-decoration: none;
}
.footer_logo p{
	font-size: 12px;
	letter-spacing: 1.5px
	;margin: 0 0 5px;
}
.footer_logo img{
}
.footer_links{
    margin-top: 20px;
    padding: 0;
}
.footer_links li{
}
.footer_links a{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 2.4;
}
.cr{
	height: 111px;
	line-height: 111px;
	text-align: center;
	letter-spacing: 3px;
	font-size: 11px;
}

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

	#footer{
	}
	.footer_body{
	}
	.footer_img{
		display: none;
	}
	.footer_info{
		width: 100%;
		text-align: center;
		padding: 120px 0;
	}
	.footer_logo{
	}
	.footer_logo p{
	}
	.footer_logo img{
		margin: 0 auto;
	}
	.footer_links{
	}
	.footer_links a{
	}
	.cr{
	}

}

/*-----------------------------------------------------------------------------* フォーム */
.form1{
	padding: 0;
	box-sizing: border-box;
	margin: 15px auto;
	width: 95%;
	max-width: 400px;
}
.form1_body{
	display: none;
}
.on.form1_body{
	display: block;
}
.form1_list{
}
.form1_list_item{
	overflow: hidden;
	padding: 0;
	margin: 15px auto;
}
.form1_list_item_ttl{
	display: block;
	width: auto;
	font-size: 13px;
	margin:0 0 3px;
	font-weight: bold;
	line-height: 1.4;
}
.form1_list_item.required .form1_list_item_ttl:after{
	content:"＊";
	color:#e00;
	padding:0 0 0 0.2em;
}
.form1_list_item_input{
	width: 100%;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.4);
	box-sizing: border-box;
	padding: 5px 10px;
}
.form1_list_item_input.error{
	border-color:#f00;
}
.form1_list_item_input.p-postal-code{
	width:8em;
}
.form1_list_item_input-2{
	width: 48%;
	margin-right:2%;
}
.form1_list_item_input-2:last-child{
	margin-right:0;
}
.form1_list_item_input-y{
	width: 75px;
}
.form1_list_item_input-m{
	width: 55px;
}
.form1_list_item_input-d{
	width: 55px;
}

.form1_list_item_ex{
	padding:0 0.5em 0 0.2em;
}

.form1_list_items-child{
	border-left: 1px solid rgba(0,0,0,0.4);
	padding-left:10px;
	margin-top:4px;
    position:relative;
}
.form1_list_item .add_child{
	display:inline-block;
	padding:5px 15px;
	background:#000;
	color:#fff;
	border-radius:10px;
	font-size: 14px;
}
.form1_list_items-child .remove_child{
    position:absolute;
    right:-10px;
    top:0px;
    background:#aaa;
    width:30px;
    height:30px;
    border-radius:15px;
	cursor:pointer;
}
.form1_list_items-child:nth-child(2):last-child  .remove_child{
	display:none;
}
.form1_list_items-child .remove_child:hover{
	opacity:0.6;
}
.form1_list_items-child .remove_child:before,.form1_list_items-child .remove_child:after{
	content:"";
	display:block;
	width:10px;
	height:0;
	border-top:#fff 2px solid;
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	margin:auto;
	transform:rotate(45deg);
}
.form1_list_items-child .remove_child:after{
	transform:rotate(-45deg);
}
.form1_pp{
	position: relative;
	overflow: hidden;
	cursor: pointer;
	padding: 15px 0;
    border-top: 1px solid #000;
    margin-top:20px;
}
/*
.form1_pp_check{
	position: static;
	display: block;
	margin-top: 2px;
	float: left;
}
*/
.form1_pp_txt{
	float: left;
	margin-left: 8px;
}
.form1_pp_txt a{
	text-decoration: underline;
}

.form1_register{
	position: relative;
	display: block;
	padding: 15px 0;
    border-top: 1px solid #000;
}
.form1_register:last-of-type{
    border-bottom: 1px solid #000;
}
.form1_register_txt{
	line-height: 1.5;
    width: 80%;
	padding-left: 5px;
	box-sizing: border-box;
}
.form1_register_check{
}
.login_btns{
}
#login_btn{
	/* background: #000; */
	/* max-width: 160px; */
	/* line-height: 40px; */
	/* height: 40px; */
}
.nb_btns{
	margin: 30px 0 0;
}
.note{
	display:block;
	font-size:90%;
	line-height: 1.4;
	margin-top:3px;
	font-weight:normal;
}
.page_note{
  background: rgba(90,90,90,0.9);
  color:#fff;
  padding: 15px;
  text-align: left;
  border-radius: 6px;
  position: fixed;
  bottom:10px;
  left:10px;
  right:10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  -webkit-animation: bottom_note 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: bottom_note 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  z-index: 1000000;
}
.page_note strong{
	color:#FFEB3B;
}
.page_note b{
	color:#85d9ff;
}
@-webkit-keyframes bottom_note {
  0% {
    opacity:0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  10% {
    opacity:1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90% {
    opacity:1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  99% {
    opacity:0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  100% {
    opacity:0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    display: none;
  }
}
@keyframes bottom_note {
  0% {
    opacity:0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  10% {
    opacity:1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90% {
    opacity:1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  99% {
    opacity:0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  100% {
    opacity:0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    display: none;
  }
}

.txtlist
.txtlist_item{
	position: relative;
	display: block;
	padding: 10px 0 10px 30px;
	line-height: 1.5;
}
.txtlist_item:before{
	content: "";
	background: linear-gradient(to right, #463fa9, #0093da);
	width: 18px;
	height: 1px;
	position: absolute;
	top: 20px;
	left: 0;
}
.txtlist_item_date{
	color: rgba(38,38,38,0.7);
	position: absolute;
}
.txtlist_item_txt{
	color: #000;
	margin-left: 94px;
	display: block;
}



/*-----------------------------------------------------------------------------* WORD PRESS */

@media screen and (max-width: 600px){
	#wpadminbar {
		position: fixed;
	}
}

.post_entry .himage img{
	height:30%;
	width:30%;
}

@media screen and (max-width:767px) {
	.post_entry .himage img{
		height:60%;
		width:60%;
	}
}