@charset "utf-8";
/* /////////////////////////////////////////////////////////////////
01.アイキャッチ
02.左サイドカテゴリー
03.メインコンテンツ一覧******アイキャッチの変更はここ？
04.右サイドエリア
05.スマホ用バナー
06.記事最下部バナー
07.記事下部アドセンス
08.記事イントロダクション
09.記事の内容
10.記事下部
11.メインビジュアルスライダー
12.記事直下関連するまとめ
13.ページネーション
14.ランキング一覧
15.キーワード一覧
16.フッター問い合わせ
17.お仕事紹介
18.トップページカテゴリーバナー
19.記事まとめカテゴリー一覧ページ
20.トップページ不安・相談
/////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////
01.アイキャッチ
/////////////////////////////////////////////////////////////////*/

#mainvisual {
	max-width: 1020px;
	margin: 0 auto;
	/*padding: 15px 0 0;*/
	box-sizing: border-box;
}

.eyecatch {
	background: #fff;
	box-sizing: border-box;
}

.eyecatch_contents {
	margin: 0 5px;
	cursor: pointer;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	position: relative;
}

.eyecatch_contents:hover {
	opacity: .75;
}

.eyecatch_caption {
	position: relative;
}

.eyecatch_title {
	font-size: 18px;
	padding: 8px 0 5px;
	line-height: 1.3;
}

.eyecatch_text {
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: -0.04em;
}

.eyecatch_date {
	color: #999;
	font-size: 12px;
	padding: 5px 4px 0 0;
	letter-spacing: 0em;
}

.eyecatch_banner {
	width: 100%;
	max-width: 360px;
	float: right;
	box-sizing: border-box;
	text-align: center;
}

.eyecatch_banner a {
	display: block;
	margin: 0 0 0 2%;
}

.eyecatch_banner:nth-child(1) {
	margin: 0 0 3% 0;
}

.eyecatch_contents .label_new {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	overflow: hidden;
	width: 200px;
	height: 200px;
}

.eyecatch_contents .label_new .ribbon {
	font-size: 12px;
	font-weight: bold;
	line-height: 4.6;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 100%;
	height: 40px;
	display: block;
	background: #F3A8BB;
	position: absolute;
	left: 88px;
	top: -8px;
}

@media screen and (max-width: 768px) {
	#mainvisual .container {
		padding: 0 8px;
		width: 100%;
		margin: 60px 0 0 0;
	}

	.eyecatch_banner {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	#mainvisual {
		border-top: none;
		border-bottom: none;
		padding: 0;
		margin: 0;
	}

	#mainvisual .container {
		padding: 0;
		width: 100%;
		margin: 0;
	}

	.eyecatch {
		border: none;
		padding: 0;
	}

	.eyecatch_contents {
		margin: 0;
	}

	.eyecatch_caption {
		position: absolute;
		z-index: 10;
		bottom: 0;
	}

	.eyecatch_title {
		font-size: 18px;
		font-weight: bold;
		padding: 0 10px;
		color: #fff;
		text-shadow: 0px 1px 4px #777;
		line-height: 1.2;
		letter-spacing: 0.02em;
	}

	.eyecatch_text {
		display: none;
	}

	.eyecatch_date {
		text-align: left;
		font-size: 11px;
		padding: 2px 0 4px 10px;
		color: #ededed;
		text-shadow: 0px 1px 2px #777;
	}

	.eyecatch_contents .label_new {
		position: absolute;
		right: 0;
		top: 0;
	}

	.eyecatch .col-xs-6 {
		width: 100%;
		float: none;
	}
}

/* /////////////////////////////////////////////////////////////////
02.左サイドカテゴリー
/////////////////////////////////////////////////////////////////*/

/*.side_left_fixed {
    width: 190px;
}
.side_category {
    padding: 0 20px 0 0;
    width: 100%;
    max-width: 190px;
    position: relative;
    z-index: 100;
}
.side_category_title {} .side_category_list {
    margin: 10px 0;
}
.side_category_list li {
    margin: 0;
}
.side_category_list li a {
    display: block;
    padding: 6px 8px;
    margin: 4px 0;
    color: #888;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}
.side_category_list li a i {
    display: inline-block;
    padding: 0 4px 0 0;
}
@media screen and (max-width: 768px) {
    .side_category {
        display: none;
    }
}*/
/* /////////////////////////////////////////////////////////////////
03.メインコンテンツ一覧
/////////////////////////////////////////////////////////////////*/

.section_title {
	/*border-bottom: 1px solid #E62786;*/
	/*padding: 5px 0;*/
	font-size: 18px;
	/*color: #E62786;*/
	font-weight: bold;
	text-align: left;
	line-height: 100%;
}

.section_title span {
	font-weight: normal;
	font-size: 9px;
	/*color: #E62786;*/
	display: block;
}

.section_title {
	font-weight: bold;
	border-bottom: 1px dotted #E62786;
	padding: 10px 0 8px 0;
	position: relative;
}

.section_title::after {
	width: 100%;
	position: absolute;
	bottom: -2px;
	left: 0;
	content: '';
	height: 2px;
	background: repeating-linear-gradient(-45deg, #fff7fa, #fff7fa 2px, #fdb8cd 2px, #fdb8cd 4px);
}

#pink-stripe-back {
	background-color: #fff;
	background-image: linear-gradient(45deg, #ffedf6 25%, transparent 25%, transparent 75%, #ffedf6 75%, #ffedf6), linear-gradient(-45deg, #ffedf6 25%, transparent 25%, transparent 75%, #ffedf6 75%, #ffedf6);
	background-size: 9px 9px;
}

#main_outer {
	margin: 20px 0;
}

.main_contents {
	padding: 10px 30px 0 0;
}

.main_contents_title {
	font-weight: bold;
	/*border-left: 3px solid #F3A8BB;*/
	padding: 0 0 0 8px;
	/*font-size: 15px;*/
	float: left;
	width: 60%;
}

.main_contents_title span {
	font-weight: normal;
	font-size: 10px;
	color: #F3A8BB;
	display: block;
	padding: 0 0 3px 0;
}

.main_contents_title_description {
	color: #999;
	font-size: 12px;
	display: block;
	padding: 14px 0 0 0;
	float: right;
	width: 40%;
	text-align: right;
}

.main_list {
	margin: 0 0 20px;
}

/*.main_list li.content_visible:nth-child(1) {
    display: none;
}
.main_list li.content_visible:nth-child(2) {
    display: none;
}*/
.main_list_contents {
	border-bottom: 1px solid #ededed;
	/*border-radius: 3px;
    box-shadow: 0 1px 2px rgb(0,0,0, .1);*/
	padding: 10px 0;
	cursor: pointer;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
}

.main_list_contents:hover {
	opacity: .75;
}

/*-----------------メインコンテンツ一覧のサムネイル-------------------------------------------*/
.main_list_left {
	width: 33.3333%;
	max-width: 360px;
	float: left;
	position: relative;
	margin: 0 2% 0 0;
}

/*　トリミングする外側の枠　*/
.post_list_trimming {
	overflow: hidden;
	width: 130px;
	/* トリミングしたい枠の幅 */
	height: 70px;
	/* トリミングしたい枠の高さ */
	position: relative;
}

/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
.post_list_trimming img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.main_list_left img {
	display: inline;
	width: 100%;
	height: auto;
	max-width: 360px;
	/*margin: 0 10px 0 0;
    border: 1px solid #bfbfbf;*/
}

.main_list_left .label_new {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	overflow: hidden;
	width: 150px;
	height: 150px;
}

.main_list_left .label_new .ribbon {
	font-size: 10px;
	font-weight: bold;
	line-height: 4.6;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 100%;
	height: 34px;
	display: block;
	background: #F3A8BB;
	position: absolute;
	left: 66px;
	top: -8px;
	letter-spacing: 0em;
}

.clearfix {
	/*display: flex;*/
	align-items: stretch;
	margin-bottom: 15px;
}

.main_list_right {
	display: flex;
	height: 100%;
	margin: auto;
	max-width: 65%;
}

.t_m {
	font-weight: bold;
	display: block;
	margin-top: 28px;
	text-align: center;
}

.head_ico_txt {
	font-size: 10px;
	color: #aa74fb;
	text-align: center;
}

.button {
	right: 15px;
	display: inline-block;
	display: block;
	position: absolute;
	top: calc(50% - 10px);
	right: 4%;
	height: 40px;
	width: 24px;
	cursor: pointer;
	/* overflow: hidden; */
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
	z-index: 200;
}

.main_list_contents_inner {
	position: relative;
	height: 100%;
}

.main_list_right_inner {
	/*position:absolute;
	top:50%;
	transform:translateY(-50%);*/
}

.main_list_title {
	font-size: 18px;
	text-align: center;
	line-height: 1.4;
}

.main_list_category {}

.main_list_category a {
	padding: 4px 8px;
	margin: 4px 0 0 0;
	display: inline-block;
	font-size: 10px;
	color: #f99ea2;
	border: 1px solid #fbbfc2;
}

.main_list_text {
	display: none;
	color: #999;
	padding: 4px 0 0 0;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new_list_text {
	color: #999;
	padding: 4px 0 0 0;
	font-size: 12px;
}

.main_list_date {
	color: #999;
	font-size: 12px;
	padding: 4px 2px 0 0;
	letter-spacing: 0em;
}

@media screen and (max-width: 768px) {
	.section_title {
		/*border-bottom: 1px solid #E62786;*/
		/*padding: 5px 0;*/
		font-size: 16px;
		/*color: #E62786;*/
		font-weight: bold;
		text-align: left;
		line-height: 100%;
	}

	#main_outer {
		margin: 10px 0;
	}

	#main_page_outer {
		margin: 20px 0 0 0;
	}

	.main_list_left {
		width: 33.3333%;
		max-width: 188px;
		float: left;
		position: relative;
	}

	.main_list_right {
		width: 64%;
		float: left;
		padding: 0;
		overflow: hidden;
	}

	.main_contents {
		padding: 10px 0 0 0;
	}

	.main_contents_title {
		float: none;
		width: 100%;
	}

	.main_contents_title_description {
		font-size: 11px;
		padding: 6px 0 0 0;
		float: none;
		width: 100%;
		text-align: left;
	}

	.main_list_title {
		/*font-size: 15px;*/
		line-height: 1.3;
	}

	.main_list_contents {
		padding: 8px 0;
		width: 49%;
	}

	.main_list {
		margin: 10px 0 20px;
	}
}

@media screen and (max-width: 480px) {
	#main_outer {
		margin: 10px 0 0;
	}

	#main_page_outer {
		margin: 0;
	}

	.main_contents {
		padding: 10px 0 0 0;
	}

	.main_contents_title_description {
		display: none;
	}

	.main_list_title {
		/* font-size: 15px;*/
		line-height: 1.3;
	}

	.main_list_text {
		display: none;
	}

	.new_list_text {
		display: none;
	}

	.main_list_date {
		font-size: 11px;
	}
}

/* /////////////////////////////////////////////////////////////////
04.右サイドエリア
/////////////////////////////////////////////////////////////////*/

.side_banner {
	margin: 0 0 0 0;
}

.side_right_fixed {
	width: 100%;
	margin: 0 0 20px 0;
}

.side_area {
	margin: 10px 0 20px;
	counter-reset: wpp-ranking;
	text-align: center;
}

.side_list {
	display: block;    
	margin: 0 0 10px 0;
	/*border-top: 1px dotted #dedede;*/
}

.side_list_contents {
	display: block;    
	border-bottom: 1px solid #ededed;
	/*border-radius: 3px;*/
	/*box-shadow: 0 1px 2px rgb(0,0,0, .1);*/
	padding: 8px 0 8px;
	cursor: pointer;
	margin: 0;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
}

.side_list_contents:hover {
	opacity: .75;
}

.side_list_contents_inner {
	position: relative;
	height: 100%;
	padding: 3px 0;
}

.side_list_right_inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.side_list_left {
	width: 26%;
	float: left;
	/*display: inline-block;*/
	position: relative;
	margin: 0 2% 0 0;
}

/*-------------------------アクセスランキングのサムネイル-------------------------------------*/
.side_list_left img {
	display: block;
	/*width: 100%;
    height: auto;
    max-width: 180px;*/
	width: 66px;
	height: 39px;
	object-fit: cover;
}

.wpp-list li {
	position: relative;
}

/*-----------------------ハートの形--------------------------*/
.heart li {
	position: relative;
	padding-top: 20px;
	margin: 0 auto;
	/* width: 0px; */
	height: 52px;
	color: #fff;
	content: counter(wpp-ranking, decimal);
	counter-increment: wpp-ranking;
}

.heart li:before {
	content: "";
	display: block;
	z-index: 10;
	font-weight: bold;
	/* border: 1px solid #fff; */
	position: absolute;
	left: 0px;
	transform: rotate(-45deg);
	border-radius: 10px 10px 0 0;
	width: 13px;
	height: 21px;
	background: #fb85c1;
	z-index: 2;
}

.heart li:after {
	content: "";
	position: absolute;
	left: 7px;
	top: 20px;
	transform: rotate(45deg);
	border-radius: 10px 10px 0 0;
	width: 13px;
	height: 21px;
	background: #fb85c1;
	z-index: 2;
}

.heart-list {
	content: "";
	color: #fff;
	content: counter(wpp-ranking, decimal);
	counter-increment: wpp-ranking;
	position: absolute;
	left: 7px;
	top: 20px;
	width: 13px;
	height: 21px;
	z-index: 1;
}

/*-------------------------------------------------*/

.side_list_right {
	width: 68%;
	float: left;
	display: inline-block;
	overflow: hidden;
}

.side_list_title {
	overflow: hidden;
	line-height: 1.2;
	font-size: 13px;
	/*visibility: hidden;*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: bold;
	text-align: left;
}

.side_list_link {
	display: block;
	margin: 10px 0 0;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #dedede;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
}

.nav_link {
	/*display: block;
    font-size: 12px;
    border-radius: 4px;
    padding: 10px;
    max-width: 480px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(.5, #ffaad4), color-stop(.51, #ffc1e0), to(#ff9ecf));
    border: 1px solid #ff7ebf;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 1);
    text-align: center;*/
	display: block;
	font-size: 12px;
	border-radius: 4px;
	margin: 13px auto 10px;
	padding: 12px 0;
	width: 100%;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #4a4a4a;
	border: 1px solid #ccc;
	background-image: -webkit-linear-gradient(top, #fcfcfc, #c3c3c3);
	background-image: linear-gradient(to bottom, #fcfcfc, #c3c3c3);
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 1);
}

.nav_link:hover {
	.75;
}

.nav_link i {
	display: inline-block;
	padding: 0 3px 0 0;
}

.side_list_link:hover {
	background: #F3A8BB;
	color: #fff;
	border: 1px solid #F3A8BB;
}

.side_list_link i {
	display: inline-block;
	padding: 0 4px 0 0;
}

.side_tag_list {
	margin: 10px 0 0;
	/*border: 1px solid #ffddee;*/
	/*border-radius: 3px;*/
	/*background: #fff8ed;
    padding: 4px;*/
}

.side_tag_list li {}

.side_tag_list a {
	display: block;
	text-align: center;
	width: 32%;
	margin: 0.5%;
	float: left;
	padding: 8px 0;
	background: #ffddee;
	color: #E62786;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 1) font-size: 16px;
	font-weight: bold;
	border-radius: 4px;
	/*border: 1px solid #fff;*/
	/*.side_tag_list a :beforeのコメントアウトを外せばタグアイコン現れる*/
}

.side_tag_list a:hover {
	opacity: .75;
}

.side_category {
	margin: 10px 0 0 0;
	text-align: left;
}

.side_category li {
	padding: 4px;
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #ededed;
	/*border-radius: 3px;*/
	/*box-shadow: 0 1px 2px rgb(0,0,0, .1);*/
	padding: 10px 0;
	cursor: pointer;
	margin: 0;
	position: relative;
	font-weight: bold;
	color: #4a4a4a;
}

.side_category_list {
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
}

.side_category_list:hover {
	opacity: .75;
}

.side_category li a {
	padding: 0 5px;
	color: #4a4a4a;
	text-decoration: none;
}

.side_category li a i {
	display: inline-block;
	position: absolute;
	right: 0;
	padding: 5px 0 0 0;
	color: #ccc;
}

@media screen and (max-width: 768px) {
	.side_category li {
		padding: 4px;
		font-size: 14px;
		display: block;
		border-bottom: 1px solid #ededed;
		/*border-radius: 3px;*/
		/*box-shadow: 0 1px 2px rgb(0,0,0, .1);*/
		padding: 10px 0;
		cursor: pointer;
		margin: 0;
		transition: all .2s;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-o-transition: all .2s;
		-ms-transition: all .2s;
		position: relative;
	}

	.side_category .col-xs-6 {
		margin: 0 1%;
		width: 48%;
	}

	.side_category li a {
		padding: 0 5px;
	}

	.side_category li a i {
		display: inline-block;
		position: absolute;
		right: 0;
		padding: 5px 10px 0 0;
		color: #ccc;
	}
}

.post_hide {
	display: block;
}

@media screen and (max-width: 768px) {
	.post_hide {
		display: none;
	}
}

@media screen and (min-width: 961px) {
	.side_right_fixed {
		width: 100%;
		/*max-width: 230px;*/
	}
}

@media screen and (min-width: 1020px) {
	.side_right_fixed {
		width: 100%;
		/*max-width: 255px;*/
	}
}

@media screen and (max-width: 960px) {
	.side_right_fixed {
		width: 100%;
		/*max-width: 183px;*/
	}
}

@media screen and (max-width: 768px) {
	.side_list_contents_inner {
		padding: 3px 5px;
	}

	.side_list_contents {
		padding: 8px 0 4px;
	}

	.side_list_left {
		max-width: 26%;
		display: inline-block;
		position: relative;
		float: left;
		margin: 0 2% 0 0;
	}

	.side_list_left img {
		display: block;
		/*width: 115px;*/
		/*height: 83px;*/
		/* margin: 0 10px 0 0; */
	}

	.side_list_right {
		max-width: 63%;
		/*height: 83px;*/
		float: left;
		align-items: left;
		/*display: -webkit-flex;
        display: flex;*/
	}

	/*.side_list_title {
        line-height: 1.2;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }*/
	/*.side_list_link {
        margin: 14px 0 0;
        padding: 14px 0;
        border: none;
        background: #F3A8BB;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
    }*/

	.side_banner {
		display: none;
	}

	/*.contents_new {
        display: none;
    }*/
	.side_list_title {
		/* font-weight: bold; */
		font-size: 14px;
		line-height: 1.4;
		/*padding: 0 4px;*/
	}
}

/* /////////////////////////////////////////////////////////////////
05.スマホ用バナー
/////////////////////////////////////////////////////////////////*/

.middle_banner_top {
	display: block;
	width: 100%;
	margin: 0 auto 20px;
}

/*.middle_banner {
    display: block;
    margin: 30px auto 20px;
}*/
.banner_tiara {
	display: block;
	width: 300px;
	margin: 0px auto 30px;
}

@media screen and (max-width: 768px) {
	.middle_banner {
		display: block;
		margin: 0 10px 20px;
	}

	.middle_banner_left {
		/*float: left;
        width: 49%;
        max-width: 360px;*/
	}

	.middle_banner_right {
		float: right;
		width: 49%;
		max-width: 360px;
	}

	.middle_banner a {
		display: block;
		margin: 0 auto 10px;
	}

	.banner_tiara {
		display: block;
		width: 300px;
		margin: 10px auto 30px;
	}
}

@media screen and (max-width: 480px) {
	.middle_banner_left {
		float: none;
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}

	.middle_banner_right {
		float: none;
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}
}

.mobile_banner {
	display: none;
}

@media screen and (max-width: 768px) {
	.mobile_banner {
		display: block;
		width: 320px;
		margin: 20px auto 20px auto;
		text-align: center;
	}

	.mobile_banner a {
		display: block;
		text-align: center;
		background: #f1f1f1;
		width: 100%;
		max-width: 320px;
		margin: 0 auto 10px;
	}
}

@media screen and (max-width: 768px) {
	.sns_area {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.sns_area {
		display: flex;
	}

	.sns_image {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background-color: #fff;
	}

	.sns_area img {
		max-width: 25%;
		float: left;
		padding: 1px;
	}

	#line {
		width: 25%;
		float: right;
		padding: 1px;
	}

	.sns_button_top {
		background: #fff;
		padding: 20px 10px 5px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		text-align: center;
	}

	.sns_button_top_inner {
		width: 225px;
		margin: 0 auto;
	}

	.sns_button_bottom {
		background: #fff;
		padding: 5px 10px 28px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		text-align: center;
	}

	.sns_button_bottom_inner {}

	.sns_area_button {
		display: inline-block;
		margin: 2px;
		max-height: 20px;
	}

	.twitter_button {
		float: left;
	}

	.facebook_button {
		float: left;
	}

	.line_button {
		display: block;
	}
}

/* /////////////////////////////////////////////////////////////////
06.記事最下部バナー
/////////////////////////////////////////////////////////////////*/

.post_banner {
	display: block;
	margin: 0 auto 30px;
	padding: 20px 20px 0 0;
	max-width: 720px;
}

.post_banner_left {
	float: left;
	width: 49%;
	max-width: 360px;
}

.post_banner_right {
	float: right;
	width: 49%;
	max-width: 360px;
}

.post_banner a {
	display: block;
	margin: 0 auto 10px;
}

@media screen and (max-width: 960px) {
	.post_banner {
		display: block;
		margin: 0 auto 30px;
		padding: 20px 20px 0 0;
		max-width: 720px;
	}
}

@media screen and (max-width: 480px) {
	.post_banner {
		display: block;
		margin: 0 auto 30px;
		padding: 20px 0 0 0;
		max-width: 720px;
	}

	.post_banner_left {
		float: none;
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}

	.post_banner_right {
		float: none;
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}
}

/* /////////////////////////////////////////////////////////////////
07.記事下部アドセンス
/////////////////////////////////////////////////////////////////*/

.post_adsense {
	display: block;
	margin: 0 auto 40px;
	max-width: 620px;
}

.post_adsense_left {
	float: left;
	width: 49%;
	max-width: 300px;
}

.post_adsense_right {
	float: right;
	width: 49%;
	max-width: 300px;
}

.post_adsense a {
	display: block;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.post_adsense {
		padding: 0 10px;
	}
}

@media screen and (max-width: 480px) {
	.post_adsense_left {
		float: none;
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
		display: block;
		text-align: center;
	}

	.post_adsense_right {
		float: none;
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
}

/* /////////////////////////////////////////////////////////////////
08.記事イントロダクション
/////////////////////////////////////////////////////////////////*/

.post_head {
	margin: 0 auto 0px;
	/*border-bottom: 2px dotted #dedede;*/
	position: relative;
}

.post_eyecatch_image {
	width: 100%;
	margin: 10px 0;
	/*height: 120px;
    max-width: 120px;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-image: border-radius: 50%;
    -webkit-border-image: border-radius: 50%;
    margin: 0 auto;
    float: left;
    width: 22%;*/
}

.post_eyecatch_image img {
	/*position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
}

.post_introduction {
	margin: 0 0 0 3%;
	float: left;
	width: 80%;
}

/* /////////////////////////////////////////////////////////////////
08.記事、フッターSNSボタン
/////////////////////////////////////////////////////////////////*/

.post_sns {
	display: block;
	margin: 10px 0 10px;
	padding: 0 10px;
	text-align: center;
}

.post_sns div {
	display: inline-block;
	max-height: 20px;
}

.wp_social_bookmarking_light {
	border: 0 !important;
	padding: 20px 0 0px 0 !important;
	margin: 0 !important;
}

.wsbl_twitter {
	width: 80px !important;
}

@font-face {
	font-family: 'icomoon';
	src: url('../css/fonts/icomoon.eot?-qz7pb2');
	src: url('../css/fonts/icomoon.eot?#iefix-qz7pb2') format('embedded-opentype'), url('../css/fonts/icomoon.woff?-qz7pb2') format('woff'), url('../css/fonts/icomoon.ttf?-qz7pb2') format('truetype'), url('../css/fonts/icomoon.svg?-qz7pb2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-evernote:before {
	content: "\e004";
}

.icon-feedly:before {
	content: "\e007";
}

.icon-pocket:before {
	content: "\e008";
}

.icon-line:before {
	content: "\e009";
}

.icon-hatena:before {
	content: "\e00a";
}

.icon-feedly-square:before {
	content: "\e601";
}

.icon-googleplus:before {
	content: "\e608";
}

.icon-facebook:before {
	content: "\e60d";
}

.icon-instagram:before {
	content: "\e610";
}

.icon-twitter:before {
	content: "\e611";
}

.icon-feed:before {
	content: "\e614";
}

.icon-youtube:before {
	content: "\e617";
}

.icon-flickr2:before {
	content: "\e61e";
}

.icon-githubmark:before {
	content: "\e626";
}

.icon-github:before {
	content: "\e627";
}

.icon-wordpress:before {
	content: "\e629";
}

.icon-tumblr:before {
	content: "\e62d";
}

.icon-yahoo:before {
	content: "\e62f";
}

.icon-apple:before {
	content: "\e631";
}

.icon-android:before {
	content: "\e633";
}

.icon-windows:before {
	content: "\e634";
}

.icon-windows8:before {
	content: "\e635";
}

.icon-skype:before {
	content: "\e636";
}

.icon-delicious:before {
	content: "\e638";
}

.icon-pinterest:before {
	content: "\e63a";
}

.tweet a {
	background-color: #55acee;
}

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

.googleplus a {
	background-color: #dd4b39;
}

.hatena a {
	background-color: #3C7DD1;
}

.line a {
	background-color: #00c300;
}

.pocket a {
	background-color: #EE4056;
}

.rss a {
	background-color: #ff8c00;
}

.feedly a {
	background-color: #6cc655;
}

.sns_top_inner_text {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.sns_bottom_inner_text {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.sns_top_area {
	/*padding: 5px 0;*/
}

ul.sns_top {
	padding: 0;
	text-align: center;
	font-family: sans-serif;
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

ul.sns_top li {
	display: table-cell;
}

ul.sns_top li a {
	text-decoration: none;
	display: inline-block;
	width: 98%;
	vertical-align: middle;
	color: #fff;
	padding: 12px;
	border-radius: 4px;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
	transition: 0.3s;
}

ul.sns_top li a:hover {
	opacity: .75;
}

.sns_bottom_area {
	padding: 5px 0 20px;
}

ul.sns_bottom {
	padding: 0;
	text-align: center;
	font-family: sans-serif;
	display: block;
	table-layout: fixed;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

ul.sns_bottom li {
	display: block;
	width: 33.33%;
	float: left;
	padding: 0.2%;
}

ul.sns_bottom li a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	color: #fff;
	padding: 16px 12px;
	border-radius: 4px;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
	transition: 0.3s;
}

ul.sns_bottom li a:hover {
	opacity: .75;
}

.sns_footer {
	margin: 0 auto 10px;
}

ul.sns_footer {
	padding: 0;
	text-align: center;
	font-family: sans-serif;
	display: table;
	width: 100%;
	max-width: 360px;
	text-align: center;
	margin: 0 auto;
}

ul.sns_footer li {
	display: table-cell;
}

ul.sns_footer li a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	color: #fff;
	padding: 0;
	border-radius: 60px;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
	transition: 0.3s;
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
}

@media screen and (max-width: 1020px) {
	ul.sns_top {
		padding: 0;
		text-align: center;
		font-family: sans-serif;
		display: table;
		table-layout: fixed;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	ul.sns_top li a {
		text-decoration: none;
		display: inline-block;
		width: 98%;
		vertical-align: middle;
		color: #fff;
		padding: 12px 6px;
		border-radius: 4px;
		/*box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
		transition: 0.3s;
	}
}

@media screen and (max-width: 768px) {
	ul.sns_top {
		padding: 0 8px;
		text-align: center;
		font-family: sans-serif;
		display: table;
		table-layout: fixed;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	ul.sns_top li {
		display: table-cell;
	}

	ul.sns_top li a {
		text-decoration: none;
		display: inline-block;
		width: 98%;
		vertical-align: middle;
		color: #fff;
		padding: 12px 0;
		border-radius: 4px;
		/*box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
		transition: 0.3s;
		font-size: 76%;
	}

	ul.sns_bottom {
		padding: 0 8px;
		text-align: center;
		font-family: sans-serif;
		display: block;
		table-layout: fixed;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	ul.sns_bottom li {
		display: block;
		width: 50%;
		float: left;
	}

	ul.sns_bottom li a {
		text-decoration: none;
		display: inline-block;
		width: 99%;
		vertical-align: middle;
		color: #fff;
		padding: 16px 12px;
		border-radius: 4px;
		/*box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
		transition: 0.3s;
		margin: 2px 0;
	}
}

@media screen and (max-width: 480px) {
	ul.sns_top {
		padding: 0;
		text-align: center;
		font-family: sans-serif;
		display: block;
		table-layout: fixed;
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}

	ul.sns_top li {
		display: inline-block;
	}

	ul.sns_top li a {
		text-decoration: none;
		display: inline-block;
		width: 98%;
		vertical-align: bottom;
		color: #fff;
		padding: 0;
		border-radius: 60px;
		/*box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
		transition: 0.3s;
		width: 44px;
		height: 44px;
		line-height: 44px;
		font-size: 100%;
	}

	ul.sns_footer {
		padding: 0;
		text-align: center;
		font-family: sans-serif;
		display: table;
		width: 100%;
		max-width: 300px;
		text-align: center;
		margin: 0 auto;
	}

	ul.sns_footer li a {
		text-decoration: none;
		display: inline-block;
		width: 100%;
		vertical-align: middle;
		color: #fff;
		padding: 0;
		border-radius: 60px;
		/*box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
		transition: 0.3s;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.sns_top_inner_text {
		display: none;
	}
}

.line_inquiry {
	background: #fff4f6;
	padding: 30px;
	border-radius: 6px;
	border: 1px solid #f7e0e4;
}

.line_inquiry h2 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin: 20px auto 10px;
}

.line_inquiry p {
	font-size: 16px;
	line-height: 1.6;
	padding: 8px 0;
}

.line_inquiry p a {
	display: inline;
	text-decoration: underline;
	color: #E62786;
}

.line_inquiry p span {
	font-size: 13px;
}

.line_inquiry_left {}

.line_inquiry_right {
	margin: 20px auto;
	max-width: 500px;
}

.line_inquiry_image {
	display: inline-block;
	max-width: 240px;
	float: left;
}

.line_inquiry_qr {
	display: inline-block;
	max-width: 200px;
	margin: 5px 0 0 20px;
}

.line_inquiry_button {
	margin: 40px auto 30px;
}

.line_inquiry_button a {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	background: #00c300;
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 18px 0;
	border-radius: 4px;
}

@media screen and (max-width: 1020px) {
	.line_inquiry {
		background: #fff4f6;
		padding: 20px 30px;
		border-radius: 6px;
		border: 1px solid #f7e0e4;
	}

	.line_inquiry h2 {
		font-size: 22px;
		font-weight: bold;
		text-align: left;
		margin: 20px auto 10px;
	}
}

@media screen and (max-width: 768px) {
	.line_inquiry {
		background: #fff4f6;
		padding: 20px 30px;
		border-radius: 6px;
		border: 1px solid #f7e0e4;
		margin: 0 10px;
	}

	.line_inquiry h2 {
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		margin: 10px auto 10px;
	}

	.line_inquiry_image {
		display: inline-block;
		max-width: 220px;
		float: left;
	}

	.line_inquiry_qr {
		display: inline-block;
		max-width: 190px;
		margin: 0 0 0 20px;
		float: right;
	}

	.line_inquiry_button {
		margin: 20px auto 10px;
	}

	.line_inquiry_button a {
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		background: #00c300;
		color: #fff;
		font-size: 17px;
		text-align: center;
		padding: 18px 0;
		border-radius: 4px;
	}
}

@media screen and (max-width: 480px) {
	.line_inquiry {
		background: #fff4f6;
		padding: 20px 10px;
		border-radius: 6px;
		border: 1px solid #f7e0e4;
		margin: 0 10px;
	}

	.line_inquiry_image {
		display: block;
		max-width: 200px;
		float: none;
		margin: 0 auto;
	}

	.line_inquiry_qr {
		display: none;
	}
}

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

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

.title-fill {
	display: block;
	background-color: #4a4a4a;
	color: #fff;
	font-size: 14px;
	width: 100%;
	padding: 6px 15px;
	box-sizing: border-box;
}

.button-whole {
	float: left;
	width: 19%;
	margin: 0 0.5% 0 0.5%;
	box-sizing: border-box;
}

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

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

.post_title {
	font-size: 25px;
	line-height: 2.0;
	font-weight: bold;
	letter-spacing: 0.08em;
	margin: 5px 0;
	padding-right: 40px;
	padding-left: 40px;
	text-align: center;
	color: #7B7B7B;
}

.post_date {
	color: #999;
	font-size: 12px;
	letter-spacing: 0em;
}

/*.post_description {
    color: #999;
}*/
.post_none {
	padding: 10px 0 10px 5px;
}

/*.post_body .wp_social_bookmarking_light {
    border: 0 !important;
    padding: 10px 0 5px 0 !important;
    margin: 0 !important;
    text-align: center !important;
    display: block !important;
}
.post_body .wp_social_bookmarking_light div {
    float: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 30px !important;
    line-height: 9px !important;
    text-indent: 0 !important;
    display: inline-block !important;
}
.post_body .wp_social_bookmarking_light div.wsbl_twitter {
    width: 65px !important;
}
.post_body .wp_social_bookmarking_light_clear {
    clear: both !important;
    display: block;
}*/
@media screen and (max-width: 980px) {
	.post_introduction {
		margin: 0 0 0 3%;
		float: left;
		width: 75%;
	}
}

@media screen and (max-width: 768px) {
	#main_post_outer .container {
		padding-left: 0;
		padding-right: 0;
	}

	#main_post_outer .container .side_area {
		padding-left: 10px;
		padding-right: 10px;
	}

	#main_post_outer .container .post_banner {
		padding-left: 10px;
		padding-right: 10px;
	}

	#main_post_outer .container .post_list {
		padding-left: 10px;
		padding-right: 10px;
	}

	#main_post_outer .container .post_headline01 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.post_head {
		margin: 0 0 10px;
		padding: 0 10px;
		/*border-bottom: 2px dotted #dedede;*/
		position: relative;
	}

	.post_eyecatch_image {
		width: 100%;
		/*height: 200px;
        max-width: 100%;
        overflow: hidden;
        border-radius: 0%;
        -moz-border-image: border-radius: 0%;
        -webkit-border-image: border-radius: 0%;
        margin: 0 auto;
        float: none;*/
	}

	.post_eyecatch_image img {
		/*position: relative;
        top: 50%;
        left: 50%;
        width: 100%;
        height: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);*/
	}

	.post_title {
		font-size: 18px;
		line-height: 2;
		margin: 5px 0 10px;
		letter-spacing: 0.08em;
	}

	.post_introduction {
		margin: 0;
		float: none;
		width: 100%;
		padding: 0 10px;
	}

	.post_date {
		font-size: 11px;
		margin: 10px 0 0 0;
	}

	/*.post_description {
        font-size: 12px;
    }*/
	.post_sns {
		margin: 10px;
	}
}

@media screen and (max-width: 480px) {
	.side_area {
		margin: 0 0 20px;
		counter-reset: wpp-ranking;
	}
}

.post_bottom {
	margin: 20px 0 0 0;
}

/* /////////////////////////////////////////////////////////////////
09.記事の内容
/////////////////////////////////////////////////////////////////*/

.post_body {
	margin: 0 0 40px;
	max-width: 745px;
}

.headline_large_outer {
	width: 100%;
	margin: 20px 0 0;
}

.headline_large_outer span {
	display: block;
}

.headline_large {
	padding: 10px 0;
	margin: 20px 0 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.08em;
}

.headline_large_outer .headline_large {
	overflow: hidden;
	position: relative;
	padding-bottom: 1px;
	padding: 0 0 8px 0;
}

.headline_large_outer .headline_large:before {
	content: "";
	border-bottom: 1px solid #F3A8BB;
	bottom: 0;
	height: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.headline_large_outer .headline_large:after {
	border-bottom: 1px solid #f1f1f1;
	bottom: 0;
	content: "";
	position: absolute;
	width: 100%;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.post_body {
		margin: 0;
		padding: 0 10px;
	}

	.headline_large_outer {
		width: 100%;
		margin: 10px 0 0;
	}
}

.headline_large {
	padding: 10px 0;
	margin: 10px 0 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.08em;
}
}

@media screen and (max-width: 480px) {
	.headline_large {
		padding: 10px 0;
		margin: 10px 0 10px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.1;
		letter-spacing: 0em;
	}
}

/*-------------------投稿記事のスタイル指定ここから----------------------*/
.post_body p {
	line-height: 1.8em;
	letter-spacing: 0.08em;
	/*font-size: 15px;*/
	/*overflow: hidden;*/
	color: #4a4a4a;
}

.post_body p img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 20px auto;
}

.post_body p:nth-child(1) img {
	display: none;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 10px auto;
}

.post_body h1 {
	font-size: 22px;
	line-height: 1.4;
	font-weight: bold;
	margin: 10px 0;
	color: #f37183;
}

.post_body h2 {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0;
	margin: 2rem 0;
}

.post_body h2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background: -moz-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background: -webkit-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background-size: 5px 5px;
}

.post_body h2:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background: -moz-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background: -webkit-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background-size: 5px 5px;
}

/*.post_body h2 {
font-size: 18px;
font-weight: bold;
padding: 25px 0;
margin: 2rem 0;
background-size: 10.3px 5px;
background-image: url("https://static.re-re.jp/cosme/img/rococo_stripe_bg_2x.png");
background-position: left top;
background-repeat: repeat-x;
position: relative;
}
.post_body h2:before {
content: " ";
display: block;
width: 100%;
height: 5px;
background-size: 10.3px 5px;
background-image: url("https://static.re-re.jp/cosme/img/rococo_stripe_bg_2x.png");
background-position: left top;
background-repeat: repeat-x;
position: absolute;
bottom: 0;
left: 0;
}*/

.post_body h3 {
	font-size: 18px;
	font-weight: bold;
	padding: 15px 0;
	margin: 2rem 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

.post_body h4 {
	font-size: 18px;
	font-weight: bold;
	padding: 12px 0 12px 20px;
	margin: 2rem 0;
	background: linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background: -moz-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background: -webkit-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background-size: 5px 5px;
	background-repeat: repeat-y;
	background-position: left top;
}

.post_body hr {
	border-bottom: 2px solid rgb(241, 129, 194);
	width: 100%;
}

.post_body strong {
	/*font-size: 15px;*/
	/* color: #6CABAA;*/
	font-weight: bold;
}

.post_body em {
	font-style: italic;
}

.post_body a {
	/* display: inline-block;*/
	text-decoration: underline;
	margin: 0px 0;
}

.post_body a img {
	display: block;
	text-decoration: none;
}

.container_alt {
	background-image: url(../img/common/faq_background.png);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
}

.post_body_alt {
	margin: 20px;
}

.post_body_alt p {
	margin: 4px 0;
	line-height: 1.4;
	letter-spacing: 0.13em;
	font-size: 1.2em;
}

.post_body_alt p img {
	display: block;
	max-width: 100%;
	height: auto;
}

.post_body_alt h1 {
	font-size: 156%;
	color: #000000;
	margin: 0px -20px 0 0px;
	padding: 0 0px 6px 0px;
	border-bottom: 1px solid #000000;
}

.post_body_alt h2 {
	font-size: 1.2em;
	color: #fd61af;
	font-weight: 600;
	background-image: linear-gradient(to bottom, #ffc1e0, #fbdfed);
	margin-top: 0.5em;
	margin: 0 -2.5%;
	padding: 0.5em 2.5%;
}

.post_body_alt h3 {
	font-size: 1.2em;
	color: rgb(230, 52, 154);
	font-weight: 500;
	line-height: 1.4;
	padding: 0px 0px 5px 0;
	margin-top: 0.5em;
}

.post_body_alt hr {
	border-bottom: 2px solid;
	border-color: rgb(241, 129, 194);
	width: 100%;
}

.post_body_alt strong {
	font-size: 1.0em;
	color: rgb(84, 14, 54);
	font-weight: 600;
}

.post_body_alt em {
	padding: 0px;
	background-color: #fbffb8;
}

.article_banner {
	display: block;
	margin: 5px auto 30px;
}

@media screen and (max-width: 768px) {
	.post_body p {
		line-height: 1.6;
		letter-spacing: 0.08em;
		font-size: 15px !important;
		/*overflow: hidden;*/
		color: #4a4a4a;
	}

	.post_body h1 {
		font-size: 20px;
		line-height: 1.4;
		font-weight: bold;
		margin: 10px 0;
		color: #f37183;
	}

	.post_body h2 {
		position: relative;
		font-size: 18px;
		font-weight: bold;
		padding: 25px 0;
		margin: 2rem 0;
	}

	.post_body h2:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 4px;
		background: linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
		background: -moz-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
		background: -webkit-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
		background-size: 5px 5px;
	}

	.post_body h2:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 4px;
		background: linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
		background: -moz-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
		background: -webkit-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
		background-size: 5px 5px;
	}


	.post_body h3 {
		font-size: 16px;
		font-weight: bold;
		padding: 18px 0;
		margin: 2rem 0;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
	}

	.article_banner {
		display: block;
		margin: 5px 10px 30px;
	}
}

/*-------------------------新人キャバ嬢表情ソース---------------------------*/
.speakerleft-shinjin-smile {
	float: left;
	position: relative;
}

.speakerleft-shinjin-smile:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/shinjin_smile.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-shinjin-smile {
	float: right;
	position: relative;
}

.speakerright-shinjin-smile:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/shinjin_smile.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerleft-shinjin-shock {
	float: left;
	position: relative;
}

.speakerleft-shinjin-shock:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/shinjin_shock.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-shinjin-shock {
	float: right;
	position: relative;
}

.speakerright-shinjin-shock:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/shinjin_shock.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerleft-shinjin-oko {
	float: left;
	position: relative;
}

.speakerleft-shinjin-oko:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/shinjin_oko.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-shinjin-oko {
	float: right;
	position: relative;
}

.speakerright-shinjin-oko:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/shinjin_oko.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

/*-------------------------ボーイ表情ソース---------------------------*/
.speakerleft-boy-smile {
	float: left;
	position: relative;
}

.speakerleft-boy-smile:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/boy_smile.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-boy-smile {
	float: right;
	position: relative;
}

.speakerright-boy-smile:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/boy_smile.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerleft-boy-shock {
	float: left;
	position: relative;
}

.speakerleft-boy-shock:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/boy_shock.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-boy-shock {
	float: right;
	position: relative;
}

.speakerright-boy-shock:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/boy_shock.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerleft-boy-oko {
	float: left;
	position: relative;
}

.speakerleft-boy-oko:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/boy_oko.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-boy-oko {
	float: right;
	position: relative;
}

.speakerright-boy-oko:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/boy_oko.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

/*-------------------------ベテランキャバ嬢表情ソース---------------------------*/
.speakerleft-veteran-smile {
	float: left;
	position: relative;
}

.speakerleft-veteran-smile:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/veteran_smile.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-veteran-smile {
	float: right;
	position: relative;
}

.speakerright-veteran-smile:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/veteran_smile.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerleft-veteran-shock {
	float: left;
	position: relative;
}

.speakerleft-veteran-shock:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/veteran_shock.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-veteran-shock {
	float: right;
	position: relative;
}

.speakerright-veteran-shock:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/veteran_shock.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerleft-veteran-oko {
	float: left;
	position: relative;
}

.speakerleft-veteran-oko:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/veteran_oko.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-veteran-oko {
	float: right;
	position: relative;
}

.speakerright-veteran-oko:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/veteran_oko.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

/*-------------------------お客01(ダンディー)表情ソース---------------------------*/
.speakerleft-kyaku01-smile {
	float: left;
	position: relative;
}

.speakerleft-kyaku01-smile:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/kyaku01_smile.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-kyaku01-smile {
	float: right;
	position: relative;
}

.speakerright-kyaku01-smile:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/kyaku01_smile.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerleft-kyaku01-shock {
	float: left;
	position: relative;
}

.speakerleft-kyaku01-shock:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/kyaku01_shock.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-kyaku01-shock {
	float: right;
	position: relative;
}

.speakerright-kyaku01-shock:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/kyaku01_shock.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerleft-kyaku01-oko {
	float: left;
	position: relative;
}

.speakerleft-kyaku01-oko:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/kyaku01_oko.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-kyaku01-oko {
	float: right;
	position: relative;
}

.speakerright-kyaku01-oko:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/kyaku01_oko.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerleft-kyaku01-ero {
	float: left;
	position: relative;
}

.speakerleft-kyaku01-ero:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/kyaku01_ero.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

.speakerright-kyaku01-ero {
	float: right;
	position: relative;
}

.speakerright-kyaku01-ero:before {
	margin: 10px 0 0 0;
	content: " ";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/common/speaker/kyaku01_ero.png);
	background-size: contain;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #f5dadc;
}

/*-------------------------各キャラ表情ソースここまで---------------------------*/
.saybox {
	width: 100%;
	margin: 10px 0;
}

.sayleftbox {
	float: left;
	position: relative;
	background: #fdeff0;
	border: 1px solid #f5dadc;
	border-radius: 4px;
	/*left: 56px;*/
	padding: 14px;
	width: auto;
	max-width: 680px;
	margin: 10px 0 10px 10px;
}

.sayleftbox:before {
	border: 10px solid transparent;
	border-right-color: #fdeff0;
	border-left-width: 0;
	left: -9px;
	content: "";
	display: block;
	top: 11px;
	position: absolute;
	width: 0;
	z-index: 1;
}

.sayleftbox:after {
	border: 10px solid transparent;
	border-right-color: #f5dadc;
	border-left-width: 0;
	left: -10px;
	content: "";
	display: block;
	top: 11px;
	position: absolute;
	width: 0;
}

.sayrightbox {
	float: right;
	position: relative;
	background: #fdeff0;
	border: 1px solid #f5dadc;
	border-radius: 4px;
	/*left: 56px;*/
	padding: 14px;
	width: auto;
	max-width: 680px;
	margin: 10px 10px 10px 0;
}

.sayrightbox:before {
	border: 7px solid transparent;
	border-left-color: #fdeff0;
	border-right-width: 0;
	right: -6px;
	content: "";
	display: block;
	top: 11px;
	position: absolute;
	width: 0px;
	z-index: 1;
}

.sayrightbox:after {
	border: 7px solid transparent;
	border-left-color: #f5dadc;
	border-right-width: 0;
	right: -7px;
	content: "";
	display: block;
	top: 11px;
	position: absolute;
	width: 0;
}

@media screen and (max-width: 768px) {
	.sayleftbox {
		float: left;
		position: relative;
		background: #fdeff0;
		border: 1px solid #f5dadc;
		border-radius: 4px;
		/*left: 56px;*/
		padding: 14px;
		width: 80%;
		max-width: 680px;
		margin: 10px 0 10px 10px;
	}

	.sayrightbox {
		float: right;
		position: relative;
		background: #fdeff0;
		border: 1px solid #f5dadc;
		border-radius: 4px;
		/*left: 56px;*/
		padding: 14px;
		width: 80%;
		max-width: 680px;
		margin: 10px 10px 10px 0;
	}
}

.post_body ul {
	/*margin-left:30px;
	list-style: disc !important;*/


}

.post_body ol {
	margin-left: 30px;
	list-style: decimal !important;
}

.post_body li {
	/*font-size:15px;*/
	position: relative;
	line-height: 1.7;
	margin-bottom: 10px !important;
}

.post_body ul li:before {
	content: "・";
}

/*-------------------投稿記事のスタイル指定ここまで----------------------*/




.main_list_title,
h2 {
	font-size: 18px;
	font-weight: bold !important;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	color: #4a4a4a;
}

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

	.main_list_title,
	h2 {
		font-size: 15px;
		font-weight: bold !important;
		line-height: 1.4;
		-webkit-font-smoothing: antialiased;
		word-wrap: break-word;
		color: #4a4a4a;
	}

	.post_body li {
		font-size: 16px;
	}

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

	/* /////////////////////////////////////////////////////////////////
10.記事下部
/////////////////////////////////////////////////////////////////*/

	.post_ {
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
		padding: 30px 0 0;
		margin: 40px 0;
		background: #f9f9f9;
	}

	.post_sns_headline {
		text-align: center;
		font-size: 1.1em;
		font-weight: 600;
		color: #f857a7;
	}

	.post_sns_headline i {
		display: inline-block;
		padding: 0 4px;
	}

	.post_foot_sns {
		display: block;
		margin: 10px 0 10px;
		padding: 5px 0;
		text-align: center;
		background: #e0e0e0;
	}

	.post_foot_sns div {
		display: inline-block;
	}

	@media screen and (max-width: 768px) {
		.post_foot {
			margin: 40px 10px;
		}
	}

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

	.post_body a:link {
		/*color:#5e82ed;*/
		font-weight: bold;
		/*color:#5e82ed;*/
		text-decoration: underline;
	}



	/* /////////////////////////////////////////////////////////////////
11.メインビジュアルスライダー
/////////////////////////////////////////////////////////////////*/

	#mainvisual_slider {
		display: block;
	}

	#mainvisual_slider_sp {
		display: none;
	}

	@media screen and (max-width: 480px) {
		#mainvisual_slider {
			display: none;
		}

		#mainvisual_slider_sp {
			margin: 0 auto;
			position: relative;
			display: block;
		}

		.slide {
			display: block;
		}

		.slide_hide {
			display: none;
		}

		/* Slider */

		.slick-slider {
			position: relative;
			display: block;
			box-sizing: border-box;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			-webkit-touch-callout: none;
			-khtml-user-select: none;
			-ms-touch-action: pan-y;
			touch-action: pan-y;
			-webkit-tap-highlight-color: transparent;
		}

		.slick-list {
			position: relative;
			display: block;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}

		.slick-list:focus {
			outline: none;
		}

		.slick-list.dragging {
			cursor: pointer;
			cursor: hand;
		}

		.slick-slider .slick-track,
		.slick-slider .slick-list {
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			-o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}

		.slick-track {
			position: relative;
			top: 0;
			left: 0;
			display: block;
		}

		.slick-track:before,
		.slick-track:after {
			display: table;
			content: '';
		}

		.slick-track:after {
			clear: both;
		}

		.slick-loading .slick-track {
			visibility: hidden;
		}

		.slick-slide {
			display: none;
			float: left;
			height: 100%;
			min-height: 1px;
		}

		[dir='rtl'] .slick-slide {
			float: right;
		}

		.slick-slide img {
			display: block;
		}

		.slick-slide.slick-loading img {
			display: none;
		}

		.slick-slide.dragging img {
			pointer-events: none;
		}

		.slick-initialized .slick-slide {
			display: block;
		}

		.slick-loading .slick-slide {
			visibility: hidden;
		}

		.slick-vertical .slick-slide {
			display: block;
			height: auto;
			border: 1px solid transparent;
		}

		.slick-arrow.slick-hidden {
			display: none;
		}

		/* Slider */

		.slick-loading .slick-list {
			background: #fff url('./ajax-loader.gif') center center no-repeat;
		}

		/* Dots */

		/*    .slick-dotted.slick-slider {
}
.slick-dots {
 position: relative;
 display: block;
 padding: 0;
 margin: 5px 0 0 0;
 list-style: none;
 text-align: center;
}
 .slick-dots li {
 position: relative;
 display: inline-block;
 width: 10px;
 height: 10px;
 margin: 0 5px;
 padding: 0;
 border-radius: 50%;
 cursor: pointer;
}
 .slick-dots li button {
 font-size: 0;
 line-height: 0;
 display: block;
 width: 10px;
 height: 10px;
 padding: 5px;
 border-radius: 50%;
 cursor: pointer;
 color: transparent;
 border: 0;
 outline: none;
 background: transparent;
}
 .slick-dots li button:hover, .slick-dots li button:focus {
 outline: none;
}
 .slick-dots li button:hover:before, .slick-dots li button:focus:before {
 opacity: 1;
}
.slick-dots li button:before {
 position: absolute;
 top: 0;
 left: 0;
 width: 10px;
 height: 10px;
 background: #dedede;
 border-radius: 50%;
 content: '';
 text-align: center;
 color: black;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
 .slick-dots li.slick-active button:before {
 background: #F3A8BB;
}
 .slick-prev, .slick-next {
 width: 30px;
 transition: .6s;
 -webkit-transition: .6s;
}
 .slick-prev:hover, .slick-next:hover {
 opacity: .75;
}
 .slick-prev:before, .slick-next:before {
 content: "";
}
 button.slick-prev, button.slick-next {
 z-index: 100;
 width: 30px;
 height: 30px;
 background-size: contain;
}
 .slick-prev {
 left: -15px;
}
 .slick-next {
 right: -15px;
}
 .slick-arrow {
 z-index: 100;*/
	}
}
}

/* /////////////////////////////////////////////////////////////////
12.記事直下関連するまとめ
/////////////////////////////////////////////////////////////////*/

.post_list {
	margin: 10px 0 20px;
	display: flex;
	flex-wrap: wrap;
}

.post_list_contents {
	border-bottom: 1px dotted #dedede;
	padding: 12px 5px 12px;
	cursor: pointer;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
}

.post_list_contents:hover {
	opacity: .75;
}

.post_list_left {
	width: 36%;
	max-width: 360px;
	float: left;
	position: relative;
	margin: 0 2% 0 0;
}

.post_list_left .label_new {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	overflow: hidden;
	width: 150px;
	height: 150px;
}

.post_list_left .label_new .ribbon {
	font-size: 10px;
	font-weight: bold;
	line-height: 4.6;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 100%;
	height: 34px;
	display: block;
	background: #F3A8BB;
	position: absolute;
	left: 66px;
	top: -8px;
	letter-spacing: 0em;
}

.post_list_right {
	width: 62%;
	float: left;
	padding: 0;
}

.post_list_contents_inner {
	position: relative;
	height: 100%;
}

.post_list_right_inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.post_list_title {
	font-size: 18px;
	line-height: 1.3;
}

.post_list_text {
	color: #999;
	padding: 4px 0 0 0;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new_list_text {
	color: #999;
	padding: 4px 0 0 0;
	font-size: 12px;
}

.post_list_date {
	color: #999;
	font-size: 12px;
	padding: 2px 2px 0 0;
	letter-spacing: 0em;
}

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

	/*　トリミングする外側の枠　*/
	.post_list_trimming {
		overflow: hidden;
		width: 100%;
		/* トリミングしたい枠の幅 */
		height: 70px;
		/* トリミングしたい枠の高さ */
		position: relative;
	}

	/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
	.post_list_trimming img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 768px) {
	.main_contents {
		padding: 0 0 0 0;
	}

	.main_contents_title {
		float: none;
		width: 100%;
	}

	.main_contents_title_description {
		font-size: 11px;
		padding: 6px 0 0 0;
		float: none;
		width: 100%;
		text-align: left;
	}

	.post_list_contents {
		padding: 12px 0 12px;
	}

	.post_list_left {
		width: 100%;
		max-width: 360px;
		float: none;
		position: relative;
		margin: 0 0 0 0;
		padding: 0 1%;
	}

	.post_list_trimming {
		overflow: hidden;
		width: 100%;
		/* トリミングしたい枠の幅 */
		height: 140px;
		/* トリミングしたい枠の高さ */
		position: relative;
	}

	/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
	.post_list_trimming img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}

	.post_list_right {
		width: 100%;
		float: none;
		padding: 5px 0 0 0;
	}

	.post_list_right_inner {
		position: relative;
		top: 0;
		transform: translateY(0);
	}
}

@media screen and (max-width: 480px) {
	.main_contents {
		padding: 10px 10px 0 10px;
		/*overflow-x: hidden;*/
		min-width: 336;
	}

	.main_contents_title_description {
		display: none;
	}

	.post_list_trimming {
		overflow: hidden;
		width: 100%;
		/* トリミングしたい枠の幅 */
		height: 100px;
		/* トリミングしたい枠の高さ */
		position: relative;
	}

	/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
	.post_list_trimming img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}

	.post_list_title {
		/*font-size: 15px;*/
		line-height: 1.2;
	}

	.post_list_text {
		display: none;
	}

	.new_list_text {
		display: none;
	}

	.post_list_date {
		font-size: 11px;
	}
}

/* /////////////////////////////////////////////////////////////////
13.ページネーション
/////////////////////////////////////////////////////////////////*/

.pagination {
	list-style-type: none;
	padding-left: 0;
	margin: 20px auto;
	text-align: center;
}

.pagination ul {
	list-style: none;
	padding: 0;
	margin: 0 auto 40px;
	text-align: center;
}

.pagination li {
	counter-increment: pagination;
	list-style: none;
	display: inline-block;
	padding: 0px;
}

.pagination,
.pagination li a {}

.pagination a {
	border: solid 1px #dedede;
	color: #7d7d7d;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	padding: 0.6rem 0.9rem;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
}

.pagination li:not([class*="current"]) a:hover {
	background-color: #F3A8BB;
	border: 1px solid #F3A8BB;
	color: #fff;
}

.pagination li:first-of-type a {
	border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
	/* screen readers only */

	position: absolute;
	top: -9999px;
	left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
	display: inline-block;
	font-family: Fontawesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

.pagination li.first a::before {
	content: "\f100";
}

.pagination li.last a::after {
	content: "\f101";
}

.pagination li.previous a::before {
	content: "\f104";
}

.pagination li.next a::after {
	content: "\f105";
}

.pagination li.current a {
	background-color: #F3A8BB;
	cursor: default;
	pointer-events: none;
	border: 1px solid #F3A8BB;
	color: #fff;
}

.pagination>li:first-child>a {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination>li:last-child>a {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

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

	.pagination li.first,
	.pagination li.last {
		/* screen readers only */

		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.pagination li.previous a {
		border-left-width: 1px;
	}
}

@media only screen and (max-width: 500px) {
	.pagination li {
		/* screen readers only */

		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.pagination li.current,
	.pagination li.first,
	.pagination li.last,
	.pagination li.previous,
	.pagination li.next {
		position: initial;
		top: initial;
		left: initial;
	}

	.pagination li.previous a {
		border-left-width: 0;
	}
}

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

	.pagination li.first,
	.pagination li.last {
		/* screen readers only */

		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.pagination li.previous a {
		border-left-width: 1px;
	}
}

@media only screen and (max-width: 240px) {
	/* For watches? */

	.pagination li {
		width: 50%;
	}

	.pagination li.current {
		order: 2;
		width: 100%;
		border-left-width: 1px;
	}
}

.wp-pagenavi {
	clear: both;
	list-style-type: none;
	padding-left: 0;
	margin: 20px auto;
	text-align: center;
}

.wp-pagenavi a {
	border: solid 1px #dedede !important;
	color: #7d7d7d !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	display: inline-block !important;
	text-align: center !important;
	padding: 0.6rem 0.9rem !important;
	transition: all .2s !important;
	-webkit-transition: all .2s !important;
	-moz-transition: all .2s !important;
	-o-transition: all .2s !important;
	-ms-transition: all .2s !important;
	display: inline-block !important;
}

.wp-pagenavi span {
	border: solid 1px #dedede !important;
	color: #7d7d7d !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	display: inline-block !important;
	text-align: center !important;
	padding: 0.6rem 0.9rem !important;
	transition: all .2s !important;
	-webkit-transition: all .2s !important;
	-moz-transition: all .2s !important;
	-o-transition: all .2s !important;
	-ms-transition: all .2s !important;
	display: inline-block !important;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	background-color: #F3A8BB !important;
	border: 1px solid #F3A8BB !important;
	color: #fff !important;
}

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

/* /////////////////////////////////////////////////////////////////
14.ランキング一覧
/////////////////////////////////////////////////////////////////*/

.ranking_area {
	margin: 0 0 20px;
	counter-reset: wpp-ranking;
}

.ranking_list {}

.ranking_list_contents {
	border-bottom: 1px dotted #dedede;
	padding: 10px 5px 5px;
	cursor: pointer;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
}

.ranking_list_contents:hover {
	opacity: .75;
}

.ranking_list_left {
	width: 20%;
	max-width: 108px;
	display: inline-block;
	position: relative;
}

.ranking_list_left img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 108px;
	margin: 0 10px 0 0;
}

.ranking_label {
	position: absolute;
	top: -6px;
	left: -6px;
	background: #F3A8BB;
	display: block;
	color: #fff;
	z-index: 10;
	font-weight: bold;
	padding: 2px 6px;
	border: 1px solid #fff;
}

/* 一覧の表示スタイル */

.wpp-list li {
	position: relative;
}

/* 順位ラベルを表示 */

.wpp-list li:before {
	content: counter(wpp-ranking, decimal);
	counter-increment: wpp-ranking;
	background: #f89398;
	display: block;
	color: #fff;
	z-index: 10;
	font-weight: normal;
	font-size: 10px;
	/*padding: 2px 6px;*/
	border: 1px solid #ffffff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/*border-radius: 60px;*/
	width: 22px;
	line-height: 20px;
	height: 22px;
	text-align: center;
}

.ranking_list_right {
	max-width: 78%;
	display: inline-block;
	vertical-align: top;
}

.ranking_list_title {
	font-size: 18px;
	line-height: 1.3;
}

.ranking_list_link {
	display: block;
	margin: 10px 0 0;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #dedede;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
}

.ranking_list_link:hover {
	background: #F3A8BB;
	color: #fff;
	border: 1px solid #F3A8BB;
}

.ranking_list_link i {
	display: inline-block;
	padding: 0 4px 0 0;
}

.popular_list {
	margin: 10px 0 20px 0;
}

.popular_list li:before {
	counter-increment: popular_list;
	content: counters(popular_list, ".") " ";
	background: #6CABAA;
	display: block;
	color: #fff;
	z-index: 10;
	font-weight: normal;
	font-size: 12px;
	/*padding: 2px 6px;*/
	border: 1px solid #ffffff;
	position: absolute;
	left: 0;
	top: 7px;
	z-index: 1;
	/*border-radius: 60px;*/
	width: 28px;
	line-height: 26px;
	height: 28px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.ranking_list_contents {
		padding: 10px 0 5px;
	}

	.ranking_list_left {
		width: 26%;
		max-width: 188px;
		display: inline-block;
		position: relative;
	}

	.ranking_list_left img {
		display: block;
		max-width: 188px;
		margin: 0 10px 0 0;
	}

	.ranking_list_right {
		max-width: 70%;
		display: inline-block;
		vertical-align: top;
	}

	.ranking_list_link {
		margin: 14px 0 0;
		padding: 14px 0;
		border: none;
		background: #F3A8BB;
		color: #fff;
		font-weight: bold;
		/* font-size: 15px;*/
	}

	.ranking_list_link:hover {
		border: none;
	}

	.popular_list li:before {
		counter-increment: popular_list;
		content: counters(popular_list, ".") " ";
		background: #6CABAA;
		display: block;
		color: #fff;
		z-index: 10;
		font-weight: normal;
		font-size: 10px;
		/*padding: 2px 6px;*/
		border: 1px solid #ffffff;
		position: absolute;
		left: 0;
		top: 7px;
		z-index: 1;
		/*border-radius: 60px;*/
		width: 22px;
		line-height: 20px;
		height: 22px;
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.ranking_list_title {
		/* font-size: 15px;*/
		line-height: 1.2;
	}
}

/* /////////////////////////////////////////////////////////////////
15.キーワード一覧
/////////////////////////////////////////////////////////////////*/

.keyword_list {
	margin: 10px 0 0;
}

.keyword_list li {
	overflow: hidden;
	width: 16.6666666%;
	display: inline-block;
}

.keyword_list a {
	display: block;
	padding: 2px 0;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.keyword_list a:before {
	font-family: "FontAwesome";
	content: "\f02b";
	padding: 0 4px 0 0;
	color: #F3A8BB;
}

@media screen and (max-width: 768px) {
	.keyword_list li {
		overflow: hidden;
		width: 25%;
		display: inline-block;
	}

	.keyword_list a {
		display: block;
		padding: 4px 0;
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media screen and (max-width: 480px) {
	.keyword_list li {
		overflow: hidden;
		width: 50%;
		display: inline-block;
	}

	.keyword_list a {
		display: block;
		padding: 6px 0;
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* /////////////////////////////////////////////////////////////////
16.フッター問い合わせ
/////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////
17.お仕事紹介
/////////////////////////////////////////////////////////////////*/
.oshigoto-article {
	position: relative;
	display: block;
	background: #fffff5;
	border: 1px solid #e4b1cb;
	border-radius: 6px;
	min-height: 138px;
	margin: 10px 0 10px 0;
	padding: 10px;
	clear: left;
}

.oshigoto-article img {
	border: 1px solid #ffa0d2;
	border-radius: 8px;
	width: 120px;
	height: 113px;
}

.oshigoto-item-text {
	width: 100%;
}

.oshigoto-item-text h3 {
	font-size: 1.2em;
	color: rgb(230, 52, 154);
	font-weight: 500;
	line-height: 1.4;
	padding: 0px 0px 5px 0;
}

#oshigoto-item-image {
	float: right;
	position: relative;
	width: 120px;
	height: 113px;
	border-radius: 5px;
	border: 1px solid #ffabd5;
}

/* /////////////////////////////////////////////////////////////////
18.トップページカテゴリーバナー
/////////////////////////////////////////////////////////////////*/
.category_banner_outer {
	margin: 0 auto 0.5%;
}

.category_banner_outer_bottom {
	margin: 0 auto 20px;
}

.post_category_banner {
	margin: 20px 0 0;
	padding: 0 20px 0 0;
}

.category_banner_outer a {
	display: block;
}

.category_banner_outer .col-xs-6:nth-child(odd) a {
	margin: 1% 1% 1% 0;
	width: 99%;
}

.category_banner_outer .col-xs-6:nth-child(even) a {
	margin: 1% 0 1% 1%;
	width: 99%;
}

.category_banner_outer a img {
	width: 100%;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.category_banner_beginner {
	width: 100%;
}

.category_banner_love {
	width: 100%;
}

.category_banner_sales {
	width: 100%;
}

.category_banner_service {
	width: 100%;
}

.category_banner_information {
	width: 100%;
}

.category_banner_outer h2.category_banner_link {
	font-weight: normal;
	font-size: 1.6rem;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: -0.04em;
	text-align: center;
	line-height: 1.3;
	position: absolute;
	top: 50%;
	left: 8%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-shadow: 0 0 5px #fff;
	z-index: 2;
	white-space: nowrap;
}

.category_banner_outer h2.category_banner_link span {
	font-weight: bold;
	font-size: 2.4rem;
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0em;
	display: inline-block;
	padding: 0 0 0 2px;
}

.category_banner_outer .category_banner_information h2.category_banner_link {
	font-weight: normal;
	font-size: 2rem;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: -0.04em;
	text-align: center;
	line-height: 1.3;
	position: absolute;
	top: 50%;
	left: 12%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-shadow: 0 0 5px #fff;
	z-index: 2;
	white-space: nowrap;
}

/*.category_beginner_color{
    font-weight: bold;
    font-size: 32px;
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    letter-spacing: 0em;
    display: inline-block;
    color: #8dd404;
}
.category_love_color{
    font-weight: bold;
    font-size: 32px;
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    letter-spacing: 0em;
    display: inline-block;
    color: #f97fc7;
}
.category_sales_color{
    font-weight: bold;
    font-size: 32px;
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    letter-spacing: 0em;
    display: inline-block;
    color: #d273f9;
}
.category_service_color{
    font-weight: bold;
    font-size: 32px;
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    letter-spacing: 0em;
    display: inline-block;
    color: #3abcff;
}
.category_information_color{
    font-weight: bold;
    font-size: 32px;
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    letter-spacing: 0em;
    display: inline-block;
    color: #f8b709;
}*/

@media screen and (max-width: 1040px) {
	.category_banner_outer h2.category_banner_link {
		font-weight: normal;
		font-size: 1.4rem;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.04em;
		text-align: center;
		line-height: 1.3;
		position: absolute;
		top: 50%;
		left: 6%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow: 0 0 5px #fff;
		white-space: nowrap;
	}

	.category_banner_outer h2.category_banner_link span {
		font-weight: bold;
		font-size: 2rem;
		font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0em;
		display: inline-block;
		padding: 0 0 0 2px;
	}
}

@media screen and (max-width: 768px) {
	.post_category_banner {
		margin: 0px 0 0;
		padding: 0;
	}

	.category_banner_outer h2.category_banner_link {
		font-weight: normal;
		font-size: 3.5vw;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.04em;
		text-align: center;
		line-height: 1.3;
		position: absolute;
		top: 50%;
		left: 6%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow: 0 0 5px #fff;
		white-space: nowrap;
	}

	.category_banner_outer h2.category_banner_link span {
		font-weight: bold;
		font-size: 4.6vw;
		font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0em;
		display: inline-block;
		padding: 0 0 0 2px;
	}
}

@media screen and (max-width: 480px) {
	.category_banner_outer h2.category_banner_link {
		font-weight: normal;
		font-size: 3.4vw;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.06em;
		text-align: center;
		line-height: 1.3;
		position: absolute;
		top: 50%;
		left: 6%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow: 0 0 5px #fff;
		white-space: nowrap;
	}

	.category_banner_outer h2.category_banner_link span {
		font-weight: bold;
		font-size: 4.8vw;
		font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: -0.04em;
		display: inline-block;
		padding: 0 0 0 2px;
	}

	.category_banner_outer a.category_banner_information h2.category_banner_link {
		font-weight: normal;
		font-size: 3.4vw;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.06em;
		text-align: center;
		line-height: 1.3;
		position: absolute;
		top: 50%;
		left: 10%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow: 0 0 5px #fff;
		white-space: nowrap;
	}
}

/* /////////////////////////////////////////////////////////////////
19.記事まとめカテゴリー一覧ページ
/////////////////////////////////////////////////////////////////*/
.category_post_list {
	margin: 0 0 40px;
	padding: 0;
}

.category_eyecatch_image {
	width: 100%;
	margin: 10px 0;
	position: relative;
}

.category_eyecatch_image img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
}

.category_eyecatch_image h1 br {
	display: none;
}

.category_eyecatch_image h1 {
	font-weight: normal;
	font-size: 2.8rem;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: -0.04em;
	text-align: center;
	line-height: 1.2;
	position: absolute;
	top: 50%;
	left: 6%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-shadow: 0 0 5px #fff;
	z-index: 2;
	white-space: nowrap;
}

.category_eyecatch_image h1 span {
	font-weight: bold;
	font-size: 4rem;
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0em;
	display: inline-block;
	padding: 0 0 0 2px;
}

.category_eyecatch_image h1 span.category_information_color {
	font-weight: bold;
	font-size: 3.6rem;
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0em;
	display: inline-block;
	color: #f8b709;
}

.category_eyecatch_image h1.category_information_title br {
	display: block;
}

@media screen and (max-width: 1040px) {
	.category_eyecatch_image h1 {
		font-weight: normal;
		font-size: 2rem;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.04em;
		text-align: center;
		line-height: 1.2;
		position: absolute;
		top: 50%;
		left: 6%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow: 0 0 5px #fff;
		z-index: 2;
		white-space: nowrap;
	}

	.category_eyecatch_image h1 span {
		font-weight: bold;
		font-size: 3.2rem;
		font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0em;
		display: inline-block;
		padding: 0 0 0 2px;
	}

	.category_eyecatch_image h1 span.category_information_color {
		font-weight: bold;
		font-size: 3rem;
		font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: -0.1em;
		display: inline-block;
		padding: 0 0 0 2px;
	}
}

@media screen and (max-width: 768px) {
	.category_eyecatch_image h1 {
		font-weight: normal;
		font-size: 4.8vw;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.04em;
		text-align: center;
		line-height: 1.2;
		position: absolute;
		top: 50%;
		left: 6vw;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow: 0 0 5px #fff;
		z-index: 2;
		white-space: nowrap;
	}

	.category_eyecatch_image h1 span {
		font-weight: bold;
		font-size: 6vw;
		font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0em;
		display: inline-block;
		padding: 0 0 0 2px;
	}

	.category_eyecatch_image h1.category_information_title {
		font-weight: normal;
		font-size: 4.8vw;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.04em;
		text-align: center;
		line-height: 1.2;
		position: absolute;
		top: 50%;
		left: 12vw;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow: 0 0 5px #fff;
		z-index: 2;
		white-space: nowrap;
	}

	.category_eyecatch_image h1 span.category_information_color {
		font-weight: bold;
		font-size: 5vw;
		font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: -0.1em;
		display: inline-block;
		padding: 0 0 0 2px;
	}
}

@media screen and (max-width: 480px) {
	.category_eyecatch_image h1 br {
		display: block;
	}

	.category_eyecatch_image h1 {
		font-weight: normal;
		font-size: 6vw;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.04em;
		text-align: center;
		line-height: 1.2;
		position: absolute;
		top: 50%;
		left: 9vw;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow: 0 0 5px #fff;
		z-index: 2;
		white-space: nowrap;
	}

	.category_eyecatch_image h1 span {
		font-weight: bold;
		font-size: 7.8vw;
		font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0em;
		display: inline-block;
		padding: 0 0 0 2px;
	}

	.category_eyecatch_image h1.category_information_title {
		font-weight: normal;
		font-size: 5.4vw;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.06em;
		text-align: center;
		line-height: 1.2;
		position: absolute;
		top: 50%;
		left: 5vw;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow: 0 0 5px #fff;
		z-index: 2;
		white-space: nowrap;
	}

	.category_eyecatch_image h1 span.category_information_color {
		font-weight: bold;
		font-size: 7.8vw;
		font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: -0.1em;
		display: inline-block;
		padding: 0 0 0 2px;
	}
}

.category_post_list_line {
	margin: 0 0 30px 0;
}

/* /////////////////////////////////////////////////////////////////
20.トップページ不安・相談
/////////////////////////////////////////////////////////////////*/
.consultation_outer {}

.consultation_inner {}

.consultation_inner img {
	display: block;
}

.consultation_top {
	margin: 50px auto 0;
	position: relative;
}

.consultation_image_outer {
	padding: 0 0 20px 0;
}

.consultation_image_outer br {
	display: none;
}

.consultation_image01 {
	display: inline-block;
	transform: rotate(4deg);
}

.consultation_image01 img {
	display: inline-block;
	max-width: 120px;
	padding: 0;
}

.consultation_image02 {
	display: inline-block;
	transform: rotate(0deg);
}

.consultation_image02 img {
	display: inline-block;
	max-width: 100px;
	padding: 0;
}

.consultation_image03 {
	display: inline-block;
	transform: rotate(-4deg);
}

.consultation_image03 img {
	display: inline-block;
	max-width: 110px;
	padding: 0;
}

.consultation_image04 {
	display: inline-block;
	transform: rotate(10deg);
}

.consultation_image04 img {
	display: inline-block;
	max-width: 100px;
	padding: 0;
}

.consultation_image05 {
	display: inline-block;
	transform: rotate(-20deg);
}

.consultation_image05 img {
	display: inline-block;
	max-width: 115px;
	padding: 0;
}

.consultation_title_outer {
	text-align: center;
	padding: 10px 0 50px;
}

.consultation_title01 {
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	text-align: center;
	background: #d57feb;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	top: -10px;
	right: -30px;
	z-index: 2;
}

.consultation_title01:before {
	content: '';
	width: 0px;
	height: 0px;
	border-width: 20px 0px 20px 10px;
	border-color: transparent transparent transparent #edf9ff;
	border-style: solid;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.consultation_title01:after {
	content: '';
	width: 0px;
	height: 0px;
	border-width: 20px 10px 20px 0px;
	border-color: transparent #edf9ff transparent transparent;
	border-style: solid;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.consultation_title01 h2 {
	color: #fff;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
	font-weight: 100;
	box-sizing: border-box;
	font-weight: bold;
}

.consultation_title02 {
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	text-align: center;
	background: #ffcf0f;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	top: 30px;
	left: -40px;
	z-index: 3;
}

.consultation_title02:before {
	content: '';
	width: 0px;
	height: 0px;
	border-width: 20px 0px 20px 10px;
	border-color: transparent transparent transparent #edf9ff;
	border-style: solid;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.consultation_title02:after {
	content: '';
	width: 0px;
	height: 0px;
	border-width: 20px 10px 20px 0px;
	border-color: transparent #edf9ff transparent transparent;
	border-style: solid;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.consultation_title02 h2 {
	color: #fff;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
	font-weight: 100;
	box-sizing: border-box;
	font-weight: bold;
}

.consultation_top ul {
	text-align: center;
	position: relative;
	background: #edf9ff;
	padding: 20px 10px 20px;
	border-radius: 20px;
}

.consultation_top ul:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
	border: 50px solid transparent;
	border-top: 30px solid #edf9ff;
	margin: 0 0 0 -50px;
}

.consultation_top ul li {
	font-weight: bold;
	font-size: 20px;
	padding: 4px 0;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.consultation_top ul li span {
	color: #ea6a70;
	font-size: 26px;
	border-bottom: 1px dashed #ea6a70;
	display: inline-block;
}

.consultation_bottom {
	position: relative;
}

.consultation_image08 {
	width: 180px;
}

.swiper-container {
	width: 100%;
	overflow: hidden;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100% !important;
	/* ここには !important を付けず様子を見る */
	box-sizing: border-box;
	text-align: center;
}

.consultation_image08_01 {
	width: 180px;
}

.consultation_text {
	font-weight: bold;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 4px 0;
	color: #ea6a70;
	position: absolute;
	top: 60px;
	left: 270px;
}

.consultation_balloon01 {
	position: relative;
	display: inline-block;
	padding: 14px 30px;
	width: auto;
	color: #fff;
	text-align: center;
	background: #f89398;
	border-radius: 50px;
	text-shadow: 0 0 1px rgba(0, 0, 0, .2);
	font-size: 18px;
}

.consultation_balloon01:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 20px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #f89398;
	border-radius: 30px 0 30px 0;
	z-index: -1;
}

.consultation_balloon01:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 10px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 30px 0 30px 0;
	z-index: -1;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.consultation_balloon02 {
	position: relative;
	display: inline-block;
	padding: 14px 30px;
	width: auto;
	color: #fff;
	text-align: center;
	background: #f89398;
	border-radius: 50px;
	top: 20px;
	right: 50px;
	text-shadow: 0 0 1px rgba(0, 0, 0, .2);
	font-size: 26px;
}

.consultation_balloon02:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 20px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #f89398;
	border-radius: 30px 0 30px 0;
	z-index: -1;
}

.consultation_balloon02:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 10px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 30px 0 30px 0;
	z-index: -1;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.consultation_balloon02 br {
	display: none;
}

.company_point_outer {
	margin: 0 0 20px 0;
	background: url(../img/common/company_point_background.jpg) repeat;
	border: 1px solid #f3eec0;
	border-radius: 4px;
	padding: 30px;
}

.company_point_inner {
	text-align: center;
}

.company_point_title {
	font-weight: bold;
	padding: 8px;
	color: #4a4a4a;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0em;
	position: relative;
	display: inline-block;
	position: relative;
	border-top: 1px solid #ea6a70;
	border-bottom: 1px solid #ea6a70;
}

.company_point_title span {
	display: inline-block;
	font-size: 26px;
	color: #e62786;
}

.company_point_title img {
	display: inline-block;
	max-width: 34px;
	margin: -10px 3px 0 0;
}

/*.company_point_title i{
    display: inline-block;
    padding: 0 3px;
    margin: 0 -10px 0 0;
    color: #ffca2c;
}
.company_point_title_heart01{
    display: inline-block;
    position: relative;
    font-size: 90%;
    top: 2px;
    left: 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    transform:rotate(-14deg);
}
.company_point_title_heart02{
    display: inline-block;
    position: relative;
    font-size:70%;
    top: -2px;
    left:-26px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    transform:rotate(-20deg);
}*/
/*.company_point_title span{
    font-size: 16px;
    color: #4a4a4a;
}*/

.company_point_list {
	margin: 30px 0 0 0;
}

.company_point_list li {
	position: relative;
	padding-left: 40px;
	display: block;
	margin: 10px 0;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	border-radius: 4px;
	color: #4a4a4a;
	padding: 12px 10px 12px 54px;
	border: 1px solid #f7c5c7;
	background-color: #fff;
	/*background-image: -webkit-linear-gradient(top, #fef8fb, #f9ebf2);
background-image: linear-gradient(to bottom, #fef8fb, #f9ebf2);
*/
	text-shadow: 0 0 1px rgba(255, 255, 255, 1);
	/*box-shadow: 0 0 3px rgba(0,0,0, .1);*/
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.company_point_list li:before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f00c";
	background: #f7c5c7;
	/*background-image: -webkit-linear-gradient(top, #e62786, #f6449d);
background-image: linear-gradient(to bottom, #e62786, #f6449d);
*/
	color: white;
	font-weight: normal;
	/*font-size: 15px;*/
	border-radius: 50%;
	left: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	top: 50%;
	z-index: 2;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.company_point_list li:after {
	content: '';
	display: block;
	position: absolute;
	left: 34px;
	height: 0;
	width: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 12px solid #f7c5c7;
	top: 50%;
	z-index: 1;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.company_point_list li span {
	color: #ea6a70;
	font-weight: bold;
	font-size: 20px;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 0em;
}

@media screen and (max-width: 1040px) {
	.consultation_top {
		margin: 20px auto 0;
		position: relative;
	}

	.consultation_image01 {
		display: inline-block;
		transform: rotate(4deg);
	}

	.consultation_image01 img {
		display: inline-block;
		max-width: 100px;
		padding: 0;
	}

	.consultation_image02 {
		display: inline-block;
		transform: rotate(0deg);
	}

	.consultation_image02 img {
		display: inline-block;
		max-width: 80px;
		padding: 0;
	}

	.consultation_image03 {
		display: inline-block;
		transform: rotate(-4deg);
	}

	.consultation_image03 img {
		display: inline-block;
		max-width: 90px;
		padding: 0;
	}

	.consultation_image04 {
		display: inline-block;
		transform: rotate(10deg);
	}

	.consultation_image04 img {
		display: inline-block;
		max-width: 80px;
		padding: 0;
	}

	.consultation_image05 {
		display: inline-block;
		transform: rotate(-20deg);
	}

	.consultation_image05 img {
		display: inline-block;
		max-width: 95px;
		padding: 0;
	}

	.consultation_top ul li {
		font-weight: bold;
		font-size: 18px;
		padding: 4px 0;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}

	.consultation_top ul li span {
		color: #ea6a70;
		font-size: 24px;
		border-bottom: 1px dashed #ea6a70;
		display: inline-block;
	}

	.consultation_bottom {
		position: relative;
	}

	.consultation_image08 {
		width: 140px;
	}

	.consultation_image08_01 {
		width: 140px;
	}

	.consultation_text {
		font-weight: bold;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		padding: 4px 0;
		color: #ea6a70;
		position: absolute;
		top: 14%;
		left: 46%;
	}

	.consultation_balloon01 {
		position: relative;
		display: inline-block;
		padding: 10px 20px;
		width: auto;
		color: #fff;
		text-align: center;
		background: #f89398;
		border-radius: 50px;
		right: 20px;
		text-shadow: 0 0 1px rgba(0, 0, 0, .2);
		/* font-size: 15px;*/
	}

	.consultation_balloon01:before {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 20px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #f89398;
		border-radius: 30px 0 30px 0;
		z-index: -1;
	}

	.consultation_balloon01:after {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 10px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #FFF;
		border-radius: 30px 0 30px 0;
		z-index: -1;
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}

	.consultation_balloon02 {
		position: relative;
		display: block;
		padding: 10px 20px;
		width: auto;
		color: #fff;
		text-align: center;
		background: #f89398;
		border-radius: 50px;
		top: 20px;
		right: 50px;
		text-shadow: 0 0 1px rgba(0, 0, 0, .2);
		font-size: 22px;
	}

	.consultation_balloon02:before {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 20px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #f89398;
		border-radius: 30px 0 30px 0;
		z-index: -1;
	}

	.consultation_balloon02:after {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 10px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #FFF;
		border-radius: 30px 0 30px 0;
		z-index: -1;
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}

	.consultation_balloon02 br {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.consultation_title_outer {
		text-align: center;
		padding: 10px 0 40px;
	}

	.consultation_title01 {
		width: auto;
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		text-align: center;
		background: #d57feb;
		box-sizing: border-box;
		position: relative;
		display: inline-block;
		transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
		top: -10px;
		left: 10%;
		z-index: 2;
	}

	.consultation_title01:before {
		content: '';
		width: 0px;
		height: 0px;
		border-width: 20px 0px 20px 10px;
		border-color: transparent transparent transparent #edf9ff;
		border-style: solid;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.consultation_title01:after {
		content: '';
		width: 0px;
		height: 0px;
		border-width: 20px 10px 20px 0px;
		border-color: transparent #edf9ff transparent transparent;
		border-style: solid;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}

	.consultation_title01 h2 {
		color: #fff;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		margin: 0;
		padding: 0 10px;
		font-weight: 100;
		box-sizing: border-box;
		font-weight: bold;
	}

	.consultation_title02 {
		width: auto;
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		text-align: center;
		background: #ffcf0f;
		box-sizing: border-box;
		position: relative;
		display: inline-block;
		transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		top: 28px;
		right: 20%;
		z-index: 3;
	}

	.consultation_title02:before {
		content: '';
		width: 0px;
		height: 0px;
		border-width: 20px 0px 20px 10px;
		border-color: transparent transparent transparent #edf9ff;
		border-style: solid;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.consultation_title02:after {
		content: '';
		width: 0px;
		height: 0px;
		border-width: 20px 10px 20px 0px;
		border-color: transparent #edf9ff transparent transparent;
		border-style: solid;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}

	.consultation_title02 h2 {
		color: #fff;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		margin: 0;
		padding: 0 10px;
		font-weight: 100;
		box-sizing: border-box;
		font-weight: bold;
	}

	.consultation_image01 {
		display: inline-block;
		transform: rotate(4deg);
	}

	.consultation_image_outer br {
		display: block;
	}

	.consultation_image01 img {
		display: inline-block;
		max-width: 100px;
		padding: 0;
	}

	.consultation_image02 {
		display: inline-block;
		transform: rotate(0deg);
	}

	.consultation_image02 img {
		display: inline-block;
		max-width: 80px;
		padding: 0;
	}

	.consultation_image03 {
		display: inline-block;
		transform: rotate(-4deg);
	}

	.consultation_image03 img {
		display: inline-block;
		max-width: 90px;
		padding: 0;
	}

	.consultation_image04 {
		display: inline-block;
		transform: rotate(10deg);
	}

	.consultation_image04 img {
		display: inline-block;
		max-width: 80px;
		padding: 0;
		margin: -10px 0 0 0;
	}

	.consultation_image05 {
		display: inline-block;
		transform: rotate(-20deg);
	}

	.consultation_image05 img {
		display: inline-block;
		max-width: 95px;
		padding: 0;
		margin: -10px 0 0 0;
	}

	.consultation_top ul {
		text-align: center;
		position: relative;
		background: #edf9ff;
		padding: 20px 10px 20px;
		border-radius: 10px;
	}

	.consultation_top ul:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		height: 0;
		width: 0;
		border: 50px solid transparent;
		border-top: 25px solid #edf9ff;
		margin: 0 0 0 -50px;
	}

	.consultation_top ul li {
		font-weight: bold;
		font-size: 18px;
		padding: 4px 0;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.02em;
	}

	.consultation_top ul li span {
		color: #ea6a70;
		font-size: 24px;
		border-bottom: 1px dashed #ea6a70;
		display: inline-block;
	}

	.consultation_bottom {
		position: relative;
		margin: 20px 0 0 0;
	}

	.consultation_image08 {
		width: 30vw;
	}

	.consultation_image08_01 {
		width: 30vw;
	}

	.consultation_text {
		font-weight: bold;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		padding: 4px 0;
		color: #ea6a70;
		position: absolute;
		top: 10vw;
		left: 42vw;
	}

	.consultation_balloon01 {
		position: relative;
		display: block;
		padding: 10px 20px;
		width: auto;
		color: #fff;
		text-align: center;
		background: #f89398;
		border-radius: 50px;
		right: 0;
		text-shadow: 0 0 1px rgba(0, 0, 0, .2);
		font-size: 3vw;
	}

	.consultation_balloon01:before {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 20px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #f89398;
		border-radius: 30px 0 30px 0;
		z-index: -1;
	}

	.consultation_balloon01:after {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 10px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #FFF;
		border-radius: 30px 0 30px 0;
		z-index: -1;
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}

	.consultation_balloon02 {
		position: relative;
		display: block;
		padding: 10px 20px;
		width: 94%;
		color: #fff;
		text-align: center;
		background: #f89398;
		border-radius: 50px;
		top: 20px;
		right: 40px;
		text-shadow: 0 0 1px rgba(0, 0, 0, .2);
		font-size: 3.8vw;
	}

	.consultation_balloon02:before {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 20px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #f89398;
		border-radius: 30px 0 30px 0;
		z-index: -1;
	}

	.consultation_balloon02:after {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 10px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #FFF;
		border-radius: 30px 0 30px 0;
		z-index: -1;
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
}

@media screen and (max-width: 480px) {
	.consultation_title_outer {
		text-align: center;
		padding: 10px 0 40px;
	}

	.consultation_title01 {
		width: auto;
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		text-align: center;
		background: #d57feb;
		box-sizing: border-box;
		position: relative;
		display: inline-block;
		transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
		top: -10px;
		left: 3vw;
		z-index: 2;
	}

	.consultation_title01:before {
		content: '';
		width: 0px;
		height: 0px;
		border-width: 20px 0px 20px 10px;
		border-color: transparent transparent transparent #edf9ff;
		border-style: solid;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.consultation_title01:after {
		content: '';
		width: 0px;
		height: 0px;
		border-width: 20px 10px 20px 0px;
		border-color: transparent #edf9ff transparent transparent;
		border-style: solid;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}

	.consultation_title01 h2 {
		color: #fff;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		margin: 0;
		padding: 0 10px;
		font-weight: 100;
		box-sizing: border-box;
		font-weight: bold;
	}

	.consultation_title02 {
		width: auto;
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		text-align: center;
		background: #ffcf0f;
		box-sizing: border-box;
		position: relative;
		display: inline-block;
		transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		top: 34px;
		left: 2vw;
		z-index: 3;
		margin: 0 0 0 -170px;
	}

	.consultation_title02:before {
		content: '';
		width: 0px;
		height: 0px;
		border-width: 20px 0px 20px 10px;
		border-color: transparent transparent transparent #edf9ff;
		border-style: solid;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.consultation_title02:after {
		content: '';
		width: 0px;
		height: 0px;
		border-width: 20px 10px 20px 0px;
		border-color: transparent #edf9ff transparent transparent;
		border-style: solid;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}

	.consultation_title02 h2 {
		color: #fff;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		margin: 0;
		padding: 0 10px;
		font-weight: 100;
		box-sizing: border-box;
		font-weight: bold;
	}

	.consultation_top ul li {
		font-weight: bold;
		/*font-size: 15px;*/
		padding: 4px 0;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: -0.02em;
	}

	.consultation_top ul li span {
		color: #ea6a70;
		font-size: 18px;
		border-bottom: 1px dashed #ea6a70;
		display: inline-block;
	}

	.consultation_bottom {
		position: relative;
	}

	.consultation_image08 {
		width: 24vw;
	}

	.consultation_image08_01 {
		width: 24vw;
	}

	.consultation_text {
		font-weight: bold;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		padding: 4px 0;
		color: #ea6a70;
		position: absolute;
		top: 7%;
		left: 32vw;
	}

	.consultation_balloon01 {
		position: relative;
		display: block;
		padding: 8px 12px;
		width: auto;
		color: #fff;
		text-align: center;
		background: #f89398;
		border-radius: 50px;
		left: 2vw;
		text-shadow: 0 0 1px rgba(0, 0, 0, .2);
		font-size: 3.4vw;
	}

	.consultation_balloon01:before {
		content: "";
		position: absolute;
		bottom: -6px;
		left: 20px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #f89398;
		border-radius: 30px 0 30px 0;
		z-index: -1;
	}

	.consultation_balloon01:after {
		content: "";
		position: absolute;
		bottom: -3px;
		left: 10px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #FFF;
		border-radius: 30px 0 30px 0;
		z-index: -1;
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}

	.consultation_balloon02 {
		position: relative;
		display: block;
		padding: 10px 14px;
		width: 94%;
		color: #fff;
		text-align: center;
		background: #f89398;
		border-radius: 50px;
		top: 10px;
		right: 3vw;
		text-shadow: 0 0 1px rgba(0, 0, 0, .2);
		font-size: 4.6vw;
		font-weight: bold;
	}

	.consultation_balloon02:before {
		content: "";
		position: absolute;
		bottom: -6px;
		left: 20px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #f89398;
		border-radius: 30px 0 30px 0;
		z-index: -1;
	}

	.consultation_balloon02:after {
		content: "";
		position: absolute;
		bottom: -3px;
		left: 10px;
		margin-left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #FFF;
		border-radius: 30px 0 30px 0;
		z-index: -1;
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}

	.company_point_outer {
		margin: 0 0 20px 0;
		background: #fff3f4;
		border-radius: 8px;
		padding: 20px 8px;
	}

	.company_point_inner {
		text-align: center;
	}

	.company_point_title {
		font-weight: bold;
		padding: 8px 0;
		color: #4a4a4a;
		/* font-size: 15px;*/
		font-weight: bold;
		letter-spacing: -0.02em;
		position: relative;
		display: inline-block;
		position: relative;
		border-top: 1px solid #ea6a70;
		border-bottom: 1px solid #ea6a70;
	}

	.company_point_title span {
		display: inline-block;
		font-size: 20px;
		color: #e62786;
	}

	.company_point_title img {
		display: inline-block;
		max-width: 28px;
		margin: -10px 3px 0 0;
	}

	.company_point_list {
		margin: 20px 0 0 0;
	}

	.company_point_list li {
		position: relative;
		padding-left: 30px;
		display: block;
		margin: 5px 0;
		font-size: 14px;
		text-align: left;
		background: #fff;
		border-radius: 8px;
		padding: 8px 8px 8px 46px;
		border: 1px solid #fee6e8;
	}

	.company_point_list li:before {
		position: absolute;
		font-family: FontAwesome;
		content: "\f00c";
		background: #ffca2c;
		color: white;
		font-weight: normal;
		font-size: 12px;
		border-radius: 50%;
		left: 10px;
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.company_point_list li:after {
		/*吹き出しのちょこんと出た部分*/
		content: '';
		display: block;
		position: absolute;
		left: 26px;
		height: 0;
		width: 0;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 12px solid #ffca2c;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.company_point_list li span {
		color: #ea6a70;
		font-weight: bold;
		font-size: 16px;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: 0em;
	}
}

/*店舗詳細スタイル*/


/*.s_info_w { font-size:15px;}*/
.s_info_header {
	overflow: hidden;
	margin-bottom: 20px;
}

.t_st1 {
	padding-bottom: 10px;
	line-height: 1.0;
	position: relative;
	margin-bottom: 15px;
}

.t_st1:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../img/ico-interface.svg);
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 2px;
}

.t_st1:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background: -moz-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background: -webkit-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background-size: 5px 5px;

}


.s_info_header_t {
	font-size: 25px;
	line-height: 2.0;
	font-weight: bold;
	letter-spacing: 0.08em;
	margin: 5px 0 40px;

	text-align: center;
	color: #7B7B7B;
}

.hd_left {
	margin-left: 15px !important;
	width: 47%;
}

.s_info_img {
	border: 1px solid #ccc;
	width: 100%;
}

.hd_left p {
	display: block;
}

.s_info_cont {}

.s_info_cont img {
	width: 100%;
}

.txt_sm {
	display: block;
	font-size: 11px;
	text-align: right;
	margin: 5px 0 40px;
	color: #666;
}

.btn_st_a {
	text-align: center;
	margin-bottom: 40px;
}

.btn_st_a a {
	display: inline-block;
	border: 1px solid #6262ba;
	padding: 15px;
	margin: 0 auto;
	color: #6262ba;
	min-width: 300px;
	font-size: 15px;
	text-decoration: none;
	vertical-align: -.2em;
}

.btn_st_a a:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background-image: url(../img/ico_arrow_right.svg);
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}

/*.btn_st_a { text-align:center; margin-bottom:40px;}
.btn_st_a a{ display:inline-block; border:1px solid #a3a3ff; padding:10px 40px; margin:0 auto; color:#8282ca; min-width:230px;font-size:18px; text-decoration:none; background: url(../img/ico_arrow_right.svg) no-repeat 95% center / 5px;}*/



.btn_st_b {
	text-align: center;
	margin-bottom: 40px;
}

.btn_st_b a {
	display: inline-block;
	border: 1px solid #d2b541;
	padding: 15px;
	margin: 0 auto;
	color: #d2b541;
	min-width: 300px;
	font-size: 15px;
	text-decoration: none;
}

.btn_st_b a:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background-image: url(../img/ico_arrow_right2.svg);
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}

.f_dot {
	border: 1px dotted #d2c078;
	padding: 30px 40px;
	background-color: #fcfbf7;
	width: 95%;
	margin: 0 auto 40px;
}

ul.m_check {}

.t_st2 {
	position: relative;
	margin-bottom: 1em;
	text-align: center;
	font-size: 18px;
}

.t_st2:before {
	content: '';
	position: absolute;
	bottom: -8px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #d2c078;
	border-radius: 2px;
}

ul.m_check {
	margin-top: 40px;
	list-style: none;
}

ul.m_check li {
	margin: 0 0 10px 0;
	padding: 0;
	background-image: url('../img/ico_check.svg');
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding-left: 23px;
	list-style: none;
	background-size: 15px;
}

@media screen and (max-width: 768px) {
	ul.m_check li {
		margin: 0 0 5px 0;
	}
}

#s_info_company {
	margin-bottom: 50px;
}

table.s_info_tst1,
table.s_info_tst2 {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 95%;
	margin: 0 auto;
}

table.s_info_tst2 {
	margin-bottom: 30px;
}

table.s_info_tst1 tr,
table.s_info_tst2 tr {
	border-bottom: dotted 1px #ccc;
}

table.s_info_tst1 tr th {
	width: 26%;
	padding: 15px 0 15px;
}

table.s_info_tst1 tr td {
	width: 74%;
	padding: 15px 0 15px 15px;
	line-height: 1.4;
}

table.s_info_tst2 tr th {
	width: 26%;
	padding: 5px 0;
}

table.s_info_tst2 tr td {
	width: 74%;
	padding: 5px 0;
	line-height: 1.4;
}


table.s_info_tst1 tr th span,
table.s_info_tst2 tr th span {
	display: block;
	background-color: #eeeefd;
	padding: 0px 0;
	min-width: 100px;
	text-align: center;
	margin: 0 15px 0 0;
	font-size: 14px;
}

.ico_win {
	line-height: 1.0;
	position: relative;
}

.ico_win:after {
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	background-image: url(../img/ico-external.svg);
	background-size: contain;
	vertical-align: middle;
	margin: 0 0 5px 5px;
}


#s_info_area {
	margin: 0 0 50px 0;
}

.s_info_area_in {
	width: 95%;
	margin: 0 auto;
}

#s_info_features {
	margin: 0 0 50px 0;
}

.f_box1,
.f_box2 {
	border: 1px solid #a3a3ff;
	width: 95%;
	margin: 0 auto;
}

.f_box1 {
	border: 1px solid #a3a3ff;
	margin-bottom: 40px;
}

.f_box2 {
	border: 1px solid #d2c078;
}

.t_st3 {
	background-color: #a3a3ff;
}

.t_st3a {
	background-color: #d2c078;
}

.t_st3 span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0 12px 20px;
	background: linear-gradient(-45deg, #fff 25%, #a3a3ff 25%, #a3a3ff 50%, #fff 50%, #fff 75%, #a3a3ff 75%, #a3a3ff);
	background: -moz-linear-gradient(-45deg, #fff 25%, #a3a3ff 25%, #a3a3ff 50%, #fff 50%, #fff 75%, #a3a3ff 75%, #a3a3ff);
	background: -webkit-linear-gradient(-45deg, #fff 25%, #a3a3ff 25%, #a3a3ff 50%, #fff 50%, #fff 75%, #a3a3ff 75%, #a3a3ff);
	background-size: 5px 5px;
	background-repeat: repeat-y;
	background-position: left top;
	color: #fff;
}

.t_st3a span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0 12px 20px;
	background: linear-gradient(-45deg, #fff 25%, #d2c078 25%, #d2c078 50%, #fff 50%, #fff 75%, #d2c078 75%, #d2c078);
	background: -moz-linear-gradient(-45deg, #fff 25%, #d2c078 25%, #d2c078 50%, #fff 50%, #fff 75%, #d2c078 75%, #d2c078);
	background: -webkit-linear-gradient(-45deg, #fff 25%, #d2c078 25%, #d2c078 50%, #fff 50%, #fff 75%, #d2c078 75%, #d2c078);
	background-size: 5px 5px;
	background-repeat: repeat-y;
	background-position: left top;
	color: #fff;
}

.f_box1_in {
	padding: 30px 30px 0;
}

.t_st4_box {}

.t_st4,
.t_st4a {
	border-bottom: 1px dashed #ccc;
	padding: 0 10px 10px;
	line-height: 1.0;
	margin-bottom: 15px;
}

.s_no,
.s_noa {
	color: #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 5px 0px;
	border-radius: 5px;
	margin: 0 5px 0 0;
}

.s_no {
	background: #a3a3ff;
}

.s_noa {
	background: #d2c078;
}

.t_st4_box dd {
	padding: 0 15px;
	margin-bottom: 40px;
}

.f_g_dot {
	border: 1px dotted #ccc;
	padding: 15px 20px;
	margin: 0 0 30px 0;
}

.f_g_dot_t {
	color: #a3a3ff;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
	text-align: center;
}

.f_g_dot_ta {
	color: #d2c078;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
	text-align: center;
}



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

	.s_info_header_t {
		font-size: 18px;
		line-height: 1.4;
		margin: 5px 0 20px;
		letter-spacing: 0.08em;
	}

	.btn_st_a a {
		width: 90%;
		padding: 15px 10px;
		line-height: 1.4;
	}

	.btn_st_b a {
		min-width: 0;
		width: 100% !important;
		padding: 15px 10px;
		line-height: 1.4;
	}

	.txt_sm {
		margin: 5px 0 20px;
	}

	.s_info_header {
		margin-bottom: 40px;
	}

	.f_box1_in {
		padding: 30px 15px 0;
	}

	.f_box1,
	.f_box2 {
		width: 100%;
	}

	.f_dot {
		padding: 20px 15px;
		width: 100%;
	}

	table.s_info_tst1 tr th {
		width: 30%;
		padding: 10px 0 10px;
	}

	table.s_info_tst1 tr td {
		width: 70%;
		line-height: 1.4;
		padding: 10px 0 10px;
	}

	table.s_info_tst1 tr th span {
		min-width: 85px;
		font-size: 13px;
	}

	h2.t_st1 {
		margin-bottom: 20px;
	}

	.hd_left {
		margin-left: 0px !important;
		width: 100% !important;
	}

}


@media screen and (min-width:768px) and (max-width: 992px) {
	.hd_left {
		margin-left: 15px !important;
		width: 100% !important;
	}
}



/*店舗一覧*/
.s_list_box {
	position: relative;
	border: 1px solid #ccc;
	background-color: #f7f7fc;
	overflow: hidden;
	padding: 15px 0 0 0;
	margin-bottom: 30px;
}

.s_list_box_in {
	padding: 20px;
}


.t_st5 {
	padding-bottom: 10px;
	line-height: 1.0;
	position: relative;
	margin-bottom: 15px;
	font-weight: bold;
}

.t_st5:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../img/ico_building.svg);
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 2px;
}

.t_st5:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background: -moz-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background: -webkit-linear-gradient(-45deg, #fff 25%, #969696 25%, #969696 50%, #fff 50%, #fff 75%, #969696 75%, #969696);
	background-size: auto;
	background-size: 5px 5px;
}

.s_list_t {
	display: block;
	background-color: #b1b1eb;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	color: #fff;
}

.ico_pr {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 87px;
}

a.s_list_link {
	text-decoration: none;
	color: #4a4a4a;
}

.s_info_tst2_t {
	clear: both;
	margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
	table.s_info_tst2 tr th {
		padding: 5px 0;
		font-size: 14px;
	}

	table.s_info_tst2 tr td {
		padding: 5px 0;
	}
}

.s_list_t_main_box {
	background-color: #f5f5f5;
}

.s_list_t_main {
	display: block;
	margin: 0 auto 30px;
}

@media screen and (max-width: 1040px) {
	.s_list_t_main {
		margin: 0 auto 15px;
		width: 100%;
	}
}


.photospace_res ul.thumbs li:before {
	content: none !important;
}