@charset "UTF-8";
body{
	font-size:4vw;
	max-height: 100%;
	width:100%;
}
h1,h2,h3,h4,h5,h6,select{
	font-size:4vw;
}
.inbox{
	width:100%;
	margin:0 auto;
}
.pre{
	white-space:pre-wrap;
	word-wrap:break-word;
}
input,textarea{
	margin:0;
		font-size: 25px;
}
.alignright{
text-align: right;
}
.aligncenter{
text-align: center;
}
/*** topページ ***/
#top{
}

	/*header*/
	#top header{
		background-position:top 5vw left;
		background-repeat:no-repeat;
		background-size:100vw auto;
	}

	#top h1{
		color:#fff;
		font-size:2vw;
		font-weight:normal;
		padding:1vw;
		text-align:center;
	}
	#top header form{
		padding:23vw 0 1vw 0;
		position:relative;
	}

		#top header form .top_search_box {
			text-align: end;
		}

		#top header form i{
			display:none;
		}
		#top header form input[type="text"]{
			border:1px solid #555;
			display: block;
			font-size:4vw;
			margin: 3vw 2vw 3vw 50vw;
			padding: 1vw;
			width:40vw;
		}

		#top header form input[type="submit"]{
			background:#78B33B;
			border:none;
			border-radius:8px;
			color:#fff;
			display:block;
			font-size:4vw;
			margin: 3vw 2vw 3vw 50vw;
			padding:1vw;
			width:40vw;
		}

/*		#top header form input[type="button"]{
			border:none;
			background-color:#C7B676;
			background-image:url(/cmn/img/def/submit_sp.png);
			background-repeat:no-repeat;
			background-position:center center;
			background-size:12vw auto;
			border-radius:1vw;
			display:block;
			margin:0 2vw 2vw 51vw;
			width:37vw;
			height:7vw;
		}
		#top header form input[type="button"]:hover{
			cursor:pointer;
		}*/

	/*cont*/
	#top .cont{
		padding:5vw;
	}
		#top .cont div a{
			display:block;
			text-decoration:none;
		}
			#top .cont p{
				background-color:#F5F5F5;
				background-repeat:no-repeat;
				background-size:100% auto;
				border-radius:8px;
				font-size:4vw;
				padding:0;
				margin:0 10px 0;
			}
				#top .cont span{
					background-size:cover;
					border-radius:8px 8px 0 0;
					display:block;
					height:20vw;
				}
				#top .cont b{
					display:block;
					padding:2vw;
				}

		/*slider cursor*/
		#top .cont .slick-prev{
			border:none;
			background:url(/cmn/img/top/arrow_left_g.png) no-repeat;
			height:28px;
			position:absolute;
			top:120px;
			left:-20px;
			width:17px;
		}
		#top .cont .slick-next{
			border:none;
			background:url(/cmn/img/top/arrow_right_g.png) no-repeat;
			height:28px;
			position:absolute;
			top:120px;
			right:-20px;
			width:17px;
		}
		/*slider dots*/
		#top .cont .slick-dots{
			text-align:center;
			margin:30px 0;
		}
			#top .cont .slick-dots li{
				display:inline;
				margin-left:20px;
			}
			#top .cont .slick-dots li:hth-of-type(1){
				margin-left:0;
			}
				#top .cont .slick-dots li button{
					background:#E6E6E6;
					border:none;
					border-radius:9px;
					display:inline-block;
					font-size:0;
					line-height:0;
					height:12px;
					width:12px;
				}
				#top .cont .slick-dots li.slick-active button{
					background:#CAB978;
				}
					#top .cont .slick-dots li button:hover{
						cursor:pointer;
					}
		/*more*/
		#top .cont > a{
			border:1px solid #5F4A23;
			border-radius:20px;
			display:block;
			line-height:100%;
			margin:4vw auto 0;
			padding:10px 0;
			text-align:center;
			text-decoration:none;
			width:200px;
		}
			#top .cont > a:hover{
				background:#CAB978;
				border-color:#CAB978;
				color:#fff;
			}

	/*nav*/
	#top > nav{
		background:#EFECE3;
		display:table;
		padding:2vw 0 0 0;
	}
		#top > nav p{
			color:#8D854C;
			font-size:3vw;
			padding:0 0 2vw 2vw;
		}
			#top > nav p b{
				color:#000;
				font-size:4vw;
				padding:0 1vw 0;
			}
			#top > nav p i{
				color:#000;
				font-size:2vw;
				padding:0 0 0 2vw;
			}
		#top > nav a{
			background-position:center center;
			background-repeat:no-repeat;
			background-size:25vw auto;
			display:table-cell;
			height:30vw;
			width:35vw;
		}
		.webp #pop_menu1{
			background-image:url(/cmn/img/top/nav1.webp);
		}
		.no-webp #pop_menu1{
			background-image:url(/cmn/img/top/nav1.png);
		}
		.webp #pop_menu2{
			background-image:url(/cmn/img/top/nav2.webp);
		}
		.no-webp #pop_menu2{
			background-image:url(/cmn/img/top/nav2.png);
		}
		.webp #pop_menu3{
			background-image:url(/cmn/img/top/nav3.webp);
		}
		.no-webp #pop_menu3{
			background-image:url(/cmn/img/top/nav3.png);
		}
		#top nav br{
			display:none;
		}

	/*** top aside ***/
	#top aside{
		margin:2vw auto;
	}
		#top aside a.add{
			display:block;
			width:94vw;
			height:26vw;
			margin:0 auto 3vw auto;
		}
				.webp #top aside a.add{
						background: url(/cmn/img/top/add.webp) no-repeat;
						background-size:94vw auto;
				}
				.no-webp #top aside a.add{
						background: url(/cmn/img/top/add.png) no-repeat;
						background-size:94vw auto;
				}
		/* fav */
		#top .fav{
			background:#EAEAEA;
			border:0.5vw solid #C9C9C9;
			border-radius:2vw;
			margin:0 auto;
			height:auto;
			padding:3vw;
			width:94vw;
		}
			#top .fav h2{
				background:url(/cmn/img/top/icon_pickup.png) no-repeat;
				background-size:7vw auto;
				background-position:left center;
				color:#8D854C;
				font-weight:normal;
				line-height:120%;
				margin:0 0 3vw 0;
				padding:3vw 0 3vw 10vw;
			}
			/*left photo*//*photo*/
			#top .fav .photo{
				margin:0 auto;
			}
				#top .fav .photo .main_img{
					display:table-cell;
					margin:0 auto 3vw auto;
					text-align:center;
				}
					#top .fav .photo .main_img img{
						width:64vw;
						margin:0 auto;
					}
				#top .fav .photo .thumb_img{
					display:table-cell;
					vertical-align:top;
					padding:0 0 0 3vw;
				}
					#top .fav .photo .thumb_img li{
						padding:0 0 2vw 0;
					}
						#top .fav .photo .thumb_img img{
							border:1px solid #ccc;
							width:19vw;
							height:auto;
							cursor:pointer;
						}
			/*right*/
			#top .fav .right{
			}
				#top .fav .right h3{
					font-weight:normal;
					margin:3vw 0 3.5vw;
				}
				#top .fav .right > div{
					background:#fff;
					border:0.5vw solid #5F4A23;
					border-radius:2vw;
					padding:2vw;
				}
				#top .fav dl{
					border-top:0.5vw dotted #5F4A23;
					padding:2vw 0;
				}
				#top .fav dl:nth-of-type(1){
					border:none;
				}

					#top .fav dt{
						font-size:2.5vw;
					}
					#top .fav dd{
					}

	/*main*/
	#top main{
		padding:30px 0;
	}

	/*見出し*/
	#top .hl{
		background:url(/cmn/img/top/hl.png) no-repeat;
		background-position:bottom center;
		background-size:90vw auto;
		font-family:"Sawarabi Mincho";
		font-size:6vw;
		font-weight:normal;
		letter-spacing:1px;
		margin:0 0 3vw 0;
		padding:0 0 4vw 0;
		text-align:center;
	}
		#top .hl i{
			color:#898043;
		}
	/*特集*/
	#top #catchup{
	}
		#top #catchup section{
			background:#F5F5F5;
			padding:3vw;
			margin:0 0 4vw 0;
		}

		#top #catchup ul{
						margin-left: 16px;
		}
		#top #catchup ul li{
			display:inline;
			padding:0 1vw;
		}
			#top #catchup a{
				display:inline-block;
				width:42vw;
				height:28vw;
			}
						.webp #top #catchup li.catchup1 a{
								background: url(/cmn/img/top/catchup1.webp) no-repeat;
				background-size:42vw auto;
						}
						.no-webp #top #catchup li.catchup1 a{
								background: url(/cmn/img/top/catchup1.png) no-repeat;
				background-size:42vw auto;
						}
			.webp #top #catchup li.catchup2 a{
				background:url(/cmn/img/top/catchup2.webp) no-repeat;
				background-size:42vw auto;
			}
			.no-webp #top #catchup li.catchup2 a{
				background:url(/cmn/img/top/catchup2.png) no-repeat;
				background-size:42vw auto;
			}
			.webp #top #catchup li.catchup3 a{
				background:url(/cmn/img/top/catchup3.webp) no-repeat;
				background-size:42vw auto;
			}
			.no-webp #top #catchup li.catchup3 a{
				background:url(/cmn/img/top/catchup3.png) no-repeat;
			}
			.webp #top #catchup li.catchup4 a{
				background:url(/cmn/img/top/catchup4.webp) no-repeat;
				background-size:42vw auto;
			}
			.no-webp #top #catchup li.catchup4 a{
				background:url(/cmn/img/top/catchup4.png) no-repeat;
				background-size:42vw auto;
			}
	/*ピックアップ*/
	#top #pickup{
		width:100%;
		margin:0 auto;
	}
		#top #pickup h2 i{
			display:block;
			font-size:3vw;
		}
		#top #pickup > p{
			font-size:2vw;
			margin:0 0 3vw 0;
			text-align:center;
		}

		#top #pickup .left,
		#top #pickup .right{
		}
		#top #pickup .left{
		}
		#top #pickup .right{
			vertical-align:top;
		}
		/*typeA*/
		.typeA{
			background:#F5F5F5;
			margin:0 0 4vw 0;
			padding:3vw;
		}
			.typeA div{
			}
			.typeA figure{
				float:left;
				padding:0 2vw 0 0;
			}
				.typeA figure img{
					max-width:30vw;
				}
			.typeA h3{
				font-weight:normal;
			}
			.typeA div:nth-of-type(1) p{
				font-size:2.5vw;
				line-height:100%;
				padding:1vw 0 0 0;
				text-align:right;
			}
			.typeA div:nth-of-type(2){
				background:#fff;
				border-radius:2vw;
				clear:both;
			}
			.typeA dl{
				border-top:0.5vw dotted #CFCCC7;
				padding:2vw;
			}
			.typeA dl:nth-of-type(1){
				border:none;
			}

			.typeA dt{
				font-size:2.5vw;
				text-align:left;
			}
			.typeA dd{
			}

		/*typeB*/
		.typeB{
			background:#EAEAEA;
			padding:3vw;
			margin:0 0 10px 0;
		}
			.typeB h3{
				font-weight:normal;
				float:right;
				width:57vw;
			}
			.typeB p{
				font-size:2.5vw;
				float:right;
				line-height:110%;
				margin:0 0 1vw 0;
				padding:1vw 0 0 0;
				text-align:right;
				width:57vw;
			}
			.typeB figure{

				padding:0 2vw 0 0;
			}
				.typeB figure img{
					width:30vw;
				}
			.typeB div{
				background:#fff;
				border-radius:2vw;
				clear:both;
				margin:3vw 0 0 0;

			}
			.typeB dl{
				border-top:0.5vw dotted #CCCCCC;
				padding:2vw;
			}
			.typeB dl:nth-of-type(1){
				border:none;
			}

			.typeB dt{
				display:table-cell;
				font-size:2.5vw;
				padding:0 1vw 0 0;
				text-align:left;
			}
			.typeB dd{
			}

		/*typeC*/
		.typeC{
			background:#F5F5F5;
			margin:0 0 3vw 0;
			padding:3vw;
		}
			.typeC div::after{
				clear:both;
				content:"";
				display:block;
			}
				.typeC figure{
					display:block;
					float:left;
				}
					.typeC figure img{
						max-width:30vw;
					}
				.typeC h3{
					float:right;
					font-weight:normal;
					width:57vw;
				}
				.typeC p{
					font-size:2.5vw;
					float:right;
					line-height:110%;
					margin:0 0 1vw 0;
					padding:1vw 0 0 0;
					text-align:right;
					width:57vw;
				}

	/*会員限定*/
	#top #limited{
		margin:4vw 0 0 0;
	}
		#top #limited .hl span{
			display:block;
			font-size:3.5vw;
		}
		#top #limited section{
			background:#EDEDED;
			margin:0 auto;
		}
		#top #limited ul{
			padding:3vw;
						margin-left: 16px;
		}
		#top #limited li{
			background-repeat:no-repeat;
			background-size:43vw auto;
			display:inline-block;
			width:43vw;
			height:26vw;
		}
		#top #limited li:nth-child(2n+1){
			margin:0 2vw 0 0;
		}

		#top .limited1{
			background-image:url(/cmn/img/top/limited1.png);
		}
		#top .limited2{
			background-image:url(/cmn/img/top/limited2.png);
		}
		#top .limited3{
			background-image:url(/cmn/img/top/limited3.png);
		}
		#top .limited4{
			background-image:url(/cmn/img/top/limited4.png);
		}

	/*お役立ちガイド*/
	#top #useful{
		background:#EFECE3;
				padding-bottom:15px;
	}
		#top #useful section{
			background:url(/cmn/img/top/useful_logo.png) no-repeat;
			background-position:top 5vw center;
			background-size:35vw auto;
			margin:0 auto;
			padding:36vw 3vw 3vw 3vw;
		}
		#top #useful a{
			background-repeat:no-repeat;
			display:block;
		}
		#top #useful .useful1 a{
			float:left;
			width:40vw;
			height:34vw;
		}
		.webp #top #useful .useful1 a{
			background:url(/cmn/img/top/useful1.webp);
						background-size:50vw auto;
			background-position:left bottom -11vw;
		}
		.no-webp #top #useful .useful1 a{
			background:url(/cmn/img/top/useful1.png);
						background-size:50vw auto;
			background-position:left bottom -11vw;
		}
		#top #useful .useful2 a{
			float:right;
			width:48vw;
			height:16vw;
		}
		.webp #top #useful .useful2 a{
			background:url(/cmn/img/top/useful2.webp);
			background-size:60vw auto;
		}
		.no-webp #top #useful .useful2 a{
			background:url(/cmn/img/top/useful2.png);
			background-size:60vw auto;
		}
		#top #useful .useful3 a{
			background-position:left center;
			float:right;
			margin:2vw 0 0 0;
			width:48vw;
			height:16vw;
		}
		.webp #top #useful .useful3 a{
			background:url(/cmn/img/top/useful3.webp);
			background-size:60vw auto;
		}
		.no-webp #top #useful .useful3 a{
			background:url(/cmn/img/top/useful3.png);
			background-size:60vw auto;
		}

	/*Q&A*/
	#top #faq{
		margin:3vw auto;
	}
		#top #faq .hl{
			font-size:5vw;
		}
		#top #faq section{
			margin:0 auto;
		}
		#top #faq h2 span{
			display:block;
		}
		#top #faq section a{
			color:#007196;
		}
		#top #faq div{
			background-position:center center;
			background-size:100% auto;
			display:table-cell;
			height:60vw;
			vertical-align:bottom;
			width:100vw;
		}
			#top #faq .no1{
				background-position:center center;
				background-repeat:no-repeat;
			}
			#top #faq div h3{
				background:#F5F5F5;
				font-weight:normal;
				padding:2vw;
				text-align:center;
			}

		#top #faq ul{
			padding:3vw;
		}
			#top #faq ul li h3{
				font-weight:normal;
				font-size:3vw;
				line-height:250%;
			}
			#top #faq ul li h3:before{
				color:#ccc;
				content:"Q ";
			}
		#top .more{
			background:url(/cmn/img/top/more.png) no-repeat;
			background-size:40vw auto;
			display:block;
			width:40vw;
			height:8vw;
			margin:4vw auto;
		}

	/*特典*/
	#top #tokuten{
	}
		#top #tokuten a{
			display:block;
			margin:4vw auto;
		}
		#top #tokuten a:nth-of-type(1){
						background: url(/cmn/img/top/tokuten.png) no-repeat;
			background-size:100vw auto;
			width:94vw;
			height:40vw;
			padding:0;
						background-size: auto 100%;
		}

		#top #tokuten a:nth-of-type(2){
			width:50vw;
			height:50vw;
			padding:0;
		}
				.webp #top #tokuten a:nth-of-type(2){
						background: url(/cmn/img/top/keisai.webp) no-repeat;
			background-size:50vw auto;
				}
				.no-webp #top #tokuten a:nth-of-type(2){
						background: url(/cmn/img/top/keisai.png) no-repeat;
			background-size:50vw auto;
				}

/*** ページ共通 ***/
#cmn_header{
}
	#cmn_header > div{
		position:relative;
	}
		#cmn_header h1{
			color:#7F7F79;
			font-size:2vw;
			font-weight:normal;
			padding:1vw;
		}
		#cmn_header .area{
			display:none;
			visibility:hidden;
		}

		#cmn_header .btn{
			vertical-align:bottom;
			padding:2vw 0 0 0;
/*			margin-left: 19vw;*/
			text-align:right;
		}
			#cmn_header .btn > li{
				display:inline-block;
			}
			#cmn_header .btn > li > a,
			#cmn_header #switchBtnArea > a{
				background-repeat:no-repeat;
				background-size:14vw 14vw;
				display:block;
				width:15vw;
				height:15vw;
			}
			#cmn_header #add a{
				background-image:url(/cmn/img/def/header_add_sp.png);
			}
			#cmn_header #look a{
				background-image:url(/cmn/img/def/header_look_sp.png);
			}
			#cmn_header #keep a{
				background-image:url(/cmn/img/def/header_keep_sp.png);
			}
			#cmn_header #login a{
				background-image:url(/cmn/img/def/header_login_sp.png);
			}
			#cmn_header .logo{
				background-size:100% auto;
				background-position:left top;
				background-repeat:no-repeat;
				display:block;
				width:30vw;
				height:15vw;
				position:absolute;
				bottom:0;
				left:3vw;
			}
/*nav*/
#cmn_nav{
/*	background:url(/cmn/img/def/nav_bg.png) repeat-x;
	background-position:bottom;*/
	padding:15px 0 30px 0;
}
	#cmn_nav ul{
		width:100%;
		margin:0 auto;
	}
		#cmn_nav ul li{
			display:inline;
		}
		#cmn_nav ul li:before{
			color:#4D4D4D;
			content:"|";
			font-size:20px;
			line-height:100%;
			padding:0 20px 0 0;
		}
		#cmn_nav ul li:nth-of-type(1):before{
			content:"";
			font-size:20px;
			line-height:100%;
			padding:0;
		}
			#cmn_nav ul li a{
				background-repeat:no-repeat;
				background-position:left center;
				color:#fff;
				display:inline-block;
				font-size:14px;
				margin-right:20px;
				padding-left:30px;
				text-decoration:none;
			}
			#cmn_nav .top{
				background-image:url(/cmn/img/def/nav_top.png);
			}
			#cmn_nav .search{
				background-image:url(/cmn/img/def/nav_search.png);
			}
			#cmn_nav .useful{
				background-image:url(/cmn/img/def/nav_useful.png);
			}
			#cmn_nav .faq{
				background-image:url(/cmn/img/def/nav_faq.png);
				padding-left:35px;
			}
			#cmn_nav .usr{
				background-image:url(/cmn/img/def/nav_usr.png);
			}

/*バーガーリスト*/
#cmn_nav {
	display: none;
}

#menuOverlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	display: none;
	position: fixed;
	z-index: 9997;
}

#switchBtnArea {
	width: 100%;
	height: 15vw;
	background: white;
	border-bottom: #aaa 1px solid;
	position: relative;
}

#switchBtnArea #switchBtn {
	background-image:url(/cmn/img/def/header_menu_sp.png);
	display: block;
	position: absolute;
	z-index: 9998;
}
#switchBtnArea #switchBtn.btnClose {
	background-image:url(/cmn/img/def/header_menu_del.gif);
	width: 100%;
	height: 100%;
}

#rwdMenuWrap {
	top: 0;
	left: -50vw;
	width: 50vw;
	height: 100%;
	background:whitesmoke;
	overflow: auto;
	position: fixed;
		padding: 15px;
	z-index: 9999;
}

#rwdMenuWrap ul {
}

#rwdMenuWrap ul li {
}

#rwdMenuWrap ul li a {
	padding:1vw;
	text-align: left;
	display: block;
	position: relative;
		line-height: 2em;
}
		#rwdMenuWrap ul li a.slct{
		}

/*submit*/
.cmn_submit_area{
	background:#F5F5F5;
	padding:4vw 0;
	text-align:center;
}

	.cmn_submit_area p{
		color:#B19D6C;
		margin:0 0 4vw 0;
		padding:2vw 0;
	}
	.cmn_submit_area a{
		background:#ABCDE4;
		border-radius:1vw;
		box-shadow:1px 1px 3px #ccc;
		color:#fff;
		display:inline-block;
		font-size:80%;
		padding:3vw 0;
		text-decoration:none;
		width:40vw;
	}

	.cmn_submit_area a:nth-of-type(2){
		background:#BFB28A;
		margin:0 1vw 0 0;
	}

	.cmn_submit_area .back{
		background:#B9AA7C !important;
		display:block;
		width:40vw;
		margin:4vw auto 0 auto !important;
		padding:3vw 0;
	}
	.cmn_submit_area input[type="submit"],
	.cmn_submit{
		background:#ABCDE4;
				font-size: 25px;
		border:none;
		border-radius:1vw;
				box-shadow:1px 1px 3px #ccc;
		color:#fff;
		display:inline-block;
		padding:4vw 0 4vw 0vw;
		text-decoration:none;
		width:40vw;
	}
/* hl */
#cmn_hl{
	background:#F2F2F2;
	border-top:1px solid #E7E7E7;
	border-bottom:2px solid #CAB978;
	padding:2vw;
}
	#cmn_hl h1{
		font-family:"Meriyo-400";
		font-weight:bold;
				font-size: 2rem;
		margin:0 auto;
		width:100%;
	}
		#cmn_hl h1 i{
			color:#B5A058;
		}
#pankuzu{
	background:#F9F7F1;
	font-size:2vw;
	line-height:140%;
	margin:1vw auto 0;
	padding: 2vw 1vw;
	width:100%;
}
	#pankuzu li{
		display:inline-block;
	}
	#pankuzu li:before{
		content:">";
		margin:0 1vw;
	}
	#pankuzu li:nth-of-type(1):before{
		content:"";
		margin:0;
	}
		#pankuzu a{
			color:#0071BC;
		}

/*pager*/
#pager{
	background:#F5F5F5;
	padding:2vw 0;
	text-align:center;
	margin-bottom:4vw;
}
	#pager a{
		background:#BFB28A;
		border-radius:1vw;
		box-shadow:1px 1px 3px #ccc;
		color:#fff;
		margin-right:2vw;
		padding:3vw;
		text-decoration:none;
	}
	#pager i{
		margin-right:2vw;
		padding:3vw;
	}

/*画像のアップロード*/
.upload_label{
	background:#f5f5f5;
	border:1px solid #ccc;
	display:table-cell;
	font-size:12px;
	margin-right:10px;
	padding:10px;
	position:relative;
	vertical-align:middle;
	width:50px;
	height:40px;
	text-align:center;
}
	.upload_label:hover{
		cursor:pointer;
	}
	.upload_label input[type="file"]{
		display:block;
		opacity:0;
		width:70px;
		height:60px;
		position:absolute;
		top:0;
		left:0;
	}
/*アップロードした画像の表示*/
#img_link{
	display:table;
}
	#img_link .img_area{
		display:table-cell;
	}
	#img_link a{
		display:block;
		font-size:10px;
		text-align:center;
		width:100px;
	}
	#img_link img{
		border:1px solid #000;
		max-width:80px;
		max-height:80px;
	}
		#img_link img:hover{
			cursor:pointer;
		}
		#img_link .img_tag{
			display:none;
			visibility:hidden;
		}


/*main*/
#cmn_main{
	width:100%;
	margin:0 auto;
	padding:2vw;
}


/*** sqz ***/

.a0001{
	background-color:#fcc800;
}
.a0002{
	background-color:#ed6d35;
}
.a0003{
	background-color:#00a497;
}
.a0004{
	background-color:#4d4398;
}
.a0005{
	background-color:#e3acae;
}
.a0006{
	background-color:#0068b7;
}
.a0007{
	background-color:#65ab31;
}
.a0008{
	background-color:#942343;
}
.a0009{
	background-color:#4e454a;
}

.sqz1 i{
	border-color:#fcc800;
}
.sqz2 i{
	border-color:#ed6d35;
}
.sqz3 i{
	border-color:#00a497;
}
.sqz4 i{
	border-color:#4d4398;
}
.sqz5 i{
	border-color:#e3acae;
}
.sqz6 i{
	border-color:#0068b7;
}
.sqz7 i{
	border-color:#65ab31;
}
.sqz8 i{
	border-color:#942343;
}
.sqz9 i{
	border-color:#4e454a;
}
.sqz10 i{
	border-color:#b22222;
}


/*** search ***/

#search{
}
	.result_deta{
		background:#F2F2F2;
		border-top:1px solid #E7E7E7;
		border-bottom:1px solid #CAB978;
		padding:2vw;
	}
	.result_deta > div{
	}
		.result_deta h1{
			background:url(/cmn/img/search/h2_bg.png) no-repeat;
			background-position:left center;
			font-size:4vw;
			letter-spacing:1px;
			line-height:100%;
			padding:0 0 0 4vw;
		}
			.result_deta h1 i{
				color:#0071BC;
				font-size:5vw;
			}
			.result_deta h1 span{ /*特集記事の見出し*/
				color:#0071BC;
				font-size:5vw;
			}
		.result_deta p{
			margin:2vw 0 0 0;
		}
			.result_deta p i{
				color:#ED1C24;
				font-size:5vw;
				padding:0 5px;
			}
			.result_deta p span{
				font-size:3vw;
				padding:0 0 0 3vw;
			}
	.result_deta > div > div{
/*		display:table-cell;*/
	}
	.result_deta .frm{
		text-align:right;
	}
		.result_deta .research{
			background:#CAB978;
			border-radius:1vw;
			box-shadow:1px 1px 3px #ccc;
			color:#fff;
			display:inline-block;
			padding:2vw;
			text-decoration:none;
		}
		.result_deta .reset{
			background:#ccc;
			border:none;
			border-radius:1vw;
			display:inline-block;
			padding:2vw;
			text-decoration:none;
		}

	.job_deta{
		background:url(/cmn/img/search/result_dtl_footer_bg.png) repeat-x;
		background-position:bottom;
		margin:0 0 4vw 0;
		padding:0 0 4vw 0;
	}
		.deta_header{
			display:table;
			background:url(/cmn/img/search/result_dtl_header_bg.png) repeat-x;
			background-position:bottom;
			padding:2vw 0 4vw 0;
			width:100%;
		}
			.deta_header h2,
			.deta_header p{
				display:table-cell;
			}
				.deta_header p{
					vertical-align:middle;
					width:15vw;
					padding:0 0 0 2vw;
				}
					.deta_header p a{
						background-color:#B2D4EB;
						background-repeat:no-repeat;
						background-image:url(/cmn/img/search/keep_off.png);
						background-position:top 1vw center;
						background-size:3vw auto;
						border-radius:1vw;
						box-shadow:1px 1px 3px #ccc;
						color:#fff;
						display:block;
						font-size:3vw;
						line-height:100%;
						text-align:center;
						text-decoration:none;
						padding:5vw 1vw 1vw;
					}
					.deta_header p a.slct{
						background-image:url(/cmn/img/search/keep_on.png);
					}
						.deta_header p a i{
							display:block;
							font-size:2vw;
							margin:0.5vw 0 0 0;
						}

				.job_deta h2{
					font-weight:normal;
				}
					.job_deta h2 i{
						border-radius:1vw;
						color:#fff;
						display:inline-block;
						font-size:3vw;
						margin:0 2vw 0 0;
						padding:1vw 2vw;
					}
					.job_deta h2 span{
						display:block;
						font-size:3vw;
						margin:0 0 2vw 0;
					}
					.job_deta h2 a{
						color:#0071BC;
					}

		.job_deta section{
		}
			.job_deta section dl{
				width:100%;
			}
				.job_deta section dt{
					background:#FAF9F4;
					border-bottom:1px solid #E6E6E6;
					color:#555;
					font-size:3vw;
					padding:1vw;
					text-align:left;
				}
				.job_deta section dd{
					border-bottom:1px solid #E6E6E6;
					padding:2vw 0;
					text-align:left;
				}
				.job_deta .naiyo p{
					/*display:table-cell;*/
					vertical-align:top;
				}
					.job_deta .naiyo p img{
						display:block;
						margin:0 auto;
						max-width:50vw;
					}
					.job_deta .naiyo p:nth-of-type(2){
						padding:3vw 0 0 0;
					}
		.job_deta .sqz{
			padding:3vw 0;
		}
			.job_deta .sqz dl{
				display:table;
			}
				.job_deta .sqz dt,
				.job_deta .sqz dd{
					display:table-cell;
				}
				.job_deta .sqz dt{
					font-size:3vw;
					width:27vw;
					padding:0;
				}
					.job_deta .sqz dt p{
						border-left:1vw solid #CAB978;
						color:#666;
						line-height:100%;
						padding-left:1.5vw;
					}
				.job_deta .sqz i{
					border-width:1px;
					border-style:solid;
					border-radius:1vw;
					display:inline-block;
					font-size:3vw;
					margin:0 1vw 2vw 0;
					padding:1vw 2vw;
				}
							   #job label:nth-of-type(1){
									   margin-right: 15px;
									   }
		.deta_footer{
			background:#F5F5F5;
			padding:4vw 0;
			text-align:center;
		}

			.deta_footer a{
				border-radius:1vw;
				box-shadow:1px 1px 3px #ccc;
				color:#fff;
				display:inline-block;
				padding:2vw 2vw 2vw 7vw;
				text-decoration:none;
			}

			.deta_footer a:nth-of-type(1){
				background:url(/cmn/img/search/keep_off2.png) no-repeat #ABCDE4;
				background-position:left 2vw center;
				background-size:auto 4vw;
				margin:0 10px 0 0;
			}

			.deta_footer a:nth-of-type(2){
				background:url(/cmn/img/search/dtl.png) no-repeat #BFB28A;
				background-position:left 2vw center;
				background-size:auto 4vw;
			}

/*** job ***/

#job{
}
	.dtl_deta{
		background:#F2F2F2;
		border-top:1px solid #E7E7E7;
		border-bottom:1px solid #CAB978;

	}
	.dtl_deta > div{
		display:table;
		width:100%;
		margin:0 auto;
		padding:2vw;
	}
		.dtl_deta p{
			background:url(/cmn/img/search/h2_bg.png) no-repeat;
			background-position:left center;
			letter-spacing:1px;
			line-height:100%;
			padding:0 0 0 3.5vw;
		}

			.dtl_deta p i{
				display:block;
				font-size:3vw;
				margin:0 0 1vw 0;
			}


	.dtl_article{
		background:url(/cmn/img/search/result_dtl_footer_bg.png) repeat-x;
		background-position:bottom;
		margin:0 0 40px 0;
		padding:1vw 0 30px 0;
	}

		.dtl_article .sqz1 i{
			border-radius:1vw;
			color:#fff;
			margin:0 1vw 0 0;
			padding:1vw 2vw;
		}

		.dtl_header{
			display:table;
			background:url(/cmn/img/search/result_dtl_header_bg.png) repeat-x;
			background-position:bottom;
			padding:3vw 0 7vw 0;
			width:100%;

		}
			.dtl_header h2,
			.dtl_header p{
				display:table-cell;
			}
				.dtl_header p{
					vertical-align:middle;
					width:15vw;
					padding:0 0 0 2vw;
				}
					.dtl_header p a{
						background-color:#B2D4EB;
						background-repeat:no-repeat;
						background-image:url(/cmn/img/search/keep_off.png);
						background-position:top 1vw center;
						background-size:3vw auto;
						border-radius:1vw;
						box-shadow:1px 1px 3px #ccc;
						color:#fff;
						display:block;
						font-size:3vw;
						line-height:100%;
						text-align:center;
						text-decoration:none;
						padding:5vw 1vw 1vw;
					}
					.dtl_header p a.slct{
						background-image:url(/cmn/img/search/keep_on.png);
					}
						.dtl_header p a i{
							display:block;
							font-size:2.5vw;
							margin:1vw 0 0 0;
						}

		.dtl_top{
		}
			.dtl_top .photo,
			.dtl_top .txt{
				vertical-align:top;
			}
			.dtl_top .txt{
				line-height:180%;
				padding:0;
			}

		/*photo*/
		#job .photo{
			display:table;
			margin:0 auto;
		}
			#job .photo .main_img,
			#job .photo .thumb_img{
				display:table-cell;
				vertical-align:top;
			}

			#job .photo .main_img{
				padding:0 2vw 2vw 0;
			}
				#job .photo .main_img img{
					width:65vw;
				}
			#job .photo .thumb_img{
			}

				#job .photo .thumb_img li{
					display:block;
					margin:0 0 1vw 0;
				}
					#job .photo .thumb_img img{
						border:1px solid #ccc;
						width:20vw;
						cursor:pointer;
					}

		#job .oubo{
			background:#F9F7F1;
			padding:4vw 0;
			text-align:center;
			margin:4vw 0;
		}
			#job .oubo a{
				background:url(/cmn/img/job/oubo_sp.png) no-repeat;
				background-size:70vw auto;
				box-shadow:1px 1px 3px #ccc;
				display:inline-block;
				width:70vw;
				height:14vw;
			}


		.dtl_middle{
			margin:0 0 4vw 0;
		}
			.dtl_middle dl{
				border-bottom:1px solid #E6E6E6;
			}
			.dtl_middle dl:nth-of-type(1){
				border-top:1px solid #E6E6E6;
			}
				.dtl_middle dt,
				.dtl_middle dd{
				}
				.dtl_middle dt{
					background:#F9F9F5;
					color:#666;
					padding:2vw;
					text-align:left;
					vertical-align:top;
				}
				.dtl_middle dd{
					padding:2vw;
					white-space:pre-wrap;
					word-wrap:break-word;
				}
					.dtl_middle dd i{ /*sqz*/
						background:transparent;
					}
					.dtl_middle dd i:before{
						content:" / ";
					}
					.dtl_middle dd i:nth-of-type(1):before{
						content:"";
					}

			.dtl_hl{
				border-left:1vw solid #C3B68E;
				font-size:3vw;
				font-weight:normal;
				line-height:130%;
				margin:0 0 2vw 0;
				padding:3vw 0 3vw 3vw;
			}
				.dtl_hl b{
					color:#C3B68E;
					display:block;
					font-size:5vw;
					font-weight:normal;
					margin:0 0 2vw 0;
				}
	/*メール*/
	#dtl_mail_def{
		background:#F5F5F5;
		padding:4vw 0;
		text-align:center;
	}

		#dtl_mail_def p{
			color:#B19D6C;
			margin:0 0 20px 0;
			padding:15px 0;
		}
		#dtl_mail_def a{
			background:#ABCDE4;
			border-radius:5px;
			box-shadow:1px 1px 3px #ccc;
			color:#fff;
			display:inline-block;
			padding:15px 15px 15px;
			text-decoration:none;
		}

		#dtl_mail_def a:nth-of-type(2){
			background:#BFB28A;
			margin:0 10px 0 0;
		}

		#dtl_mail_def .back{
			background:#B9AA7C !important;
			display:block;
			width:130px;
			margin:20px auto 0 auto !important;
			padding:5px 0;
		}
		#dtl_mail_def input[type="submit"]{
			background:#ABCDE4;
			border:none;
			border-radius:5px;
			box-shadow:1px 1px 3px #ccc;
			color:#fff;
			display:inline-block;
			padding:15px 0 15px 10px;
			text-decoration:none;
			width:200px;
		}

/*** ユーザー登録 ***/
#usr #cmn_main article{
	margin:0 0 3vw 0;
}
	#usr #cmn_main article dl{
		border-bottom:1px solid #E6E6E6;
	}
	#usr #cmn_main article dl:nth-of-type(1){
		border-top:1px solid #E6E6E6;
	}
		#usr #cmn_main article dt,
		#usr #cmn_main article dd{
		}
		#usr #cmn_main article dt{
			background:#F9F9F5;
			color:#666;
			font-size:3vw;
			padding:2vw 0;
			text-align:center;
			vertical-align:top;
		}
		#usr #cmn_main article dd{
			padding:3vw;
		}

		#usr #cmn_main article h2{
			border-left:1vw solid #C3B68E;
			font-weight:normal;
			line-height:100%;
			margin:0 0 3vw 0;
			padding:3vw 0 3vw 3vw;
		}
		#usr input[type="text"],
		#usr input[type="mail"],
		#usr input[type="password"]{
			width:92%;
			padding:2%;
		}

/*** content ***/
#content main{
}
	#content main h2{
		border-left:1vw solid #C3B68E;
		font-weight:bold;/*** SPのみ変更 ***/
					font-size: 2rem;/*** SPのみ変更 ***/
		letter-spacing:1px;
		margin:0 0 3vw 0;
		padding:3vw;
	}

	#content .list{
		background:url(/cmn/img/search/result_dtl_header_bg.png) repeat-x;
		background-position:bottom;
		padding:0 0 7vw 0;
		margin:0 0 3vw 0;
	}
		#content .list figure,
		#content .list section{
			display:table-cell;
			vertical-align:top;
		}
		#content .list figure img{
			max-width:20vw;
		}
		#content .list section{
			padding:0 3vw;
		}
			#content .list h3{
				color:#0071BC;
				font-weight:normal;
			}
			#content .list p{
				font-size:3vw;
			}

	/*関連記事*/
	#content .kanren{
	}
		#content .kanren a{
			box-shadow:1px 1px 4px #ccc;
			display:table;
			margin:0 0 30px 0;
			padding:3%;
			text-decoration:none !important;
			width:94%;
		}
			#content .kanren figure{
				background-size:cover;
				display:table-cell;
				vertical-align:top;
				width:30%;
			}
			#content .kanren div{
				display:table-cell;
				padding:0 0 0 20px;
				vertical-align:top;
			}
				#content .kanren span{
					display:block;
					text-align:right;
				}

#content aside{
}
	#content aside article{
		margin:0 0 3vw 0;
	}
	#content aside h3{
		background:#F9F7F1;
		border-left:1vw solid #C3B68E;
		color:#B5A058;
		font-weight:normal;
		margin:0 0 3vw 0;
		padding:1vw 2vw;
	}

/*** faq ***/
#faq main{
}

	#faq main h2{
		border-left:1vw solid #C3B68E;
		font-weight:normal;
		margin:0 0 10px 0;
		padding:3vw;
	}

	#faq .toukou{
		background:#F9F7F1;
		margin:0 0 30px 0;
		padding:30px;
	}
		#faq .toukou select{
			border:1px solid #CAB978;
			display:block;
			margin:0 0 1vw 0;
		}
		#faq .toukou textarea{
			border:1px solid #CAB978;
			padding:2%;
			width:96%;
		}
		#faq .toukou p{
			margin:3vw 0 0;
			text-align:center;
		}
	#faq .list{
		margin:0 0 4vw 0;
	}
		#faq .list dl{
			border-bottom:1px solid #E6E6E6;
		}
		#faq .list dl:nth-of-type(1){
			border-top:1px solid #E6E6E6;
		}
		#faq .list dt,
		#faq .list dd{
			display:table-cell;
		}
		#faq .list dt{
			background:#F9F9F5;
			color:#666;
			font-size:2.5vw;
			padding:2vw 0;
			text-align:center;
			vertical-align:top;
			width:12vw;
		}
		#faq .list dd{
			padding:15px;
		}
				#faq input[type="submit"] {
				padding: 10px;
				margin-bottom: 30px;
				margin-top: 20px;
				}
				form.condition_clr {
				margin-top: 20px;
				}

		@media screen and (max-width: 767px) {
			#faq .captcha_recreate {
			padding: 10px;
				width: 30%;
				font-size: 19px;
			}
		}

/*Q&A 詳細*/
	#faq .re{
		position:relative;
				margin-bottom: 65px;
	}
		#faq .re label{
			background:#CAB978;
			border-radius:1vw;
			color:#fff;
			display:inline-block;
			font-size:3vw;
			margin-bottom:3vw;
			padding:2vw;
			position:absolute;
			top:-2vw;
			right:0;
		}
		#faq .re > input[type="checkbox"].on-off{
			display: none;
		}
			#faq .re > input[type="checkbox"].on-off + form{
				border:none;
				height: 0;
				overflow: hidden;
				padding:0;
			}
				#faq .re > input[type="checkbox"].on-off:checked + form{
					border:3vw solid #E6E6E6;
					height: auto;
					padding:5vw;
				}
	.question{
		padding:4vw 0;
	}
		.question time{
			display:block;
			font-size:2.5vw;
			text-align:right;
		}
		.question p{
			background:#F9F7F1;
			line-height:180%;
			padding:4vw
		}

#faq aside{
	vertical-align:top;
}
	#faq aside article{
		margin:0 0 3vw 0;
	}
	#faq aside h3{
		background:#F9F7F1;
		border-left:1vw solid #C3B68E;
		color:#B5A058;
		font-weight:normal;
		margin:0 0 2vw 0;
		padding:1vw 2vw;
	}

/*** mail ***/
#mail #cmn_main article{
	margin:0 0 4vw 0;
}
	#mail #cmn_main article dl{
		border-bottom:1px solid #E6E6E6;
	}
	#mail #cmn_main article dl:nth-of-type(1){
		border-top:1px solid #E6E6E6;
	}
		#mail #cmn_main article dt,
		#mail #cmn_main article dd{
		}
		#mail #cmn_main article dt{
			background:#F9F9F5;
			color:#555;
			font-size:3vw;
			padding:1vw 2vw;
			text-align:left;
			vertical-align:top;
		}
		#mail #cmn_main article dd{
			padding:2vw;
		}

		#mail #cmn_main article h2{
			border-left:1vw solid #C3B68E;
			font-weight:normal;
			line-height:100%;
			margin:0 0 3vw 0;
			padding:2vw 0 2vw 2vw;
		}
		#mail input[type="text"],
		#mail textarea{
			width:92%;
			padding:2%;
		}
		#mail input[type="checkbox"],
		#mail input[type="radio"]{
			margin:0 1vw 0 0;
		}
		#mail label{
			display:block;
			margin:0 0 1vw 0;
		}
		#mail input[type="submit"]{
			display:block;
			margin:3vw auto;
		}


/*** MY PAGE***/
#my{
}
	#my main,
	#my aside{
		vertical-align:top;
	}
	#my main{
	}
		#my main h2{
			border-left:1vw solid #C3B68E;
			font-weight:normal;
			line-height:100%;
			margin:0 0 3vw 0;
			padding:1vw 0 1vw 3vw;
		}

	#my aside{
		padding:0;
	}
		#my aside h3{
			background:#F9F7F1;
			border-left:1vw solid #C3B68E;
			color:#B5A058;
			font-weight:normal;
			margin:0;
			padding:1vw 3vw;
		}
		#my aside .midashi{
			border-bottom:1px solid #C3B68E;
			color:#C3B68E;
			padding:1vw 3vw;
			margin:10px 0;
		}

	#my aside .menu,
	#my aside .prof{
		background:#f5f5f5;
		line-height:180%;
		margin-bottom:2vw;
		padding:2vw 1vw;
	}
	#my aside .prof{
		font-size:3vw;
		text-align:center;
	}
		#my aside .prof figure{
			display:block;
		}
			aside.my .prof figure img{
				max-width:30vw;
				max-height:30vw;
			}
		#my aside .prof p{
			background:#fff;
			margin:1vw 0 0 0;
			padding:1vw;
			text-align:left;
			white-space:pre-wrap;
			word-wrap:break-word;
		}

	/*my 共通*/
	#my .more{
		font-size:3vw;
		text-align:right;
		margin-bottom:20px;
	}

	/*top diary*/
	#my .diary_list{
		background:#F2F2F2;
		margin-bottom:1vw;
		padding:1vw;
	}
			#my .diary_list figure{
				vertical-align:top;
			}
				#my .diary_list figure p{
					background:#ccc;
					height:15vw;
					overflow:hidden;
					text-align:center;
					width:15vw;
				}
					#my .diary_list figure img{
						max-height:15vw;
					}
			#my .diary_list section{
				background:#fff;
/*				display:table-cell;*/
				vertical-align:top;
				padding-left:10px;
/*				width:570px;*/
			}
				#my .diary_list i{
					display:block;
					font-size:12px;
					padding:5px 10px;
				}
					#my .diary_list date{
						margin-right:20px;
					}
			#my .diary_list section p{
				font-size:14px;
				line-height:160%;
				padding:0 10px;
			}
	/*top friend*/
	#my .friend_list{
		background:#F2F2F2;
		margin-bottom:10px;
		padding:20px;
	}
		#my .friend_list section{
			display:block;
			float:left;
			height:auto;
			margin:0 12px 10px 0;
			text-align:center;
			width:120px;
		}
			#my .friend_list section a{
				display:block;
				font-size:12px;
				height:150px;
				text-align:center;
			}
			#my .friend_list figure{
				height:120px;
				overflow:hidden;
				text-align:center;
				width:120px;
			}
				#my .friend_list img{
					max-height:120px;
				}
	/*top community*/
	#my .community_list{
		background:#F2F2F2;
		margin-bottom:10px;
		padding:10px;
	}
			#my .community_list figure{
				display:table-cell;
				vertical-align:top;
			}
				#my .community_list figure p{
					background:#ccc;
					height:150px;
					overflow:hidden;
					text-align:center;
					width:150px;
				}
					#my .community_list figure img{
						max-height:150px;
					}
			#my .community_list section{
				background:#fff;
				display:table-cell;
				vertical-align:top;
				padding-left:10px;
				width:570px;
			}
				#my .community_list i{
					display:block;
					font-size:12px;
					padding:5px;
					text-align:right;
				}
					#my .community_list date{
						margin-right:20px;
					}
			#my .community_list section p{
				font-size:14px;
				line-height:160%;
				padding:0 10px;
			}
	/*bm*/
	#my .bm{
	}
		#my .bm ul{
			background:#E6E6E6;
			display:block;
			margin:0 0 20px 0;
			padding:10px 20px 20px;
		}
			#my .bm li{
				display:table-cell;
				text-align:center;
			}
				#my .bm ul li a{
					font-size:10px;
				}
				#my .bm ul figure{
					width:70px;
					height:70px;
					overflow:hidden;
					vertical-align:middle;
				}
					#my .bm ul img{
						max-height:70px;
					}
	#my .add_area{
		margin-bottom:20px
	}
			#my .add_area section{
				background:#E6E6E6;
				padding:20px;
			}
			#my .add_area section span{
				margin-right:15px;
			}
	/*scout*/
	.scout_list{
		margin-bottom:20px
	}
		.scout_list ul{
			background:#E6E6E6;
			padding:10px;
		}
			.scout_list ul li{
				padding:10px;
			}
			.scout_list ul li:nth-child(2n){
				background:#F2F2F2;
			}
			.scout_list b{
				color:red;
				margin-left:15px;
			}
	/*scout_detail*/
	.scout_dtl{
	}
		.scout_box{
			margin-top:15px;
		}
			.scout_box img{
				display:block;
				margin-bottom:10px;
				max-width:600px;
			}
			.my_scout0{
				display:inline-block;
				float:left;
				max-width:80%;
			}
			.my_scout1{
								color: #25c6da;
				display:inline-block;
				float:right;
				max-width:80%;
			}
				.scout_box i{
					font-size:10px;
				}
				.scout_box p{
					border:1px solid #ccc;
					border-radius:10px;
					padding:15px;
					white-space:pre-wrap;
					word-wrap:break-word;
				}
	/*diary_dtl*/
	#my .diary_dtl{
		margin-bottom:20px;
	}
		#my .diary_dtl date{
			font-size:14px;
			padding:10px 20px;
		}
		#my .diary_dtl section{
			background:#F2F2F2;
			padding:20px;
			white-space:pre-wrap;
			word-wrap:break-word;
		}
		#my .diary_dtl img{
			max-width:100%;
		}
	/*diary_edit*/
	#my .diary_edit{
	}
		#my .upload{
			display:table;
			margin-bottom:10px;
		}
			#my .upload p{
				display:table-cell;
				padding-left:10px;
								font-size: 25px;
			}
		#my .diary_edit table{

		}
		#my .diary_edit table{
			width:100%;
		}
			#my .diary_edit table tr{
				border-top:1px solid #E6E6E6;
			}
			#my .diary_edit table tr:first-child{
				border:none;
			}
				#my .diary_edit table tr td:nth-child(1){
					font-size:12px;
					width:120px;
				}
				#my .diary_edit table td{
					padding:15px 5px;
					vertical-align:top;
				}
			#my .diary_edit input[type="text"],
			#my .diary_edit textarea{
				border:1px solid #ccc;
				display:block;
				padding:5px 2%;
				width:96%;
			}
			#my .diary_edit textarea{
				height:600px;
			}
			#my .diary_edit select{
				border:1px solid #ccc;
				padding:5px;
				margin-right:5px;
								margin-top: 5px;
			}
			#my .diary_edit input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:80%;
								font-size: 25px;
			}
	/*friend*/
	nav.friend_menu{
		background:#E6E6E6;
		border-bottom:4px solid #ccc;
		height:40px;
		margin:0 0 20px 0;
	}
		nav.friend_menu a{
			border-bottom:4px solid #ccc;
			color:black;
			display:table-cell;
			font-size:12px;
			font-weight:bold;
			height:40px;
			padding:0 20px;
			text-align:center;
			vertical-align:middle;
		}
			nav.friend_menu a.slct{
				border-bottom:4px solid #999;
			}
			nav.friend_menu a:hover{
				border-bottom:4px solid #555;
			}
	/*friend_request*/
	#my .friend_request{
		display:table;
		margin-bottom:20px;
		width:100%;
	}
		#my .friend_request figure,
		#my .friend_request p,
		#my .friend_request form{
			display:table-cell;
			vertical-align:middle;
			padding-right:20px;
		}
		#my .friend_request figure{
			overflow:hidden;
			width:150px;
		}
			#my .friend_request figure img{
				max-height:150px;
			}
		#my .friend_request form{
			width:50px;
		}
	#my .friend_request:nth-child(2n+1){
		background:#F2F2F2;
	}
	/*community*/
	aside .community{
		background:#E6E6E6;
		margin-bottom:20px;
		padding:10px;
	}
		aside .community figure{
			display:block;
			text-align:center;
		}
		aside .community figure img{
			max-width:100%;
			max-height:280px;
		}
		aside .community p{
			background:#fff;
			font-size:12px;
			margin-bottom:10px;
			padding:10px;
		}
		aside .community form{
			text-align:center;
		}
	/*bbs area*/
	#community_dtl{
	}
		/*投稿フォーム*/
		#community_dtl form{
			border:20px solid #F2F2F2;
			background:#fff;
			display:block;
			padding:10px;
			position:relative;
			margin:0 0 20px 0;
		}
		#community_dtl form textarea{
			background:#fff;
			border:none;
			display:table-cell;
			font-size:14px;
			padding:5px 10px;
			height:50px;
			width:auto;
		}
		#community_dtl form p{
			display:table-cell;
			vertical-align:top;
		}
		#community_dtl form input[type="submit"]{
			background:transparent;
			border:none;
			border-top:4px solid #999;
			position:absolute;
			bottom:0;
			right:5px;
		}

		/*投稿エリア*/
		#community_dtl .u0,
		#community_dtl .u1{
			border-bottom:1px solid #ccc;
			display:table;
			padding:10px;
		}
		#community_dtl .u0{ /*他人の投稿*/
		}
		#community_dtl .u1{ /*自分の投稿*/
			background:#ffffe0;
		}
			#community_dtl .usr{
				display:table-cell;
				font-size:10px;
				text-align:center;
				vertical-align:top;
				width:80px;
			}
				/*ユーザーアイコン*/
				#community_dtl .usr > p{
					background-color:#ccc;
					background-size:auto 50px !important;
					background-position:center center;
					border-radius:25px;
					margin:0 auto;
					width:50px;
					height:50px;
				}

			#community_dtl .data{
				display:table-cell;
				padding:10px 0;
				text-align:left !important;
				vertical-align:top;
				width:650px;
			}
				#community_dtl .data img{
					display:block;
					margin-bottom:10px;
					width:100%;
				}
				#community_dtl .data i{
					display:block;
					font-size:10px;
					margin:0 0 10px 0;
				}
				#community_dtl .data p{
					white-space:pre-wrap;
					word-wrap:break-word;
				}
	/*edit*/
	#my .edit
	{
		background:#F2F2F2;
		padding:20px;
	}
		#my .edit table{
			width:100%;
		}
			#my .edit table tr{
				border-top:1px solid #E6E6E6;
			}
			#my .edit table tr:first-child{
				border:none;
			}
				#my .edit table tr th,
				#my .edit table tr td:nth-child(1){
					font-size:12px;
					width:120px;
				}
				#my .edit table td{
					padding:15px 5px;
				}
			#my .edit input[type="text"],
			#my .edit input[type="mail"],
			#my .edit textarea{
				border:1px solid #ccc;
				display:block;
				padding:5px 2%;
				width:96%;
			}
			#my .edit input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:100%;
			}
			#my .edit label{
				margin-right:10px;
			}
			#my .edit .upload_label{
				border-right:2px solid #ccc;
				border-bottom:2px solid #ccc;
			}
	/*add bm area*/
	.add_bm_area{
		padding:20px;
	}
		.add_bm_area span{
		}
		.add_bm_area span:before{
			color:#ccc;
			content:"|";
			font-size:10px;
			margin:0 15px;
		}
		.add_bm_area span:first-child:before{
			content:"";
			margin:0;
		}
	/*scout*/
	#my #message_form{
		background:#f5f5f5;
		padding:10px;
	}
	#my #message_form label,
	#my #message_form p{
		display:table-cell;
		vertical-align:top;
	}
	#my #message_form textarea{
		width:500px;
		height:160px;
				font-size: 25px;
	}
	#my #message_form .cmn_submit{
		width:100px;
		height:60px;
	}

/*** reissue ***/
#reissue{
}
	#reissue h2{
		border-left:1vw solid #C3B68E;
		font-weight:normal;
		line-height:100%;
		margin:0 0 3vw 0;
		padding:3vw 0 3vw 3vw;
	}
	#reissue article{
	}
		#reissue form{
			background:#f5f5f5;
			margin:4vw 0;
			padding:3vw 0 1vw;
		}
			#reissue input[type="mail"],
			#reissue input[type="submit"]{
				display:block;
				margin:0 auto 3vw auto;
			}
			#reissue input[type="mail"]{
				padding:2vw;
				width:90%;
			}

/*** 404 ***/
.error_box {
	width: 505px;
	padding: 10px;
	background-color: #eeeeee;
	margin: 15px auto 80px;
	color: #383838;
	margin-top: 50px;
}
.error_box .ttl {
	font-size: 15px;
	padding-top: 40px;
	margin: 0;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
}
.error_box span {
	font-size: 25px;
	font-weight: normal;
	color: #B5A058;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
.error_box .txt {
	padding: 10px 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
#error .error_box .btn a {
	display: block;
	background: #ABCDE4;
	border-radius: 5px;
	width: 200px;
	margin: 20px auto;
	text-align: center;
	font-weight: bold;
	box-shadow: 1px 1px 3px #ccc;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	font-size: 14px;
}

/*** footer ***/
footer{
	background:#f5f5f5;
	padding:4vw 0 0;
}
	footer section{
		margin:0 auto;
		padding:15vw 4vw 4vw 4vw;
	}
		.webp footer section{
				background: url(/cmn/img/def/sevenforce.webp) no-repeat;
		background-position:center top;
		background-size:25vw auto;
		}
		.no-webp footer section{
				background: url(/cmn/img/def/sevenforce.png) no-repeat;
		background-position:center top;
		background-size:25vw auto;
		}
		nav.footer-menu {
				display: table-cell;
		}
	footer section p{
		font-size:3vw;
		padding:3vw 0 0 0;
		text-align:center;
	}
	footer section ul{
		display:table-cell;
		padding:4vw 0 0 0;
	}
		footer section ul li{
			display:inline-block;
			padding:0 0 2vw 0;
			width:40vw;
						line-height: 1.7em;
		}
			footer section ul li a{
			}
	footer > ul{
		padding:4vw 4vw 10px 4vw;
	}
		footer > ul li{
			display:inline-block;
			padding:0 0 2vw 0;
			width:40vw;
		}
		footer > ul li a{
			color:#000;
		}
	footer > p{
		background:#B19D6C;
				color: #FFF;
		font-size:2vw;
		margin:0 0 0 0;
		padding:3vw 0;
		text-align:center;
	}


/*pop_nav*/
.remodal-bg{
	position:fixed;
	right:0;
	/*bottom:0;*/
	bottom: 1%;
	width:15vw;
}
	.remodal-bg a,
	.remodal-bg .logout{
		background-color:#CAB978;
		background-position:center center;
		background-size:12vw auto;
		background-repeat:no-repeat;
		border:none;
		border-radius:1vw 0 0 1vw;
		display:block;
		margin-bottom:1vw;
		width:15vw;
		height:15vw;
	}
	.remodal-bg .sch{
		background-image:url(/cmn/img/def/btn_search_pc.png) !important;
	}
	.remodal-bg .login{
		background-image:url(/cmn/img/def/btn_login_pc.png);
	}
	.remodal-bg .logout{
		background-image:url(/cmn/img/def/btn_logout_pc.png);
	}
	.remodal-bg #pagetop{
		background-image:url(/cmn/img/def/btn_top_pc.png);
	}
	.remodal-bg .my{
		background-image:url(/cmn/img/def/btn_mypage_pc.png);
	}
	.remodal-bg .bm_off{
		background-image:url(/cmn/img/def/btn_keepoff_pc.png);
	}
	.remodal-bg .bm_on{
		background-image:url(/cmn/img/def/btn_keepon_pc.png);
	}

/*remodal*/
.remodal {
	border-radius:1vw;
	box-sizing: border-box;
	box-shadow:1px 1px 10px #ccc;
	width: 90vw;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: #fff;
}
/* Close button */

.remodal-close {

	position: absolute;
	top: 1vw;
	right: 1vw;

	display: block;
	overflow: visible;

	width: 7vw;
	height: 7vw;

	cursor: pointer;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration: none;

	background:#fff;
	border-radius:1vw;
	box-shadow:1px 1px 3px #B5A058;
	color: #000;

}
.remodal-close:before {
	content: "\00d7";
	color:#CAB978;
	font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
	font-size: 7.5vw;
	line-height:100%;

	display: block;

	text-align: center;
}

#panel {
	margin:2vw;
}

	#panel > dt {
		background:url(/cmn/img/def/pop_panel_open_color.png) no-repeat #EFECE3;
		background-position:left 2vw center;
		background-size:3vw auto;
		border-radius:1vw;
		color:#B5A058;
		cursor: pointer;
		font-weight:bold;
		letter-spacing:1px;
		margin:0 0 2vw 0;
		padding: 2vw 0 2vw 6vw;
		text-align:left;
	}

	#panel > dd {
		margin: 0px;
		padding: 2vw;
		text-align:left;
	}

	/*etc*/
	#panel ul li{
		display:inline-block;
		margin:2vw 0;
		width:50%;
	}
.remodal select{
	display:block;
	margin:0 auto 2vw;
	padding:2vw;
	width:60vw;
}
.remodal input[type="text"],
.remodal input[type="email"],
.remodal input[type="password"]{
		width: 80%;
		font-size: 25px;
	display:block;
	margin:0 auto;
	padding:2vw;
}
.remodal input[type="checkbox"]{
	margin:0 2vw 0 0;
}
.remodal input[type="submit"]{
	background:#7CB5D9;
	border:none;
	border-radius:1vw;
	box-shadow:1px 1px 5px #ccc;
	color:#fff;
	display:block;
	font-size:5vw;
	margin:2vw auto;
	padding:2vw 3vw;
}

/*** 追加 ***/
.hl_pop{
	background:url(/cmn/img/def/btn_search.png) #CAB978 no-repeat;
	background-size:6vw auto;
	background-position:left 10vw center;
	border-radius:1vw 1vw 0 0;
	color:#fff;
	line-height:100%;
	padding:3vw 0 3vw 17vw;
	text-align:left;
}

.hl_pop_login{
	background:url(/cmn/img/def/btn_mypage.png) #CAB978 no-repeat;
	background-size:30px auto;
	background-position:left 40px center;
	border-radius:5px 5px 0 0;
	color:#fff;
	font-size:18px;
	line-height:100%;
	padding:20px 0 20px 80px;
	text-align:left;
}
/*login*/
.remodal article{
	padding:20px;
}
	.remodal article dl{
		margin:0 0 20px 0;
	}
	.remodal article small{
		display:block;
		padding:10px;
	}
/* コラムページの画像 */
.aligncenter{
display: block;
margin: 0px auto;
width: 100%;
}

/* スマホでは改行しない */
.pc_br{
	display: none;
  }
/* コラムページのh2 */
.headline2 {
	color: #000;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
}

.headline2.border{
  padding: 1rem 2rem;
  border-left: 5px solid #CAB978;
  background: #f4f4f4;
}
/* コラムページのh3 */
#content main h3 {
	border-left: 4px solid #C3B68E;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 20px 0;
	padding: 10px;
}
/* コラムページのh4 */
#content h4 {
	color: #CAB978;
	line-height: 1.6;
	margin-bottom: 20px;
}

/* コラムページのh5 */
#content h5 {
	background-color: #f4f4f4;
	border-radius: 5px;
	color: #444;
	font-size: 4vw;/* SPのみ変更 */
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 20px;
	padding: 7px 15px;
}
.heading{
	font-size: 150%;
	text-align: center;
}
.heading-under{
	font-size: 150%;
	text-align: center;
	display: inline-block;
	background: linear-gradient(transparent 76%, #CAB978 70%);
}
/* クリップbox */
.clip-box-a {
 font-weight: bold;
 position: relative;
 margin: 2em auto;
 padding: 0px 25px 55px 25px;
 width: 100%; /* ボックス幅 */
 background-color: #F9F7F1; /* ボックス背景色 */
 color: #555555; /* 文章色 */
 border: 1px solid #ccc; /* 枠線 */
 box-shadow: 1px 1px 1px #acacac; /* 影の色 */
}
.clip-box-a::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #555555; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.clip-box-a::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px;
 right: 20px;
 border: solid 5px #F9F7F1; /*背景色と同じ色にする*/
 z-index: 2;
}
/*Q＆A*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.cp_qa dt {
	position: relative;
	margin: 0 0 1.5em 0;
}
.cp_qa dd {
	position: relative;
	margin: 0 0 2em 0;
	padding: 0 0 1.5em 2em;
	border-bottom: 1px dotted #0097a7;
}
.cp_qa dt::before, .cp_qa dd::before {
	font-size: 1.2em;
	margin: 0 0.5em 0 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.2em;
}
.cp_qa dt::before {
	padding: 0.1em 0.3em;
	content: 'Q';
	background: #f57c00;
}
.cp_qa dd::before {
	padding: 0.12em 0.45em;
	content: 'A';
	background: #0097a7;
}
.cp_qa dt::after, .cp_qa dd::after {
	position: absolute;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-width: 5px 0 5px 5px;
	border-style: solid;
}
.cp_qa dt::after {
	left: 1.5em;
	border-color: transparent transparent transparent #f57c00;
}
.cp_qa dd::after {
	left: 3.5em;
	border-color: transparent transparent transparent #0097a7;
}
/*一言　緑のbox*/
.hitokoto{
  background: rgba(215, 253, 205, 0.61);
  margin: 2em 0;
  padding: 25px;
  border-radius: 10px;
}

.hitokoto-circle1{
  font-size: 18px;/*SPのみ*/
  line-height: 2;/*SPのみ*/
  position: absolute;
  margin-top: -37px;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 34px;/*SPのみ*/
  height: 34px;/*SPのみ*/
}

.hitokoto-circle1:after{
  content: "と";
  line-height: 2;/*SPのみ*/
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 34px;/*SPのみ*/
  height: 34px;/*SPのみ*/
  margin-left: 7px;/*SPのみ*/
}

.hitokoto-circle2:before{
  content: "";
　line-height: 2;/*SPのみ*/
  position: absolute;
  top: 100%;
  margin-left: -12px;
  border: 5px solid transparent;
  border-top: 10px solid #4caf50;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
  margin-left: -22px;/*SPのみ*/
}

.hitokoto-circle2{
  position: absolute;
　line-height: 2;/*SPのみ*/
  font-size: 18px;
  margin-top: -37px;
  margin-left: 40px;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 34px;/*SPのみ*/
  height: 34px;/*SPのみ*/
  margin-left: 66px;/*SPのみ*/
}

.hitokoto-circle2:after{
  content: "と";
  line-height: 2;/*SPのみ*/
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 34px;/*SPのみ*/
  height: 34px;/*SPのみ*/
  margin-left: 7px;/*SPのみ*/
}

.hitokoto p{
  margin: 0;
  padding: 0;
}
/*左ボーダーbox*/
.box01 {
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #00BCD4;
	background: #FCFCFC;
	border-left: solid 8px #1dc1d6;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}
.box01 p {
	margin-top: -20px;
	padding: 0;
}
/*グレー背景box*/
.box02 {
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #2c2c2f;
	background: #f5f5f5;
	border-radius: 13px;
}
p.bold {
	margin: 0;
	padding: 0;
　　font-weight: bold;
	font-size: 16px;
}
/*以下2行2列の表*/
.multita{
  width: 100%;
  border-collapse: collapse;
}

.multita tr{
  border-bottom: solid 2px white;
}

.multita tr:last-child{
  border-bottom: none;
}

.multita th{
  position: relative;
  text-align: left;
  width: 50%;/*SPのみ*/
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.multita th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.multita td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}

/*以下張り紙風ボックス*/
.memox{
   position:relative;
   background:#fffde7;
   width:100%;
   margin:2em auto;
   padding:1.5em 1em;
   box-shadow:1px 1px 4px rgba(0,0,0,0.2);
   color:#795548;
}
.memox::before{
   content:'ここがポイント';
   position:relative;
   display:inline-block;
   border-bottom:3px solid #795548;
   border-radius: 0 0 40% 5% / 0 0 15% 20%;
   padding:0 1em 0.1em 0.2em;
   font-size:110%;
   font-weight:bold;
   transform: rotate(-5deg);
}
.memox::after{
   content:'';
   position:absolute;
   left:50%;
   top:-15px;
   margin-left:-75px;
   width:150px;
   height:30px;
   background:rgba(245,245,245,0.7);
   box-shadow:1px 1px 4px rgba(0,0,0,0.2);
   transform: rotate(-4deg);
}
.memox ol{
   margin:1em 0.5em 0 2em;
   padding:0 0 0 0;
}
.memox ol li{
   margin-bottom:0.5em;
}


/*以下会話風ボックス*/
/*吹き出し(バルーン)のアウトライン*/
.bln {
	width: 100%;
	margin: 10px auto;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	overflow: hidden;
}

/* 左右アイコンのイメージサイズと配置 */
.bln:before {
	content: "";
	width: 80px;
	height: 80px;
	background: no-repeat left center / contain;
	/* display: inline-block; */
}

/* 左アイコンのイメージ配置*/
.bln.left:before {
	background-image: url(img/left.png)
}

/* 右アイコンのイメージ配置 画像*/
.bln.right:before {
	background-image: url(img/right.png)
}

/* 吹き出し中の文章アウトライン */
.says {
	position: relative;
	margin: 0;
	max-width: calc(100% - 125px);
	padding: .6rem 1.2rem;
	border: solid 2px #eee;
	border-radius: 1.2rem;
}

/* 吹き出し口 尖ってるところのあしらい */
.says::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -16px;
	margin-top: -8px;
	border: 8px solid transparent;
	border-right: 10px solid #fff;
	z-index: 2;
}
.says::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -21px;
	margin-top: -9px;
	border: 9px solid transparent;
	border-right: 12px solid #eee;
	z-index: 1;
}

/* 右のアイコン配置指定 吹き出し反転など */
.bln.fxd--rr .says:before,
.bln.fxd--rr .says:after {
	transform: scale(-1, 1);

}

/* 右のアイコンから 吹き出し反転 */
.bln.fxd--rr .says:before {
	left: inherit;
	right: -16px;
}
.bln.fxd--rr .says:after {
	left: inherit;
	right: -21px;
}

/*吹き出内の調整用*/
.says p {
  margin: -20px 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

/* 右の人にする時につける flex要素 */
.fxd--rr {
	flex-direction: row-reverse;
}
/*会員登録ボタン*/
a.btn--yellow {
color: #FFF;
background-color: #ABCDE4;
}

a.btn--yellow:hover {
  color: #FFF;
  background: #ABCDE4;
}

a.btn--yellow.btn--cubic {
  border-bottom: 3px solid #538099;
}

a.btn--yellow.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 1px solid #538099;
}

a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1rem 4rem 1rem 3rem;
  border-radius: 100vh;
  font-weight: bold;
}
#content a.btn {
	text-decoration: none;
}
a.btn-c i.fa {
  margin-right: 1rem;
}

a.btn-c:before {
　　font-family: "Font Awesome 5 Free";
	font-size: 1.2rem;
	line-height: 1;
	position: absolute;
	top: calc(50% - .6rem);
	right: 1rem;
	margin: 0;
	padding: 0;
	content: "\232a";
}
.btn,a.btn, {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-contact {
  font-size: 1.6rem;
  font-weight: bold;

  position: relative;

  margin-bottom: .2em;

  text-align: center;
}

.btn-contact:before {
  margin-right: 1rem;

  content: '＼';
}

.btn-contact:after {
  margin-left: 1rem;

  content: '／';
}

/*会社概要*/
#company .kaisha {
width: 100%;
}

#company .kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;
}

#company .kaisha th {
font-weight: bold;
background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
#company .kaisha,
#company .kaisha tr,
#company .kaisha td,
#company .kaisha th {display:block;}
#company .kaisha th {width:auto;}
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 25px;
left: 0;
width: 100%;
height: 100%;
}

#media:after{
content:"塾講師キャリア";
}
#url:after{
content:"https://juku.careers";
}
#force:after{
content:"セブンフォースコンサルティング株式会社";
}
#operator:after{
content:"中島千尋";
}
#area:after{
content:"〒160-0022 東京都新宿区新宿6-7-22　エルプリメント新宿453";
}
#tel:after{
content:"03-6897-2469";
}
/* 問い合わせボタン　*/
.btn-animation-01 {
  display: inline-block;
  width: 60%;
  text-align: center;
  background-color: #0cbd8b;
  border: 2px solid #0cbd8b;
  color: #0cbd8b;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  position: relative;
  marin-bottom: 10px;
}

.btn-animation-01 span {
  position: relative;
  z-index: 1;
}
.btn-animation-01::before,
.btn-animation-01::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-animation-01::before {
  left: 0;
}
.btn-animation-01::after {
  right: 0;
}
/* マイページアコーディオン　*/
/*ボックス全体*/
.accbox {
　　width: 100%;
	margin: 2em 0;
	padding: 0;
}

/*ラベル*/
.accbox label {
	display: block;
	padding : 13px 12px;
	color: #FFF;
	font-weight: bold;
	background: #ABCDE4;
	cursor :pointer;
	transition: all 0.5s;
	margin-top: -73px;
}

/*アイコンを表示*/
.accbox label:before {
	content: '▼';
	font-family: 'FontAwesome';
	padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
	background :#ABCDE4;
}

/*チェックは隠す*/
.accbox input {
	display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
	height: auto;
	padding: 5px;
	background: #F2F2F2;
	opacity: 1;
}

.accbox .accshow p {
	margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
	content: '▲';
}
/* 検索フォーム　*/
.kensaku{
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.kensaku th{
width:auto;
display: block;
padding:10px;
vertical-align: top;
color: #B5A058;
background-color: #EFECE3;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.kensaku td{
width:auto;
display: block;
padding:10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.kensaku ul {
text-align: left;
}
.kensaku li {
text-align: left;
padding: 5px;
margin: 0px;
line-height: 1.7em;
}
/*絞り込みボタン*/
.hidden_box {
	margin: 3em 0;
	padding: 0;
}
label[for="label1"] {
	padding: 11px 29px;
	border: solid 1px black;
	cursor :pointer;
	background: #CAB978;
	color: #FFF;
	border: none;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #ccc;
}

/*ボタンホバー時*/
.hidden_box label:hover {
	background: #efefef;
}


/*中身を非表示*/
.hidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
	padding: 45px 0;

	height: auto;
	opacity: 1;
}
/*チェックボックス非表示*/
#label1{
display: none;
}
.nav_toggle {
	display: block;
	position: relative;
	width: 5.8rem;
	height: 5.8rem;
	z-index:100;
	position: fixed;
	padding-top: 5px;
}
.barg{
/*	width: 7.2rem;
	height: 7.2rem;
	background: rgba(0,0,0,0.7);
	z-index:95;
	position: fixed;
	margin-top: -34.5px;*/
}
.nav_toggle i {
	display: block;
	width: 100%;
	height: 1.8px;
	background-color: #000;
	position: absolute;
	transition: transform .5s, opacity .5s;
}
.nav_toggle i:nth-child(1) {
	top: 20px;
	left: 10px;
}
.nav_toggle i:nth-child(2) {
	top: 20px;
	left: 10px;
	bottom: 0;
	margin: auto;
}
.nav_toggle i:nth-child(3) {
	bottom: 0;
	left: 10px;
}
.nav_toggle.show i:nth-child(1) {
	transform: translateY(10px) rotate(-39.5deg);
}
.nav_toggle.show i:nth-child(2) {
	opacity: 0;
}
.nav_toggle.show i:nth-child(3) {
	transform: translateY(-10px) rotate(39.5deg);
}
.navb {
	position: fixed;
	top: 10rem;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s, visibility .5s;
}

.navb.show {
	opacity: 0.85;
	visibility: visible;
	background: #000；
}

#sidemenu nav a{
	   width:50vw;
	   height: 13vw;
	   color: #FFF;
	   padding-left: 20px;
}
#sidemenu nav{
	   background:#000;
	   height: 100%;
	   margin-top: -159px;
	   padding-top: 180px;
	   z-index:90;
	   line-height: 3;

}
/*著者カード*/
.pastel-bc {
	background-color: #f5f5f5;
}
.author-info__inner {
	position: relative;
}
.author-info__inner .tb {
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 5px 20px -5px rgb(105 115 131 / 35%);
}
.author_label span {
	display: inline-block;
	position: relative;
	min-width: 120px;
	max-width: 100%;
	margin: 0 0 15px;
	padding: 6px 12px;
	border-radius: 20px;
	background: #eaedf2;
	color: #555;
	font-size: 16px;
	font-weight: bold;
}
.author_label span:before {
	position: absolute;
	top: 100%;
	left: 33px;
	border: 13px solid transparent;
	border-top: solid 10px #eaedf2;
	content: "";
}
.author_img {
	display: block;
	width: 22vw;
	height: 22vw;
	margin-top: -5vw;
	margin-bottom: 0;
	vertical-align: middle;
}
.author_img img {
	border: solid 3px #dfe2e8;
	border-radius: 50%;
	width:100%;
	height:auto;
}
.author-info__inner .tb-left .aut {
	display: inline-block;
	width: calc(100% - 95px);
	margin: 0;
	vertical-align: middle;
	line-height: 1.3;
}

.author-info__inner .tb-left dd {
	padding-top: 4px;
	color: #686868;
	font-size: 15px;
	font-weight: bold;
}
.author-info__inner .tb-right {
	padding: 0px 15px;
	font-size: 0.95em;
	line-height: 1.7;
}
.author_label {
	margin-top: -15px;
}
.img-center{
text-align: center;
}

/*著者カード*/
.tb {
	display: table;
	width: 100%;
}
.tb-left, .tb-right {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
.author-info__inner .tb-left {
	width: 30%;

	border-right: 2px #eaedf2 dashed;
	text-align: center;
}
.author_label span {
	z-index: 2;
	font-size: 16px;
}
.author_label span:before {
	z-index: -1;
	top: calc(100% - 15px);
	left: 50px;
	border: 15px solid transparent;
	border-top: solid 30px #eaedf2;
	transform: rotate(-40deg);
}
.author_img {
	display: inline-block;
}
.author-info__inner .tb-left .aut {
	margin-bottom: 10px;
	width: 100%;
}
.author-info__inner .tb-left dd {
	padding-top: 0px;
	color: #686868;
	font-size: 1.9rem;
	font-weight: bold;
}
.author-info {
	padding: 0px 20px;
}
.author-info__inner .tb-left dt {
	font-size: 1.9rem;
	font-weight: bold;
	color: #C3B68E;
}
/* 目次 */
#mokuji .table-of-contents {
	position: relative;
	border: 1px solid #CAB978;
	background: linear-gradient( 
-45deg
, #fff 25%, #f4f4ed 25%, #f4f4ed 50%, #fff 50%, #fff 75%, #f4f4ed 75%, #f4f4ed );
	background-size: 4px 4px;
	border-radius: 0px 0px 5px 5px;
	margin-top: 1em;
	padding-left: 50px;
	line-height: 1.5;
}
#mokuji .table-of-contents li {
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
}
::marker {
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	text-align-last: start !important;
}
#mokuji .table-of-contents a {
	color: #545454;
	display: block;
	text-decoration: none;
	transition-duration: 0.3s /* カーソルが戻る時間 */
	scroll-behavior: smooth;
}
#mokuji li > ul, #mokuji li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
li.bottom-li{
	display: inline-block;
	position: relative;
}
li.bottom-li:before {
	font-family: "Font Awesome 5 Free";
	content: "\232a";
	color: #CAB978;
	display: inline;
	position: absolute;
	top: 0px;
	left: -16px;
}

#mokuji .table-of-contents:after {
 position: absolute;
 font-family: "Font Awesome 5 Free";
 content: "\f15c 目次";
 background: #CAB978;
 color: #fff;
 right: 0%;
 left: 0%;
 bottom: 100%;
 border-radius: 5px 5px 0 0;
 padding: 7px 0 7px 0;
 margin: 0 -1px 0 -1px;
 text-align:center;
 font-size: 1.2em;
 letter-spacing: 2em
 }

#mokuji .table-of-contents li a:hover {
 padding-left: 7px; /* カーソル重ねた時に移動する距離 */
 transition-duration: 0.3s /* カーソルが移動する時間 */
}

li.top-li {
	font-size: 16px !important;
}