@charset "utf-8";

/*body--------------------------------------------------------------*/

body
{
	margin			: 0 auto;
	padding			: 0;
	min-width 		: 1000px;
	font			: 16px/1.6 Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color			: #666;
	background		: #FFF;
	text-align		: center;
	-webkit-text-size-adjust		: 100%;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*Opera用*/
html:first-child body
{
	font			: 16px/1.5  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}

div,form,map
{
	margin			: 0;
	padding			: 0;
}

p
{
	margin-top      : 0;
	padding         : 0;
}

img
{
	border			: 0;
	vertical-align  : top;
image-rendering: -webkit-optimize-contrast;
max-width: 100%;
height: auto;
}

/*システムが絡む場合、GoogleMapを使用する場合は消す*/
table
{
	margin-left		: auto;
	margin-right	: auto;
}

#side p,#side h1,#side #side h2,#side h3,
#header p,#header h1,#header h2,#header h3,
#footer p,#footer h1,#footer h2,#footer h3
{
	margin			: 0;
	font			: normal 1em  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	text-align		: left;
}

*
{
	box-sizing: border-box;
}

/*link--------------------------------------------------------------*/

a:link,
a:visited
{
	color           : #4D82C4; 
	text-decoration : underline;
}

a:hover,
a:active
{
	color           : #4D82C4; 
	text-decoration : none;
}

a
{
	transition: all 0.5s ease;

}
a:hover
{
	opacity 			: 0.8; 
}



/*layout------------------------------------------------------------*/

#wrapper
{
	width			: 100%;
	margin			: 0;
	padding			: 0;
}

/*▼header------------------------------------------------------------*/
#pc_header
{
	display			: block;
}
#pc_header .header_inner
{
	width 			: 0%;
    height 			: 70px;
    text-align 		: left;
    position 		: fixed;
    top 			: 0px;
    z-index 		: 5000;
}
#pc_header .header_inner .h_logo
{
	position 		: absolute;
	top 			: 50%;
	left 			: 50%;
	-webkit-transform		: translateY(-50%) translateX(-50%);
	transform				: translateY(-50%) translateX(-50%);
}
/*▼ハンバーガーメニュー--------------------------------------------------------*/

#hm_nav
{
	padding-left 		: 42%;
	background 			: #FFF; 
}
#hm_nav:before
{
	content 			: ""; 
	position 			: absolute;
	height 				: 100%;
	left 				: 0px;
	top 				: 0px;
	width 				: 40%;
    background 			: #f4f2e5 url(../images/common/base/pattern02.png) 0 0 repeat;
}

#hm_nav .mm_nav,
#hm_nav .mm_nav li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
	border-bottom: none;
}
#hm_nav .mm_nav
{
		display 			: -webkit-box;
	display 			: flex;
 	-webkit-box-orient 	: horizontal; 
	-webkit-box-direction: normal; 
 	flex-flow 		: row wrap;
       -webkit-box-pack: justify;
       justify-content: space-between;
	   width 			: 100%;
	   margin 			: 50px 0px 0px; 
}
#hm_nav .mm_nav li
{
	-webkit-box-flex:0;
 flex:0 0 48%;
}

#hm_nav .mm_nav li a
{
	border-radius 			: 3px;
	padding 				: 1.5rem 2rem; 
	color 					: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
}
#hm_nav .mm_nav li.login a
{
	background 				: #40afb9;
	border 					: 1px #1d6d7f solid; 
}
#hm_nav .mm_nav li.entry a
{
	background 				: #c4a74b;
	border 					: 1px #7e6b2b solid; 
}


.hmenu
{
	background		: #FFF;
	padding			: 4%;
	margin			: 0;
	overflow		: auto;
 	-webkit-overflow-scrolling : touch;
	width			: 100%;
	height			: 100%;
	box-sizing		: border-box;
}
.menu
{
    position			: fixed;
    top					: 0px;
    left				: 0;
    width				: 100%;
    height				: 100%;
	transition			: all 0.5s ease;
    visibility			: hidden;
    opacity				: 0;
	text-align 			: left
}
.md_open .menu
{
    visibility			: visible;
    opacity				: 1;
	z-index				: 2000;
}
.menu-btn
{
	position	: fixed;
	right		: 5%;
	top			: 35px;
    width		: 50px;
    height		: 30px;
    cursor		: pointer;
	box-sizing	: border-box;
    z-index		: 2000;
}
.menu-btn img
{
	position	: absolute;
	bottom		: 6px;
	left		: 8px;
	width		: 30px;
	height		: auto;
}
.menu-trigger,
.menu-trigger span
{
	display					: -moz-inline-box;
	display					: inline-block;
	/display				: inline;
	/zoom					: 1;
	vertical-align 			: top;
	-webkit-transition		: all 0.5s ease;
    -moz-transition			: all 0.5s ease;
    -o-transition			: all 0.5s ease;
	transition				: all 0.5s ease;
	box-sizing				: border-box;
}
.menu-trigger
{
	position		: relative;
	display 		: block;
	height			: 100%;
}
.menu-trigger span
{
	position		: absolute;
	left			: 0;
	width			: 100%;
	height			: 2px;
	background 		: #dabb59;
  background-blend-mode: screen;
}
.menu-trigger span:nth-of-type(1)
{
	top			: 0;
}
.menu-trigger span:nth-of-type(2)
{
	top			: 47%;
}
.menu-trigger span:nth-of-type(3)
{
	bottom		: 0;
}
/*ボタン開いた時*/

.md_open .menu-trigger span:nth-of-type(1)
{
	-webkit-transform	: translateY(8px) rotate(-45deg);
	-moz-transform		: translateY(8px) rotate(-45deg);
	-o-transform		: translateY(8px) rotate(-45deg);
	transform			: translateY(8px) rotate(-45deg);
}
.md_open .menu-trigger span:nth-of-type(2)
{
	opacity				: 0;
}
.md_open .menu-trigger span:nth-of-type(3)
{
	-webkit-transform	: translateY(-18px) rotate(45deg);
	-moz-transform		: translateY(-18px) rotate(45deg);
	-o-transform		: translateY(-18px) rotate(45deg);
	transform			: translateY(-18px) rotate(45deg);
}
.md_open .menu-trigger
{
	height			: 30px;
}
.sacbox
{
	display 		:none;
}
body.md_open
{
	overflow 		: hidden;
	height 			: 100%;
}
.hmenu .hm_title a
{
	display: block;
	padding			: 12px 0;
	font-size		: 22px;
	color 			: #dab951;
	font-size 		: 3vw;
	text-decoration: none;
	border-bottom: 1px #EEE solid;
	background: url("../images/common/icon/nav_arrow.png") 0 50%/.3em auto no-repeat;
	padding-left 		:.5em;
	transition: all 0.5s ease;
}
.hmenu .hm_title a:hover
{
	background-position: .2em 50%;
}

.hmenu ul,
.hmenu ul li
{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
}


.hmenu ul li a
{
	background		: url(../images/common/icon/btn_icon02.png) 10px center no-repeat;
	background-size	: 20px auto;
	padding			: 10px 10px 10px 40px;
	display			: block;
	color 			: #333;
	transition: all 0.5s ease;
}
.hmenu ul li a:hover
{
	background-position:  15px 50%;
}


#pc_header .hm_contact
{
	text-align 		: center;
	margin-top 		: 20px;
}
#pc_header .hm_contact .hm_tel,
#pc_header .hm_contact .hm_item
{
	width 			: 45%;
	padding 		: 10px 0; 
	display					: -moz-inline-box;
	display					: inline-block;
	/display				: inline;
	/zoom					: 1;
	vertical-align 			: top;
	box-sizing 		: border-box;
}
#pc_header .hm_contact .hm_tel
{
	margin-right 	: 2%;
	padding-right 	: 3%;
	border-right 	: 1px solid #666;
}
#pc_header .hm_contact .hm_tel img,
#pc_header .hm_contact .hm_item img
{
	max-width 		: 100%;
	height 			: auto;
}
.md_nav_item ul
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
	padding: 			  12px;
	border-bottom 		: 1px #EEE solid; 
	
}
#tmp-info
{
	top 			: -110px; 
}

/*▼#main_catch------------------------------------------------------------*/

#main_catch
{
	border-top 			: 5px solid #dab951; 
}

#main_catch .slide_item img
{
	width 				: 100%;
	height 				: auto;
}
#main_catch .slide_item
{
	position: relative;
	padding-top 		: 26%; 
}

#main_catch .slide_item .inner
{
	position 			: absolute;
	width 				: 90%;
	top 				: 8%;
	left 				: 0px;
	right 				: 0px;
	margin 				: 0 auto;
	padding-right 		: 40%;
	display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
-webkit-box-align:end;
    -ms-flex-align:end;
        align-items:flex-end
}

#main_catch .slide_item .inner .catch
{
	-webkit-box-flex:1;
    -ms-flex:1 1 64%;
        flex:1 1 64%;
}

#main_catch .slide_item .inner .smph
{
	-webkit-box-flex:1;
    -ms-flex:1 1 32%;
        flex:1 1 32%;
}

#main_catch .slide_item.woman
{
	background 			: #e4e8eb url("../images/common/base/woman_main_bg.jpg") right -20% bottom 0px /70%  auto no-repeat;
}

#main_catch .slide_item.man
{
	background 			: #e9e6df url("../images/common/base/man_main_bg.jpg") right -20% bottom 0px /70% auto no-repeat;
}
.cta_area
{
	background 			: #d3c281 url("../images/common/base/cta_area_bg.jpg") top center / 100% auto no-repeat;
}

.cta_area_box
{
	background 			: #f4f2e5 url("../images/common/base/pattern01.png") repeat;
	padding 			: 0px 10%;
	width 				: 90%;
	max-width 			: 1600px; 
	margin 				: 0 auto 30px;
	position 			: relative;
}
.cta_top .cta_area_box
{
	top 				: -100px;
}
.cta_area_box:before
{
	content 			: "";
	background 			: #ddd8b5;
	height 				: 8px;
	position 			: absolute;
	width 				: 100%;
	top 				: 0px;
	left 				: 0px;
	right 				: 0px;
	margin 				: 0 auto; 
}
.cta_area_box .cta_title img
{
	width 				: 100%;
	height 				: auto;
}
.cta_area_box .cta_title
{
	max-width 			: 600px;
	width 				: 80%; 
	margin 				: 0 auto 20px; 
}


.cta_area_box .cta_arrow
{

	width 					: 7%;
	margin 					: 0 auto 20px; 
}


.cta_area_box_inner
{
	background 			: #f4f2e5;
	padding 			: 60px 80px;


}
.cta_btn,
.cta_btn li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
.cta_btn
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;

-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
			width 				:  80%;
	max-width 			: 50%;
		margin 				: 0 auto 30px; 

}
.cta_btn li
{
	width 				: 50%; 
}
.cta_btn li:first-child
{
	width 				: 46%; 
}

.cta_area .cta_area_box p,
#footer .cta_area .cta_area_box p
{
	font-size 			:1.25em; 
	text-align 			: center;
	margin-bottom 		: 30px;
}
.cta_area_box .mm_entry_btn a
{
	display 			: block;
	background 			: url("../images/common/icon/btn_arrow.png") right 1em top 50% no-repeat,url("../images/common/base/bttn_bg02.png") top left /auto 100% repeat-x;
	border-radius 		: 3px;
	padding 			: 1.3em 5em 1.3em 2.5em;
	text-align 			: center;
	font-size 			: 1.5rem;
	border-bottom 		: 3px solid #000000;
}
.cta_area_box .mm_entry_btn a img
{
	max-width 			: 100%;
	height 				: auto;
}


.cta_area_box .entry_btn a
{
	background 			: #000000 url("../images/common/icon/btn_icon.png") right 2em top 50% no-repeat;
	color 				: #FFF;
	font-size 			: 1.5rem;
	display: block 		;
	border-radius: 3px;
	padding 			: 1em 5em;
	text-decoration: none;
	color: #FFF;
}
.cta_area_box .entry_btn
{
	max-width 			: 900px;
	width 				: 90%; 
	margin 				: 0 auto; 
}
.cta_area_box .mm_entry_btn
{
	max-width 			: 900px;
	width 				: 90%; 
	margin 				: 0 auto 30px; 
}

.cta_area .member_count
{
	background 			: #f4f2e5;
	border-radius 		: 3px;
	width 				: 90%;
	max-width 			: 1600px; 
	margin 				: 0 auto;
	top 				: -100px;
	position 			: relative;
}

.cta_area .member_count {
    background: #e5e0ae;
    background-size: auto 100%!important;
    padding: 15px;
}
.cta_area .member_count .member_count_inner
{
	background 	: #f4f2e5;
	color 			: #865b00;
}
.cta_area .member_count .member_count_inner th
{
	background 			: #e5e0ae;
	color 				: #865b00;
	width 				: 20%; 
}
.cta_area .member_count .member_count_inner th,
.cta_area .member_count .member_count_inner td
{
	text-align: center;
	font-size 			: 1.2rem; 
}

.cta_area .member_count .member_count_inner td:last-child
{
	font-size 			: .8rem;
	background 			: #e5e0ae;
	color 				: #865b00;
	padding 			: 1em; 
}


.cta_area .member_count .count_text
{
	display 			: -webkit-box;
	display 			: flex;
 	-webkit-box-orient 	: horizontal; 
	-webkit-box-direction: normal; 
 	flex-flow 		: row nowrap;
	       -webkit-box-pack: center;
       justify-content: center;
	   font-weight: bold;
	   -webkit-box-align:center;
        align-items:center;
		line-height: 1.0;
		font-size 			: 1.6em; 
}
.cta_area .member_count .man,
.cta_area .member_count .woman
{
	padding 			: 1em;
	width 				: 32%; 
}

.cta_area .member_count .man
{
	border-right 			: 15px solid #e5e0ae;
}

.cta_area .member_count .man .count_text .gender,
.cta_area .member_count .man .count_text .fas
{
	color 			: #3684a2;
}
.cta_area .member_count .woman .count_text .gender,
.cta_area .member_count .woman .count_text .fas
{
	color 			: #db6483;
}
.cta_area .member_count .count_text .fas
{
	font-size 		: 2em;
	margin-right 		: .3em; 
}


.md_cta_btn,
.md_cta_btn li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
.md_cta_btn
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
		width 			: 100%; 

}
.md_cta_btn li
{
	-webkit-box-flex:0;
 flex:0 0 49%;
}
.md_cta_btn li a
{
	display 			: block;
	overflow 			: hidden;
	border-radius 		: 3px;
	overflow 			: hidden;
	color 				: #FFF;
	text-decoration: none;
}
.md_cta_btn li a span.tool
{
	display: block;
	background: url("../images/common/base/bttn_bg02.png") 0 0/auto 100% repeat-x;
	padding 		: .2rem 1rem;
	text-align 		: center;
	font-weight 	: bold;
	font-size 		: 2rem; 
}
.md_cta_btn li:nth-child(2) a span.tool
{
	background-image 	: url("../images/common/base/bttn_bg03.png");
}

.md_cta_btn li a span.entry
{
	font-size 		: 1.5rem; 
	display 		: block;
	background 		: #865b00 url("../images/common/icon/btn_icon02.png") right 1rem top 50%/25px auto no-repeat;
	padding 		: .3rem 1rem .3rem 1rem;
	text-align 		: center;
}
.md_cta_btn li:nth-child(2) a span.entry
{
	background-image: url("../images/common/icon/btn_icon03.png");
	background-color: #863000; 
}

/*雑誌掲載追加*/

.media_pr #main_catch .slide_item .inner
{
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
}
.media_pr #main_catch .slide_item .inner
{
	top 			: 0px; 
}
.media_pr #main_catch .pr_img
{
	max-width 		: 716px;
	width 			: 85%;
	margin-top 		: -10px; 
}
.media_pr .cta_top .cta_area_box
{
	top 		: -20px; 
}
.media_pr .cta_area .member_count
{
	top 		: 0px; 
}
.media_pr .cta_area
{
	padding-bottom 		: 90px; 
}


/*▼main------------------------------------------------------------*/
#main
{
	width			: 745px;
	float			: right;
	padding 		: 0 15px;
	text-align		: center;
	box-sizing 		: border-box;
}
.section_inner
{
	max-width 		: 90%;
	margin 			: 0 auto;
}

/*▼footer------------------------------------------------------------*/
#footer
{
	clear			: both;
	width			: 100%;
	background		: #fff;
	text-align: center;
}

#footer .cta_area
{
	padding 		: 60px 0px;
	position 		: relative;
}
#footer .cta_area:before
{
	content 		: "";
	width 			: 90%;
	margin 			: 0 auto;
	left 			: 0px;
	right 			: 0px;
	top 			: 0px;
	height 			: 8px;
	background 		: #FFF;
	display: block;
	position: absolute;
	
}
#footer .cta_area_box
{
	margin-bottom 		: 50px;
	top: 0px;
}
#footer .sns_area
{
	border-bottom 		: #dbcd95 solid 1px;
	width 				: 90%;
	padding-bottom 		: 50px;
	margin 				: 0 auto 50px; 
}
#footer .sns_area ul
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

#footer .sns_area ul,
#footer .sns_area ul li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
#footer .sns_area ul li
{
	margin 				: 0px 1rem; 
}



#footer .sns_area ul a
{
	text-decoration 		: none;
	color 					: #FFF; 
}
#footer .sns_area ul a .fab
{
	font-size 				: 5rem;
	display 				: block;
	margin-bottom 			: 1rem; 
}
#footer .ft_nav ul,
#footer .ft_nav li
{
	margin 				: 0px;
	list-style 			: none;
	padding 			: 0px; 

}
#footer .ft_nav ul
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

#footer .ft_nav
{
	margin-bottom 		: 50px; 
}


#footer .ft_nav li a
{
	color 				: #111111; 
}
#footer .ft_nav li
{
	border-left 		: 1px #111111 solid;
	padding-left 		: 1em;
	margin-left 		: 1em; 
}
#footer .ft_nav li:first-child
{
	border-left 		: none;
	padding-left 		: 0px;
	margin-left 		: 0px;
}
#footer .license
{
	background 			: #FFF;
	padding 			: 20px;
	color 				: #111111;
	width 				: 90%;
	margin 				: 0 auto 30px;
}

#footer .copy
{
	text-align 			: center;
	width 				: 90%;
	margin 				: 0 auto; 
}
#footer .copy small
{
	display 			: block;
	font-style 			: normal;
	font-size 			: 1rem; 
	color 			 	: #111111;  
}

#footer .recomend_area ul,
#footer .recomend_area ul li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
#footer .recomend_area ul
{
		display 			: -webkit-box;
	display 			: flex;
 	-webkit-box-orient 	: horizontal; 
	-webkit-box-direction: normal; 
 	flex-flow 		: row wrap;
       -webkit-box-pack: justify;
       justify-content: space-between;
	   width 				: 90%;
	   max-width 			: 1600px; 
	   margin 				: 0 auto 30px; 
}
#footer .recomend_area ul li
{
	-webkit-box-flex:0;
 flex:0 0 16%;
 margin-bottom: 15px;
}
#footer .recomend_area ul li img
{
	max-width 			: 100%;
	height 				: auto; 
}

#footer .recomend_area .recomend_title
{
	max-width 			: 100%;
	margin 				: 0 auto 1.3em;
	text-align 			: center;
	font-size 			: 2rem;
	line-height 		: 1.0;
	color: #FFF;
}
#sticky_ban
{
	position 			: fixed;
	bottom 				: 0px;
	left 				: 0px;
	z-index 			: 1000;
	width 				: 100%;

}
#sticky_ban a
{
	display 			: block;
	padding 			: 1.2rem 4rem 1.2rem 2rem;
	text-align 			: center;
	border-top 			: 1px #a88624 solid; 
	box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	background 			: url("../images/common/icon/btn_arrow.png") right 1em top 50%/15px auto no-repeat,
							url("../images/common/base/bttn_bg.png") center center / auto 100% repeat-x;
}
#sticky_ban a img
{
	max-width 			: 330px;
	width 				: 80%;
	height 				: auto;
}




/*1024以下の指定（タブレット）*/
@media screen and (max-width: 1024px) 
{
body
{
	min-width 		: 100%;
}
.section_inner,
#main,
#footer_inner
{
	width 			: 100%; 
}
/*▼header------------------------------------------------------------*/

#hm_nav .mm_nav
{
	display: block;
	padding-top 		: 15px; 
}
#hm_nav .mm_nav li
{
	margin-bottom 		: 15px; 
}
#hm_nav .mm_nav li a
{
	padding 			: 1rem 1.5rem;
}

#main_catch .slide_item.man,
#main_catch .slide_item.woman
{
	background-size: 98% auto;
	background-position: right -1000% bottom 0;
	padding-top: 40%;
}
#main_catch .slide_item .inner
{
	padding 			: 0% 49% 0px 0%;
	top 				: 3%;
	text-align: center;
	display 			: block;
	text-align: center;
}
#main_catch .slide_item .inner .smph
{

	width 				: 60%;
	z-index 			: 1000;
	bottom: auto;
	position: relative;
	top: -20px;
	display: block;
	margin: 0 auto;
}
.cta_area
{
	padding 			: 40px 0px 80px; 
}
.cta_top .cta_area_box,
.cta_area .member_count
{
	top: 0;
}
.cta_area_box
{
	padding 			: 0px 5%; 
}
.cta_area_box_inner
{
	padding 			: 40px 20px;
		margin-top 			: -50px;
}
#footer .cta_area_box_inner
{
	margin-top:0px;
}


.cta_btn
{
	max-width 			: 100%; 
}
.cta_area_box .entry_btn a
{
	padding 			: 1em 3em;
	font-size 			: 1.3rem;
	background-size 	: 1.3rem auto;
}
.cta_area_box .entry_btn
{
	width 			: 100%;
}
.cta_area_box .mm_entry_btn
{
	width 			: 100%; 
}
.cta_area_box .mm_entry_btn a
{
	padding 			: 1em 4em 1em 3em;
	background-size 	: 20px auto,auto 100%;
}

.cta_area .member_count .man,
.cta_area .member_count .woman
{
	padding 			: 15px; 
}
.cta_area .member_count .count_text
{
	font-size 			: 1.1em; 
}
.cta_area .member_count .member_count_inner th
{
	width 			: 15%; 
}
.cta_area .member_count .count_text .fas
{
	margin-right 		: 0.2em;
}
.cta_area .member_count
{
	padding 			: 15px; 
}
/*雑誌掲載追加*/

.media_pr #main_catch .pr_img
{
	position: absolute;
	right 				: 0px;
	bottom 				: 10%;
	max-width 			: 500px;
	width 				: 60%; 
}
.media_pr .cta_top .cta_area_box
{
	top 				: 0px; 
}
.media_pr .cta_area_box_inner
{
	margin-top 			: -30px; 
}

/*▼side------------------------------------------------------------*/
.section_inner
{
	width 		: 95%;
}
/*▼footer------------------------------------------------------------*/
#footer .recomend_area ul li
{
	-webkit-box-flex:0;
 flex:0 0 32%;
}

#footer .sns_area
{
	padding-bottom: 25px;
	margin-bottom: 25px;
}
#footer .sns_area ul a .fab
{
	margin-bottom 		: 0px; 
}
#footer .ft_nav li
{
	margin-bottom 		: 1em; 
}
#footer .ft_nav
{
	width 				: 90%;
	margin 				: 0 auto 20px; 
}
#footer .sns_area ul a .fab
{
	font-size 			: 4rem; 
}
}
/*767以下の指定（スマホ横)*/
@media screen and (max-width: 767px) {

#sticky_ban a
{
	display 			: block;
	padding 			: 1rem 4rem 1rem 2rem;
}


#tmp-info
{
	width 			: 90%!important;
 	border 			: 3px solid #c69c23!important;
 	padding 		: 1.5em!important;
 	margin-bottom 	: 2em!important; 
}

.menu-btn
{
	right 			: 15px;
	top 			: 25px; 
}


#hm_nav
{
	padding-left 			: 15%; 
}
#hm_nav:before
{
	width 					: 15%; 
}
.hmenu .hm_title a
{
	font-size 				: 6vw;
	padding 				: 12px 20px;
}

#main_catch .slide_item .inner
{
	padding 			: 0% 0% 0% 0%; 
}
#main_catch .slide_item
{
	height 				: 100vh;
	padding 			: 0px;
}
#main_catch .slide_item .inner .catch
{
	max-width 			: 400px;
	width 				: 90%;
	margin 				: 0 auto; 
}

#main_catch .slide_item .inner .smph
{
	width 				: 100%;
	padding 			: 0px 50% 0px 0%; 
}

#main_catch .slide_item.woman
{
	background-position: right -50vw bottom 0px;
	background-size: auto 70vh;
}
#main_catch .slide_item.man
{
	background-position: right -34vw bottom 0px;
	background-size: auto 70vh;
}


.cta_area_box
{
	width 			: 90%;
	padding 		: 0px; 
}
.cta_area
{
    padding: 20px 0px 50px;
}
.cta_area_box_inner
{
	padding 		: 25px 25px; 
}


.cta_area_box .cta_title
{
	width 			: 88%;
	margin-bottom 	: 10px; 
}
.cta_area_box .cta_arrow
{
	width 			: 15%;
	margin-bottom 	: 10px; 
}
.cta_btn
{
	width 			: 100%;
	margin-bottom 	: 15px; 
}
.cta_area_box:before
{
	width 			: 100%; 
}
.cta_btn li:first-child
{
	width 			: 47%; 
}
.cta_area .cta_area_box p,
#footer .cta_area .cta_area_box p
{
	text-align 		: left;
	font-size 		: 1em;
	margin-bottom 	: 10px; 
}

.cta_area_box .entry_btn a
{
	padding 			: 1em 3em 1em 1.5em;
	text-align 			: left;
	font-size 			: 1.2em;
	background-position : top 50% right 1em;
	line-height 		: 1.2;
	font-size 			: 1.1em;
	text-align: center;
}
.cta_area_box .mm_entry_btn
{
	margin-bottom 		: 15px; 
}

.cta_area_box .mm_entry_btn a
{
	padding 			: .8em 2em .8em 1.5em;
	background-size 	: 15px auto,auto 100%;
	text-align: left;
	background-position 	: right .5em top 50%,top left; 
}
.cta_area_box .mm_entry_btn a img
{
	vertical-align: middle;
}
.cta_area .member_count .count_text
{
	font-size 		: .9em; 
}
.cta_area .member_count
{
	padding 		: 10px 10px 0px; 
}
.cta_area .member_count .man,
.cta_area .member_count .woman
{
	padding 		: 10px; 
}
.cta_area .member_count .man {
    border-right: 5px solid #e5e0ae;
}
.cta_area .member_count table tr
{
		display 			: -webkit-box;
	display 			: flex;
 	-webkit-box-orient 	: horizontal; 
	-webkit-box-direction: normal; 
 	flex-flow 		: row wrap;
}
.cta_area .member_count table tr td
{
	-webkit-box-flex:0;
 flex:0 0 50%;
}
.cta_area .member_count table tr th:first-child,
.cta_area .member_count table tr td:last-child
{
	-webkit-box-flex:1;
 flex:1 1 auto;
 width 			: 100%; 
}
.cta_area .member_count .member_count_inner td:last-child
{
	text-align: right;
	padding 		: 5px; 
}
.cta_area .member_count .count_text .fas
{
	font-size 		: 1.2em; 
}
/*雑誌掲載追加*/
.media_pr .cta_top .cta_area_box
{
	top 			: 0; 
}
.media_pr #main_catch .pr_img
{
	bottom 			: calc(15px + 2vh);
	right 			: auto;
	left 			: 0px;
	width 			: 100%;
	z-index 		: 1000; 
}
.media_pr #main_catch .slide_item .inner
{
	height 			: 100dvh; 
	height 			: 100vh;
}
.media_pr #main_catch .slide_item .inner .smph
{
	padding-right 	: 57%; 
}
.media_pr .cta_area
{
	padding-bottom 		: 40px; 
}




#footer .cta_area_box_inner
{
	margin-top 			: 0px; 
}
#footer .cta_area
{
	padding 			: 40px 0px; 
}
#footer .cta_area_box
{
	margin-bottom 		: 30px; 
}
#footer .recomend_area .recomend_title
{
	font-size 			: 1.5rem;
	margin-bottom 		: 1rem; 
}
#footer .recomend_area ul li
{
	-webkit-box-flex:0;
 flex:0 0 100%;

}
#footer .recomend_area ul
{
	background 			: rgba(177,152,56,0.6);
	padding 			: 1em; 
}



#footer .sns_area ul a span
{
	font-size 			: .8rem;  
}
#footer .ft_nav
{
	display 			: none;
}
#footer .sns_area
{
	margin-bottom 		: 0px;
	border-bottom 		: none;
}
#footer .license
{
	font-size 			: .8rem;
	padding 			: 10px; 
}
#insta_section .insta_title a
{
	font-size 			: 2rem; 
}
.md_cta_btn li a span.entry
{
	font-size 		: 1rem;
	background-position: right 5px top 50%;
	background-size 	: 15px auto;
}
.md_cta_btn li a span.tool
{
	font-size 			: 1.6rem; 
}



}
/*375以下の指定（スマホ縦)*/
@media screen and (max-width: 375px) {
#main_catch .slide_item.woman
{
	background-position: right -40vw bottom 0px;
	background-size: auto 70vh;
}
#main_catch .slide_item.man
{
	background-position: right -30vw bottom 0px;
	background-size: auto 70vh;
}
}
/*320以下の指定（スマホ小)*/
@media screen and (max-width: 320px) {

}




/*---------------------------------------------------------*/
/*    copyright(C) CloudWorks. All rights reserved. Ver1.0   */
/*---------------------------------------------------------*/