@charset "utf-8";

/* トップページ用スタイル */
/* ------------------------------------------------
main メインエリア --------------------------------*/
.mainArea_ttlArea {
	/*background: rgba(255, 235, 255, 0.75) url(/static/img/index/index_ttl_bg.jpg) center center /cover no-repeat;
	background-blend-mode: screen;*/
	background: rgba(0, 0, 0, 0.52) url(/static/img/index/index_ttl_bg.jpg) center center /cover no-repeat;
	background-blend-mode: multiply;
}

.mainArea_ttlArea_inner{
	width: 1200px;
	max-width: 90%;
	margin: 0 auto;
	padding: 80px 0;
}

.mainArea_ttlArea_inner h1,
.mainArea_ttlArea_inner p {
	color: #fff;
	text-align: center;
}
.mainArea_ttlArea_inner h1{margin-bottom: 20px;}
.mainArea_ttlArea_inner p{
	margin-bottom: 40px;
	font-weight: bold;
}

.mainArea_bnrArea{
	width: 100%;
}

@media screen and (max-width:750px) {
	.mainArea_ttlArea {
		margin-bottom: 15px;
	}
	.mainArea_ttlArea_inner {
		display: block;
		padding: 60px 0;
	}
	.mainArea_ttlArea_inner h1{
		font-size: 26px;
		line-height: 1.5;
	}
	.mainArea_ttlArea_inner p{
		font-size: 14px;
    }
    .mainArea_bnrArea{
		width: calc(100% - 30px);
		height: auto;
		margin: 0 auto 15px;
	}
}

.mainArea_slid_img {
	width: 680px;
	position: relative;
}

.mainArea_slid_img figure{
	height: 272px;
	background-position: center center;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: transform .8s linear;
		 -o-transition: transform .8s linear;
			transition: transform .8s linear;
}

/* .mainArea_slid_img figure img{
	height: 100%;
	max-height: 100%;
} */

.mainArea_slid_imgtext {
	position: absolute;
	bottom: 0;
	padding: 60px 26px 24px;
	width: 100%;
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.60));
	background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.60));
	background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.60));
}

.mainArea_slid_imgtext h3 {
	font-weight: bold;
	font-size: 32px;
	color: #fff;
}

.mainArea_slid_imgtext .mainArea_slid_imgtext_cap {
	font-size: 14px;
	color: #fff;
}

.mainArea_slid_imgtext .mainArea_slid_imgtext_add {
	font-size: 15px;
    color: #fff;
    position: absolute;
    right: 24px;
    bottom: 26px;
    padding: 5px 10px;
    -webkit-border-radius: 100px;
            border-radius: 100px;
    border: 1px solid #fff;
    line-height: 1;
}


@media screen and (max-width:750px){
	.mainArea_slid_imgtext h3 {
		font-size: 24px;
	}
	.mainArea_slid_img {
		width: 100%;
	}
	.mainArea_slid_img figure{
		height: 200px;
	}
	.mainArea_slid_imgtext {
		padding: 60px 22px 18px;
	}
	.mainArea_slid_imgtext .mainArea_slid_imgtext_cap {
		margin-bottom: 8px;
	}
	.mainArea_slid_imgtext .mainArea_slid_imgtext_add {
		font-size: 12px;
		padding: 0 8px;
		bottom: 50px;
		position: static;
	    display: inline-block;
	    line-height: 1.25;
	}
}




/* ------------------------------------------------
contentArea 共通枠 --------------------------------*/

.contentArea{
	width: 100%;
}

.h2_icon {
	font-size: 36px;
    position: relative;
    line-height: 1;
    margin-bottom: 34px;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 600;
    letter-spacing: 0.1rem;
}

.h2_icon .icon-icon{
    padding-right: 12px;
    font-size: 1.8rem;
    letter-spacing: 0;
    padding-left: 0;
}

.h2_main .icon-icon::before {
    font-size: 1.8rem;
    color: #ac873d;
    padding-right: 12px;
    padding-left: 0;
}

.h2_sub {
	font-size: 14px;
    font-weight: normal;
    padding-left: 18px;
}

@media screen and (max-width:750px){
	.h2_icon {
		font-size: 32px;
		margin-bottom: 0;
	}
	.h2_sub {
		display: block;
		padding-left: 0;
	    line-height: 2.6;
	}
}



/* ------------------------------------------------
contentAreaOne 共通枠 --------------------------------*/

.contentAreaOne{
	width: 100%;
}

.contentArea_box_gray{
	background: #f5f6f6;
	padding: 62px 0;
}
.contentArea_box_topics{
	background: #fff;
}

.contentArea_box_Inner{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

.contentArea_box_foodInner,
.contentArea_box_beautyInner,
.contentArea_box_realestateInner,
.jobArea,
.medicalArea {
	position: relative;
}

.contentArea_box_foodInner .linkStyle a,
.contentArea_box_beautyInner .linkStyle a,
.contentArea_box_realestateInner .linkStyle a{
    position: absolute;
    right: 0;
    top: 10px;
}


@media screen and (max-width:750px){
	.contentArea_box_gray{
		padding: 38px 0 32px;
	}
	.contentArea_box_foodInner .linkStyle a,
	.contentArea_box_beautyInner .linkStyle a,
	.contentArea_box_realestateInner .linkStyle a{
	    position: relative;
	}
}



/* ------------------------------------------------
contentArea 記事 --------------------------------*/

.contentArea_box_articleArea ul{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.contentArea_box_article_list{
	/* -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
			box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16); */
	-webkit-transition: .3s linear all;
	   -moz-transition: .3s linear all;
	    -ms-transition: .3s linear all;
	     -o-transition: .3s linear all;
	        transition: .3s linear all;
	background: #fff;
	position: relative;
	/* height: 364px; */
    margin: 0 12px;
    overflow: hidden;
}

.contentArea_box_article_list:last-child{
	margin-right: 0;
}

.contentArea_box_article_list a{
	height: 384px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
			box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
}

.contentArea_box_article_list figure {
	width: 100%;
	height: 224px;
    overflow: hidden;
}

.contentArea_box_article_list figure img{
	width: 100%;
	max-width :100%;
	height: 100%;
	max-height: 100%;
	object-fit: cover;
	-webkit-transition-duration: .4s;
	   -moz-transition-duration: .4s;
	    -ms-transition-duration: .4s;
	     -o-transition-duration: .4s;
	        transition-duration: .4s;
}

.contentArea_box_article_list figure img:hover {
	-webkit-transform: scale(1.08);
	   -moz-transform: scale(1.08);
	    -ms-transform: scale(1.08);
	     -o-transform: scale(1.08);
	        transform: scale(1.08);
}

.contentArea_box_article_listText{
	padding: 18px 8% 0;
}

.contentArea_box_article_list_cate{
	border-radius: 2px;
	color: #fff;
	padding: 0 8px;
}

.contentArea_box_article_list_catch{
	line-height: 1.4;
	font-weight: bold;
    font-size: 18px;
}

.contentArea_box_article_list_name{
	font-size: 14px;
	color: #999;
	position: absolute;
	bottom: 20px;
}

.contentArea_box_article_list_cate{
	margin-bottom: 8px;
    display: inline-block;
    font-size: 13px;
    line-height: 1.6;
}

.contentArea_box_foodInner .contentArea_box_article_list_cate{background: #f39237;}
.contentArea_box_beautyInner .contentArea_box_article_list_cate{background: #ea7490;}
.contentArea_box_realestateInner .contentArea_box_article_list_cate{background: #a66aad;}

.slide_arrow {
	width: 26px;
}

.prev_arrow{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1111;
    cursor: pointer;
}

.next_arrow{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media screen and (max-width:750px){
	.contentArea_box_article_list{
		height: auto;
		margin: 0;
	}
	.contentArea_box_article_listText {
		padding: 18px 4%;
	}
	.prev_arrow{right: -10px;}
	.next_arrow{left: -10px;}
}


/* ------------------------------------------------
contentArea_box_topics 枠 --------------------------------*/

.contentArea_box_topics {
	padding: 36px 0;
}

.contentArea_box_topics h2{
	font-size: 22px;
	margin-bottom: 20px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
    letter-spacing: 0.2rem;
    padding-left: 20px;
}

.contentArea_box_topics h2 span{
	font-size: 15px;
	padding-left: 20px;
    vertical-align: middle;
    font-weight: normal;
    letter-spacing: 0.1rem;
}

@media screen and (max-width:750px){
	.contentArea_box_topics {
		padding: 20px 0;
	}
	.contentArea_box_topics h2{
		padding-left: 0;
		line-height: 1.6;
	}
	.contentArea_box_topics h2 span{
		display: block;
		padding-left: 0;
	}
}


/* ------------------------------------------------
contentArea_box_topics 記事 --------------------------------*/

.contentArea_box_topicsArea ul {
	display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	justify-content: space-between;
}

.contentArea_box_topics_list{
	width: 47%;
	max-width: 570px;
	border: 1px solid #e5e5e5;
	position: relative;
	overflow: hidden;
	-webkit-transition: .3s linear all;
	   -moz-transition: .3s linear all;
	    -ms-transition: .3s linear all;
	     -o-transition: .3s linear all;
	        transition: .3s linear all;
}
.contentArea_box_topics_list:hover {
    -webkit-box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.16);
    		box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.16);
}
.contentArea_box_topics_list:nth-child(odd){
	margin: 0 1% 20px 2%;
}
.contentArea_box_topics_list:nth-child(even){
	margin: 0 2% 20px 1%;
}

.contentArea_box_topics_list figure{
	width: 38%;
	max-width: 224px;
	height: 126px;
	display: inline-block;
    overflow: hidden;
}

.contentArea_box_topics_list figure img{
	width: 100%;
	max-width :100%;
	height: 100%;
	max-height: 100%;
	object-fit: cover;
	vertical-align:bottom;
	-webkit-transition-duration: .4s;
	   -moz-transition-duration: .4s;
	    -ms-transition-duration: .4s;
	     -o-transition-duration: .4s;
	        transition-duration: .4s;
}

.contentArea_box_topics_list figure img:hover {
	-webkit-transform: scale(1.08);
	   -moz-transform: scale(1.08);
	    -ms-transform: scale(1.08);
	     -o-transform: scale(1.08);
	        transform: scale(1.08);
	-webkit-transition-duration: .4s;
	   -moz-transition-duration: .4s;
	    -ms-transition-duration: .4s;
	     -o-transition-duration: .4s;
	        transition-duration: .4s;
}

.contentArea_box_topics_listText{
	display: inline-block;
    vertical-align: top;
	width: 60%;
	padding: 20px 3% 0;
}

.contentArea_box_topics_list_date{
	position: absolute;
	bottom: 10px;
	font-size: 13px;
	color: #999;
}

@media screen and (max-width:750px){
	.contentArea_box_topicsArea ul{
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.contentArea_box_topics_list{
		width: 100%;
		max-width: 100%;
		border: 1px solid #e5e5e5;
		position: relative;
	}
	.contentArea_box_topics_list:nth-child(odd),
	.contentArea_box_topics_list:nth-child(even){
		margin: 0 0 20px 0;
	}
	.contentArea_box_topics_list__linkUnit{
		display: flex;
	}
	.contentArea_box_topics_list figure{
		width: 100%;
		max-width: 95px;
		height: 95px;
	}
	.contentArea_box_topics_listText{
		width: 100%;
		padding: 8px 10px 0;
	}
	.contentArea_box_topics_list_ttl{
		font-size: 14px;
	}
	.contentArea_box_topics_list_date{
		position: static;
		padding: 6px 0;
		font-size: 12px;
	}
}


/* ------------------------------------------------
contentAreaTwo 共通枠 --------------------------------*/

.contentAreaTwo{
	width: 100%;
	background: #f3f4f4;
}

.contentAreaTwo_inner{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	padding: 64px 0 0;
}

.contentLeft_box{
	padding: 64px 0;
}

.contentLeft_Inner{
	margin-bottom: 84px;
}

@media screen and (max-width:750px){
	.contentAreaTwo_inner{
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		display: block;
		padding: 32px 4% 84px;
	}

}

/* ------------------------------------------------
newsArea ----------------------------------------- */

.h2_news {
	font-size: 32px;
	position: relative;
	line-height: 1;
	margin-bottom: 46px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
    letter-spacing: 0.3rem;
}

.newsArea_box{
	border-top: 1px dashed #777;
	padding: 12px 0;
	position: relative;
}

.newsArea_box:last-child{
	border-bottom: 1px dashed #777;
}

.newsArea_box:before{
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    font-weight: 900;
    position: absolute;
    right: 10px;
}

.newsArea_box_date {
	display: inline-block;
	color: #1e2e53;
	font-size: 14px;
	padding-right: 20px;
}

.newsArea_box_detail{
	display: inline-block;
}


@media screen and (max-width:750px){
	.h2_news {
		margin-bottom: 26px;
	}
	.newsArea_box:before{
		content: none;
	}
}


/* ------------------------------------------------
jobArea ----------------------------------------- */

.jobArea > ul {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
}

.jobArea_content {
	width: 32%;
	max-width: 255px;
	margin-bottom: 22px;
	background: #fff;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
			box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
	-webkit-transition: .2s linear all;
	   -moz-transition: .2s linear all;
	    -ms-transition: .2s linear all;
	     -o-transition: .2s linear all;
	        transition: .2s linear all;
    position: relative;
}

.jobArea_content:hover{
	-webkit-transform: translateY(-8px);
    	 -o-transform: translateY(-8px);
    		transform: translateY(-8px);
    -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.18);
    		box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.18);
}

.jobArea_content a{
	height: 188px;
}

.jobArea_content_text{
	padding: 32px 16px 26px;
}

.jobArea_content_name{
	font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 12px;
}

.jobArea_content_tag{
	background: #76b041;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	margin-bottom: 4px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 8px;
    line-height: 1.6;
}

.jobArea_content .content_article_boxDetail_jobType{
	display: block;
	position: absolute;
    bottom: 12px;
    left: 16px;
}

.jobArea_content_welfare li{
	font-size: 13px;
}

@media screen and (max-width:1024px){
	.jobArea_content {
		width: 49%;
		max-width: 49%;
	}
}

@media screen and (max-width:750px){
	.jobArea > ul {
		display: block;
	}
	.jobArea_content {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.jobArea_content a{
		height: 178px;
	}
	.jobArea_content_name {
		margin-bottom: 8px;
	}
	.jobArea_content_welfare li{
		display: inline-block;
		position: relative;
	}
	.jobArea_content_welfare li:before{
		content: "・";
	}
}





/* ------------------------------------------------
forumArea ----------------------------------------- */
.forumArea .forum_articleArea_box{
    padding: 12px 16px;
    border: none;
    background: #fff;
    margin-bottom: 18px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
    		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
    -webkit-transition: .2s linear all;
       -moz-transition: .2s linear all;
        -ms-transition: .2s linear all;
         -o-transition: .2s linear all;
            transition: .2s linear all;
}

.forumArea .forum_articleArea_box:hover{
	-webkit-transform: translateY(-8px);
    	 -o-transform: translateY(-8px);
    		transform: translateY(-8px);
    -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.18);
    		box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.18);
}





/* ------------------------------------------------
medicalArea ----------------------------------------- */

.medicalArea > ul {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
}

.medicalArea_content {
	width: 48.5%;
	max-width: 392px;
	background: #fff;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
			box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
	margin-bottom: 22px;
	-webkit-transition: .2s linear all;
	   -moz-transition: .2s linear all;
	    -ms-transition: .2s linear all;
	     -o-transition: .2s linear all;
	        transition: .2s linear all;
}

.medicalArea_content a{
	padding: 26px 22px;
	position: relative;
	font-weight: bold;
}

.medicalArea_content a::before{
	content: '';
    background: url(/static/img/common/icon/arrow_right_simple.svg) no-repeat;
    position: absolute;
    top: 32px;
    right: 22px;
    width: 15px;
    height: 15px;
}

.medicalArea_content:hover{
	-webkit-transform: translateY(-8px);
    	 -o-transform: translateY(-8px);
    		transform: translateY(-8px);
    -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.18);
    		box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.18);
}

.medicalArea_content_main{
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #ccc;
}

.medicalArea_content_main_list{
	width: 100%;
	display: inline-block;
	position: relative;
}

.medicalArea_content_main_list_name{
	display: inline-block;
	width: 60%;
	color: #1e2e53;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
}

.medicalArea_content_main_list_tel {
	font-weight: bold;
}

.medicalArea_content_main_list_add {
	position: absolute;
	right: 0;
	top: 0;
	background: #5a8cad;
	padding: 0 8px;
	color: #fff;
}

.medicalArea_content_text dt{
	display: inline-block;
	background: #f2f3f3;
	color: #333;
    vertical-align: top;
    padding: 0 6px;
    margin-bottom: 4px;
}

.medicalArea_content_text dd{
	display: inline-block;
	width: 66%;
	font-size: 13px;
	padding: 0 0 0 6px;
}

@media screen and (max-width:1024px){
	.medicalArea_content_main_list{
		width: 100%;
		display: inline-block;
	}
}

@media screen and (max-width:750px){
	.medicalArea > ul {
		display: block;
	}

	.medicalArea_content_main_list_name{
		width: 66%;
	    font-size: 16px;
	}
	.medicalArea_content {
		width: 100%;
		max-width: 100%;
		margin-bottom: 18px;
	}
}










/* ------------------------------------------------
共通  --------------------------------------------*/
.pc_non{
	display: none;
}

.sp_display{
	display: none;
}

@media screen and (max-width:640px){
	.pc_non{
		display: block;
	}
	.pc_display{
		display: none;
	}
	.sp_display{
		display: block;
	}
}

/* ------------------------------------------------
ttlArea  --------------------------------------------*/

.ttlArea {
	background: #f3f4f4;
	padding-bottom: 1px;
}

.restaurants .ttlArea,
.beauty .ttlArea {
	display: none;
}

.forum .ttlArea {
	background: rgba(0,0,0,0.60) url(/static/img/forum/forum_ttl_bg.jpg) center top /cover no-repeat;
	background-blend-mode: multiply;
}

.ttlArea_inner{
	width: 1200px;
	max-width: 90%;
	margin: 0 auto;
}

.breadcrumb{
	padding: 10px 0;
	border-bottom: 1px solid #aaa;
	margin-bottom: 20px;
}

.breadcrumb_list {
	display: inline-block;
	padding-right: 12px;
	margin-right: 12px;
	position: relative;
	line-height: 2;
}

.breadcrumb_list a {
	font-size: 11px;
}

.breadcrumb_list:before{
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    font-weight: 900;
    position: absolute;
    right: -6px;
    top: -2px;
    bottom: 0;
    font-size: 11px;
}

.breadcrumb_list:last-child:before{
	content: none;
}

.h2_main {
	font-size: 22px;
    position: relative;
    line-height: 1;
    margin-bottom: 12px;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 600;
    letter-spacing: 0.1rem;
}

.h2_icon {
	font-size: 32px;
    position: relative;
    line-height: 1;
    margin-bottom: 34px;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 600;
    letter-spacing: 0.1rem;
}

.h2_icon .icon-icon{
    padding-right: 12px;
    font-size: 1.8rem;
    letter-spacing: 0;
    padding-left: 0;
}

.h2_main .icon-icon:before {
    font-size: 1.8rem;
    color: #ac873d;
    padding-right: 12px;
    padding-left: 0;
}

.h2_sub {
	font-size: 14px;
    font-weight: normal;
    padding-left: 18px;
}

.cateArea {
	padding-bottom: 30px;
}

.cateArea ul {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.cateArea_list {
	margin-right: 8px;
	margin-bottom: 12px;
}

.cateArea_list a{
	background: #fff;
	padding: 4px 16px;
}

.cateArea_list a:hover{
	background: #ac873d;
	color: #fff;
}

@media screen and (max-width:750px){
	.ttlArea{
		padding-bottom: 1px;
	}
	.h2_icon {
		font-size: 32px;
		margin-bottom: 10px;
	}
	.h2_sub {
		display: block;
		padding-left: 0;
	    line-height: 2.2;
	    margin: 8px 0 16px;
	}
	.cateArea_list {
		width: 24%;
		margin-right: 1%;
		margin-bottom: 1%;
	    text-align: center;
	    font-size: 13px;
	}
	.cateArea_list:nth-child(4),
	.cateArea_list:nth-child(8){
		margin-right: 0;
	}
	.cateArea_list a{
		padding: 10px 0;
	}
	.breadcrumb{
		padding: 0 6px;
		margin-bottom: 12px;
	}
}


/* ------------------------------------------------
content_mainArea  -------------------------------*/

.content_mainArea{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 46px 0;
}

.content_mainArea .content_mainArea_ttl {
	font-size: 28px;
	letter-spacing: 0.3rem;
    margin-bottom: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.content_mainArea .content_mainArea_ttl span{
	font-size: 13px;
	color: #888;
	letter-spacing: 0.2rem;
}

.content_mainArea ul{
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	max-width: 1200px;
	margin-top: 45px;
}

.content_mainArea_list{
	width: 32%;
	height: 238px;
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
}

.content_mainArea_list .content_mainArea_list__pickUpImg{
	height: 238px;
	background-position: center center;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: transform .8s linear;
		 -o-transition: transform .8s linear;
			transition: transform .8s linear;
}

.content_mainArea_list .content_mainArea_list__pickUpImg:hover{
	-webkit-transform: scale(1.08);
		 -o-transform: scale(1.08);
			transform: scale(1.08);
}

.content_mainArea_list h3{
	font-size: 15px;
	font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.90));
	background:      -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.90));
	background:         linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.90));
    width: 100%;
    padding: 60px 14px 14px;
}


.jobs .content_mainArea_list{
   height: auto;
   border: 1px solid #82b158;
   /*box-shadow: 0 0 8px rgba(0,0,0,0.08);*/
   -webkit-transition: .2s linear all;
      -moz-transition: .2s linear all;
       -ms-transition: .2s linear all;
        -o-transition: .2s linear all;
           transition: .2s linear all;
}
.jobs .content_mainArea_list:hover{
	-webkit-transform: translateY(-12px);
		 -o-transform: translateY(-12px);
			transform: translateY(-12px);
	-webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.16);
    		box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.16);
}
.jobs .content_mainArea_list a{
	height: auto;
	padding: 22px 25px;
}
.jobs .content_mainArea_list a:hover{
	-webkit-transform: none;
		 -o-transform: none;
			transform: none;
}
.jobs .content_mainArea_list h3{
    background: none;
    color: #444;
    position: static;
   padding: 0;
   margin-bottom: 8px;
}

.jobs .content_mainArea_listTag {
    margin: 0 0 8px 0;
}

.jobs .content_mainArea_listBox .content_article_boxDetail_jobCate {
    margin-bottom: 8px;
}

.jobs .content_mainArea_listBox .content_article_boxDetail_jobType_ttl {
    margin-left: 0;
}

.jobs .content_mainArea_listBox .content_article_boxDetail_jobType_detail {
    margin-right: 18px;
}

@media screen and (max-width:750px){
	.content_mainArea{
		padding: 40px 0 0;
	}
	.content_mainArea .content_mainArea_ttl {
		font-size: 22px;
		letter-spacing: 0.2rem;
	}
	.content_mainArea ul{
		display: block;
		margin-top: 20px;
	}
	.content_mainArea_list{
		max-width: 100%;
		width: 100%;
	}
}



/* ------------------------------------------------
content_articleArea  -------------------------------*/

.content_articleArea{
	width: 100%;
	background: #f3f4f4;
}

.content_articleArea_inner{
	max-width: 1200px;
	width: 90%;
	padding: 60px 0 0;
	margin: 0 auto;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}


@media screen and (max-width:750px){
	.content_articleArea_inner{
		display: block;
		padding: 40px 0 60px;
	}
}


/* ------------------------------------------------
contentLeft  -------------------------------------*/

.content_article_box{
    width: 100%;
	margin-bottom: 32px;
	background: #fff;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
			box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-transition: .2s linear all;
	   -moz-transition: .2s linear all;
	    -ms-transition: .2s linear all;
	     -o-transition: .2s linear all;
	        transition: .2s linear all;
	border: 1px solid #ddd;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}

.medical .content_article_box{
	padding: 22px 24px;
}

.content_article_box a{
	padding: 22px 24px;
}

.content_article_box:hover{
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
    		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
    -webkit-transform: translateY(-12px);
       -moz-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
         -o-transform: translateY(-12px);
            transform: translateY(-12px);
}

.medical .content_article_box:hover{
	-webkit-transform: none;
	   -moz-transform: none;
	    -ms-transform: none;
	     -o-transform: none;
	        transform: none;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
	        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
}

.content_article_box_reviews {
	margin-bottom: 8px;
}

.content_article_box_reviews .star_icon {
	width: 108px;
}

.content_article_box_ttl{
	padding-bottom: 8px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 18px;
	position: relative;
}

.content_article_box_ttl ul {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.content_article_box_ttl_cate{
	color: #fff;
	font-size: 13px;
	border-radius: 2px;
	padding: 0 8px;
	display: inline-block;
    margin-bottom: 8px;
}

.content_article_box_ttl_name{
	font-size: 22px;
	font-weight: bold;
}

.content_article_box_ttl_catch{
	font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}

.content_article_box_detail_textTel{
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.06rem;
}

.content_article_box_detail_textTel .tel_icon img {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}


@media screen and (max-width:750px){
	.contentLeft{
		margin-bottom: 40px;
	}
	.medical .content_article_box{
		padding: 22px 4%;
	}
	.content_article_box a{
		padding: 22px 4%;
	}
	.content_article_box_ttl_name{
		display: block;
		line-height: 1.2;
	}
	.content_article_box_ttl_name span {
		display: inline-block;
		font-size: 12px;
		padding: 0 6px;
		margin-bottom: 4px;
		line-height: 1.6;
	    position: absolute;
	    right: 0;
	}
	.content_article_box_ttl_catch {
		font-weight: bold;
		font-size: 16px;
	}
	.content_article_box_ttl_cate{
		position: static;
	}
	.content_article_box_ttl_cate span {
	    margin-left: 0;
	    margin-right: 4px;
	    font-size: 13px;
	}
	.content_article_box_detail_textTel{
		font-size: 16px;
	}
}

.content_article_box_detail{
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.content_article_box_detail figure{
	width: 44%;
	min-width: 300px;
	min-height: 182px;
	max-height: 208px;
	height: auto;
	overflow: hidden;
	position: relative;
}

.content_article_box_detail figure img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.content_article_box_detail_text{
	width: 52%;
	margin-left: 30px;
}

.content_article_box_detail_textList li{
	font-size: 13px;
	margin-bottom: 6px;
}

.realestate .content_article_box_detail_textList .content_article_box_detail_textBudget {
	font-weight: bold;
	font-size: 20px;
}

.content_article_box_detail_textBudget .far {
	padding-right: 8px;
}

.fa-sun { color: #f26b6b; }
.fa-moon { color: #103173; }

.content_article_box_detail_textList > li.content_article_box_detail_textAdd > span,
.content_article_box_detail_textList > li.content_article_box_detail_textHoliday > span,
.content_article_box_detail_textList > li.content_article_box_detail_textTime > span{
	font-weight: bold;
}

.content_article_box_detail_textList > li.content_article_box_detail_textBudget > span{
	margin-right: 12px;
}

.content_article_box_detail_textList .content_article_box_detail_table {
	width: 100%;
}

.content_article_box_detail_textList .content_article_box_detail_table tr{
	border: 1px solid #aaa;
}

.content_article_box_detail_textList .content_article_box_detail_table th{
	width: 30%;
	padding: 10px;
	background: #000;
	color: #fff;
	text-align: center;
}

.content_article_box_detail_textList .content_article_box_detail_table td{
	width: 60%;
	padding: 4px 16px;
}

.content_article_box_detail_btnList{
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.content_article_box_detail_btnList li{
	width: 48%;
	text-align: center;
}

.content_article_box_detail_btnList li > a{
	padding: 11px 0;
	border-radius: 4px;
}

.content_article_box_detail_textReservation > a{
	background: #999;
	color: #fff;
}

.content_article_box_detail_textReservation > a:hover{
	background: #fff;
	color: #999;
	border: 1px solid #aaa;
}

.content_article_box_detail_textReseMenu a{
	border: 1px solid #aaa;
	color: #333;
	background: #fff;
}

.content_article_box_detail_textReseMenu a:hover{
	background: #aaa;
	color: #fff;
}


@media screen and (max-width:750px){
	.content_article_box_detail{
		display: block;
	}
	.content_article_box_detail figure{
		max-width: 100%;
		width: 100%;
		height: 180px;
		margin-bottom: 18px;
	}
	.content_article_box_detail figure img {
		position: static;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
	.content_article_box_detail_text{
		width: 100%;
		margin-left: 0;
	}
}


/* ------------------------------------------------
detailArea 共通 ----------------------------------*/

.detailArea{
	width: 100%;
	padding: 18px 0 0;
}

.content_detailArea {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.content_detailArea_main {
	max-width: 790px;
	width: 78%;
}

.content_detailArea_side {
	width: 300px;
}

.content_detailArea_imgArea{
	background: #999;
}


@media screen and (max-width:750px){
	.detailArea{
		padding: 0 0 40px;
	}
	.medical .detailArea{
		padding: 20px 4% 40px;
	}
	.content_detailArea {
		max-width: 100%;
		width: 100%;
	}
	.medical .content_detailArea {
		display: block;
	}
	.content_detailArea_main {
		max-width: 100%;
		width: 100%;
	}
	.content_detailArea_side {
		width: 100%;
	}

}

/* ------------------------------------------------
detailArea ナビ ----------------------------------*/

.detail_navArea{
	margin-bottom: 20px;
}

.detail_navArea ul{
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	background: #f7f7f7;
}

.navFixed{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1111;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
	-webkit-transform: translateY(-200%);
	   -moz-transform: translateY(-200%);
	    -ms-transform: translateY(-200%);
	     -o-transform: translateY(-200%);
	        transform: translateY(-200%);
	-webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.10);
	        box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.10);
	background: #fff;
}

.navFixed ul{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.is-show {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}

.detail_navArea_list{
	width: 35%;
	text-align: center;
	border-right: 1px solid #eaeaea;
}

.detail_navArea_list:last-child{
	border-right: none;
}

.detail_navArea_list a{
	font-weight: bold;
	padding: 20px 0;
	font-size: 15px;
}

.restaurants .detail_navArea_list:last-child,
.beauty .detail_navArea_list:last-child{
	border-right: none;
}

.detail_navArea_list a:hover{
	opacity: .6;
}

.listReserve{
	display: none;
}

.navFixed.is-show .listReserve{
	display: block;
}

.navFixed.is-show .listReserve a{
	color: #fff;
	background: #73b76c;
}
.beauty .navFixed.is-show .listReserve a{
	background: #f26b6b;
}

.navFixed.is-show .listReserve i {
	padding-right: 8px;
}

.listReserve a:hover{
	background: #638c5e;
}


@media screen and (max-width:750px){
	.detail_navArea{
		margin-bottom: 0;
	}
	.detail_navArea_list{

	}
	.detail_navArea.navFixed.is-show{
		display: flex;
	}
	.detail_navArea_list a{
		font-size: 13px;
		padding: 8px;
		display: flex;
	    align-items: center;
	    justify-content: center;
    	height: 56px;
	}
	.navFixed.is-show .listReserve{
		display: none;
	}
}


/* ------------------------------------------------
detailArea ヘッダー ----------------------------------*/

.header_ttl{
	width: 64%;
	margin-bottom: 8px;
}

.headerArea {
	position: relative;
	margin-bottom: 20px;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	align-items: center;
}

.headerLeft {
	width: 64%;
	max-width: 800px;
}

.header_ttl_catch{
    display: inline-block;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: bold;
}

.header_ttl h2{
	font-size: 24px;
	font-weight: bold;
    line-height: 1.5;
    padding-bottom: 6px;
}

.header_ttl h2 span{
	font-size: 12px;
	font-weight: normal;
	line-height: 1.8;
	display: inline-block;
	color: #888;
	margin: 4px 0 0 10px;
}

.header_ttl_reviews{
	margin: 6px 0 0 0;
}

.reviews_text {
	font-size: 22px;
    font-weight: bold;
    line-height: 1;
    padding-right: 4px;
    color: #ec5252;
}

.header_ttl_reviews span {
	width: 108px;
	margin-right: 8px;
}

.header_dec .header_decTop {
	margin-bottom: 0;
	line-height: 1.3;
}

.header_dec ul li {
	display: inline-block;
	padding-right: 20px;
	font-size: 14px;
	line-height: 2;
}

.header_ttl_box {
	display: flex;
}

.header_detail_add {
	position: relative;
	padding-left: 20px;
	line-height: 2;
}

.header_detail_add:before {
    content: '';
    background: url(../img/common/icon/area.svg) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.header_dec .header_decTop li span:not(.notBold) {font-weight: bold;}

.borderStyle{
    color: #f19947;
    border: 1px solid #f19947;
    -webkit-border-radius: 100px;
            border-radius: 100px;
    padding: 3px 6px 1px;
    margin-right: 4px;
    font-size: 12px;
    line-height: 1;
    display: inline-block;
}


@media screen and (max-width:750px) {
	.headerLeft {
		width: 100%;
		padding: 0;
	}
	.header_ttl{
		width: 100%;
		margin-top: 16px;
		margin-bottom: 4px;
		padding: 0 5%;
	}
	.header_dec {
		padding: 0 5%;
	}
	.header_ttl_catch {
		font-size: 13px;
	}
	.header_ttl h2 span{
		line-height: 1.4;
		font-size: 13px;
		display: block;
    	margin: 0;
	}
	.review__form {
		display: none;
	}
}




/* ------------------------------------------------
relationArea 関連記事 ----------------------------*/

.relationArea {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.relationArea h3{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

.relationArea_section{
	display:flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.relationArea_section_box{
	width: 19%;
	max-width: 220px;
	height: auto;
	background: #f7f7f7;
	padding: 6px 10px 16px 10px;
}

.relationArea_section_box:hover{
	-webkit-transition: .2s all ease 0s;
	   -moz-transition: .2s all ease 0s;
	    -ms-transition: .2s all ease 0s;
	     -o-transition: .2s all ease 0s;
	        transition: .2s all ease 0s;
	-webkit-box-shadow: 0px 4px 12px 3px rgba(0, 0, 0, 0.10);
	        box-shadow: 0px 4px 12px 3px rgba(0, 0, 0, 0.10);
}

.relationArea_section_box figure{
	width: 100%;
	max-width: 210px;
	height: 140px;
	margin: 0 auto 12px;
	background: #fff;
}

@media screen and (max-width:750px){
	.relationArea {
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 0 5%;
	}

	.relationArea h3{
		font-size: 20px;
	}

	.relationArea_section{
	    overflow-x: scroll;
	    -webkit-overflow-scrolling: touch;
	    overflow-scrolling: touch;
	}

	.relationArea_section_box{
	    width: 40%;
	    max-width: 30%;
	    margin-bottom: 20px;
	    padding: 0;
	    background: #fff;
	}

	.relationArea_section_box figure{
		width: 100%;
		max-width: 100%;
		height: 80px;
		margin: 0 auto 12px;
		background: #999;
	}
}


/* 食事　その他の店 ----------------------------*/

.restaurants .relationArea_section_box_name{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 12px;
}

.restaurants .relationArea_section_box_cate,
.restaurants .relationArea_section_box_area{
	font-size: 13px;
}

.restaurants .relationArea_section_box_cate{
	bottom: 26px;
}

.restaurants .relationArea_section_box_area{
	bottom: 10px;
}


/* 医療　関連記事 ----------------------------*/
.medical .content_article_boxLink {
	margin-top: -80px;
	padding-top: 80px;
}

.medical .content_article_boxLink:first-child {
	margin-top: 0;
	padding-top: 0;
}

.medical .relationArea ul{
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.medical .relationArea_list {
	max-width: 220px;
	width: 20%;
	margin-right: 2%;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
			box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.medical .relationArea_list:last-child{
	margin-right: 0;
}

.medical .relationArea_list figure{
	width: 100%;
	height: 180px;
	background: #999;
	margin-bottom: 12px;
}

.medical .relationArea_list_text {
	padding: 8px 12px;
}

.medical .relationArea_list_text h3{
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 6px;
}

.medical .relationArea_list_text_medicalType{
	display: inline-block;
	background: #000;
	padding: 0 6px;
	color: #fff;
}

.medical .relationArea_list_text_medicalAdd{
	display: inline-block;
}


@media screen and (max-width:750px){
	.medical .content_article_boxLink {
		margin-top: -70px;
		padding-top: 70px;
	}

	.medical .content_article_boxLink:first-child {
		margin-top: -70px;
		padding-top: 70px;
	}
	.medical .relationArea_list_text{
		display: inline-block;
		width: 68%;
	}
	.medical .relationArea_list_text h3{
		margin-bottom: 6px;
	}
}


/* ------------------------------------------------
detailArea 食事 ----------------------------------*/

.btnReserve{
    -webkit-border-radius: 4px;
            border-radius: 4px;
    text-align: center;
    -webkit-transition: .2s all ease 0s;
       -moz-transition: .2s all ease 0s;
        -ms-transition: .2s all ease 0s;
         -o-transition: .2s all ease 0s;
            transition: .2s all ease 0s;
}

.restaurants .btnReserve{
    background: #73b76c;
    -webkit-box-shadow: 0px 4px 0px rgba(99, 140, 94);
    		box-shadow: 0px 4px 0px rgba(99, 140, 94);
}

.beauty .btnReserve{
    background: #ff7481;
    -webkit-box-shadow: 0px 4px 0px rgba(238, 80, 95);
    		box-shadow: 0px 4px 0px rgba(238, 80, 95);
}

.jobs .btnReserve{
    background: #46b03b;
    -webkit-box-shadow: 0 5px 0 #24711b;
    		box-shadow: 0 5px 0 #24711b;
}

.btnReserve a{
    -webkit-border-radius: 4px;
            border-radius: 4px;
    font-weight: bold;
    color: #fff;
    padding: 2px 0;
}

.btnReserve:hover{
	box-shadow: none;
	-webkit-transform: translateY(4px);
	   -moz-transform: translateY(4px);
	    -ms-transform: translateY(4px);
	     -o-transform: translateY(4px);
	        transform: translateY(4px);
	-webkit-box-shadow: none;
			box-shadow: none;
}

.btnNext_content{
	display: none;
}

.reservationArea{
	border-radius: 2px;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width:750px){
	.btnReserve{
		border-radius: 2px;
	    -webkit-box-shadow: none;
	    		box-shadow: none;
	}
	.restaurants .btnReserve{
	    -webkit-box-shadow: none;
	    		box-shadow: none;
	}

	.beauty .btnReserve{
	    -webkit-box-shadow: none;
	    		box-shadow: none;
	}

	.btnReserve a{
		padding: 12px 0;
	}
	.btn a{
		border-radius: 2px;
	}
}

.restaurants .header_dec_listDown .header_dec_listDown_ranch,
.restaurants .header_dec_listDown .header_dec_listDown_dinner{
	margin-right: 12px;
	font-weight: normal;
	display: block;
}

.restaurants .header_dec_listDown_ranch::before {
     font-family: "Font Awesome 5 Free";
     content: '\f185';
     padding-right: 6px;
}

.restaurants .header_dec_listDown_dinner::before {
     font-family: "Font Awesome 5 Free";
     content: '\f186';
     padding-right: 6px;
}

@media screen and (max-width:750px){
	.restaurants .header_dec_listDown .header_dec_listDown_ranch,
	.restaurants .header_dec_listDown .header_dec_listDown_dinner{
		display: block;
	}
}

.headerRight{
	width: 32%;
	background: #f4f4f4;
	padding: 20px;
	border-radius: 3px;
	height: 142px;
}

.reservationArea_tel{
	font-size: 26px;
	font-weight: bold;
    text-align: center;
    line-height: 1.8;
}

.reservationArea_tel a{
	display: inline-block;
}

.reservationArea_tel .tel_icon img {
	width: 22px;
	height: 22px;
	vertical-align: middle;
}

.reservationArea_web a{
	border-radius: 4px;
	font-size: 18px;
	margin-bottom: 12px;
	padding: 8px 0;
}

.header__headRight__btnArea__list{
	display: flex;
    -webkit-justify-content: center;
            justify-content: center;
	width: 100%;
}

.header__headRight__btnArea__list li {
	margin: 0 5px;
}

.qoupon_area {
	margin-top: 12px;
}

.qoupon_area a{
	height: 48px;
	line-height: 48px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #f2f2f2;
    color: #fff;
    font-weight: bold;
}

.restaurants .qoupon_area a { background: #73b76c; }
.beauty .qoupon_area a { background: #f26b6b; }


.header__headRight__btnArea ul li {
	text-align: center;
	margin-top: 8px;
	position: relative;
}

.header__headRight__btnArea ul li a,
.header__headRight__btnArea ul li button {
	background: #fff;
	padding: 8px 26px;
	border-radius: 4px;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.8;
}
.restaurants .header__headRight__btnArea ul li button.fav_active {color: #f19947;}
.beauty .header__headRight__btnArea ul li button.fav_active {color: #e8839b;}
.restaurants .header__headRight__btnArea ul li a,
.restaurants .header__headRight__btnArea ul li button {border: 1px solid #f19947;}
.beauty .header__headRight__btnArea ul li a,
.beauty .header__headRight__btnArea ul li button {border: 1px solid #e8839b;}

.header__headRight__btnArea ul li img {
	width: 19px;
    height: 15px;
    margin-right: 8px;
    vertical-align: text-bottom;
}

@media screen and (max-width:750px){
	.headerFixed {
		position: fixed;
		bottom: 0;
		background: #f2f2f2;
		padding: 8px 15px;
		width: 100%;
		z-index: 2222;
	}

	.headerFixed__btn {
		display: flex;
		justify-content: space-between;
		text-align: center;
	}

	.reservationArea__tel {
		padding: 12px 0;
		width: 64%;
		border-radius: 3px;
		/* margin-right: 4px; */
	}

	.reservationArea__tel a {
		color: #fff;
		font-size: 16px;
	    font-weight: bold;
	}

	.reservationArea__favorit {
		/* margin-right: 4px; */
	}

	.reservationArea__icon {
		width: 16%;
		background: #fff;
		border: 1px solid #ded1c2;
		border-radius: 3px;
	}

	.reservationArea__icon a,
	.reservationArea__icon button {
		padding: 12px 0;
	}

	.reservationArea__icon img {
		width: 38%;
	}
}

.detail_contentArea_main h3{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 8px;
}

.detail_contentArea_main h4{
	padding-left: 16px;
	position: relative;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	font-size: 18px;
}

.restaurants .detail_contentArea_main h4::before{background: #f19947;}
.beauty .detail_contentArea_main h4::before{background: #e8839b;}
.realestate .detail_contentArea_main h4::before{background: #a66aad;}
.detail_contentArea_main h4::before{
	content: "";
	width: 6px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 4px;
}

.sectionBox{
	margin-top: -60px;
	padding-top: 60px;
	margin-bottom: 60px;
	position: relative;
}

.sectionBox__inner {
	margin-bottom: 40px;
}

.last__list{
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

@media screen and (max-width:750px){
	.detail_contentArea_main h3{
		font-size: 20px;
		line-height: 2.2;
	}
	.sectionBox{
		margin-top: -60px;
		margin-bottom: 40px;
		padding: 60px 0 0;
	}
	.detail_contentArea_reviews h3 {
		line-height: 2;
	}
}


.detail_contentArea{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 120px;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.detail_contentArea_main{
	width: 65%;
}

.detail_contentArea_mainSlider{
	width: 100%;
	margin-bottom: 40px;
}

.detail_contentArea_mainSlider_listImg {
	width: 754px;
	height: 492px;
	overflow: hidden;
	position: relative;
}

.detail_contentArea_mainSlider_listImg img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.sp_detail_contentArea_mainSlider {
	display: none;
}

.detail_contentArea_mainSlider_list{
	margin-bottom: 20px;
}

.detail_contentArea_mainSlider_thumbArea{
	width: 100%;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	margin: 0 auto;
}

.detail_contentArea_mainSlider_thumb{
	width: 12%;
	height: 92px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.detail_contentArea_mainSlider_thumb img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.detail_contentArea_mainLead{
	width: 100%;
	margin-bottom: 60px;
}

.detail_contentArea_mainLead h2{
	font-size: 24px;
	margin-bottom: 12px;
	font-weight: bold;
}

.detail_contentArea_mainLead_text{
	width: 100%;
	line-height: 1.8;
}

@media screen and (max-width:750px){
	.detail_contentArea{
		width: 100%;
		max-width: 100%;
		margin: 0 auto 30px;
		display: block;
		padding: 0 4%;
	}
	.detail_contentArea_main{
		width: 100%;
	}
	.detail_contentArea_mainSlider{
		display: none;
	}
	.sp_detail_contentArea_mainSlider {
		display: block;
		margin-bottom: 0px;
	}
	.detail_contentArea_mainSlider_thumb{
		height: 48px;
	}
	.detail_contentArea_mainSlider_listImg {
		width: 100%;
		height: 208px;
		overflow: hidden;
		position: relative;
	}
	.detail_contentArea_mainSlider_list{
		margin-bottom: 0;
	}
	.contentArea__main__slider__thumb.slick-slider{
		display: none;
	}
	.detail_contentArea_mainLead{
		margin: 20px auto;
	}
	.detail_contentArea_mainLead h2{
		font-size: 22px;
	}
}

.slick-prev,
.slick-next
{
    position: absolute;
    top: 50%;
    display: block;
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 6666;
}


/* --- side -------------------------------------- */
.detail_contentArea_side {
	width: 32%;
}

.detail_contentArea_side h3{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.sideBox{
	margin-bottom: 32px;
}

@media screen and (max-width:750px){
	.detail_contentArea_side{
		position: static;
		width: 100%;
	}
	.detail_contentArea_side h3{
		font-size: 18px;
		margin-bottom: 16px;
	}
	.sideBox{
		margin-top: 32px;
	}
}

/* ------------------------------------------------
content side coupon  --------------------------------------------*/

.contentArea__side__coupon{
	padding: 28px 8%;
	position: relative;
}

.contentArea__side__coupon::before{
	content:"";
	background: url(/static/img/common/ribbon.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	height: 65px;
}

.contentArea__side__coupon__h3Ttl{
	color: #514232;
	font-size: 22px;
}

.contentArea__side__coupon__box__list{
	width: 100%;
	background: #fff;
	margin-bottom: 12px;
	font-size: 13px;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}
.restaurants .contentArea__side__coupon__box__list{border-left: 6px solid #f19947;}
.beauty .contentArea__side__coupon__box__list{border-left: 6px solid #e8839b;}

.contentArea__side__coupon__box__list a{
	outline:none;
	font-weight: bold;
}

.contentArea__side__coupon__box__list:hover{
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.contentArea__side__coupon__box__list span{
	padding: 25px;
    display: block;
    line-height: 1.5;
}

.contentArea__side__coupon__box__list__inner{
	background: #fff;
	border: none;
	padding: 0;
}

.modal__inner{
	display: none;
}


@media screen and (max-width:640px){
	.contentArea__side__coupon{
		padding: 20px 4%;
	}
	.contentArea__side__coupon__box__list{
		width: 100%;
		height: 84px;
	}
	.contentArea__side__coupon__box__list span{
		width: 250px;
	}
}


/* --- recommend ------------------------------- */
.detail_contentArea_recommend{
	margin-bottom: 100px;
}

.detail_contentArea_recommend_lists{
	border-bottom: 1px solid #ccc;
	display: flex;
	padding: 16px 0;
}

.detail_contentArea_recommend_lists.last__list{
	border-bottom: none;
}

.detail_contentArea_recommend_lists_photo{
	width: 160px;
	min-width: 160px;
	max-height: 120px;
	margin-right: 20px;
	overflow: hidden;
}

.detail_contentArea_recommend_lists_dec{
	width: 580px;
}

.detail_contentArea_recommend_lists_dec_catch{
	font-weight: bold;
	font-size: 20px;
	line-height: 2;
}

.detail_contentArea_recommend_lists_dec_catch a{
	pointer-events: none;
	cursor: auto;
}

@media screen and (max-width:750px){
	.detail_contentArea_recommend_lists{
		width: 100%;
		padding: 8px 0;
	}
	.detail_contentArea_recommend_lists_photo{
		width: 200px;
		height: auto;
	}
	.detail_contentArea_recommend_lists_dec{
		width: 100%;
	}
	.detail_contentArea_recommend_lists_dec_catch{
		font-size: 16px;
		line-height: 1.6;
	}
	.detail_contentArea_recommend_lists_dec_text{
		display: none;
	}
	.detail_contentArea_recommend_lists_dec_catch a{
		pointer-events: auto;
	}
	.detail_contentArea_recommend_lists_dec_textTtl{
		display: block;
		font-size: 20px;
	}
}




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

.detail_contentArea_listArea_lists {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}

.detail_contentArea_listArea_lists:first-child {
	border-top: 1px solid #ddd;
}

.detail_contentArea_listArea_listDec {
	width: 80%;
	display: inline-block;
}

.detail_contentArea_listArea_listDec_ttl {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
}

.detail_contentArea_listArea_listDec_text {
	display: block;
	font-size: 14px;
	line-height: 1.75;
}

.detail_contentArea_listArea_listPrice {
	display: inline-block;
	width: 18%;
    vertical-align: top;
    font-weight: bold;
    text-align: right;
}


@media screen and (max-width:750px){
	.detail_contentArea_listArea_listDec {
		width: 100%;
		display: block;
	}
	.detail_contentArea_listArea_listPrice {
		display: block;
		text-align: right;
		width: 100%;
		display: block;
	    margin-left: auto;
	}
}


/* --- course ------------------------------------ */

.detail_contentArea_course_lists{
	border-bottom: 1px solid #ccc;
	display: flex;
	padding: 16px 0;
}

.detail_contentArea_course_lists_photo{
	width: 160px;
	min-width: 160px;
	max-height: 120px;
	margin-right: 20px;
}

.detail_contentArea_course_lists_photo a{
	width: 100%;
	height: 100%;
}

.detail_contentArea_course_lists_dec{
	width: 630px;
	position: relative;
}

.detail_contentArea_course_lists_dec_name{
	font-size: 20px;
	font-weight: bold;
}

.detail_contentArea_course_lists_dec_pointTag{
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 2px 8px;
	border-radius: 4px;
	background: #fef7f1;
	color: #f19947;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
}

.detail_contentArea_course_lists_dec_price{
	display: inline-block;
	font-size: 20px;
	color: #e22540;
}

.detail_contentArea_course_lists_dec_btnMore{
	display: inline-block;
  width: 110px;
  font-size: 14px;
  position: absolute;
  right: 120px;
  bottom: 0;
  font-size: 13px;
}

.detail_contentArea_course_lists_dec_btnReserve{
	display: inline-block;
  width: 110px;
  position: absolute;
  right: 0;
  bottom: 3px;
  font-size: 13px;
}

.detail_contentArea_course_lists_dec_btnMore a,
.detail_contentArea_course_lists_dec_btnReserve a{
	padding: 5px 0;
}

.contentArea__main__cooking__tab{
	display: none;
}

@media screen and (max-width:750px){
	.detail_contentArea_course_lists_photo{
		width: 120px;
	}
	.detail_contentArea_course_lists_dec{
		width: 58%;
	}

	.detail_contentArea_course_lists_dec_name{
		font-size: 16px;
		position: relative;
		line-height: 1.4;
	}

	.detail_contentArea_course_lists_dec_name span{
		margin: 0 4px 0 0;
	}
	.detail_contentArea_course_lists_dec_text{
		display: none;
	}
	.detail_contentArea_course_lists_dec_price{
		position: static;
		line-height: 2;
	}
	.detail_contentArea_course_lists_dec_btnMore{
		display: none;
	}
	.detail_contentArea_course_lists_dec_btnReserve{
		position: static;
		width: 100%;
	}
	.detail_contentArea_course_lists_dec_btnReserve a{
		padding: 8px 0;
	}

}

/* --- cooking ------------------------------------ */

.detail_contentArea_cooking{
	padding-top: 40px;
}

.detail_contentArea_cooking_inner{
	margin-bottom: 40px;
}

.detail_contentArea_cooking_inner h4{
	margin-bottom: 0;
}

.detail_contentArea_cooking_lists{
	width: 100%;
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #ccc;
}

.detail_contentArea_cooking_lists_dec{
	width: 90%;
	padding-right: 20px;
	box-sizing: border-box;
	font-weight: bold;
}

.detail_contentArea_cooking_lists_dec span{
	display: block;
	font-size: 13px;
	font-weight: normal;
}

.detail_contentArea_cooking_lists_price{
	position: absolute;
	right:0;
	top: 16px;
	width: 10%;
	font-weight: bold;
}

@media screen and (max-width:640px){
	.detail_contentArea_cooking{
		width: 100%;
		margin: 0 auto;
	}
	.detail_contentArea_cooking_lists_dec{
		width: 100%;
	}
	.detail_contentArea_cooking_lists_price{
		position: static;
		width: 100%;
		text-align: right;
	}
}

/* --- reviews ------------------------------------ */

.detail_contentArea_reviews{
	margin-bottom: 100px;
}

.detail_contentArea_reviews h3 {
	position: relative;
}

.detail_contentArea_reviewsBtn {
	position: absolute;
	bottom: 8px;
	right: 0;
	margin-bottom: 0;
	text-align: center;
}

.detail_contentArea_reviewsBtn .btn.btn_fixed_small{
	margin-right: 0;
}
.detail_contentArea_reviewsBtn_restaurants .btn.btn_fixed_small{border: 1px solid #f19947;}
.detail_contentArea_reviewsBtn_beauty .btn.btn_fixed_small{border: 1px solid #e8839b;}

.detail_contentArea_reviewsBtn .btn img {
	width: 19px;
    height: 15px;
    margin-right: 8px;
    vertical-align: text-bottom;
}

.detail_contentArea_reviews_lists{
	border-top: 1px solid #ccc;
	display: flex;
	padding: 16px 0 20px;
}

.detail_contentArea_reviews_lists:last-child{
	border-bottom: 1px solid #ccc;
}

.detail_contentArea_reviews_photo{

}

.detail_contentArea_reviews_dec{
	width: 694px;
}

.detail_contentArea_reviews_dec_textArea_name{
	display: inline-block;
	padding: 4px 8px 8px 0;
}

.detail_contentArea_reviews_dec_textArea .star_icon {
	width: 86px;
    vertical-align: text-top;
    margin-right: 8px;
    padding-top: 2px;
}

.detail_contentArea_reviews_dec_textArea .reviews_text {
    font-size: 16px;
}

.detail_contentArea_reviews_dec_textArea_ttl{
	font-size: 18px;
	padding-bottom: 6px;
	font-weight: bold;
}

.detail_contentArea_reviews_dec_textArea_text{
	font-size: 15px;
    /*margin-bottom: 16px;*/
    line-height: 1.8;
}

.detail_contentArea_reviews_dec_textArea_text.full_text{
	display: none;
}

.detail_contentArea_reviews_dec_imgArea {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.detail_contentArea_reviews_dec_textArea_img {
	width: 48.5%;
	height: auto;
	display: inline-block;
	overflow: hidden;
	margin-bottom: 20px;
}

.detail_contentArea_reviews_dec_textArea_img img {
	width: 100%;
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.12);
			box-shadow: 0 0 16px rgba(0,0,0,0.12);
	border: 1px solid #eee;
}

.detail_contentArea_reviews_dec_textArea_more{
	position: relative;
}

.detail_contentArea_reviews_dec_textArea_more a{
	color: #79654f;
	text-align: center;
}

.detail_contentArea_reviews_dec_textArea_more i{
	padding-left: 20px;
}

@media screen and (max-width:640px){
	.detail_contentArea_reviewsBtn {
		position: absolute;
		bottom: 6px;
		right: 0;
		margin-bottom: 0;
		text-align: center;
	}
	.detail_contentArea_reviews_lists{
		padding: 8px 0;
	}
	.detail_contentArea_reviews_photo{
		width: 52px;
		height: 52px;
		margin-top: 8px;
	}
	.detail_contentArea_reviews_dec{
		width: 80%;
		position: relative;
	}
	/*.detail_contentArea_reviews_dec::before{
	    font-family: "Font Awesome 5 Free";
	    content: '\f105';
	    font-weight: 900;
	    color: rgba(0,0,0,0.3);
	    font-size: 20px;
	    position: absolute;
	    right: 0;
	    top: 50%;
	    bottom: 0;
	    margin: auto;
	}*/
	.detail_contentArea_reviews_dec_textArea{width: 100%;}
	.detail_contentArea_reviews_dec_textArea_ttl{font-size: 18px;}
	.detail_contentArea_reviews_dec_textArea_name{
		display: block;
		padding-bottom: 0;
	}
	/*.detail_contentArea_reviews_dec_textArea_text{display: none;}*/
	.detail_contentArea_reviews_dec_textArea_more{display: none;}
	.contentArea__main__reviews__more {margin-top: 30px;}
}


/* --- info -------------------------------------- */

.detail_contentArea_info_box{
	width: 100%;
	letter-spacing: -.4em;
	margin-bottom: 40px;
	display: flex;
    flex-wrap: wrap;
}
.realestate .detail_contentArea_info_box{
	margin-bottom: 80px;
}

.detail_contentArea_info_box_item,
.detail_contentArea_info_box_detail{
	border-bottom: 1px solid #ddd;
	padding: 16px 0;
	padding-left: 20px;
	letter-spacing: normal;
}

.detail_contentArea_info_box_item{
	background: #f7f7f7;
	width: 24%;
	/* max-width: 180px; */
	font-weight: bold;
}

.detail_contentArea_info_box_detail{
	width: 76%;
	max-width: 600px;
}

.restaurants .detail_contentArea_info_box_detail a:hover{ color: #73b76c; }
.restaurants .detail_contentArea_info_box_detail a:hover{ color: #f26b6b; }

.detail_contentArea_info_box_detail iframe {
	display: block;
	width: 100%;
	height: 240px;
	margin: 16px 0 0;
}

@media screen and (max-width:640px){
	.detail_contentArea_info_box_item{
		font-size: 12px;
		width: 24%;
	}
	.detail_contentArea_info_box_detail{
		width: 76%;
		font-size: 14px;
	}
	.detail_contentArea_info_box_item,
	.detail_contentArea_info_box_detail{
		padding: 8px 2%;
	}
}


/* --- info -------------------------------------- */

.detail_contentArea_side_coupon{
	padding: 28px 6%;
	background: #ede7e0;
	position: relative;
}

.detail_contentArea_side_coupon::before{
	content:"";
	background: url(../img/ribbon.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	height: 65px;
}

.detail_contentArea_side_coupon h3{
	color: #514232;
	font-size: 22px;
}

.detail_contentArea_side_coupon_box_list{
	width: 100%;
	height: 94px;
	margin-bottom: 12px;
	font-weight: bold;
	background: url(../img/coupon_bg.png) no-repeat center;
	-webkit-background-size: cover;
			background-size: cover;
	-webkit-border-radius: 0 6px 6px 0;
	        border-radius: 0 6px 6px 0;
	-webkit-transition: .3s all ease 0s;
	   -moz-transition: .3s all ease 0s;
	    -ms-transition: .3s all ease 0s;
	     -o-transition: .3s all ease 0s;
	        transition: .3s all ease 0s;
	font-size: 13px;
}

.detail_contentArea_side_coupon_box_list a{
	outline:none;
}

.detail_contentArea_side_coupon_box_list:hover{
	-webkit-box-shadow: 0px 4px 12px 3px rgba(0, 0, 0, 0.10);
	        box-shadow: 0px 4px 12px 3px rgba(0, 0, 0, 0.10);
}

.detail_contentArea_side_coupon_box_list span{
	width: 228px;
	height: 82px;
	padding-left: 20px;
  	display: table-cell;
	vertical-align: middle;
}

.modal__inner{
	display: none;
}


@media screen and (max-width:640px){
	.detail_contentArea_side_coupon{
		padding: 20px 4%;
	}
	.detail_contentArea_side_coupon_box_list{
		width: 100%;
		height: 84px;
	}
	.detail_contentArea_side_coupon_box_list span{
		width: 250px;
	}
}

/* --- commitment -------------------------------------- */

.detail_contentArea_side_commitment{
	padding: 22px 16px 16px;
    box-sizing: border-box;
}
.detail_contentArea_side_commitment_restaurants{border-top: 2px solid #f19947;}
.detail_contentArea_side_commitment_beauty{border-top: 2px solid #e8839b;}

.detail_contentArea_side_commitment_box{
	width: 100%;
	background: #fff;
	padding: 24px 6.8%;
}

.detail_contentArea_side_commitment_box_list{
	position: relative;
	font-weight: bold;
	padding: 8px 0 8px 28px;
	text-indent: -24px;
}

.detail_contentArea_side_commitment_box_list::before{
    font-family: "Font Awesome 5 Free";
    content: '\f058';
    font-weight: 900;
    padding-right: 8px;
    font-size: 13px;
}
.detail_contentArea_side_commitment_box_list_restaurants::before{color: #f19947;}
.detail_contentArea_side_commitment_box_list_beauty::before{color: #e8839b;}


@media screen and (max-width:640px){
	.detail_contentArea_side_commitment_box{
		padding: 20px 8%;
	}
}

/* --- information -------------------------------------- */

.detail_contentArea_side_information{
	padding: 28px 4.8% 16px;
	box-sizing: border-box;
	background: #f7f7f7;
	border-top: 3px solid #b69e83;
}

.detail_contentArea_side_information_box{
	width: 100%;
	background: #fff;
	padding: 24px 28px;
}

.detail_contentArea_side_information_box_detail{
	border-bottom: 1px solid #ccc;
	padding: 16px 0;
}

.detail_contentArea_side_information_box_detail_date{
	font-size: 12px;
	color: #888888;
	margin-bottom: 2px;
}

.detail_contentArea_side_information_box_detail_text{
	font-size: 14px;
}

@media screen and (max-width:640px){
	.detail_contentArea_side_information_box{
		padding: 20px 8%;
	}
}


/* --- othershop -------------------------------------- */

.detail_contentArea_side_othershop h3{
	padding: 8px 0;
	color: #fff;
}

.detail_contentArea_side_othershop_lists{
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.detail_contentArea_side_othershop_lists a{
	display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

.detail_contentArea_side_othershop_lists_photo{
	width: 28%;
	height: 72px;
	margin-right: 3%;
	overflow: hidden;
}

.detail_contentArea_side_othershop_lists_detail{
	width: 66%;
	position: relative;
}

.detail_contentArea_side_othershop_lists_detail_name{
	font-size: 16px;
	font-weight: bold;
}

.detail_contentArea_side_othershop_lists_detail_area{
	position: absolute;
	bottom: 0;
	border: 1px solid #ccc;
	border-radius: 100px;
	padding: 0 12px;
    font-size: 12px;
    line-height: 1.3;
}

@media screen and (max-width:640px){
	.detail_contentArea_side_othershop_lists{
		position: relative;
	}
	/* .detail_contentArea_side_othershop_lists::before{
		font-family: "Font Awesome 5 Free";
	    content: '\f105';
	    font-weight: 900;
	    color: rgba(0,0,0,0.3);
	    font-size: 20px;
	    position: absolute;
	    right: 0;
	} */
	.detail_contentArea_side_othershop_lists_photo{
		width: 28%;
		max-width: 28%;
	}
}

/* --- reservation ------------------------------------ */

.detail_contentArea_side_reservation{
	width: 100%;
    padding: 20px 10%;
    background: #f2f2f2;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
    		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
}

.detail_contentArea_side_reservation .reservationArea_tel{
	text-align: center;
}

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

/* ------------------------------------------------
detailArea 美容 ----------------------------------*/

.beauty_tag span{
    display: inline-block;
    /*margin: 0 4px;*/
    padding: 2px 8px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background: #fdf2f5;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    color: #e8839b;
}

@media screen and (max-width:750px){
	.beauty_tag span{
		font-size: 12px;
		margin-bottom: 8px;
	}
}



/* --- plan ------------------------------------ */
.detail_contentArea_plan_lists{
	border-top: 1px solid #ddd;
	display: flex;
}

.detail_contentArea_plan_lists:last-child{
	border-bottom: 1px solid #ddd;
}

.detail_contentArea_plan_lists_tag {
	color: #fff;
	text-align: center;
}

.detail_contentArea_plan_lists_tag.new{
    background: #ff7481;
}

.detail_contentArea_plan_lists_tag.student{
    background: #fac468;
}

.detail_contentArea_plan_lists_tag.all{
    background: #f4f4f4;
    color: #333;
}

.detail_contentArea_plan_lists_tag span{
	display: table-cell;
	width: 24px;
    height: 152px;
    vertical-align: middle;
}

.detail_contentArea_plan_lists_photo{
	width: 14%;
	max-width: 102px;
	min-width: 102px;
	height: 132px;
	margin: 10px 20px 10px 10px;
	position: relative;
	overflow: hidden;
}

.detail_contentArea_plan_lists_photo img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.detail_contentArea_plan_lists_dec{
	width: 100%;
	max-width: 630px;
	position: relative;
	padding: 10px 0;
	font-weight: bold;
}

.detail_contentArea_plan_lists_dec_text{
	font-size: 18px;
	font-weight: bold;
}

.detail_contentArea_plan_lists_dec_text__content{
	font-size: 14px;
	font-weight: normal;
}

.detail_contentArea_plan_lists_dec_price{
	display: inline-block;
	font-size: 20px;
	color: #ec5252;
}

.detail_contentArea_plan_lists_dec_price span {
	color: #666;
	font-size: 14px;
	font-weight: normal;
}

.detail_contentArea_plan_lists_dec_price .detail_contentArea_plan_lists_dec_priceThrough{
	text-decoration: line-through;
	display: inline-block;
    padding-left: 12px;
}

.detail_contentArea_plan_lists_btn{
	background: #fdf5e6;
    max-width: 150px;
    width: 20%;
}

.detail_contentArea_plan_lists_btnInner{
    width: 80%;
    margin: 0 auto;
}

.detail_contentArea_plan_lists_btnInner_box{
	width: 102px;
    height: 150px;
    display: table-cell;
    vertical-align: middle;
}


@media screen and (max-width:750px){
	.detail_contentArea_plan_lists{
		display: block;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin-bottom: 8px;
	}
	.detail_contentArea_plan_lists_tag span{
		display: block;
		width: 100%;
		height: auto;
		line-height: 1.6;
		font-size: 12px;
	}
	.detail_contentArea_plan_lists_photo{
		max-width: 30%;
		width: 30%;
		height: auto;
		display: block;
		margin: 10px auto;
	}
	.detail_contentArea_plan_lists_photo img{
		position: static;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
		width: 100%;
		height: auto;
	}
	.detail_contentArea_plan_lists_dec{
		width: 100%;
		display: block;
		vertical-align: top;
		padding: 10px 4% 20px;
	}
	.detail_contentArea_plan_lists_dec_text{
		font-size: 16px;
	}
	.detail_contentArea_plan_lists_dec_price{
		display: block;
		font-size: 20px;
		text-align: right;
	}
	.detail_contentArea_plan_lists_dec_price span {
		color: #666;
		font-size: 12px;
		font-weight: normal;
		display: block;
	}

	.detail_contentArea_plan_lists_dec_price .detail_contentArea_plan_lists_dec_priceThrough{
		text-decoration: line-through;
		display: block;
	    padding-left: 0;
		font-size: 13px;
	}
	.detail_contentArea_plan_lists_btn{
	    max-width: 100%;
	    width: 100%;
	}
	.detail_contentArea_plan_lists_btnInner_box{
		width: 100%;
	    height: auto;
	    padding: 20px 0;
	    display: block;
	}

}


/* --- style スタイル ------------------------------------ */

.detail_contentArea_styleInner {
	position: relative;
	height: 380px;
}

.detail_contentArea_styleInner_lists {
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	        transition: all 0.5s ease;
    display: flex;
}

.detail_contentArea_styleInner .active {
	width: 100%;
	height: 250px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
   	padding: 16px 0;
    margin-bottom: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.detail_contentArea_styleInner .non-active-top,
.detail_contentArea_styleInner .non-active-bottom {
    width: 49%;
    height: 114px;
    overflow: hidden;
    position: absolute;
}

.detail_contentArea_styleInner .non-active-top {
	bottom: 0;
	left: 0;
}

.detail_contentArea_styleInner .non-active-bottom {
	bottom: 0;
	right: 0;
}

.detail_contentArea_styleInner .active .detail_contentArea_styleInner_subBox{
	display: none;
}
.detail_contentArea_styleInner .non-active-top .detail_contentArea_styleInner_lists,
.detail_contentArea_styleInner .non-active-bottom .detail_contentArea_styleInner_lists{
	display: none;
}

#rotator .non-active-top:hover,
#rotator .non-active-bottom:hover {
	cursor: pointer;
}

.detail_contentArea_styleInner_lists_photo{
    width: 26%;
    max-width: 272px;
    height: 216px;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
}

.detail_contentArea_styleInner_lists_detail{
    width: 62%;
}

.detail_contentArea_styleInner_lists_detail_ttl{
	font-size: 18px;
    font-weight: bold;
    padding: 8px 0;
}

.detail_contentArea_styleInner_lists_detail_text{
	margin-bottom: 12px;
}

.detail_contentArea_styleInner_lists_detail_order{
	background: #f2f2f2;
	padding: 18px 24px;
	font-size: 13px;
	border-radius: 2px;
	margin-bottom: 20px;
}

.detail_contentArea_styleInner_lists_detail_order span{
	font-weight: bold;
	display: block;
}

.detail_contentArea_styleInner_lists_detail_price {
    font-size: 22px;
    font-weight: bold;
    color: #e22540;
    text-align: right;
}

.detail_contentArea_styleInner_subArea {
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

.detail_contentArea_styleInner_subBox {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    padding: 12px;
    overflow: hidden;
    box-sizing: border-box;
}

.detail_contentArea_styleInner_subBox_photo {
    width: 24%;
    height: 100%;
    float: left;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
}

.detail_contentArea_styleInner_subBox_photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.detail_contentArea_styleInner_subBox_ttl {
    font-weight: bold;
}

.detail_contentArea_styleInner_subBox_price {
    color: #e22540;
    font-weight: bold;
    text-align: right;
}

.cielsowal .detail_contentArea_styleInner {
	height: 480px;
}

.cielsowal .detail_contentArea_styleInner .active {
	height: 354px;
}

@media screen and (max-width:750px){
	.detail_contentArea_styleInner {
		height: auto;
	}
	.detail_contentArea_styleInner_listsArea {
		margin-bottom: 20px;
	}
	.detail_contentArea_styleInner .active {
		height: auto;
	    position: static;
	    padding: 0 0 20px;
	    margin-bottom: 20px;
	    border-top: none;
	}
	.detail_contentArea_styleInner .non-active-top,
	.detail_contentArea_styleInner .non-active-bottom {
	    width: 100%;
	    height: auto;
	    position: static;
	    padding: 8px 0 20px;
	    border-bottom: 1px solid #ddd;
	}
	.detail_contentArea_styleInner_lists {
	    display: flex;
	}
	.detail_contentArea_styleInner .detail_contentArea_styleInner_subBox{
		display: none;
	}
	.detail_contentArea_styleInner .non-active-top .detail_contentArea_styleInner_lists,
	.detail_contentArea_styleInner .non-active-bottom .detail_contentArea_styleInner_lists{
		display: flex;
	}

	.detail_contentArea_styleInner_lists_photo{
	    width: 42%;
	    max-width: 42%;
	    height: auto;
	    margin-right: 12px;
	}
	.detail_contentArea_styleInner_lists_detail{
	    width: 56%;
	}

	.detail_contentArea_styleInner_lists_detail_ttl{
		font-size: 15px;
		padding: 4px 0;
	}

	.detail_contentArea_styleInner_lists_detail_text{
		margin-bottom: 0;
		font-size: 13px;
	}

	.detail_contentArea_styleInner_lists_detail_order{
		padding: 4px 4%;
	}

	.detail_contentArea_styleInner_lists_detail_price {
	    font-size: 18px;
	}

	.detail_contentArea_styleInner_subArea {
	    display: none;
	}
	.cielsowal .detail_contentArea_styleInner {
		height: auto;
	}

	.cielsowal .detail_contentArea_styleInner .active {
		height: auto;
	}

}



/* --- stylist スタイリスト ------------------------------------ */

.detail_contentArea_stylistInner{
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.detail_contentArea_stylistInner_box {
    width: 22%;
    margin-bottom: 36px;
    margin-right: 30px;
}

.detail_contentArea_stylistInner_box:nth-child(4),
.detail_contentArea_stylistInner_box:nth-child(8){
	margin-right: 0;
}

.detail_contentArea_stylistInner_box_photo {
	height: auto;
	max-height: 168px;
    margin-bottom: 8px;
    overflow: hidden;
}

.detail_contentArea_stylistInner_box_name {
    font-size: 15px;
}

.detail_contentArea_stylistInner_box_years {
	font-size: 13px;
    line-height: 1.4;
    margin-bottom: 14px;
}

.detail_contentArea_stylistInner_box_text {
	font-size: 13px;
}


@media screen and (max-width:750px){
	.detail_contentArea_stylistInner{
	    display: block;
	}
	.detail_contentArea_stylistInner_box {
		width: 100%;
		overflow: hidden;
		margin-bottom: 20px;
		border-bottom: 1px solid #ccc;
    	padding-bottom: 12px;
	}
	.detail_contentArea_stylistInner_box_photo {
		width: 40%;
		float: left;
		margin-right: 3%;
	}
	.detail_contentArea_stylistInner_box_name {
		font-size: 16px;
		display: inline-block;
	    width: 50%;
	    vertical-align: top;
	}
	.detail_contentArea_stylistInner_box_years {
		display: inline-block;
	    width: 50%;
	    vertical-align: top;
	}
	.detail_contentArea_stylistInner_box_text {
		display: inline-block;
	    width: 50%;
	    vertical-align: top;
	}
}


/* --- side_good サイドエリア　こだわり ------------------------------------ */
.detail_contentArea_side_good{
	border: 1px solid #ddd;
	padding: 28px 20px;
}

.detail_contentArea_side_good h3{
	font-weight: bold;
	font-size: 20px;
    color: #f26b6b;
}

.detail_contentArea_side_good_box {
	margin-bottom: 30px;
}

.detail_contentArea_side_good_box:last-child{
	margin-bottom: 0;
}

.detail_contentArea_side_good_box_photo {
	width: 100%;
	overflow: hidden;
	height: 182px;
	margin-bottom: 12px;
	position: relative;
}

.detail_contentArea_side_good_box_photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.detail_contentArea_side_good_box_ttl {
	font-size: 20px;
	font-weight: bold;
}


/* --- クーポン ------------------------------------ */

.detail_contentArea_qouponArea {
    padding: 22px 24px;
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.10);
}
.restaurants .detail_contentArea_qouponArea {border-left: 6px solid #f19947;}
.beauty .detail_contentArea_qouponArea {border-left: 6px solid #e8839b;}

.detail_contentArea_qoupon h3{
	font-size: 28px;
}

.detail_contentArea_qoupon .detail_contentArea_qoupon__text{
	margin-bottom: 40px;
}

.detail_contentArea_qouponArea h4 {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 20px 0;
	padding-left: 0;
	color: #ec5252;
	line-height: 1.4;
}

.detail_contentArea_qouponArea h4:before{
	content: none;
}

.detail_contentArea_qoupon_text{
	margin-bottom: 12px;
}

.detail_contentArea_qoupon_deadline {
	background: #f6f6f6;
	padding: 12px 24px;
	display: flex;
    flex-wrap: wrap;
}

.detail_contentArea_qoupon_deadline dt{
	width: 66px;
	font-weight: bold;
	margin-right: 12px;
}

.detail_contentArea_qoupon_deadline dd{
	width: 585px;
	font-size: 14px;
	margin-bottom: 6px;
	line-height: 1.8;
}

.detail_contentArea_qoupon_price {
	line-height: 1;
    margin-top: 10px;
}

.detail_contentArea_qoupon_price li {
	display: inline-block;
}

.detail_contentArea_qoupon_priceBefore {
	text-decoration: line-through;
	padding-right: 16px;
	color: #888;
	font-size: 16px;
}

.detail_contentArea_qoupon_priceBefore:after{
	content: "→";
    padding-left: 16px;
    text-decoration: none;
}

.detail_contentArea_qoupon_priceAfter {
	font-weight: bold;
	font-size: 22px;
    color: #ec5252;
}

.detail_contentArea_qoupon_pricetext {
	display: block;
	line-height: 1;
}

.coupon.detail_contentArea_side {
	top: 320px;
}


@media screen and (max-width:750px){
	.qoupon.header_dec {
		display: none;
	}
	.detail_contentArea_qoupon {
	    margin-top: -40px;
	    margin-bottom: 40px;
	    padding: 60px 4% 0;
	}
	.detail_contentArea_qoupon h3{
		font-size: 26px;
	}
	.detail_contentArea_qouponArea {
		padding: 18px 15px;
		margin-bottom: 16px;
		border-top: 6px solid #f26b6b;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	.detail_contentArea_qouponArea h4 {
		font-size: 18px;
	}

	.detail_contentArea_qoupon_deadline {
		padding: 12px 16px;
	}

	.detail_contentArea_qoupon_deadline dt{
		display: inline-block;
		width: 28%;
		font-weight: bold;
		vertical-align: top;
	}

	.detail_contentArea_qoupon_deadline dd{
		width: 100%;
	}
	.detail_contentArea_qoupon_priceBefore:after{
	    padding-left: 12px;
	}
	.detail_contentArea_qoupon_pricetext {
		line-height: 1.6;
	}

}

/* ------------------------------------------------
detailArea 病院 ----------------------------------*/

.medical .detail_contentArea{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 120px;
	position: relative;
}

.medical .h2_icon {
	font-size: 36px;
	font-weight: bold;
	position: relative;
}

.medical h2 .medicalAdd{
	background: #000;
	padding: 0 16px;
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 10px;
}

.medical .content_detailArea_box {
	margin-bottom: 28px;
}

.medical .content_detailArea_box02{
	margin-bottom: 28px;
}

.medical .content_detailArea_box02 ul{
    width: 49%;
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
}

.medical .content_detailArea_box02_list {
	padding-bottom: 8px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #aaa;
	font-weight: normal;
}

.medical .content_detailArea_box02_list a {
    padding: 0;
    word-break: break-all;
}

.medical .content_detailArea_box02_list a:hover {
    color: #6d82a5;
}

.medical .content_detailArea_box02_list:last-child{
	margin-bottom: 0;
}

.medical .content_detailArea_box02_list span{
	font-weight: bold;
	display: block;
}

.medical .content_detailArea_mapArea{
	width: 46%;
	display: inline-block;
}

.medical .content_detailArea_mapArea iframe{
	width: 100%;
    height: 200px;
}

.medical .medicalType{
	font-weight: normal;
}

.medical h3 {
	font-size: 24px;
	font-weight: bold;
	position: relative;
	margin: 0 0 25px;
}

.medical .medicalTtl {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	margin-bottom: 12px;
}

.medical .medicalAdd {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 15px;
	text-align: right;
	background: #4c9fc1;
	color: #fff;
	padding: 0 8px;
}

.medical table tr{
	border: 1px solid #eaeaea;
}

.medical table th{
	background: #4c9fc1;
	color: #fff;
	width: 100px;
	font-size: 13px;
	text-align: center;
	border-right: 1px solid #fff;
}

.medical table td{
	width: 295px;
	padding: 12px 0 12px 18px;
	font-size: 13px;
	line-height: 1.6;
}

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

	.medical h3 {
		font-size: 22px;
		font-weight: bold;
	}
	.medical table th{
		padding: 0 1%;
	}
	.medical table td {
	    padding: 12px 5% 12px 3%;
	}
	.medical .detail_contentArea{
		width: 100%;
		max-width: 100%;
		margin: 0 auto 80px;
		padding: 0 5%;
	}

	.medical .contentRight{
		position: static;
	}
	.medical .medicalAdd {
		position: static;
		display: inline-block;
	}

	.medical .content_detailArea_box02 ul{
	    width: 100%;
	    display: block;
	    margin-right: 0;
	}
	.medical .content_detailArea_mapArea {
		width: 100%;
	    display: block;
	}
}


/* ------------------------------------------------
求人 トップ  -------------------------------------*/


.content_article_boxTtl {
	padding-bottom: 16px;
	border-bottom: 1px dashed #999;
	margin-bottom: 16px;
}

.content_article_boxTtl h3{
	font-size: 18px;
	font-weight: bold;
}

.content_article_list_tag{
	margin: 0 0 8px 0;
}

.content_article_boxDetail {
	font-size: 14px;
}

.content_article_boxDetail_detail {
	font-size: 13px;
}

.content_article_boxDetail_box {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.content_article_boxDetail_jobCate_ttl{
	font-weight: bold;
	display: inline-block;
	text-align: center;
	color: #82b158;
}

.content_article_boxDetail_jobCate_detail {
	display: inline-block;
}

.content_article_boxDetail_jobType {
	display: flex;
}

.content_mainArea_list .content_article_boxDetail_jobType {
    display: block;
}

.content_article_boxDetail_jobType_listArea {
    margin-right: 20px;
}

@media screen and (max-width:1024px) {
    .content_article_boxDetail_jobType {
        display: block;
    }
    .content_article_boxDetail_jobType_listPrice {
        margin-top: 4px;
    }
}

.content_article_boxDetail_jobType p {
    font-size: 13px;
    padding-left: 20px;
    position: relative;
    margin-bottom: 6px;
}

.content_article_boxDetail_jobType_listArea:before {
    content: "";
    background: url(/static/img/common/icon/area.svg) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}

.content_article_boxDetail_jobType_listPrice:before {
    content: "";
    background: url(/static/img/common/icon/dollar.svg) no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}

.content_article_boxDetail_jobType_ttl {
	margin-right: 4px;
	margin-left: 20px;
}

.content_article_boxDetail_jobType_ttl img {
	width: 15px;
	vertical-align: text-top;
}

.content_article_boxDetail_jobType_detail {
	font-size: 13px;
}

.content_article_boxDetail .jobs {
	width: 100%;
	margin-bottom: 20px;
}

.content_article_boxBtn {
	position: absolute;
	bottom: 20px;
	width: 90%;
}

.content_article_boxBtn a{
	color: #FFF;
    text-align: center;
    padding: 12px 0;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background: #65ac5d;
    box-shadow: 0 5px 0 #24711b;
    font-weight: bold;
    font-size: 17px;
}

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

	.jobs .contentMain{
		display: block;
	}
	.jobs .detailArea{
		padding: 0 0 40px;
	}
	.jobs .content_article_box {
		max-width: 100%;
		width: 100%;
		margin-right: 0;
	}
	.content_article_boxTtl {
		height: auto;
		padding-bottom: 12px;
	}
	.content_article_boxDetail_jobCate {
		margin-bottom: 6px;
	}
	.content_article_boxDetail_box {
		display: block;
	}
	.content_article_boxDetail_jobType_ttl {
		margin-right: 6px;
		margin-left: 0;
	}
	.content_article_boxDetail_jobType_detail {
		margin-right: 20px;
	}
	.content_article_boxDetail_jobType {
		display: block;
	}
	.content_article_boxDetail_jobType_ttl,
	.content_article_boxDetail_jobType_detail {
		display: inline-block;
	}
	.content_article_boxDetail_jobType_ttl {
		width: 6%;
	}
	.content_article_boxDetail_jobType_ttl img {
		vertical-align: middle;
	}
	.content_article_boxDetail_jobType_detail {
		width: 82%;
		margin-bottom: 4px;
	}
	.content_article_boxBtn {
		position: static;
		width: 100%;
	}
}


/* ------------------------------------------------
jobs 求人  -------------------------------------*/

.jobs .reservationArea{
	background: none;
	bottom: 20px;
	width: 240px;
}

.jobs .reservationArea_web a{
	padding: 12px 0;
	margin-bottom: 0;
}

.jobs .headerLeft {
	width: 100%;
    max-width: 100%;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px dashed #999;
}

.jobs .header_ttl {
	width: 100%;
}

.jobs_contentArea_box {
	width: 100%;
}

.jobs_contentArea_boxMain {
	border: 1px solid #ccc;
	margin-bottom: 40px;
	width: 100%;
}

.jobs_contentArea_boxMain tr {
	border-bottom: 1px solid #ccc;
}

.jobs_contentArea_boxMain tr th{
	font-weight: bold;
	width: 20%;
	padding: 18px;
	vertical-align: top;
	background: #f3f3f3;
}

.jobs_contentArea_boxMain tr td{
	width: 76%;
	padding: 0 0 8px;
	margin-bottom: 20px;
	line-height: 1.8;
	padding: 20px;
}

.jobs_contentArea_boxMain_list li{
	margin-bottom: 20px;
	position: relative;
}

.jobs_contentArea_boxMain_list li span{
	font-weight: bold;
	color: #82b158;
}

.jobs_contentArea_boxStaff {
	background: #f6f9f2;
    padding: 28px 32px;
    margin-bottom: 40px;
}

.jobs_contentArea_boxStaff h4 {
	font-weight: bold;
    font-size: 24px;
    margin-bottom: 16px;
    color: #82b158;
    text-align: center;
}

.jobs_contentArea_boxStaff p {
    line-height: 1.8;
}

.jobsCta {
	width: 100%;
	position: fixed;
	bottom: 0;
}
.jobsCta{
	background: rgba(0,0,0,0.2);
	padding: 20px 80px;
}

.forumThreadPost {
	position: fixed;
    right: 14px;
    bottom: 14px;
    z-index: 9999;
}
.forumThreadPost > a {
	height: 80px;
    width: 80px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
    text-align: center;
    background: #ec5252;
    padding-top: 15px;
    border-radius: 50%;
    box-shadow: rgba(136, 153, 166, 0.2) 0px 0px 10px, rgba(136, 153, 166, 0.25) 0px 1px 3px 1px;
}
.forumThreadPost .forumThreadPost__img{
    width: 26px;
    margin: 0 auto 2px;
}

@media screen and (max-width:750px) {
	.jobsCta {
		padding: 16px 5%;
	}
}

.jobs_contentArea_boxForm.jobs_ttl_confirm{
	text-align: center;
	width: 100%;
	max-width: 800px;
	margin: 0 auto 60px;
	padding: 0 0 10px;
	border: 1px solid #ddd;
	font-size: 18px;
	font-weight: bold;
}

.jobs_contentArea_boxForm.jobs_ttl_confirm span{
	background: #f6f6f6;
	display: block;
	padding: 10px 0;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: normal;
}

.formpull {
	overflow: hidden;
	width: 90%;
	text-align: center;
}
.formpull select {
	width: 100%;
	cursor: pointer;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 16px;
}
.formpull select::-ms-expand {
    display: none;
}
.formpull {
	position: relative;
	border: 1px solid #ccc;
	background: #ffffff;
}
.formpull::before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666;
	pointer-events: none;
}
.formpull:after {
	position: absolute;
	top: 0;
	right: 40px;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #ccc;
}
.formpull select {
	padding: 8px 38px 8px 8px;
	color: #333;
}

.jobs_contentArea_boxForm .formBtn{
	display: inline-block;
	margin-right: 10px;
}

.jobs_check .formBtn_area{
	width: 436px;
}

.jobs_contentArea_boxForm .formBtn .formBtn_submit {
	width: 240px;
	padding: 18px  0;
	border-style:none;
	background: #73b76c;
	cursor: pointer;
	color: #FFF;
	font-size: 16px;
    font-weight: bold;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}

.jobs_contentArea_boxForm .formBtn .formBtn_back {
    width: 160px;
    padding: 14px 0;
    border-style: none;
    background: #f2f2f2;
    cursor: pointer;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    margin-right: 20px;
}

.thanks .breadcrumb {
	border-bottom: none;
	margin-bottom: 0;
}

.thanks h3 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
}

.thanks p {
	text-align: center;
}

.form_terms {
	width: 620px;
	border: 1px solid #ccc;
	padding: 28px 20px;
	margin: 20px auto 0;
	height: 200px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.form_terms h3 {
	margin-bottom: 20px;
}

.form_terms h4 {
	font-size: 13px;
	margin-bottom: 10px;
}

.form_terms p {
	margin-bottom: 18px;
}

.form_terms p,
.form_terms li {
	font-size: 11px;
}



@media screen and (max-width:750px) {
	.jobs .header_ttl{
		margin-bottom: 10px;
	}
	.jobs .reservationArea{
		width: 100%;
		background: #f7f7f7;
		bottom: 0;
		top: initial;
	}
	.jobs .btnReserve {
		margin-right: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		position: relative;
	}
	.jobs .headerLeft {
		padding: 0 0 14px;
		margin: 20px auto;
	}
	.jobs .detail_contentArea {
		padding: 0 4%;
	}
	.jobs_contentArea_boxForm h3{
		margin: 40px 0 20px;
	}

	.jobs_contentArea_boxMain tr th{
		padding: 12px 18px;
		width: 100%;
		display: block;
	}

	.jobs_contentArea_boxMain tr td{
		width: 100%;
		display: block;
		margin-bottom: 0;
	}

	.jobs_contentArea_boxStaff {
		width: 100%;
		padding: 18px 4%;
		margin: 40px 0 0 0;
	}
	.jobs_contentArea_boxStaff h4 {
		font-size: 18px;
	}
	.jobs .header_detail {
	    margin-left: 5%;
	}

	.formpull select {
		padding: 16px 30px 16px 8px;
	}
	.formBtn_area {
		width: 100%;
		margin: 20px auto;
	}
	.jobs_check .formBtn_area {
		width: 100%;
	}
	.jobs_contentArea_boxForm .formBtn .formBtn_back {
	    width: 100%;
	    padding: 10px 0;
	    margin-right: 0;
	    color: #888;
	    margin-bottom: 20px;
	}
	.jobs_contentArea_boxForm .formBtn .formBtn_submit {
		width: 100%;
		border-radius: 4px;
	}
	.jobs_contentArea_boxForm .formBtn .formBtn_submit input[type="submit"] {
		font-size: 18px;
	}
	.jobs_contentArea_boxForm .formBtn {
		width: 100%;
		margin-right: 0;
		margin-bottom: 18px;
	}

	.form_terms {
		width: 100%;
		padding: 28px 8%;
		height: 160px;
	}

	.form_terms h3 {
		margin-bottom: 16px;
	}

}



/* ------------------------------------------------
forum 掲示板 ---------------------------------------   */

.forum .content_detailArea {
	display: flex;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
	-webkit-flex-direction: row-reverse;
			flex-direction: row-reverse;
	margin-top: 20px;
}

.forum .ttlArea_inner {
	display: flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	padding: 44px 0;
}
.forum .ttlArea_inner h2,
.forum .ttlArea_inner p {
	color: #fff;
}
.forum .ttlArea_inner h2{margin: 0 30px 10px 0;}

.forum__h2 {
	font-size: 22px;
	font-weight: bold;
}
.forum h3{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 40px;
}

.forum_btn > a > img,
button.forum_btn > img{
	width: 24px;
    height: 18px;
    margin-right: 12px;
    vertical-align: text-bottom;
}

@media screen and (max-width:750px) {
	.forum .content_detailArea {
		display: block;
			-webkit-flex-direction: row;
	   flex-direction: row;
	   margin-top: 0;
	}
	.forum .contentRight {
		margin-bottom: 0;
	}
	.forum .ttlArea_inner {
		display: block;
		padding: 32px 0;
	}
	.forum .ttlArea_inner h2,
	.forum .ttlArea_inner p {
		line-height: 1;
		text-align: center;
	}
	.forum .ttlArea_inner h2{
		margin: 0 0 10px 0;
		font-size: 26px;
	}
	.forum_btn {
		width: 100%;
		padding: 0;
	}
	.forum_btn .btn__03 {
		height: 54px;
	    line-height: 54px;
	}
	.forum__h2 {
		font-size: 20px;
	}
}

.forum_kwArea{
	width: 100%;
	margin: 0 auto 32px;
}

.forum_kwArea__h2{
	margin-bottom: 12px;
	font-size: 18px;
    font-weight: bold;
}

.forum__hotKw a{
	display: inline-block;
    border: 1px solid #007791;
    border-radius: 100px;
    padding: 6px 12px;
    margin: 0 6px 12px 0;
    font-size: 14px;
    color: #007791;
    line-height: 1;
}

.forum_cateArea {
	margin-bottom: 32px;
}

.forum_cateAreaTtl{
	padding: 8px 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.forum_cateArea_list {
	position: relative;
}

.forum_cateArea_list a {
	font-weight: bold;
    font-size: 14px;
    padding: 20px 18px 18px 10px;
   	border-bottom: 1px solid #ddd;
}

.forum_cateArea_list a::before{
	font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: bold;
    position: absolute;
    right: 10px;
    font-size: 13px;
    color: #ccc;
}

.forum_cateArea_list a:before:last-child {
	content: none;
}

@media screen and (max-width:750px) {
	.forum_kwArea{
		width: calc(100% - 40px);
	}
	.forum_cateArea {
		/*border-bottom: 1px solid #ccc;*/
		margin-bottom: 0;
	}
	.forum_cateAreaTtl{
		display: none;
	}
	.forum_cateArea_list {
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 0;
		border-bottom: none;
	}
	.forum_cateArea_listArea {
		display: flex;
			-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		overflow-x: auto;
	    white-space: nowrap;
	    	-webkit-overflow-scrolling: touch;
		    -webkit-flex-wrap: nowrap;
	   flex-wrap: nowrap;
	   padding: 0 5%;
	}

	.forum_cateArea_list {
		margin: 0 26px 0 0;
	    padding: 0 4px;
	}
	.forum_cateArea_list.forum_cateArea_list_active {
	    border-bottom: 3px solid #007791;
	}
	.forum_cateArea_list:before {
		content: none;
	}
	.forum_cateArea_list a {
		border-bottom: none;
		padding: 16px 0 12px;
		line-height: 1;
	}
	.forum_cateArea_list a::before{
	    content: none;
	}
}

.forum_selectArea {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}

@media screen and (max-width:750px) {
	.forum_selectArea {
		padding: 0 16px 12px;
	}
}

.forum_sortArea {
	width: 42%;
}

.forum_sortArea_listArea {
	overflow: hidden;
    background: #f3f3f3;
    position: relative;
    border-radius: 4px;
}

.forum_sortArea_listArea::-ms-expand {
    display: none;
}

.forum_sortArea_listArea::before {
	position: absolute;
	top: 18px;
	right: 12px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666;
	pointer-events: none;
}

.forum_sortArea_listArea select {
	width: 100%;
	padding: 10px 20px;
	font-size: 13px;
	cursor: pointer;
	text-overflow: ellipsis;
	outline: none;
	-webkit-appearance: none;
			appearance: none;
	color: #666;
}

.forum_sortArea_list {
	width: 140px;
	margin-right: 10px;
	text-align: center;
	background: #f3f3f3;
}

.forum_sortArea_list_active {
	background: #ac873d;
}

.forum_sortArea_list a{
	border-radius: 2px;
	padding: 8px;
	font-size: 13px;
}

.forum_sortArea_list_active a {
	color: #fff;
}

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

	.forum_sortArea_listArea::-ms-expand {
	    display: none;
	}

	.forum_sortArea_listArea::before {
		position: absolute;
		top: 14px;
		right: 10px;
		width: 0;
		height: 0;
		padding: 0;
		content: '';
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #666;
		pointer-events: none;
	}

	.forum_sortArea_listArea select {
		width: 100%;
		padding: 8px 16px;
		font-size: 13px;
		cursor: pointer;
		text-overflow: ellipsis;
		outline: none;
		-webkit-appearance: none;
		appearance: none;
	}

	.forum_sortArea_list {
		width: 140px;
		margin-right: 10px;
		text-align: center;
		background: #f3f3f3;
	}

	.forum_sortArea_list_active {
		background: #ac873d;
	}

	.forum_sortArea_list a{
		border-radius: 2px;
		padding: 8px;
		font-size: 13px;
	}
}

.forum_serchArea {
	margin-bottom: 32px;
}


.forum_serchArea form {
	background: #f3f3f3;
}

.forum_serchArea input {
	width: 90%;
	padding: 15px 20px;
	font-size: 13px;
}

.forum_serchArea button {
	width: 8%;
	position: relative;
	cursor: pointer;
}

.forum_serchArea i {
	position: absolute;
	right: 10px;
    top: -10px;
}

.forum_serchArea_results {
	padding-top: 10px;
	padding-bottom: 6px;
	text-align: right;
}

@media screen and (max-width:750px) {
	.forum_serchArea {
		margin-bottom: 26px;
	}
	.forum_serchArea_results {
		padding-top: 0;
	    text-align: right;
	    line-height: 2.2;
	}
}

.forum_articleArea {
	width: 100%;
	clear: both;
}

.forum_articleArea_box {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	padding: 10px 4px 16px;
	border-bottom: 1px solid #ddd;
}

.forum_articleArea_boxText {
	width: 100%;
}

.forum_articleArea_boxName {
	font-size: 12px;
}
.forum_articleArea_boxTtl {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 20px;
	/* display: flex; */
    align-items: center;
}

.forum_articleArea_boxSubdec {
	display: flex;
	align-items: center;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.forum_articleArea_boxSubdec_cate {
    display: block;
    margin: 0 0 6px 0;
}

.forum_articleArea_boxSubdec_cateStyle{
	font-weight: bold;
	background: #edf8fd;/* hsla(200, 80%, 96%, 1) */
	padding: 5px 8px;
    color: #007791;
    font-size: 11px;
    line-height: 1;
    border-radius: 2px;
    display: inline-block;
}

.forum_articleArea_boxSubdec_date  {
	font-size: 12px;
	color: #999;
}

.forum_articleArea_boxSubdec_date span {
	display: inline-block;
}

.forum_articleArea_boxSubdec_dateDate{
	margin-right: 10px;
}

.forum_articleArea_boxSubdec_dateComment {
	position: relative;
}

.forum_articleArea_boxSubdec_dateComment:before {
    font-family: "Font Awesome 5 Free";
    content: '\f075';
}


@media screen and (max-width:750px) {
	.forum_articleArea {
		width: 100%;
	}
	.forum_articleArea_box {
		padding: 12px 16px;
	}
	.forum_articleArea_boxTtl{
		font-size: 18px;
	}
	.forum_articleArea_boxText {
		width: 100%;
	}
}


/* ------------------------------------------------
forum_detail 掲示板 詳細  ----------------------------------*/

.forum_detail {
	width: 100%;
	padding: 0 0 12px;
	margin: 0 auto;
	/* border-bottom: 1px solid #eaeaea; */
}

@media screen and (max-width:750px) {
	.forum_detail {
		margin: 0 auto;
		padding: 0 4%;
		border-bottom: none;
	}
}

.forum_detail_cate {
	/* display: inline-block;
    margin-bottom: 12px;
    padding: 3px 8px 2px;
    border: 1px solid #007791;
    color: #007791;
    font-size: 11px;
    line-height: 1;
    -webkit-border-radius: 100px;
            border-radius: 100px; */
    display: block;
    margin: 0 0 6px 0;
}

.forum_detail h3 {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 16px;
}

.forum_detailArticle_text {
	padding-bottom: 30px;
	font-size: 15px;
}

.forum_detailArticle_imgArea {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	flex-wrap: wrap;
}

.forum_detailArticle_img {
	width: 48.5%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

.forum_detailArticle_imgArea.forum_detailArticle_imgArea__list {
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
}
.forum_detailArticle_img.forum_detailArticle_img__list {
	width: 100%;
	max-width: 80px;
    height: 60px;
    margin-right: 12px;
}

.forum_detailArticle_img img {
	/*-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.12);
			box-shadow: 0 0 16px rgba(0,0,0,0.12);*/
	width: 100%;
	border: 1px solid #eee;
}

.forum_detail_infoArea {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-ms-align-items: center;
		align-items: center;
	margin: 20px 0 16px;
}

.forum_detail_infoArea_prof {
	width: 46%;
	display: flex;
		-ms-align-items: center;
	align-items: center;
}

.forum_detail_infoArea_profImg {
	width: 36px;
    height: 36px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border: 1px solid #ddd;
    margin-right: 12px;
}

.forum_detail_infoArea_profImg img {
	width: 200%;
	position: absolute;
	top: -100%;
	bottom: -100%;
	margin: auto;
}

.forum_detail_infoArea_profName {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
}

.forum_detail_infoArea_date {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

/***** お気に入り、編集、削除、通報、SNSシェアボタン *****/
.forum_detail_actionArea_actions{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin-bottom: 16px;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.forum_detail_actionArea_actions a,
.forum_detail_actionArea_actions button{
	display: inline-block;
	font-size: 12px;
	position: relative;
	margin-left: 30px;
	color: #888;
	font-weight: bold;
}
.forum_detail_actionArea_actions a{padding-left: 16px;}

.forum_detail_actionArea_actions_update::before,
.forum_detail_actionArea_actions_delete::before,
.forum_detail_actionArea_actions_report::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    color: #888;
    font-weight: bold;
}

.forum_detail_actionArea_actions_update::before {background: url(/static/img/common/icon/edit.svg) no-repeat;}
.forum_detail_actionArea_actions_delete::before {background: url(/static/img/common/icon/trash.svg) no-repeat;}
.forum_detail_actionArea_actions_report::before {background: url(/static/img/common/icon/report.svg) no-repeat;}

.forum_detail_actionArea_actions_favorite img{
	width: 16px;
	margin-right: 4px;
}
.forum_detail_actionArea_actions_favorite .fav_active{color: #ec5252;}

.forum_detail_btnArea {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-ms-align-items: center;
		align-items: center;
	margin-bottom: 20px;
}
.forum_detail_btnArea > div{
	width: 32%;
	background: #f3f3f3;
	border-radius: 3px;
	text-align: center;
	position: relative;
}
.forum_detail_btnArea_sns{position: relative;}
.forum_detail_btnArea a.sns_share {
	padding: 12px 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border-radius: 4px;
}

.forum_detail_btnArea a.sns_share img{
	width: 20px;
    margin-right: 14px;
}
.forum_detail_btnArea a.sns_share.sns_share_twitter {background: #1da1f2;}
.forum_detail_btnArea a.sns_share.sns_share_facebook {background: #1877f2;}
.forum_detail_btnArea a.sns_share.sns_share_line {background: #00b900;}

.forum_detail_relatedForumsArea {
	width: 100%;
	margin: 100px auto 0;
}

.forum_detail_relatedForumsTitle {
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 12px;
	padding:0 0 0 16px;
	line-height: 1;
	position: relative;
}
.forum_detail_relatedForumsTitle::before{
	content: "";
    width: 6px;
    height: 22px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #007791;
}

.forum_detail_relatedForumsArea .forum_articleArea_boxTtl{
	font-size: 16px;
}

.forum_detail_relatedForums_cateStyle {
	font-weight: bold;
    background: #edf8fd;
    padding: 5px 8px;
    color: #007791;
    font-size: 11px;
    line-height: 1;
    border-radius: 2px;
    display: inline-block;
}

@media screen and (max-width:750px) {
	.forum_detail h3 {
		font-size: 20px;
	}
	.forum_detail_infoArea {
		flex-direction: row;
	}
	.forum_detail_infoArea.is_authenticated {
		flex-direction: column;
		-ms-align-items: flex-start;
			align-items: flex-start;
	}
	.forum_detail_infoArea_prof {
		width: 52%;
	}
	.forum_detail_infoArea_profName {
		font-size: 12px;
	}
	.forum_detail_actionArea_actions{
	    justify-content: space-around;
	    padding: 10px 0;
	}
	.forum_detail_actionArea_actions a,
	.forum_detail_actionArea_actions button{
		margin-left: 0;
	}
	.forum_detail_btnArea a.sns_share{
		padding: 12px 0 10px;
	}
	.forum_detail_btnArea a.sns_share img{
	    margin-right: 0;
	}
	.forum_detail_relatedForumsList {
		flex-direction: column;
	}
	.forum_detail_relatedForumsItem {
		margin: 12px 0;
	}
	.forum_detail_relatedForumsArea {
		margin: 64px auto 0;
	}
	.forum_detail_relatedForumsTitle {
		margin: 0 4% 12px;
	}
}










/*コメント*/
.forum_comment {
}

.forum_comment_inner {
	width: 100%;
	margin-bottom: 45px;
	/*max-height: 456px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;*/
}
.forum_comment_inner::-webkit-scrollbar{width:4px;}/*バーの太さ*/
.forum_comment_inner::-webkit-scrollbar-track{background:#eee;}/*バーの背景色*/
.forum_comment_inner::-webkit-scrollbar-thumb{background:#aaa;}/*バーの色*/


.forum_commentDetail {
	background: #fff;
	width: 100%;
	padding: 20px 10px 20px 15px;
	border-top: 1px solid #ddd;
	border-radius: 2px;
}
.forum_commentDetail:last-child{border-bottom: 1px solid #ddd;}

@media screen and (max-width:750px) {
	.forum_comment_inner{
		padding: 20px 4%;
    	background: #f3f3f3;
		margin-bottom: 15px;
	}
	.forum_commentDetail {
		padding: 16px 4%;
		border-top: none;
		border-bottom: none;
		margin-bottom: 16px;
	}
	.forum_commentDetail:last-child{
		border-bottom: none;
	}
}

.forum_commentDetail_text {
	font-size: 14px;
}

.forum_commentDetail_info {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-ms-align-items: center;
		align-items: center;
    margin: 12px 0 0;
}

.forum_commentDetail_infoProf {
	display: flex;
		-ms-align-items: center;
	align-items: center;
}

.forum_commentDetail_infoProf_img {
	width: 24px;
	min-width: 24px;
	height: 24px;
	min-height: 24px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #ddd;
	margin-right: 8px;
    background-position: center center;
    -webkit-background-size: cover;
    	 -o-background-size: cover;
    		background-size: cover;
    background-repeat: no-repeat;
}

.forum_commentDetail_infoProf_img img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.forum_commentDetail_infoProf_name {
	font-size: 12px;
}

.forum_commentDetail_infoArea {
	display: flex;
	align-items: center;
}

.forum_commentDetail_infoDate {
	text-align: right;
    font-size: 12px;
    color: #999;
}

.forum_commentDetail_infoArea .forum_editDelete {
    font-size: 14px;
    position: relative;
    margin-left: 16px;
    color: #888;
}

.forum_commentDetail_infoArea .forum_editDelete:before {
	content: '';
    background: url(/static/img/common/icon/trash.svg) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 13px;
    height: 13px;
    margin: auto;
}

/*コメントボタン*/

.forum_PostBtn {
	display: none;
}
.comment__itemBox label{
	position: relative;
	padding-left: 20px;
}
.comment__itemBox label::before{
    content: '';
    background: url(/static/img/common/icon/edit_forum.svg) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
}

@media screen and (max-width:750px) {
	.forum_PostBtn {
		display: block;
		position: fixed;
		width: 66px;
		height: 66px;
		padding-top: 12px;
		border-radius: 50%;
		background: #007791;
		color: #fff;
		right: 14px;
		bottom: 14px;
		z-index: 2222;
	    text-align: center;
	}
	.forum_PostBtn i{
		display: block;
		font-size: 20px;
		margin: 0 auto 2px;
	}
	.forum_PostBtn span{
		display: block;
		font-size: 12px;
		font-weight: bold;
	}

	.forum_commentPost {
		margin: -62px auto 40px;
		margin-top: 20px;
		padding: 20px 4%;
	}
}

/* スレッド削除ページ */
.forum_delete_confirm,
.forum_comment_delete{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    margin: 20px 0 60px;
}

.forum_comment_delete{
	padding: 16px 0;
}








/* ------------------------------------------------
realestate_detail 不動産 詳細
----------------------------------*/

.realestate_detail_cate {
    display: inline-block;
    margin-bottom: 12px;
    padding: 3px 8px 2px;
    border: 1px solid #a66aad;
    color: #a66aad;
    font-size: 11px;
    line-height: 1;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.realestate .header_ttl_reviews span {
	width: 88px;
	margin: 0 20px 0 5px;
}

.header_dec_rent {
	font-size: 28px;
	font-weight: bold;
	color: #a66aad; 
}

.header_dec_rent span {
	font-size: 16px;
}

.detail_contentArea_info_box_item.realestate_half {
	width: 16%;
}

.detail_contentArea_info_box_detail.realestate_half {
	width: 34%;
}
.detail_contentArea_info_box_detail.realestate_long {
	width: 84%;
	max-width: 100%;
}

.info_none {
    display: inline-block;
    padding: 3px 8px 2px;
    border: 1px solid #ccc;
    font-size: 13px;
    margin: 0 2px 4px 0;
    line-height: 1;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #aaa;
}

.info_none.info_active {
    border: 1px solid #a66aad;
    color: #a66aad;
    font-weight: bold;
}

.detail_contentArea_info_box_text {
	width: 100%;
	padding: 20px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

.detail_contentArea_info_tablebox {
	width: 100%;
    margin-bottom: 40px;
}

.realestate .detail_contentArea_info_box_text,
.realestate .detail_contentArea_info_tablebox{
	margin-bottom: 80px;
}

.detail_contentArea_info_tablebox_ttl {
	background: #f7f7f7;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    letter-spacing: normal;
    text-align: center;
}

.detail_contentArea_info_tablebox_detail {
	border-bottom: 1px solid #ddd;
    padding: 16px 8px;
    letter-spacing: normal;
   	text-align: center;
}

.detail_contentArea_info_tablebox_detail span {
	display: block;
	font-size: 13px;
	color: #777;
}

.floorPlan { width: 20%; border-right: 1px solid #ddd; }
.floorRent { width: 48%; border-right: 1px solid #ddd; }
.floorArea { width: 32%; }

.detail_contentArea_info_box_map {
	letter-spacing: normal;
	padding: 16px 0;
	width: 100%;
	height: 360px;
}

.detail_contentArea_info_box_map iframe {
	width: 100%;
	height: 100%;
}

.detail_contentArea_side_btnArea {
	width: 100%;
    background: #f4f4f4;
    padding: 20px 18px;
    margin-bottom: 30px;
}


.detail_contentArea_side_btnArea_realestateContact {
	margin-bottom: 16px;
}

.detail_contentArea_side_btnArea_realestateContact a {
	line-height: 1.4;
	font-size: 18px;
	padding: 8px 0;
}

.detail_contentArea_side_btnArea_realestateContact a span{
	display: block;
	font-size: 13px;
}

.realestate .reservationArea_tel {
    font-size: 18px;
}

.realestate .headerFixed__btn a {
	line-height: 1.5;
	padding: 10px 0 0;
}

.realestate .headerFixed__btn a span {
	display: block;
	font-size: 13px;
}


@media screen and (max-width:750px) {
	.detail_contentArea_info_tablebox_ttl {
		font-size: 12px;
	}
	.detail_contentArea_info_tablebox {
		display: block;
		  overflow-x: scroll;
		  white-space: nowrap;
		  -webkit-overflow-scrolling: touch;
	}
}






/* ------------------------------------------------
link リンク集 ----------------------------   */

.link dl {
	margin-bottom: 40px;
}

.link_title a{
	font-size: 24px;
}

.link_url a {
	color: #a78644;
}







/* ---------------------------------------
mypage アカウント  ------------------------*/


/********* 共通 *********/

.mypageArea .content_detailArea {
	display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 120px;
}

.mypage_sideList h3 {
	padding: 8px 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.mypageArea figure {
	/* width: 100%; */
	position: relative;
    overflow: hidden;
}

.mypageArea figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

.mypageArea_backBtn {
	margin-bottom: 60px;
}


@media screen and (max-width:750px) {
	.mypageList .contentLeft {
		margin: 0;
	}
	.mypageArea .content_detailArea {
		display: block;
	    margin-top: 30px;
	}

	.mypage_sideList {
		padding: 0 4%;
	}
	.mypageArea_backBtn {
		padding: 0 4%;
	}
}




.mypageArea .contentLeft {
	width: 72%;
    max-width: 860px;
}

.mypageArea .contentRight {
	margin-bottom: 40px;
	width: 265px;
}

.mypageArea_tab_firstFloor {
	display: flex;
	margin-bottom: 40px;
}

.mypageArea_tab_firstFloor a{
	width: 24%;
	text-align: center;
	padding: 18px 20px;
	font-weight: bold;
	background: #f7f7f7;
}

.mypageArea_tab_firstFloor a.mypageArea_tab_firstFloor_active {
	background: #007791;
	color: #fff;
}

.mypageArea_tab_secondFloor {
	margin-bottom: 60px;
}

.mypageArea_tab_secondFloor a {
	display: inline;
	margin-right: 30px;
}

.mypageArea_tab_secondFloor_active {
	padding-bottom: 12px;
	border-bottom: 3px solid #ddd;
}

.mypageArea_tab_secondFloor a img {
	width: 24px;
	margin-right: 10px;
}

.mypageArea_tabList {
	display: flex;
	border-left: 1px solid #ddd;
}

.mypageArea_tabList_left {
	width: 60%;
}

.mypageArea_tabList_right {
	width: 30%;
}

.mypageArea_tabList a {
	width: 32%;
	padding: 10px 0 8px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
    text-align: center;
}

.mypageArea_tabList a.mypageArea_tabList_postForum {
	width: 100%;
}

.mypageArea_tabList a img {
    max-width: 26px;
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
}

.mypageArea_box {
	margin-bottom: 40px;
}

.mypageArea_prof{
	background: #fff;
    padding: 40px 35px 35px;
    margin: 0 auto 60px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    box-shadow: 0 0 22px rgba(0,0,0,0.08);
}

.mypageArea_profImg{
	width: 158px;
	min-width: 158px;
    height: 158px;
    min-height: 158px;
    overflow: hidden;
    border: 1px solid #eee;
    margin: 0 auto 20px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    	 -o-background-size: cover;
    		background-size: cover;
    background-repeat: no-repeat;
}

.mypageArea_profName {
	font-size: 18px;
	text-align: center;
}

.mypageArea_profCreated_at{
	font-size: 12px;
	color: #999;
}

.mypageArea_box h3 {
	padding-left: 12px;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	border-left: 5px solid #007791;
}

.mypageArea_box_list {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.mypageArea_box_list li {
	width: 32%;
	
	text-align: center;
    -webkit-transition: .2s linear all;
       -moz-transition: .2s linear all;
        -ms-transition: .2s linear all;
         -o-transition: .2s linear all;
            transition: .2s linear all;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}

.mypageArea_box_list li:hover {
    -webkit-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
}

.mypageArea_box_list li a {
	padding: 14px 0 8px;
	font-size: 13px;
}

.mypageArea_box_list li img {
	max-width: 42px;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding-bottom: 8px;
}

.mypageArea_content_list {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
}

.mypageArea_content_shop {
	display: inline-block;
	width: 32%;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
    		box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-transition: .2s linear all;
       -moz-transition: .2s linear all;
        -ms-transition: .2s linear all;
         -o-transition: .2s linear all;
            transition: .2s linear all;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}

.mypageArea_content_shop:hover{
	-webkit-transform: translateY(-8px);
		 -o-transform: translateY(-8px);
			transform: translateY(-8px);
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
    		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
}

.mypageArea_content_shop figure {
    height: 120px;
    max-height: 120px;
	margin: 0 auto 12px;
}

.mypageArea_content_shopPR {
	position: absolute;
	right: 0;
	background: rgba(0,0,0,0.6);
	padding: 0 6px;
	font-size: 13px;
	line-height: 1.2;
	color: #ddd;
	z-index: 44;
}

.mypageArea_content_shop_cate {
	position: absolute;
	bottom: 0;
	font-size: 13px;
	list-style: none;
	padding: 0 6px;
}

.mypageArea_content_shopText {
	position: relative;
}

.mypageArea_content_shopText h4 {
	font-weight: bold;
}

.mypageArea_content_shopText_add {
	font-size: 13px;
	text-align: right;
	margin-top: auto;
}


@media screen and (max-width:750px) {
	.mypageArea .contentLeft {
		width: 100%;
	    max-width: 100%;
	    padding: 0 5%;
	}
	.mypageArea .contentRight {
		margin-bottom: 40px;
		width: 100%;
	}
	.mypageArea_prof{
		width: 90%;
	    padding: 40px 5% 35px;
	}
	.mypageArea_content_list {
		display: block;
		overflow-x: auto;
    	white-space: nowrap;
    	-webkit-overflow-scrolling: touch;
	}
	.mypageArea_content_shop {
		display: inline-block;
		width: 60%;
	}
	.mypageArea_content_shop figure {
		height: 108px;
	}
	.mypageArea_content_shopText h4 {
		margin-bottom: 28px;
	}
}


/***** プロフィール 編集 mypage_update *****/

@media screen and (max-width:750px) {
	.mypageArea_box form {
		padding: 0;
	}
	.mypageArea_box_linkStyle {
		padding: 0 4%;
	}
	.mypageArea_box .linkStyle a, .linkStyle button.closeLink {
		display: block;
	}

}





/********** お気に入り fav_list **********/

.mypageArea_boxContent {
	display: flex;
	margin-bottom: 12px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
    		box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-transition: .2s linear all;
       -moz-transition: .2s linear all;
        -ms-transition: .2s linear all;
         -o-transition: .2s linear all;
            transition: .2s linear all;
    border: 1px solid #ddd;
    padding: 8px;
}

.mypageArea_boxContent:hover {
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
    		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
    -webkit-transform: translateY(-6px);
       -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
         -o-transform: translateY(-6px);
            transform: translateY(-6px);
}

.mypageArea_boxContent figure {
	width: 24%;
    height: 96px;
    max-height: 96px;
    margin-right: 20px;
}

.mypageArea_boxContent_text {
	width: 64%;
}

.mypageArea_boxContent_text h4 {
	font-size: 16px;
	font-weight: bold;
}

.mypageArea_boxContent_add {
	font-size: 13px;
	color: #888;
	margin-bottom: 12px;
}

.mypageArea_boxContent_reviews .star_icon {
    display: inline-block;
    width: 20%;
    margin-right: 4px;
    vertical-align: middle;
}

.mypageArea_boxContent_reviews .reviews_text {
	font-size: 18px;
}


@media screen and (max-width:750px) {
	.mypageArea_boxContent figure {
		width: 38%;
	    height: 82px;
	    max-height: 82px;
	    margin-right: 3%;
	}
	.mypageArea_boxContent_text {
		width: 55%;
	}
	.mypageArea_boxContent_reviews .star_icon {
	    width: 48%;
	}
	.mypageArea_boxContent_reviews .reviews_text {
		font-size: 17px;
    	vertical-align: text-top;
	}
}




/********** 口コミ post_list **********/

.mypageArea_postContent {
	margin-bottom: 20px;
	padding: 20px 25px;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 26px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
    		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
    -webkit-transition: .2s linear all;
       -moz-transition: .2s linear all;
    	-ms-transition: .2s linear all;
         -o-transition: .2s linear all;
    		transition: .2s linear all;
    -webkit-border-radius: 4px;
    		border-radius: 4px;
}

.mypageArea_postContent:hover {
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
    		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
	-webkit-transform: translateY(-12px);
       -moz-transform: translateY(-12px);
    	-ms-transform: translateY(-12px);
         -o-transform: translateY(-12px);
    		transform: translateY(-12px);
}

.mypageArea_postlist_ttl {
	display: flex;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 18px;
}

.mypageArea_postlist_ttl h4 {
	font-size: 16px;
	font-weight: bold;
    line-height: 1.3;
}

.mypageArea_postlist_ttl_cate {
	color: #fff;
    font-size: 13px;
    border-radius: 2px;
    padding: 0 8px;
    display: inline-block;
    margin: 0 8px 8px 0;
}

.mypageArea_postContent_ttl_text h4 {
	font-size: 18px;
	margin-bottom: 12px;
	font-weight: bold;
}

.mypageArea_postlist_reviews .star_icon {
	width: 90px;
	margin-right: 8px;
}

.mypageArea_postlist_reviews .reviews_text {
	font-size: 18px;
    vertical-align: top;
}


@media screen and (max-width:750px) {
	.mypageArea_postlist_reviews .star_icon {
		width: 32%;
	}
	.mypageArea_postlist_reviews .reviews_text {
		font-size: 20px;
	}
}





/***** マイページ　サイドエリア  mypage_sideList *****/

.mypageArea_listsArea li a{
	font-weight: bold;
    font-size: 14px;
    position: relative;
}

.mypageArea_listsArea li a::before {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: bold;
    position: absolute;
    right: 10px;
    font-size: 13px;
    color: #ccc;
}

.mypageArea_listsArea li a.mypageArea_active {
	border-left: 4px solid #007791;
	color: #007791;
	padding: 20px 18px 18px 36px;
}

.mypageArea_listsArea li a.listsPull {
	position: relative;
}

.mypageArea_listsArea li a.listsPull::before {
    font-family: "Font Awesome 5 Free";
    content: '\f078';
    font-weight: bold;
    position: absolute;
    right: 10px;
    font-size: 13px;
    color: #ccc;
}

.mypageArea_postTop a {
	border-top: 1px solid #ccc;
}

.mypageArea_postTop a,
.mypageArea_postFav a,
.mypageArea_postPost a {
	padding: 20px 18px 18px 20px;
	border-bottom: 1px solid #ccc;
}

.mypageArea_postFav .mypageArea_favList a,
.mypageArea_postPost .mypagePost_postList a {
	padding: 20px 18px 18px 40px;
	border-bottom: 1px dashed #ccc;
	background: #f6f6f6;
}

.mypageArea_post_fav a:last-child {
	border-bottom: 1px solid #ccc;
}


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

	.mypageArea_listsArea li a{
		font-weight: bold;
	    font-size: 14px;
	    position: relative;
	}

	.mypageArea_listsArea li a::before {
	    font-family: "Font Awesome 5 Free";
	    content: '\f054';
	    font-weight: bold;
	    position: absolute;
	    right: 10px;
	    font-size: 13px;
	    color: #ccc;
	}

	.mypageArea_listsArea li a.mypageArea_active {
		border-left: 4px solid #007791;
		color: #007791;
		padding: 20px 18px 18px 36px;
	}

	.mypageArea_listsArea li a.listsPull {
		position: relative;
	}

	.mypageArea_listsArea li a.listsPull::before {
	    font-family: "Font Awesome 5 Free";
	    content: '\f054';
	    font-weight: bold;
	    position: absolute;
	    right: 10px;
	    font-size: 13px;
	    color: #ccc;
	}

	.mypageArea_post_top a {
		border-top: 1px solid #ccc;
	}

	.mypageArea_post_top a,
	.mypageArea_post_fav a {
		padding: 20px 18px 18px 20px;
		border-bottom: 1px solid #ccc;
	}

	.mypageArea_post_fav .mypageArea_favList a,
	.mypageArea_post_fav .mypagePost_postList a {
		padding: 20px 18px 18px 40px;
		border-bottom: 1px dashed #ccc;
		background: #f6f6f6;
	}

	.mypageArea_post_fav a:last-child {
		border-bottom: 1px solid #ccc;
	}
}




/***** ログイン *****/
.authArea{
	width: 100%;
    padding: 60px 0 0;
    background: #f6f6f6;
}

.generalTextArea{
	width: 100%;
    padding: 80px 0;
    background: #fff;
    text-align: center;
	line-height: 1.8;
}

.generalTextAreaInner .generalTextAreaTtl{
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 40px;
}

.generalTextAreaInner .generalTextAreaText{
	margin-bottom: 60px;
}

.authArea__logo{
	width: 200px;
	margin: 0 auto 40px;
}

.content_authArea{
	max-width: 456px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

.signupArea{
	border-bottom: 1px solid #eee;
	text-align: center;
}

.signupArea p{
	margin-bottom: 10px;
}

.signupAreaInner,
.generalFormArea{
	padding: 45px;
}

.generalFormArea .generalFormArea__ttl{
	font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
}
.generalFormArea .generalFormArea__ttl.withOutText{margin-bottom: 45px;}

.generalFormArea__text{
	margin-bottom: 45px;
}

.content_authArea table{
    width: 100%;
}

.content_authArea tr,
.content_authArea th,
.content_authArea td{
	display: block;
}

.content_authArea tr{
	padding: 0 0 45px;
}

.authArea a.generalFormArea__Link,
.generalTextArea a.generalFormArea__Link{
	font-size: 14px;
    color: #007791;
    margin: 20px 0 0;
    text-align: center;
}

.authArea a.generalFormArea__Link:hover,
.generalTextArea a.generalFormArea__Link:hover{
	text-decoration: underline;
}

@media screen and (max-width:750px) {
	.authArea{
		width: 100%;
	    padding: 0;
	    background: #f6f6f6;
	}
	.signupAreaInner,
	.generalFormArea{
		padding: 45px 20px;
	}
	.generalTextArea{
		width: 92%;
		margin: 0 auto;
	}
}



/* エラー */
.errorlist li {
	text-align: left;
	color: red;
	font-size: 13px;
}



/* ログアウト */
.logout{
	text-align: center;
    margin: 60px 0;
    font-size: 24px;
    font-weight: bold;
}




/****************************************
はじめての方へ
****************************************/

.beginner_content_welcom {
	width: 1024px;
	margin: 0 auto 20px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	position: relative;
}

.beginner_content_welcom:before {
	content: "";
	background: url(/static/img/static/icon/logo_symbol.svg) no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	left: 0;
	top: -56px;
	margin: auto;
}

.beginner_content {
	width: 100%;
	margin: 0 auto 120px;
}

.beginner_content h2 {
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 42px;
}

.beginner_contentBox {
	margin-bottom: 120px;
}

.beginner_contentBox h3 {
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 82px;
	position: relative;
}

.beginner_contentBox h3:before {
	content: "";
    background: url(/static/img/static/beginner_ttlIcon.svg) no-repeat;
    width: 53px;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -28px;
    margin: auto;
}

.beginner_contentText {
	text-align: center;
}


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

	.beginner_content_welcom {
		width: 100%;
	}

	.beginner_content {
		width: 100%;
		margin: 0 auto 20px;
	}
	.beginner_content h2 {
		font-size: 28px;
		margin-bottom: 30px;
	}
	.beginner_contentText {
		text-align: left;
		margin-bottom: 60px;
	}
}



/***beginner_contentBox***/

.beginner_contentBox_list {
	width: 820px;
	margin: 0 auto 120px;
	display: flex;
	align-items: center;
}

.beginner_contentBox_list h4 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}

.beginner_contentBox_listTtl {
	margin-right: 46px;
}

.beginner_contentBox_listRight.beginner_contentBox_listTtl {
	margin-right: 0;
	margin-left: 46px;
}

.beginner_contentBox_listtext {
	width: 520px;
}

.beginner_contentBox_listImg01 {
	width: 240px;
}
.beginner_contentBox_listImg02 {
	width: 140px;
	margin-left: 20px;
}
.beginner_contentBox_listImg03 {
	width: 180px;
	margin-left: 20px;
}

.beginner_contentBox_btnList ul {
    width: 960px;
    margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.beginner_contentBox_btnList ul li {
	width: 15%;
    background: #fff;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-transition: .2s linear all;
    -moz-transition: .2s linear all;
    -ms-transition: .2s linear all;
    -o-transition: .2s linear all;
    transition: .2s linear all;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

.beginner_contentBox_btnList ul li:hover {
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
}

.beginner_contentBox_btnList ul li a{
    padding: 20px 10px;
}

.beginner_contentBox_btnList ul li img{
    width: 28%;
    margin: 0 auto 6px;
    display: block;
}

.beginner_contentBox_convenient {
	width: 1024px;
	margin: 0 auto 60px;
	display: flex;
	justify-content: space-around;
}
.beginner_contentBox_convenient.signupComplete {
	width: 800px;
	justify-content: space-between;
}

.beginner_contentBox_convenientBox {
	width: 28%;
}
.beginner_contentBox_convenientBox.signupComplete {width: 45%;}

.beginner_contentBox_convenientBox figure {
	width: 86px;
	margin: 0 auto 20px;
}

.beginner_contentBox_convenientBox h4 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
}

.beginner_contentBox_convenientBox_text {
	margin-bottom: 20px;
	height: 160px;
	font-size: 14px;
	text-align: left;
}
.beginner_contentBox_convenientBox_text.signupComplete {
	height: initial;
	margin-bottom: 30px;
}

.beginner_contentBox_convenientBox_btn {
	text-align: center;
}

.beginner_contentBox_convenientBox_btn span {
	display: block;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 12px;
}

.beginner_content_btnArea {
	background: #f7f7f7;
	padding: 40px 0 80px;
	text-align: center;
	margin-bottom: 80px;
}

.beginner_content_btnArea span {
	font-size: 16px;
	font-weight: bold;
	line-height: 3;
}


@media screen and (max-width:750px)  {
	.beginner_contentBox {
		margin-bottom: 60px;
	}

	.beginner_contentBox_list {
		width: 100%;
		margin: 0 auto 80px;
		display: block;
	}
	.beginner_contentBox h3 {
		font-size: 24px;
		margin-bottom: 62px;
	}
	.beginner_contentBox h3:before {
	    bottom: -30px;
	}
	.beginner_contentBox_listTtl {
		margin: 0 auto 30px;
	}
	.beginner_contentBox_listImg01,
	.beginner_contentBox_listImg02,
	.beginner_contentBox_listImg03 {
		text-align: center;
		margin: 0 auto;
	}
	.beginner_contentBox_list h4 {
		text-align: center;
	}
	.beginner_contentBox_listtext {
		width: 100%;
	}
	.beginner_contentBox_btnList ul {
		width: 100%;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.beginner_contentBox_btnList ul li {
		width: 48%;
		margin-bottom: 16px;
	}
	.beginner_contentBox_convenient {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}
	.beginner_contentBox_convenient.signupComplete {width: 100%;}

	.beginner_contentBox_convenientBox {
		width: 100%;
		margin-bottom: 60px;
	}
	.beginner_contentBox_convenientBox.signupComplete {width: 100%;}

	.beginner_contentBox_convenientBox_text {
		height: auto;
	    margin-bottom: 30px;
	}

	.beginner_contentBox_list_sub {
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.beginner_contentBox_list_sub .beginner_contentBox_listtext{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
	.beginner_contentBox_list_sub .beginner_contentBox_listRight{
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
		margin-left: 0;
		width: 100%;
	}
	.beginner_content_btnArea {
		background: #fff;
		padding: 0;
		margin-bottom: 80px;
	}
}



/***beginner_magazin***/

.beginner_magazin h3 {
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	margin-bottom: 40px;
}

.beginner_magazin h3 span {
	font-size: 30px;
	display: block;
}

.beginner_magazin_text {
	margin-bottom: 60px;
	text-align: center;
}

.beginner_magazin ul {
	width: 928px;
	margin: 0 auto 60px;
	display: flex;
		-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.beginner_magazin_list {
	width: 192px;
	text-align: center;
	line-height: 2;
	margin: 0 20px 32px;
}

.beginner_magazin_list a {
	line-height: 2.6;
	font-weight: bold;
}

.beginner_magazin_list figure {
	width: 192px;
	height: 156px;
	overflow: hidden;
}

.beginner_magazin_list figure img {
    transition-duration: 0.6s;                

}

.beginner_magazin_list figure img:hover {
	transform: scale(1.1);
    transition-duration: 0.6s;
}


@media screen and (max-width:750px)  {
	.beginner_magazin h3 {
		font-size: 20px;
	}
	.beginner_magazin h3 span {
		font-size: 26px;
	}
	.beginner_magazin ul {
		width: 100%;
		margin: 0 0 20px;
	}
	.beginner_magazin_list {
		width: 46%;
		margin: 0 2% 20px;
	}
	.beginner_magazin_text {
		text-align: left;
	}
		.beginner_magazin_list figure {
		width: 100%;
	}
}




/*** about ***/

.about__wapper {
    margin: 0!important;
    padding-bottom: 552px;
    background: url(/static/img/static/about__img__town.png) no-repeat;
    background-position: bottom;
    -webkit-background-size: contain;
    background-size: contain;
}

.about_content_titleArea {
	text-align: center;
	font-weight: bold;
	margin-bottom: 180px;
}

.about_content_titleArea h3 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 40px;
}

.about_content_titleArea_text {
	font-size: 18px;
	position: relative;
}

.about_content_titleArea_text:before {
	content: "";
	background: url(/static/img/static/about_iconText.png) no-repeat;
	position: absolute;
	top: 20px;
	right: 3%;
	width: 688px;
	height: 149px;
}

.about_content_articleArea_box {
	position: relative;
	margin-bottom: 120px;
}

.about_content_articleArea p {
	width: 1024px;
	margin: 0 auto;
	line-height: 2.2;
	letter-spacing: 0.3px;
}

.textLine__pink span{
	display: inline;
	background: linear-gradient(transparent 60%, #f5a9aa 60%);
}

.about_content_articleArea_img01 {
	position: absolute;
	width: 544px;
	right: 5%;
	top: 40px;
}

.about_content_articleArea_img02 {
	position: absolute;
	width: 380px;
	right: 20%;
	top: 100px;
}

.about_content_articleArea_img03 {
	position: absolute;
	width: 468px;
	right: 0;
}

.textbold__pink {
	margin-bottom: 8px!important;
}

.textbold__pink span{
	font-size: 28px;
	font-weight: bold;
	color: #ec5354;
	line-height: 1.8;
	margin-top: 20px!important;
	margin-bottom: 8px;
}

.textbold__pink rt {
	color: #aaa;
	font-weight: normal;
	font-size: 11px;
}


.aboutArea_box04 p {
	font-size: 18px;
	font-weight: bold;
}


@media screen and (max-width:750px)  {
	.about__wapper {
		padding-bottom: 0;
	}
	.about_content_titleArea {
		margin-bottom: 80px;
	}

	.about_content_titleArea h3 {
		font-size: 30px;
	}

	.about_content_articleArea p {
		width: 100%;
	}

	.about_content_titleArea_text:before {
		position: absolute;
		top: 72px;
		right: 0;
		width: 80%;
		height: 100px;
		-webkit-background-size: 100%;
		background-size: 100%;
	}

	.about_content_articleArea_box {
		position: relative;
		margin-bottom: 60px;
	}

	.about_content_articleArea p {
		line-height: 2;
	}

	.about_content_articleArea_img01 {
		position: static;
		width: 100%;
		margin: 20px auto 0;
	}

	.about_content_articleArea_img02 {
		position: static;
		width: 100%;
		margin: 20px auto;
	}

	.about_content_articleArea_img03 {
		position: static;
		width: 100%;
		margin: 0 auto;
	}

	.textbold__pink span{
		font-size: 24px;
	}

	.aboutArea_box04 p {
		font-size: 16px;
		line-height: 1.8;
	}

	.aboutArea_box04 {
		margin-bottom: 0!important;
		padding-bottom: 220px;
	}

}


.indexPtn01{
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.indexPtn01__unit{
	width: 48%;
	text-align: center;
	border: 1px solid #e5e5e5;
	/* background: #f3f4f4; */
	-webkit-transition: .3s linear all;
       -moz-transition: .3s linear all;
    	-ms-transition: .3s linear all;
    	 -o-transition: .3s linear all;
    		transition: .3s linear all;
}

.indexPtn01__unit:hover{
	-webkit-box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.16);
    		box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.16);
}

.indexPtn01__unit__img{
	width: 30%;
	margin: 50px auto 25px;
}

.indexPtn01__unit__img img{
	width: 100%;
}

.indexPtn01__unit__text{
	margin: 0 0 50px 0;
	font-size: 16px;
	font-weight: bold;
	color: #007791;
}

@media screen and (max-width:750px)  {
	.indexPtn01{
		flex-direction: column;
	}
	.indexPtn01__unit{
		width: 100%;
		display: flex;
	    justify-content: flex-start;
	    align-items: center;
	    margin-bottom: 20px;
	}
	.indexPtn01__unit__img {
	    width: 20%;
	    margin: 30px;
	}
	.indexPtn01__unit__text {
	    margin: 0;
	}

}

.forum_popularsAreaTtl {
	padding: 8px 0;
    text-align: center;
    font-weight: bold;
	color: #fff;
	background-color: #ec5252;
}

.forum_popularsArea_listArea {
	margin-bottom: 36px;
}

.forum_popularsArea_listArea a {
	display: flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-align-items: center;
	        align-items: center;
	padding: 10px 4px;
	border-bottom: 1px solid #ddd;
}

.forum_popularsArea_listItem__order{
	text-align: center;
	margin-right: 15px;
}
.forum_popularsArea_listItem__order > .order__1,
.forum_popularsArea_listItem__order > .order__2,
.forum_popularsArea_listItem__order > .order__3,
.forum_popularsArea_listItem__order > .order__4under{
	display: block;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	width: 26px;
	height: 26px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.forum_popularsArea_listItem__order > .order__1{background: #f0cd05;}
.forum_popularsArea_listItem__order > .order__2{background: #bbb;}
.forum_popularsArea_listItem__order > .order__3{background: #b3774d;}
.forum_popularsArea_listItem__order > .order__4under{background: #007791;}

.forum_popularsArea_listArea a .forum_popularsArea_listItem {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.6;
	align-items: center;
}

.forum_popularsArea_listItem_cate {
    display: block;
    margin: 0 0 6px 0;
}

.forum_popularsArea_listItem_cateStyle{
	font-weight: bold;
	background: #edf8fd;/* hsla(200, 80%, 96%, 1) */
	padding: 5px 8px;
    color: #007791;
    font-size: 11px;
    line-height: 1;
    border-radius: 2px;
    display: inline-block;
}

.forum_popularsArea_listItem_pvCount {
	position: absolute;
	top: 18px;
	right: 0;
	color: rgba(0, 0, 0, 0.87);
    height: 28px;
    display: inline-flex;
    outline: 0;
    padding: 0;
    font-size: 0.8rem;
    box-sizing: border-box;
    align-items: center;
    white-space: nowrap;
    border-radius: 16px;
    justify-content: center;
    text-decoration: none;
    background-color: #e0e0e0;
}

.forum_popularsArea_listItem_pvCountLabel {
	display: flex;
    align-items: center;
    white-space: nowrap;
    padding-left: 12px;
	padding-right: 12px;
	font-weight: normal;
}


@media screen and (max-width:750px)  {
	.forum_popularsArea_listArea a .forum_popularsArea_listItem {
		padding: 8px;
	}
	.forum_popularsArea_listItem_pvCount {
		right: 8px;
	}
	.forum_popularsArea_listArea a {
		padding: 10px 16px;
	}
	.forum_popularsArea_listArea a:first-child {
		padding: 0 16px 10px;
	}
}