@charset "utf-8";
/*ベース*/
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,select,div,span,label,input,textarea,button,table,td,th,figure,nav,main,img{
	margin: 0;
	padding: 0;
}

html,body{
	-webkit-text-size-adjust:100%;
	overflow-x:hidden;
	width:100%;
	position: relative;
}

html{
	font-size:80%;
}

body{
	color:#555555;
	margin:0;
	padding:0;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	word-wrap:break-word;
	font-family: 'Noto Sans JP', sans-serif;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,select,div,label,input,button,select,option,textarea,table,td,th,figure,nav,main,address{
	font-weight:inherit;
  font-style:normal;
}

a,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,select,div,label,input,button,select,option,textarea,button,table,td,th,figure,nav,main,address{
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
}

*[disabled]{
	opacity:1;
	cursor:auto;
}


table,td,th{
	border-spacing:0;	
}

th{
	text-align:justify;
}

a{
	text-decoration:none;
	outline: none;
}

a img{
	border:0;
}

img,svg{
   vertical-align:bottom;
}

li{
	list-style:none;
}

input[type="submit"],input[type="button"],button,input[type="radio"]+label,input[type="checkbox"]+label,input[type="file"]+label,a{
	cursor:pointer;
}
main{
	display:block;
}

/*アイコンフォント*/
@font-face {
  font-family: 'icon';
  src:
    url('../../fonts/icon.ttf') format('truetype'),
    url('../../fonts/icon.woff') format('woff'),
    url('../../fonts/icon.svg#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'step';
  src:
    url('../../fonts/step.ttf') format('truetype'),
    url('../../fonts/step.woff') format('woff'),
    url('../../fonts/step.svg#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*svgインライン*/
body > svg{
	width:0;
	height:0;
	opacity:0;
	position:fixed;
}

/*テストアイコン*/
.test{
	position:relative;
}
.test::after{
	content:"";
	background:url(../../img/icon_test.svg);
	background-size:60px;
	display:block;
	width:60px;
	height:30px;
	position:absolute;
	top:5px;
	left:-5px;
}

/*リンク等のフォーカス削除*/
a,button,input{
	-webkit-tap-highlight-color: transparent;
}

/*フォームパーツリセット*/
label,input,select,option,textarea,button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
  border: 0;
  background: none transparent;
	outline: none;
}

select{
  text-indent: 0.01px;
  text-overflow: '';
}

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

input[type="file"],
input[type="checkbox"],
input[type="radio"]{
    display: none;
}


input[type="file"]{
	opacity: 0;
	width: 0;
	height: 0;
}




/*ベースカラー*/
body > header > div > nav button + dl dd,
#ad_bottom > li > div > dl > dt::after,
.list_ad > aside > div > dl > dt::after,
.list_head > dl > dt::after,
.comp.added,
.comp.added::before,
#shop_info h3,
.identity_ok ul,
.identity_ng ul{
	color:#555555;
}

/* #ad_head, */
#home > header,
body > header > nav{
	background-color:#F3F0E7;
}


/*バナナビ認証など緑*/
#authn > div > div > input[type="button"],
#wi_bw > div > p,
#chat_manual > nav li a{
	background-color:#00945E;
	color:#FFFFFF;
}



/*バナナビメイン黄色*/
body > header > div,
body > header > nav{
	background-color:#FFD01F;
}

#f_logo_beit{
	fill:#FFD01F;
}

/*濃い黄色*/
body > header > dl{
	background-color:#FFB700;
}

#column2_list > li > ul li,
#ranking_list > li > ul li,
#time_list > li > ul li,
#comp_table thead td ul li{
	background-color:#FFB700;
	color:#FFFFFF;
}

/*黄色の線*/
body > header > *,
#home #word_search{
	border-bottom:#EAAB2C 1px solid;
}
#home #search_btn{
	border-top:#EAAB2C 1px solid;
}

body > header > div{
	box-shadow:inset 0 1px #FCE485;
}
body > header > nav{
	box-shadow:inset 0 1px #FCE485, 0 1px #FFFFFF;
}



/*紫*/
body > main > article > h3,
#menu_scroll ~ article h4,
#shop #main_area > h4,
#chat_manual > section h3,
.btn_mail{
	background-color:#8079CD;
	color:#FFFFFF;
}


/*茶色*/
body > footer,
body > header > nav > ol li:last-child{
	background-color:#40220F;
	color: #fff;
}
#left_top form h3,
#left_top form h4,
#chat_manual > section h3{
	justify-content: flex-start;
	background-color:#fff;
	border-bottom: 1px solid #FFB700;
	color:#595757;
}

body > header > div,
body > header > nav > ol li a,
body > header > nav > ol li:not(:last-child)::after,
#new_area::after{
	color:#40220F;
}

#head_logo{
	fill:#40220F;
}

#top_slide .sw_pager > *{
	background-color:#40220F;
}

#top_slide .swiper-pagination-bullet-active{
	background-color:#F3F4F4;
	box-shadow:inset 0 0 0 2px #40220F;
}


/*赤*/
.btn_pdf,
.required::after{
	background-color:#FF2F57;
}

#main_sach > form input[type="checkbox"] + label{
	box-shadow:inset 0 0 0 1px #FFB700;
	background-color:#FFFFFF;
	color:#FFB700;
}
#main_sach > form input[type="checkbox"]:checked + label,
.img_up > div > a{
	background-color:#FFB700;
	color:#FFFFFF;
}
/* .img_up > div > a, */
#main_sach > form > dl .ts_set span{
	background-color:#FF2F57;
	color:#FFFFFF;
}

.new::before,
.error ~ span:first-of-type,
.normal_form dd p a,
.title,
.summary_head > a,
.summary_head > div,
#ad_bottom > li > div > a,
.list_ad > aside > div > a,
#img_list > li > div > a,
.super_main > p > span,
#left_bottom dt,
#app_info address p span,
#comp_table thead th a,
#link_banner > div li button,
#column3_list > li h3,
#new_area > p,
.t_ttl,
.graph_early > p,
.graph_middle > p,
.graph_last > p,
.ts_foot > a,
#t_itw > ul > li div a,
#helpful > ul > li > p a,
#s_itw > ul > li > div a,
#g_shop > ul > li > a,
#faq > dl dd::before,
#chat_manual > section > div > p > span,
#img_list > li > p{
	color:#FF2F57;
}

.map{
	color:#FF2F57 !important;
}

.error{
	border:#FF2F57 1px solid !important;
	background-color:#FFF1F1 !important;
}
#consent{
	border:#FF2F57 1px solid;
	background-color:#FFF1F1;
}

#main_sach > form > dl .ts_set span::after{
	border-color: #FF2F57 transparent transparent transparent;
}

#img_list > li > p{
	border:#FF2F57 1px solid;
	border-radius:5px;
}


/*濃い赤*/
.bar_aid > span,
#search_btn > span,
.pager > div > span,
#switch_bar > div > time span,
.link_chat,
.comment,
.note > a,
.message > a,
#site_map section > ul > li:before,
#bulk_list > li > div > div,
#comp_p_list > form > p span{
	color:#FFB700;
}

#save > form > div button[type="submit"],
#search_btn button[type="submit"],
.btn_chat,
.bulk_chat,
.alert,
.comment a,
#column3_list > li form button,
.cg_no::before,
#t_super > ul > li::before{
	background-color:#FFB700;
	color:#FFFFFF;
}

.mk_new::after,
#helpful{
	background-color:#FFB700;
}

.㎝_btn_on{
	background-color:#FFB700 !important;
}

#chat_manual > section > div > div{
	border-color: #FFB700 transparent transparent transparent;
}



/*中間ピンク*/
.btn_area > a,
#shop_info > a{
	background-color:#FFFFFF;
	color:#EA4488;
	box-shadow:inset 0 0 0 1px #EA4488;
}
#s_fbtn > a,
#free > div > dl > dd > section div p{
	color:#EA4488;
}

body > header > div > nav button + dl dd span,
#img_list > li > span,
#f_nav > a span,
#free h3,
#free > div > dl > dd > section > div > a{
	background-color:#EA4488;
	color:#FFFFFF;
}
.fbtn_on{
	background-color:#EA4488 !important;
	color:#FFFFFF !important;
}

.btn_fbar{
	box-shadow:inset 0 -4px #EA4488;
}
.btn_fbar{
	color:#EA4488;
}




/*青緑*/
body > main > nav > h2,
body > main > article > h2,
#menu_scroll ~ article > h3,
#keep_no::after,
.cg_mark::before{
	justify-content: center;
	text-align: center;
	box-shadow: none;
	background-color:#fff;
	border-bottom: 1px solid #FFB700;
	font-size: 20px;
	color:#595757;
}

.btn_img{
	background-color:#00ACA8;
}

#faq > dl dt,
#faq > dl dt::before,
.normal_form > p,
.confirm > dl > dt,
#save > form > dl > dt,
.title_02,
.summary_head > dl dt,
#column2_circleimg > li > dl dt,
#ad_bottom > li > div > dl > dt,
.list_ad > aside > div > dl > dt,
#column2_list > li > dl dt,
#img_list > li > dl dt,
#keep_no span,
#ranking_list > li > dl dt,
#time_list > li > dl dt,
.l_title, 
#left_bottom dd a,
#comp_table tbody th,
#link_banner > div dt,
#link_banner > div li span,
#feat_01 > li a,
#shop > header dt,
#s_info > dl > dt,
#s_itw > ul > li > div dt,
#s_prof > section dt,
#s_qa > dl > dt,
#c_itw > li section dt,
#chat_manual > section p a,
#free > div > ol li:not(:last-child):after{
	color:#00ACA8;
}

#keep_no{
	border:#FFB700 3px solid;
}

#feat_01 > li{
	border-bottom:#FFB700 2px solid;
}

/*濃い青*/
#column2_list > li > p,
#ranking_list > li > p,
#time_list > li > p,
#home #word_search input[type="submit"],
.ts_ttl,
.ts_head > a,
#t_itw > ul > li div dt,
#p_up > ul > li > div > a{
	color:#0A69C7;
}


/*グレー*/
#f_nav,
/* .message, */
.note,
.normal_form > div,
.confirm > div,
.img_up,
#img_list > li > button,
#keep_no,
#time_list > li > time,
.movie,
#comp_table tbody th,
#link_banner h4,
#new_area,
#search_btn,
#s_movie > ul > li > div,
#s_prof > button,
#s_qa > button,
.f_space > button,
.date_change,
.chat > #main_area > form > div,
.img_area{
	background-color:#F7F7F7;
}


/*中間グレー*/
#save > form > div > a,
.comp.added,
.chat_shop > div{
	background-color:#ECEDED;
}

/*中間グレー濃い*/
.chat_user > div a{
	color:#A2A2A2;
}
.del_sample,
#search_btn button[disabled],
#search_btn button[disabled] span{
	color:#A2A2A2 !important;
}


/*ダークグレー*/
.btn_file,
.btn_area > button + div button,
#line_pop > section > button,
.comp,
#media > dd > div > dl dt{
	background-color:#484848;
	color:#FFFFFF;
}

/*ブルーグレー*/
.sel::after,
.pager > nav > span{
	color:#A4AFBA;
}

/*フォームなど色*/
#left_top > form > dl dt span::after,
.terms_off{
	color:#CACACA;
}
.terms_off::before{
	color:#CACACA !important;
}
.normal_form input[disabled]{
	background-color:#FFFFFF !important;
	box-sizing:border-box;
	border:#CACACA 1px solid;
	color:#CACACA !important;
}
#comp_table tbody td address li > span{
	background-color:#CACACA;
	color:#FFFFFF;
}
.mark_none{
	background-color:#CACACA !important;
}
#comp_table .btn_line:disabled svg{
	fill:#CACACA;
}

.normal_form input[type="radio"]:checked + label::before{
	box-shadow:inset 0 0 0 4px #1B83F1;
}
.normal_form input[type="checkbox"]:checked + label::before,
.normal_form input[type="submit"],
.confirm > div input[type="submit"],
.li_more,
.chat_user > div,
.chat > #main_area > form input[type="button"],
.chat_btn_sample,
#bulk_list > li input[type="checkbox"]:checked + label::before,
#comp_p_list > form button{
	background-color:#1B83F1;
	color:#FFFFFF;
}
.chat_btn_sample{
	color:#FFFFFF !important;
}

.confirm > div a{
	border:#1B83F1 1px solid;
	box-sizing:border-box;
	color:#1B83F1;
	background-color:#FFFFFF;
}
#comp_table tbody td > ul li::before{
	color:#1B83F1;
}





/*丸い影*/
#menu_scroll{
	position:relative;
}

#menu_scroll::after{
	content:"";
	display:block;
	height:20px;
	box-shadow:0 2px 8px rgba(0,0,0,.3);
	border-radius:100%;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}


/*青い影*/
#column2_circleimg > li > a,
.btn_area > button + div,
#s_prof > figure,
#c_itw > li > figure{
	box-shadow:5px 5px 15px rgba(173,183,219,.5);
}

.btn_privilege::before,
.btn_line::before{
	box-shadow:5px 5px 15px rgba(173,183,219,1);
}

.chat > #main_area > form input[type="button"]{
	box-shadow:0 0 10px rgba(173,183,219,5);
}



/*線*/
#link_banner > div pre,
.bnr_area a img{
	border:#D8D1C1 1px solid;
}

body > header > div > nav button + dl dd:not(:last-child),
#menu_scroll,
.text_list > dt{
	border-bottom:#D8D1C1 1px solid;
}

#top_slide{
	border-top:#FFFFFF 1px solid;
	border-bottom:#D8D1C1 1px solid;
	box-shadow:0 -1px #D8D1C1, 0 1px #FFFFFF;
}

.swiper-container-horizontal .swiper-slide,
#know_shop > div{
	border-bottom:#D8D1C1 1px solid;
	box-shadow:0 1px #FFFFFF;
}

#wi_bw > div > ul,
#free > div > ol{
	border-top:#D8D1C1 1px solid;
	border-bottom:#D8D1C1 1px solid;
	box-shadow:inset 0 1px #FFFFFF;
}

.normal_form > div,
.confirm > div,
.chat ~ #f_nav{
	border-top:#D8D1C1 1px solid;
	box-shadow:inset 0 1px #FFFFFF;
}

.cov_img,
#s_movie > ul > li + li,
#blog > div{
	border-top:#D8D1C1 1px solid;
}


/*薄い線*/
#terms > dl dd + dt,
#faq > dl dd,
.normal_form > dl > dd + dt,
#save > form > dl > dd + dt,
#column2_list > li > dl dd + dt,
#ranking_list > li > dl dd + dt,
#time_list > li > dl dd + dt,
#s_prof > section dd,
#s_qa > dl > dd,
#c_itw > li > section dd{
	border-top:#DFD8CB 1px dotted;
}

#column3_list > li > dl > *:not(:last-of-type),
#site_map > div > section:not(:last-child),
#s_prof > dl > *:not(:last-of-type),
#c_itw > li > dl > *:not(:last-of-type){
	border-bottom:#DFD8CB 1px dotted;
}


/*グレー線*/
#column2_circleimg > li > dl,
.btn_area,
#img_list > li > dl{
	border-top:#ECEDED 1px solid;
}

#img_list > li > button,
#s_prof > button,
#s_qa > button{
	border-top:#ECEDED 1px solid;
	box-shadow:inset 0 1px #FFFFFF;
}
.f_space > button{
	border-top:#ECEDED 1px solid;
	box-shadow:inset 0 1px #FFFFFF, 0 -15px 25px #FFFFFF;
}

#super_list .summary_head{
	border-bottom:#ECEDED 1px solid;
}

#column2_circleimg > li > dl::after,
.pager > nav > *:not(:last-child),
#comp_table tr > *:not(:last-child){
	border-right:#ECEDED 1px solid;
}

.btn_line + div > div > div,
#line_pop > section > div div div,
#s_line > div > div div,
#comp_p_list > form{
	border:#ECEDED 1px solid;
}

/*その他カラー*/
/*青*/
.btn_search,
.pager > nav > a,
#media > dd > div > dl > dd a,
#column3_list > li dt{
	color:#338FFF;
}

.btn_tel{
	background-color:#338FFF;
	color:#FFFFFF;
}


/*黄色*/
.btn_comp,
.comp::before,
#s_super .graph_middle > span{
	color:#F8A500;
}

.btn_web,
.bulk_web{
	background-color:#F8A500;
	color:#FFFFFF;
}

.graph_middle .str{
	stroke:#F8A500;
}

/*ピンク*/
.btn_keep,
#s_super .graph_last > span{
	color:#EF3B7B;
}

.graph_last .str{
	stroke:#EF3B7B;
}

/*緑*/
.btn_history,
#s_super .graph_early > span{
	color:#56BD91;
}

.graph_early .str{
	stroke:#56BD91;
}


/*入店特典*/
.btn_privilege svg{
	fill:#FF2950;
}

.btn_privilege + div{
	border:#FF2950 2px solid;
}

.btn_privilege + div span{
	color:#FF2950;
}


/*ライン*/
.btn_line svg{
	fill:#00B800;
}

.btn_line + div{
	border:#00B800 2px solid;
}

#line_pop > section > div p,
#s_line > div p{
	border-bottom:#00B800 2px solid;
}

.btn_line + div span,
.btn_line + div > div > div,
#line_pop > section > div,
#s_line > div{
	color:#00B800;
}

.btn_line + div > div > a,
.line,
#comp_table tbody td address li > button,
#comp_table tbody td address li > a,
#line_pop > section > h4,
#line_pop > section > div > div > a,
#s_line > h3,
#s_line > div > div > a{
	background-color:#00B800;
	color:#FFFFFF;
}

/*プラグインリセット*/
/*boxer*/
#boxer-overlay{
	z-index:1000 !important;
}

#boxer{
	z-index:5000 !important;
}


#boxer .boxer-control.disabled{
	opacity:0 !important;
}



/*Swiper*/
.swiper-container-horizontal{
	position:relative;
}

.sw_pager{
	background-color:#ECECEC;
}


.sw_pager{
	display:flex;
	align-items: center;
	justify-content: center;
}

.sw_pager > *{
	margin:5px;
	cursor:pointer;
	opacity:1;
}

.sw_prev,
.sw_next{
	font-family:'icon';
	position:absolute;
	top:50%;
	z-index:10;
	display:block;
	height:30px;
	line-height:30px;
	width:30px;
	font-size:30px;
	margin-top:-15px;
	cursor:pointer;
}

.sw_prev{
	left:-60px;
}

.sw_next{
	right:-60px;
}


#top_slide{
	position:relative;
}

.sw_mask{
	position:absolute;
	top:0;
	bottom:41px;
	width:calc(50% - 400px);
	background-color:rgba(255,255,255,.8);
	z-index:1;
}
.sw_mask:last-child{
	right:0;
}


/*スクロールバーデザイン*/
/*js*/
body > header > nav,
#menu_scroll ul{
	position:relative;
	width:100%;
}

.ps__thumb-x{
    height: 3px;
		background-color:rgba(0,0,0,.5);
}

.ps__thumb-y{
    width: 3px;
}


.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x{
		background-color:rgba(0,0,0,.5);
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking{
	background-color:rgba(255,255,255,0);
}


/*css*/
#comp_table::-webkit-scrollbar,
#link_banner > div li pre::-webkit-scrollbar{
	height:3px;
}
#link_banner > div li pre::-webkit-scrollbar{
	width:3px;
}
#comp_table::-webkit-scrollbar-thumb,
#link_banner > div li pre::-webkit-scrollbar-thumb{
	background-color:rgba(0,0,0,.3);
  border-radius: 5px;
}






/*文字上限「…」*/
body > header > nav > ol li:last-child,
body > header > nav > ol li a,
.single_text,
.title,
.summary_head > span,
.summary_head > dl,
#column2_circleimg > li > div > span,
#column2_circleimg > li > dl > dd,
#ad_bottom > li > div,
#ad_bottom > li > div > a,
.list_ad > aside > div,
.list_ad > aside > div > a,
#column2_list > li > ul li,
#img_list > li > div > span,
#img_list > li > div > time,
#ranking_list > li > ul li,
#time_list > li > ul li,
#comp_table thead th span,
#comp_table thead th a,
#comp_table thead td ul li,
#new_area > time,
#new_area > p,
.t_ttl,
.ts_ttl,
.graph_early > p,
.graph_middle > p,
.graph_last > p,
.ts_head > a,
.ts_foot > a,
#t_rank > div > section > ol > li > div span,
#newarrival > div > section > ul > li > div span,
#t_itw > ul > li div a,
#t_itw > ul > li div dd,
#p_up > ul > li > div > *,
#s_itw > ul > li > div a,
#s_itw > ul > li > div dd,
#g_shop > ul > li > *,
#bulk_list > li > div > *,
#comp_p_list > form p,
#comp_p_list > form p span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.title_02,
#column2_list > li > p,
#column2_list > li > dl dd,
.summary_head > a,
.summary_head > div,
#ranking_list > li > p,
#time_list > li > p,
.ts_foot > p{
	display:block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.title_02,
#column2_list > li > p,
#column2_list > li > dl dd,
#ranking_list > li > p,
#time_list > li > p,
.ts_foot > p{
	-webkit-line-clamp: 2;
}

.summary_head > a,
.summary_head > div{
	-webkit-line-clamp: 3;
    margin-bottom: 10px;
}


.title_02{
	height:2.8em;
	line-height:1.4;
}



.single_text,
.title,
.list_ad > aside > div > a,
#ad_bottom > li > div > a,
#img_list > li > div > *,
#comp_table thead th span,
#comp_table thead th a,
#new_area > time,
.t_ttl,
.ts_ttl,
.ts_head > a,
.ts_foot > a,
#t_rank > div > section > ol > li > div span,
#newarrival > div > section > ul > li > div span,
#t_itw > ul > li div a,
#p_up > ul > li > div > *,
#s_itw > ul > li > div a,
#g_shop > ul > li > *,
#bulk_list > li > div > *{
	display:block;
}



/*リンク*/
.link_chat,
#left_bottom dd a,
#link_banner > div li button,
#media > dd > div > dl > dd a,
#chat_manual > section p a{
	text-decoration:underline;
}


/*星*/
#p_up h2::before,
#helpful h2::after{
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjI2cHgiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjYgMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9InNjXzAyXzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjAuNTEzNyIgeTE9IjI1Ljg5MzYiIHgyPSIyMC41MTM3IiB5Mj0iMTUuODk0NSI+Cgk8c3RvcCAgb2Zmc2V0PSIzLjE3MTcwMGUtMDA0IiBzdHlsZT0ic3RvcC1jb2xvcjojRjNCMTAwIi8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjk5OTEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkUxMDAiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggZmlsbD0idXJsKCNzY18wMl8xKSIgZD0iTTI1LjI5NiwyMC40MjZjMC4xOTctMC4yLDAuMjY3LTAuNDk0LDAuMTgyLTAuNzY4cy0wLjMwNy0wLjQ2OC0wLjU3OS0wLjUxbC0yLjQyMS0wLjM2NwoJYy0wLjEwMy0wLjAxNi0wLjE5Mi0wLjA4My0wLjIzOC0wLjE4MWwtMS4wODMtMi4yOWMtMC4xMjItMC4yNTctMC4zNjgtMC40MTYtMC42NDMtMC40MTZzLTAuNTIxLDAuMTU5LTAuNjQzLDAuNDE2bC0xLjA4MywyLjI5MQoJYy0wLjA0NiwwLjA5OC0wLjEzNSwwLjE2NC0wLjIzOSwwLjE4bC0yLjQyMSwwLjM2N2MtMC4yNzIsMC4wNDItMC40OTQsMC4yMzYtMC41NzksMC41MXMtMC4wMTYsMC41NjcsMC4xODEsMC43NjhsMS43NTIsMS43ODIKCWMwLjA3NSwwLjA3NiwwLjEwOSwwLjE4NiwwLjA5MSwwLjI5M2wtMC40MTQsMi41MTdjLTAuMDM2LDAuMjIyLDAuMDIsMC40MzgsMC4xNTcsMC42MDdjMC4yMTMsMC4yNjUsMC41ODYsMC4zNDUsMC44ODQsMC4xODIKCWwyLjE2Ni0xLjE4OGMwLjA5MS0wLjA1LDAuMjA1LTAuMDQ5LDAuMjk1LDBsMi4xNjYsMS4xODhjMC4xMDUsMC4wNTgsMC4yMTgsMC4wODcsMC4zMzMsMC4wODdjMC4yMTIsMCwwLjQxMi0wLjA5OCwwLjU1LTAuMjY5CgljMC4xMzgtMC4xNywwLjE5My0wLjM4NiwwLjE1Ni0wLjYwN2wtMC40MTQtMi41MTdjLTAuMDE4LTAuMTA3LDAuMDE3LTAuMjE3LDAuMDkxLTAuMjkzTDI1LjI5NiwyMC40MjZ6Ii8+CjxsaW5lYXJHcmFkaWVudCBpZD0ic2NfMDJfMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI3Ljk4NjMiIHkxPSIxNC4xMDY0IiB4Mj0iNy45ODYzIiB5Mj0iMC4xMDY0Ij4KCTxzdG9wICBvZmZzZXQ9IjMuMTcxNzAwZS0wMDQiIHN0eWxlPSJzdG9wLWNvbG9yOiNGM0IxMDAiLz4KCTxzdG9wICBvZmZzZXQ9IjAuOTk5MSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRTEwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cGF0aCBmaWxsPSJ1cmwoI3NjXzAyXzIpIiBkPSJNMTUuMTYxLDYuNDUxYzAuMjk1LTAuMjgsMC4zOTktMC42OTEsMC4yNzItMS4wNzRzLTAuNDYtMC42NTYtMC44NjgtMC43MTNsLTMuNjMyLTAuNTE1CgljLTAuMTU0LTAuMDIyLTAuMjg4LTAuMTE2LTAuMzU3LTAuMjUzTDguOTUxLDAuNjlDOC43NjksMC4zMyw4LjM5OSwwLjEwNiw3Ljk4NiwwLjEwNmMtMC40MTIsMC0wLjc4MiwwLjIyNC0wLjk2NCwwLjU4NAoJTDUuMzk4LDMuODk2QzUuMzI5LDQuMDMzLDUuMTk1LDQuMTI4LDUuMDQsNC4xNDlMMS40MDgsNC42NjRDMSw0LjcyMSwwLjY2Nyw0Ljk5NCwwLjU0LDUuMzc3UzAuNTE3LDYuMTcxLDAuODEyLDYuNDUxbDIuNjI3LDIuNDk2CgljMC4xMTIsMC4xMDUsMC4xNjQsMC4yNiwwLjEzNywwLjQwOWwtMC42MiwzLjUyM2MtMC4wNTUsMC4zMSwwLjAyOSwwLjYxMiwwLjIzNSwwLjg1YzAuMzIsMC4zNywwLjg3OSwwLjQ4MywxLjMyNiwwLjI1NQoJbDMuMjQ4LTEuNjY0YzAuMTM2LTAuMDY4LDAuMzA3LTAuMDY4LDAuNDQyLDBsMy4yNDksMS42NjRjMC4xNTgsMC4wODEsMC4zMjYsMC4xMjIsMC41LDAuMTIyYzAuMzE3LDAsMC42MTktMC4xMzgsMC44MjYtMC4zNzcKCWMwLjIwNi0wLjIzNywwLjI5LTAuNTQsMC4yMzQtMC44NWwtMC42Mi0zLjUyM2MtMC4wMjYtMC4xNSwwLjAyNS0wLjMwNCwwLjEzNy0wLjQwOUwxNS4xNjEsNi40NTF6Ii8+Cjwvc3ZnPgo=');
}

#p_up h2::after{
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9InNjXzAxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQiIHkxPSI4IiB4Mj0iNCIgeTI9IjAiPgoJPHN0b3AgIG9mZnNldD0iMy4xNzE3MDBlLTAwNCIgc3R5bGU9InN0b3AtY29sb3I6I0YzQjEwMCIvPgoJPHN0b3AgIG9mZnNldD0iMC45OTkxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZFMTAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIGZpbGw9InVybCgjc2NfMDEpIiBkPSJNNy44MjcsMy42MjZDNy45ODQsMy40NjYsOC4wNCwzLjIzLDcuOTcyLDMuMDEyQzcuOTAzLDIuNzk0LDcuNzI3LDIuNjM4LDcuNTA5LDIuNjA0TDUuNTcxLDIuMzExCgljLTAuMDgyLTAuMDEzLTAuMTUzLTAuMDY2LTAuMTktMC4xNDVMNC41MTUsMC4zMzRDNC40MTgsMC4xMjksNC4yMjEsMCw0LDBDMy43OCwwLDMuNTgzLDAuMTI5LDMuNDg2LDAuMzM0TDIuNjIsMi4xNjYKCUMyLjU4MywyLjI0NCwyLjUxMiwyLjI5OSwyLjQyOSwyLjMxMUwwLjQ5MiwyLjYwNEMwLjI3NCwyLjYzOCwwLjA5NywyLjc5NCwwLjAyOSwzLjAxM0MtMC4wMzksMy4yMywwLjAxNywzLjQ2NiwwLjE3NCwzLjYyNgoJbDEuNDAxLDEuNDI2QzEuNjM2LDUuMTEzLDEuNjYzLDUuMiwxLjY0OCw1LjI4NkwxLjMxOCw3LjNjLTAuMDI5LDAuMTc3LDAuMDE1LDAuMzUsMC4xMjUsMC40ODVDMS42MTQsNy45OTcsMS45MTIsOC4wNjIsMi4xNSw3LjkzMQoJbDEuNzMyLTAuOTVjMC4wNzItMC4wNCwwLjE2My0wLjA0LDAuMjM1LDBsMS43MzIsMC45NUM1LjkzNiw3Ljk3Nyw2LjAyNSw4LDYuMTE4LDhjMC4xNjksMCwwLjMyOS0wLjA3OCwwLjQzOS0wLjIxNQoJQzYuNjY4LDcuNjQ5LDYuNzEyLDcuNDc3LDYuNjgzLDcuM2wtMC4zMy0yLjAxNEM2LjMzOCw1LjIsNi4zNjUsNS4xMTMsNi40MjUsNS4wNTJMNy44MjcsMy42MjZ6Ii8+Cjwvc3ZnPgo=');
}


/*マーク*/
.mk_new{
	position:relative;
}

.mk_new::after{
	content:"";
	display:block;
	position:absolute;
	border-radius:100%;
}


/*mapマーク*/
.map{
	display:block;
	text-decoration:underline;
}

.map:before {
  content: "\1f4cd";
	font-family:'icon';
}

/*new文字マーク*/
.new::before{
	content:"NEW";
	margin-right:3px;
	font-weight:700;
}



/*数値バッチ*/
#f_nav > a span,
body > header > div > nav button + dl dd span,
#img_list > li > span{
	display:block;
	text-align:center;
	font-size:.8rem;
	min-width:15px;
	line-height:1.6;
}

#f_nav > a span,
body > header > div > nav button + dl dd span{
	position:absolute;
}



/*添付アイコン*/
.attached_icon{
	display:flex;
	margin:20px -5px -5px;
}

#faq .attached_icon{
	margin-top:10px;
}

.btn_pdf,
.btn_img{
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:4px;
	margin:5px;
}

.btn_pdf{
	color:#FFFFFF;
}

.btn_img svg{
	fill:#FFFFFF;
	width:26px;
	height:26px;
	vertical-align:-7px;
}


/*レイアウト*/
/*ヘッダー*/
body > header > dl{
	color:#FFFFFF;
	display:flex;
	align-items:center;
}

body > header > div{
	display:flex;
	justify-content:space-between;
}

body > header > div > nav > ul{
	display:flex;
	height:100%;
}

body > header > div > h1 {
    display: flex;
    height: 100%;
    align-items: center;
}
body > header > div > h1 a {
    display: flex;
    height: 100%;
    align-items: center;
    margin-right: 20px;
}

body > header > div > nav button{
	overflow:hidden;
	height:100%;
	width:100%;
	font-size:.8rem;
}

body > header > div > nav button span{
  font-family: 'icon';
	display:block;
}

body > header > div > nav button span:nth-child(2){
	display:none;
}

body > header > div > nav .gmenu_on span:nth-child(1){
	display:none;
}

body > header > div > nav .gmenu_on span:nth-child(2){
	display:block;
}

body > header > div > nav button + dl{
	position:absolute;
	z-index:1000;
	right:0;
	box-sizing:border-box;
}

body > header > div > nav button + dl > *{
	/* height:50px; */
	line-height:50px;
	position:relative;
	text-align:center;
}

body > header > div > nav button + dl dt{
	font-size:1.2rem;
	font-weight:700;
}

body > header > div > nav button + dl dt {
	line-height: 30px;
}

body > header > div > nav button + dl dd a{
	display:block;
}

body > header > div > nav button + dl dd span{
	top:50%;
	margin-top:-.8em;
	right:15px;
}

body > header > div > nav button + dl dd {
	padding: 15px 10px 20px;
}

body > header > div > nav button + dl dd .ttl {
	line-height: 30px;
	font-weight: bold;
	color: #FFB700;
}

body > header > div > nav button + dl dd .ttl.mt {
	margin-top: 20px;
}

body > header > div > nav button + dl dd .ad_area .pc {
	display: block;
}

body > header > div > nav button + dl dd .ad_area .sp {
	display: none;
}

body > header > div > nav button + dl dd .ad_area {
	margin-top: 20px;
}

body > header > div > nav button + dl dd .ad_area img {
	max-width: 100%;
}

body > header > div > nav button + dl dd .row {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #ccc;
}

body > header > div > nav button + dl dd .row .navi {
	flex: 0 0 100%;
	text-align: left;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

body > header > div > nav button + dl dd .row.col-6 .navi {
	flex: 0 0 50%;
}

body > header > div > nav button + dl dd .row.col-6 .navi:nth-child(odd) {
	border-right: 1px solid #ccc;
}

body > header > div > nav button + dl dd .row .navi a {
	position: relative;
	padding: 0 10px;
	line-height: 35px;
	box-sizing: border-box;
}

body > header > div > nav button + dl dd .row .navi a:after {
	content: "↓";
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	line-height: 16px;
	font-family:'icon';
	color: #CACACA;
	transform: rotate(-90deg);
}

/*パンくず*/
body > header > nav > ol{
	display:flex;
	height:40px;
	align-items:center;
	width:max-content;
	font-size:.9rem;
}

body > header > nav > ol li{
	flex:0 0 auto;
}

body > header > nav > ol li:last-child,
body > header > nav > ol li a,
body > header > nav > ol li:not(:last-child)::after{
	display:inline-block;
	height:24px;
	vertical-align:top;
	border-radius:14px;
	line-height:24px;
}


body > header > nav > ol li:last-child,
body > header > nav > ol li a{
	padding:0 10px;
	max-width:12em;
}

body > header > nav > ol li:not(:last-child)::after,
body > header > nav > ol li:first-child a{
  font-family: 'icon';
	font-size:12px;
}

body > header > nav > ol li:not(:last-child)::after{
	content:">";
	padding:0 5px;
}

body > header > nav > ol li a{
	background-color:#FFFFFF;
}


/*フッター*/
body > footer,
body > footer > div{
	border-top:#341400 1px solid;
}

body > footer{
	box-shadow:inset 0 1px #5A4030;
}

body > footer > div > ul{
	border-bottom:#341400 1px solid;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	font-size:.9rem;
}

body > footer > div > ul li::before{
	content:"◆";
	font-family:'icon';
	vertical-align:middle;
}

body > footer > a,
body > footer > small{
	display:block;
	text-align:center;
}

body > footer > div > svg{
	display:block;
	fill:#FFFFFF;
}


/*TOPへ常駐ボタン*/
#p_top{
	display:none;
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:500;
}

#preview ~ #p_top{
	bottom:10px !important;
}

#p_top svg{
	width:61px;
	height:86px;
	filter: drop-shadow(0 0 5px rgba(0,0,0,.3));
}


/*フッター常駐ボタン*/
#f_nav,
.chat > #main_area > form > div{
	position:fixed;
	left:0;
	right:0;
	z-index:100;
	box-shadow:-1px 0 5px rgba(0,0,0,.3);
}
#f_nav{
	bottom:0;
	text-align:center;
}

#f_nav,
#f_nav > a{
	display:flex;
	justify-content:center;
}

#f_nav{
	align-items:stretch;
}

#f_nav > a{
	align-items:center;
}

#f_nav > a div{
	font-family:'icon';
	vertical-align:middle;
}

#f_nav > a{
	font-size:.9rem;
	margin:0 10px;
	flex-direction:column;
	position:relative;
}



/*上部広告*/
#ad_head a{
	display:block;
}

#ad_head a img{
	width:100%;
}

/*下部説明*/
#site_discription {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
	padding:5px 10px 40px;
	border-left:#D8D1C1 1px solid;
	border-right:#D8D1C1 1px solid;
}
#site_discription .block {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #FFB700;
}
#site_discription .block .midashi {
    min-height: auto;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 150%;
    padding-bottom: 3px;
}
#site_discription .block p {}



/*メインエリア*/
#column_area,
#home main,
#shop{
	display:flex;
	flex-wrap:wrap;
}
#column_area,
#shop{
	align-items:flex-start;
}
#column_area > *,
#home main > *,
#shop > *{
	width:100%;
	order:10;
	min-width:1px;
}

#main_area,
#home #main_area{
	order:50;
}

body > main h2,
body > main h3,
body > main h4{
	display:flex;
	align-items:center;
	position:relative;
	padding-top:3px;
	padding-bottom:9px;
	box-sizing:border-box;
	font-size:1.2rem;
	font-weight:700;
	line-height:1.2;
}

body > main h2::before,
body > main h3::before,
body > main h4::before,
body > main h2::after,
body > main h3::after,
body > main h4::after{
	content:"";
	position:absolute;
	display:block;
}

body > main h2::before,
body > main h3::before,
body > main h4::before{
	width:0;
	height:0;
	border: 0px solid transparent;
	border-top: 30px solid rgba(255,255,255,.2);
	border-right: 30px solid transparent;
	left:0;
	top:0;
}

body > main h2::after,
body > main h3::after,
body > main h4::after{
	height:2px;
	background-color:rgba(255,255,255,.3);
	left:0;
	right:0;
	bottom:4px;
}


/*タイトルリセット*/
#shop_info h3,
#shop_info h4,
#line_pop > section > h4,
#link_banner > div h4,
#coverage .cov_summary h3,
#site_map h3,
#column3_list > li h3,
#home main h3,
#home #left_bottom h2,
#shop > header h2,
#shop #main_area section h3,
#s_prof section h4,
#blog h4,
#c_itw > li > section h4,
.f_banner h3,
#wi_bw h3,
#wi_bw h4,
#free h3,
#free h4{
	box-shadow:none;
}

#shop_info h3,
#shop_info h4,
#line_pop > section > h4,
#link_banner > div h4,
#coverage .cov_summary h3,
#site_map h3,
#column3_list > li h3,
#s_pr h3,
#blog h4,
.f_banner h3,
#wi_bw h3,
#wi_bw h4,
#free h4{
	display:block;
	min-height:0;
}

#shop_info h3,
#shop_info h4,
#link_banner > div h4,
#coverage .cov_summary h3,
#site_map h3,
#column3_list > li h3,
#home #left_bottom h2,
#shop > header h2,
#s_pr h3,
#s_prof section h4,
#blog h4,
#c_itw > li > section h4,
.f_banner h3,
#wi_bw h3,
#wi_bw h4,
#free h4{
	padding:0;
}
#free h3{
	padding-bottom:3px;
}

#line_pop > section > h4,
#link_banner > div h4,
#home main h3{
	font-weight:300;
}

#shop_info h3{
	font-size:1rem;
}

#shop_info h3::before,
#shop_info h4::before,
#shop_info h3::after,
#shop_info h4::after,
#line_pop > section > h4::before,
#line_pop > section > h4::after,
#link_banner > div h4::before,
#link_banner > div h4::after,
#coverage .cov_summary h3::before,
#coverage .cov_summary h3::after,
#site_map h3::before,
#site_map h3::after,
#column3_list > li h3::before,
#column3_list > li h3::after,
#home main h3::before,
#home main h3::after,
#shop > header h2::before,
#shop > header h2::after,
#shop #main_area section h3::before,
#shop #main_area section h3::after,
#s_prof section h4::before,
#s_prof section h4::after,
#blog h4::before,
#blog h4::after,
#c_itw > li > section h4::before,
#c_itw > li > section h4::after,
.f_banner h3::before,
.f_banner h3::after,
#wi_bw h3::before,
#wi_bw h3::after,
#wi_bw h4::before,
#wi_bw h4::after,
#free h3::before,
#free h3::after{
	content:none;
}

#shop_info h3{
	background-color:transparent;
}

/*コンテンツ間余白*/
#terms > h3,
#faq > dl + h3{
	margin-top:20px;
}


#home h2.midashi {
	margin-bottom: 10px;
	min-height: 44px;
	text-align: center;
	box-shadow: none;
	border-bottom: 1px solid #FFB700;
	font-size: 1.5rem;
}

#home h2.midashi.min {
	font-size: 14px;
}

#home h2.midashi:before,
#home h2.midashi:after {
	height: 0;
	background-color: transparent;
	border: none;
}

#home h2.midashi span {
	margin: 0 auto;
}
#home h2.midashi span img {
	margin-right: 10px;
	vertical-align: bottom;
}



/*コンテンツ影*/
body > main h3,
body > main h4,
#terms > dl,
#faq > dl,
.text_list > *,
.normal_form,
.confirm,
#save > form,
.list_ad,
#column2_list > li,
#column2_circleimg > li,
#column4_list > li,
#ad_bottom,
#img_list > li,
#super_list > li,
#ranking_list > li,
#time_list > li,
#single_list > li,
#coverage_list > li > div,
#coverage_list .cov_summary::before,
#comp_table > table > *,
#line_pop > section,
#link_banner > div,
#media > dd,
#media > dd::before,
#shop_cov > a::before,
#column3_list > li,
#site_map > div,
.scroll_list > li,
#feat_01 > li,
#shop > div#main_area > *,
.comment,
.chat > #main_area > form,
#blog,
#c_itw > li,
#chat_manual > section > div,
#equipped li,
#sister > div,
#bulk_list,
#chat_manual > nav li a,
#shop_cov > a{
	box-shadow:1px 1px 1px rgba(0,0,0,.2);
}

.message,
.note,
#new_area{
	box-shadow:1px 1px 1px rgba(0,0,0,.2), inset 0 0 0 9px #FFFFFF;
}


/*影付きリスト 白背景*/
#terms > dl,
#faq > dl,
.text_list > *,
.normal_form,
.confirm,
#save > form,
.list_ad,
#column2_list > li,
#column2_circleimg > li,
#column4_list > li,
#ad_bottom,
#img_list > li,
#super_list > li,
#ranking_list > li,
#time_list > li,
#single_list > li,
#coverage_list > li > div,
#coverage > div,
#comp_table > table > *,
#line_pop > section,
#link_banner > div,
#media > dd,
#column3_list > li,
#site_map > div,
.scroll_list > li,
#feat_01 > li,
#shop > div#main_area > *,
.comment,
.chat > #main_area > form,
#blog,
#c_itw > li,
#chat_manual > section > div,
#equipped li,
#sister > div,
#bulk_list,
#free > div,
#shop_cov > a{
	background-color:#FFFFFF;
	position:relative;
}



/*コンテンツ内見出し */
#terms > dl dt,
.text_list > dt,
.confirm > dl > dt,
#save > form > dl > dt,
#img_list > li > dl dt{
	font-weight:700;
}


/*下・左情報*/
#left_bottom > *{
	margin-bottom:20px;
}

#left_bottom{
	display:flex;
	flex-direction: column;
}
#left_bottom > *{
	order:10;
	flex:0 0 auto;
}

#shop_info h3,
#shop_info h4{
	text-align:center;
}

#shop_info h3{
	line-height:1.5;
}

#shop_info h4{
	border-top:#435C71 1px solid;
	border-bottom:#435C71 1px solid;
}

#left_bottom dt{
	padding-top:10px;
	font-weight:700;
}

#left_bottom dd{
	padding-bottom:10px;
}

#app_info address > p{
	padding:10px 0;
}

#app_info address > button,
#app_info address > a{
	margin-bottom:10px;
}

.link_chat{
	text-align:center;
	display:block;
	margin-top:15px;
}

#app_info address p span{
	font-weight:700;
}

/*下・左バナー*/
#left_bottom > aside a{
	margin:0 auto;
}
#left_bottom > aside a:not(:last-child){
	margin-bottom:10px;
}
#left_bottom > aside a{
	max-width:400px;
	display:block;
}
#left_bottom > aside a img{
	width:100%;
}

.bnr_area a img{
	border-radius: 5px;
}

/*姉妹サイトバナー*/
.sister_site a{
	display:block;
}




/*TOP検索・絞り込み検索*/
#left_top form h3,
#left_top form h4{
	text-align:center;
	justify-content:flex-start;
	box-shadow:none;
}

#word_search input[type="submit"],
#left_top > form > dl dt span::after,
#search_btn button span,
#search_btn a span{
	font-family:'icon';
}

#word_search{
	position:relative;
}

#word_search input[type="submit"]{
	position:absolute;
	display:block;
}

#word_search input[type="text"]{
	width:100%;
	box-sizing:border-box;
}

#left_top > form > dl dt,
#main_sach > form > dl dt{
	font-weight:700;
}

#left_top > form > dl dt span,
#main_sach > form > dl dt span{
	font-weight:300;
}

#left_top > form > dl dt span,
#main_sach > form > dl dt{
	-webkit-tap-highlight-color: transparent;
	cursor:pointer;
}

#left_top > form > dl dt span{
	position:relative;
}

#left_top > form > dl dt span::after{
	content:"↓";
	position:absolute;
}

.slideup::after{
	content:"↑" !important;
}

#left_top > form > dl dt span ul li{
	display:inline;
}

#left_top > form > dl dt span ul li:not(:last-child)::after{
	content:"／";
}

#left_top > form > dl dd,
#main_sach > form > dl dd{
	display:none;
}

#search_btn{
	text-align:center;
}

#home #search_btn{
	overflow:hidden;
	padding-top: 10px;
}

#search_btn > div > *{
	display:block;
}

#main_sach > form > dl dd{
	text-align:left;
}

/* #main_sach > form input[type="checkbox"] + label{
	display: inline-block;
	padding: 0 10px;
	margin: 5px;
} */

#main_sach > form input[type="checkbox"] + label{
	display: inline-block;
	padding: 0 10px;
	margin: 5px;
}

form input[type="checkbox"] + label::before{
	content: "\2714";
	font-family:'icon';
	display:inline-block;
	text-align:center;
	font-size:26px;
	text-indent:-6px;
	width:14px;
	height:14px;
	line-height:15px;
	vertical-align:-2px;
	margin-right:5px;
	box-sizing:border-box;
	overflow:hidden;
	border-radius:2px;
}

form input[type="checkbox"] + label::before{
	color:#CACACA;
	box-shadow:inset 0 0 0 1px #CACACA;
}

form input[type="checkbox"]:checked + label::before{
	background-color:#00ACA8;
	color:#FFFFFF;
}

#main_sach > form > dl .ts_set span{
	display:block;
	position:relative;
}

#main_sach > form > dl .ts_set span::after{
	content:"";
	position:absolute;
	display:block;
	width:0;
	height:0;
	border-style: solid;
	left:0;
	bottom:-5px;
}

.s_icon_01{
	fill:#BBDAFB;
}
.s_icon_02{
	fill:#77B5F7;
}
.s_icon_03,
.s_icon_04{
	fill:#1C84F2;
}


/*コンテンツ上メニュー*/
#menu_scroll ul{
	white-space:nowrap;
	text-align:center;
}

#menu_scroll li{
	display:inline-block;
}

#menu_scroll li a,
#switch_bar li a,
#switch_bar > div{
	display:block;
	height:60px;
	line-height:60px;
}

#menu_scroll li a,
#switch_bar li a{
	display:block;
}

#switch_bar > ul{
	display:flex;
}

#switch_bar > div > time span{
	padding:0 3px;
	font-weight:700;
	vertical-align:-2px;
}



/*検索結果数値バー*/
.bar_aid{
	position:relative;
}

.bar_aid > span,
#search_btn > span{
	margin-right:5px;
	font-weight:700;
	vertical-align:-2px;
}

#search_btn > span{
	margin-left:5px;
}

.bar_aid > form{
	position:absolute;
	top:50%;
	margin-top:-12px;
	line-height:24px;
}
.bar_aid > form::after{
	content: "\21c5";
	font-family:'icon';
	font-size:18px;
	position:absolute;
	top:0;
	right:0;
	pointer-events: none;
}
.bar_aid > form select{
	padding-right:20px;
	position:relative;
	z-index:1;
	cursor:pointer;
}

/*ページャー*/
.pager{
	text-align:center;
}

.pager > *{
	display:flex;
	align-items:center;
	justify-content:center;
}

.pager > nav > *{
	font-family:'icon', 'Noto Sans JP', sans-serif;
	display:block;
}

.pager > div > span{
	font-weight:700;
}


/*時計アイコン*/
#time_list > li > time::before,
#new_area > time::before{
	content:"\1f552";
	font-family:'icon';
	font-size:16px;
	vertical-align:-2px;
	margin-right:5px;
}


/*ボタン共通*/
.confirm > div,
#chat_manual > nav li a{
	display:flex;
	align-items:center;
	justify-content:center;
}

.normal_form input[type="submit"],
.confirm > div > *,
#save > form > div > *,
.btn_file,
.btn_area > a,
.btn_del,
#shop_info > a,
#app_info address > button,
#app_info address > a,
#bulk_app > a,
#comp_table tbody td address li > *,
#column3_list > li form button,
#home #search_btn button[type="submit"],
#s_fbtn > a,
.comment a,
#free > div > dl > dd > section > div > a{
	display:block;
	text-align:center;
}

.normal_form input[type="submit"],
.confirm > div > *,
#save > form > div > *,
.btn_area > a,
#bulk_app > a,
#home #search_btn button[type="submit"],
.comment a,
#chat_manual > nav li a,
#comp_p_list > form button{
	height:50px;
	border-radius:6px;
}
.normal_form input[type="submit"],
.confirm > div > *,
#save > form > div > *,
.btn_area > a,
#bulk_app > a,
#home #search_btn button[type="submit"],
.comment a,
#comp_p_list > form button{
	line-height:50px;
}
#chat_manual > nav li a{
	line-height:1.2;
	box-sizing:border-box;
	padding:5px;
}

.btn_area > a,
.btn_file{
	width:150px;
}

#bulk_app > a{
	width:260px;
}

#home #search_btn button[type="submit"],
#free > div > dl > dd > section > div > a{
	width:180px;
}

#app_info address > button,
#comp_table tbody td address li > *,
#column3_list > li form button{
	width:100%;
}

.btn_file,
#free > div > dl > dd > section > div > a{
	height:40px;
	line-height:39px;
	border-radius:4px;
}
.btn_file{
	cursor:pointer;
}

.normal_form input[type="submit"],
.btn_area > a,
#comp_table tbody td address li > *,
#column3_list > li form button,
#free > div > dl > dd > section > div > a{
	margin:0 auto;
}

.confirm > div > *:last-child{
	margin-left:10px;
}

#comp_table tbody td address li:not(:last-child){
	margin-bottom:10px;
}

#bulk_app{
	margin:20px 0;
}

/*ボタンアイコン*/
#save > form > div * span,
.btn_area > a span,
#shop_info > a span,
#column3_list > li form button::before,
#s_fbtn > a span,
.comment a span,
#comp_p_list > form button span{
	font-family:'icon';
	font-size:1.2rem;
}

.btn_del{
	font-family:'icon';
}

#save > form > div * span,
.btn_area > a span,
#shop_info > a span,
#column3_list > li form button::before,
.comment a span,
#comp_p_list > form button span{
	margin-right:5px;
	vertical-align:-2px;
}

.btn_del::after{
	margin-left:5px;
}

#column3_list > li form button::before{
	content: "\1f50d";
}


/*もっと見るアコーディオン*/
#img_list > li > button,
#s_prof > button,
#s_qa > button,
.f_space > button{
	height:50px;
	font-family:'icon';
	font-size:30px;
}
#img_list > li > button{
	width:calc(100% + 30px);
}
#s_prof > button,
#s_qa > button,
.f_space > button{
	width:100%;
}
#s_prof > button,
#s_qa > button{
	position:relative;
}
.f_space > button{
	position:absolute;
	bottom:0;
}


/*進むマーク*/
#bulk_app > a{
	position:relative;
}

#bulk_app > a::after{
	font-family:'icon';
	content: "\2192";
	position:absolute;
	right:10px;
}


/*!マーク付きコメント*/
.note{
	position:relative;
}

.note::before{
	content:"!";
	font:'icon';
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50%;
	font-size:20px;
	text-align:center;
	color:#FFFFFF;
	background: #ffbc00;
	background: linear-gradient(135deg, #ffbc00 0%,#ffa000 100%);
}

.note > a,
.message > a{
	display:block;
	margin-top:10px;
}

.note > a::after,
.message > a::after{
	content: "\2192";
	font-family: 'icon';
	font-size: 16px;
	vertical-align: -2px;
	margin-left:5px;
}




/*キープ中タイトル表示*/
#menu_scroll ~ article{
	position:relative;
}

#keep_no{
	width:90px;
	height:90px;
	text-align:center;
	position:relative;
	border-radius:50%;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	line-height:1.2;
	position:absolute;
	z-index:10;
	box-shadow:5px 5px 15px rgba(0,0,0,.3);
}

#keep_no::after{
	content:"件";
	width:30px;
	height:30px;
	line-height:30px;
	display:block;
	position:absolute;
	bottom:-3px;
	right:-3px;
	border-radius:50%;
}

#keep_no span{
	font-size:2rem;
	font-weight:700;
}


/*ポップアップ*/
#line_pop,
#authn{
	background-color:rgba(0,0,0,.5);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
	display:none;
}

#line_pop > section{
	margin:0 auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.btn_area > button + div > span{
	margin-bottom:3px;
}

.btn_area > button + div span{
	font-weight:700;
}

.btn_area > button + div button,
#line_pop > section > button{
	position:absolute;
	font-family:'icon';
	width:20px;
	height:20px;
	line-height:20px;
	font-size:20px;
	text-align:20px;
	border-radius:50%;
	top:-10px;
	right:5px;
}



/*ライン問い合わせ表示*/
#line_pop > section > h4{
	text-align:center;
	border:none;
	height:auto;
	line-height:normal;
}

#line_pop > section > h4 svg{
	display:block;
	margin:0 auto 15px;
}

#line_pop > section > div p,
#s_line > div p{
	text-align:center;
	padding-bottom:15px;
	margin-bottom:15px;
}

.btn_line + div > div,
#line_pop > section > div > div,
#s_line > div > div{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
  align-content: space-between;
	justify-content: space-between;	
}
.btn_line + div > div{
	margin-top:10px;
	height:55px;
}
#line_pop > section > div > div,
#s_line > div > div{
	height:75px;
}

.btn_line + div > div > span,
#line_pop > section > div > div > span,
#s_line > div > div > span{
	height:20px;
	line-height:14px;
}

.btn_line + div > div > div,
#line_pop > section > div > div > div,
#s_line > div > div > div{
	background-color:#FFFFFF;
	border-radius:4px;
	padding:0 10px;
	box-sizing:border-box;
	font-size:.9rem;
	min-width:calc(100% - 90px);
}

.btn_line + div > div > div{
	height:35px;
	line-height:35px;
}
#line_pop > section > div > div > div,
#s_line > div > div > div{
	height:45px;
	line-height:45px;
}

.btn_line + div > div > a,
#line_pop > section > div > div > a,
#s_line > div > div > a{
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	border-radius:4px;
	height:100%;
	text-align:center;
	box-sizing:border-box;
	padding:10px 15px;
	line-height:1.2;
	width:100%;
	font-weight:700;
}

.btn_line + div > div > div + a,
#line_pop > section > div > div > div + a,
#s_line > div > div > div + a{
	margin-left:15px;
	width:75px;
}


/*各種通知文*/
.comment > div{
	display:flex;
	align-items: center;
	font-weight:700;
}

.comment > div:not(:last-child){
	margin-bottom:15px;
}

.comment > div span{
	font-size:30px;
	font-family:'icon';
	margin-right:5px;
	font-weight:normal;
}

.comment a{
	margin-top:20px;
}

/*メインエリアフォーム共通*/
.alert{
	text-align:center;
	font-size:1.2rem;
	font-weight:700;
}

.required:after{
	content:"";
	border-radius:100%;
	width:6px;
	height:6px;
	vertical-align:6px;
	display:inline-block;
	margin-left:3px
}

.normal_form > dl > dt{
	margin-bottom:5px;
	font-weight:700;
}

.normal_form > dl > dd{
	text-align:left;
}

.normal_form dd span,
.normal_form dd p{
	display:block;
	font-size:.9rem;
}

.normal_form dd span{
	text-indent:-1em;
	padding-left:1em;
}

.normal_form dd span:first-of-type:not(:first-child){
	margin-top:5px;
}

.normal_form dd span::before{
	content:"※";
	display:inline-block;
	width:1em;
	text-indent:0;
}

.form_half{
	margin:-4px;
}

.form_half input,
.form_half textarea,
.form_half .sel{
	display:inline-block;
	margin:4px;
}

.form_half span{
	margin:-4px 4px 4px; 
}
.normal_form .form_half span:first-of-type:not(:first-child){
	margin:1px 4px 4px; 
}

.normal_form input[type="text"],
.normal_form textarea,
.normal_form input[type="radio"] + label::before,
.normal_form input[type="checkbox"] + label::before,
.sel,
.btn_outside,
.chat > #main_area > form > a,
#bulk_list > li input[type="checkbox"] + label::before{
	border:#DCE0E4 1px solid;
	box-sizing:border-box;
}

.normal_form input[type="text"],
.normal_form textarea,
.sel,
.chat > #main_area > form textarea{
	border-radius:4px;
}

.normal_form input[type="text"],
.normal_form textarea{
	background-color:#FBFBFB;
	padding:5px;
	width:100%;
}

.chat > #main_area > form textarea{
	padding:5px;
}

.sel{
	position:relative;
}

.sel select{
	padding:5px;
	width:100%;
	position:relative;
	z-index:10;
}

.sel::after{
	content: "\2228";
	font-family:'icon';
	position:absolute;
	right:5px;
	top:50%;
	font-size:16px;
	width:16px;
	line-height:16px;
	margin-top:-8px;
}

.normal_form input[type="radio"] + label,
.normal_form input[type="checkbox"] + label{
	text-indent: -19px;
	padding-left: 19px;
}

.normal_form input[type="radio"] + label::before,
.normal_form input[type="checkbox"] + label::before,
#bulk_list > li input[type="checkbox"] + label::before{
	display:inline-block;
	width:14px;
	height:14px;
	line-height:14px;
	box-sizing:border-box;
	overflow:hidden;
	background-color:#FFFFFF;
}
.normal_form input[type="radio"] + label::before,
.normal_form input[type="checkbox"] + label::before{
	margin-right:5px;
	vertical-align:-2px;
}

.normal_form input[type="radio"] + label::before{
	content:"";
	border-radius:50%;
}

.normal_form input[type="radio"]:checked + label::before{
	border:none;
}

.normal_form input[type="checkbox"] + label::before,
#bulk_list > li input[type="checkbox"] + label::before{
	content:"";
	border-radius:2px;
}

.normal_form input[type="checkbox"]:checked + label::before,
#bulk_list > li input[type="checkbox"]:checked + label::before{
	content: "\2714";
	font-family:'icon';
	text-align:center;
	font-size:26px;
	text-indent:-6px;
	border:none;
}

.btn_outside,
.chat > #main_area > form > a{
	height:40px;
	line-height:38px;
	border-radius:20px;
	text-align:center;
	margin-top:10px;
}

.chat > #main_area > form > a{
	display:block;
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
}

#bulk_list > li input[type="checkbox"] + label{
	overflow:hidden;
	width:14px;
	height:14px;
	display:block;
	white-space:nowrap;
}
#bulk_list > li input[type="checkbox"] + label::before{
	vertical-align:top;
}


/*利用規約同意*/
#consent{
	border-radius:4px;
	margin:10px 0;
}


/*添付ファイルエリア*/
.img_up{
	display: flex;
	flex-wrap: wrap;
}

.img_up > div{
	margin:5px;
	position:relative;
}

.confirm .img_up > div{
	width:60px;
	height:60px;
}

.img_up > div > img{
	width:100%;
}

.img_up > div > a{
    position: absolute;
    display: block;
    top: 5px;
    left: 5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-family: 'icon';
    border-radius: 50%;
    font-size: 14px;
}


/*一括店舗一覧*/
#bulk_list > li{
	display:flex;
	align-items:center;
}

#bulk_list > li input[type="checkbox"] + label,
#bulk_list > li > span{
	flex:0 0 auto;
}

#bulk_list > li > div{
	min-width:1px;
}
#bulk_list > li > div > div{
	font-size:1.2rem;
	font-weight:700;
}


/*QA*/
#faq > dl > *,
#s_prof > section dl > *,
#s_qa > dl > *,
#c_itw > li > section dl > *{
	position:relative;
}

#faq > dl > *::before,
#s_prof > section dl > *::before,
#s_qa > dl > *::before,
#c_itw > li > section dl > *::before{
	font-family:'icon';
	display:block;
	position:absolute;
}

#faq > dl dt,
#s_prof > section dt,
#s_qa > dl > dt,
#c_itw > li > section dt{
	font-weight:700;
}

#faq > dl dt::before,
#s_prof > section dt::before,
#s_qa > dl > dt::before,
#c_itw > li > section dt::before{
	content:"Q";
	font-weight:normal;
}

#faq > dl dd::before,
#s_prof > section dd::before,
#s_qa > dl > dd::before,
#c_itw > li > section dd::before{
	content:"A";
}




/*お知らせ*/
.text_list > dt{
	position:relative;
}

.text_list > dt > time{
	font-weight:300;
	font-size:.9rem;
	display:block;
}

.text_list > dd img{
	max-width:100%;
}

/*リンクについて*/
#link_banner > div h4{
	text-align:center;
	height:40px;
	line-height:41px;
}

#link_banner > div dt,
#link_banner > div li span{
	font-weight:700;
	font-size:1.1rem;
}

#link_banner > div li span,
#link_banner > div li img{
	display:block;
}
#link_banner > div li span{
	margin-bottom:5px;
}

#link_banner > div li img{
	max-width:100%;
}

#link_banner > div li pre{
	border-radius:3px;
	padding: 5px;
	line-height: 1.4;
	font-size: .9rem;
	height: 4.2em;
	overflow: auto;
	margin:5px 0 0;
	-webkit-overflow-scrolling: touch;
}

#link_banner > div li button{
	display:block;
	margin:0 0 0 auto;
}


/*サイトマップ*/
#site_map section h3{
	margin-bottom:10px;
}

#site_map section > ul > li{
	line-height:1.2;
	padding-left:22px;
	text-indent:-22px;
}

#site_map .link_single > ul > li{
	height:auto;
}

#site_map section > ul > li:before{
  content: "\25b6";
	font-family:'icon';
	font-size:22px;
	vertical-align:-5px;
}


/*求人チャットガイド*/
#chat_manual > section > div img,
#chat_manual > section > div > *{
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#chat_manual > section > div img{
	width:100%;
}

#chat_manual > section > div > div{
	width: 0;
	height: 0;
	overflow: hidden;
	border-style: solid;
}

.cg_no,
.cg_mark{
	position:relative;
	padding-left:29px;
}

.cg_no::before,
.cg_mark::before{
	position: absolute;
	display: block;
	top: -2px;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	text-align: center;
	color: #FFFFFF;
	line-height: 25px;
	font-size: 15px;
	font-weight:bold;
}

#chat_manual > section > div{
	counter-reset:cg_no cg_mark;
}
.cg_no::before{
	counter-increment:cg_no;
	content:counter(cg_no);
}
.cg_mark::before{
	counter-increment:cg_mark;
	content:counter(cg_mark , upper-alpha);
}





/*バナナビバイトとは・初めての方へ*/
#wi_bw > div,
#wi_bw > div > ul,
#wi_bw > div > section,
#free > div,
#free > div > ol{
	background-color:#F5F5F5;
}

#wi_bw > div,
#free > div{
	position:relative;
	z-index:0;
	overflow:hidden;
}

#bg_y,
#ba_logo,
.bg_gray{
	display:block;
}
#bg_y::after,
#ba_logo::after,
.bg_gray::after{
	content: "";
	display: block;
	height: 0;
}

#bg_y svg,
#ba_logo svg,
.bg_gray svg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
}

#bg_y,
#ba_logo{
	position:absolute;
	top:0;
	z-index:-1;
}
#bg_y{
	width: 100%;
	min-width: 1030px;
	left: 50%;
	transform: translateX(-50%);
}
#ba_logo{
	width: 40%;
	min-width: 300px;
}

#bg_y::after{
	padding-top: 74%;
}

#ba_logo::after{
	padding-top: 66.6%;
}

.bg_gray{
	position:relative;
}
.bg_gray::after {
	padding-top: 8.7%;
}

#wi_bw > div > div,
#wi_bw > div > ul,
#free > div > div,
#free > div > ul{
	color:#34495E;
	font-size:1.2rem;
}

#wi_bw > div > div,
#free > div > div{
	min-width: 420px;
	max-width: 850px;
	margin: 60px auto 30px;
	display:flex;
	justify-content:space-between;
	align-items: flex-end;
	box-sizing:border-box;
}

#wi_bw > div > div > p,
#free > div > div > p{
	z-index: 10;
	font-weight: 700;
	width: 60%;
	padding-left:10%;
}
#wi_bw > div > div > p{
	margin-bottom:30px;
}
#free > div > div > p{
	margin-bottom:40px;
}
#wi_bw > div > div > p > svg,
#free > div > div > p > svg{
	margin-bottom: 10px;
}

#wi_bw > div > div > svg{
	width:390px;
	height:285px;
	flex:0 0 278px;
}

#wi_bw > div > ul,
#wi_bw > div > ul > li,
#free > div > ol,
#free > div > ol > li{
	display:flex;
}
#wi_bw > div > ul{
	background-color:#F5F5F5;
	padding:20px 30px;
}

#wi_bw > div > ul > li,
#free > div > ol > li{
	align-items: center;
	font-weight:700;
}
#wi_bw > div > ul > li{
	font-size:1.1rem;
}


#wi_bw > div > ul > li svg{
	width:53px;
	height:53px;
	flex:0 0 53px;
	margin-right:10px;
}

#wi_bw > div > p{
	box-shadow:inset 0 1px #FFFFFF;
}

#wi_bw > div h3{
	text-align:center;
	font-size:1.4rem;
	margin-bottom:30px;
}
#wi_bw > div h3 span{
	display:block;
	font-size:.9rem;
}

#equipped{
	margin-top:-1px;
}

#equipped svg{
	width:40px;
	height:40px;
	margin-bottom:10px;
}

#equipped li{
	padding:30px;
}

#equipped li div{
	font-size:1.2rem;
	margin-bottom:5px;
	font-weight:700;
}

#sister > div > p,
#sister > div h4 a{
	display:flex;
	flex-direction:column;
	padding: 30px;
	box-sizing:border-box;
}

#sister > div > h4 a{
	position:relative;
	background: #ffffff;
	background: linear-gradient(to right, #ffffff 10%,#eaeced 100%);
	color:#830fc3;
	justify-content:space-between;
	font-weight:700;
}

#sister > div h4 svg{
	margin-top:30px;
}

#sister > div h4 img{
	position:absolute;
	right:0;
	bottom:0;
}

#sister > div p{
	justify-content:center;
}

#sister > div p span{
	font-size:1.2rem;
	margin-bottom:15px;
	display:block;
	font-weight:700;
	line-height:1.4;
}



#free > div img{
	width:100%;
	display:block;
	max-width:400px;
}
#free > div > dl > *,
#free > div img{
	margin-left:auto;
	margin-right:auto;
}

#free > div > ol{
	counter-reset:step;
}
#free > div > ol li:before {
	counter-increment:step;
	content:counter(step);
	font-family:'step';
	font-weight:normal;
}
#free > div > ol li:not(:last-child):after{
	font-family:'icon';
}

#free > div > dl{
	background-color:#FFB6C1;
	box-shadow:inset 0 1px #FFFFFF;
	counter-reset:step_t;
}

#free > div > dl > dt{
	position:relative;
	display:flex;
	flex-direction: column;
	text-align:center;
  justify-content: center;
  align-items: center;
	z-index:0;
	color:#231815;
	font-weight:700;
}
#free > div > dl > dt:after {
	counter-increment:step_t;
	content:'STEP 'counter(step_t, decimal-leading-zero);
	font-size:.9rem;
}
#free > div > dl > dt span{
	line-height:.3;
}

#free > div > dl > dd + dt{
	margin-top:30px;
}
#free > div > dl > dt,
#free > div > dl > dd:not(:last-child) > *:not(:last-child){
	margin-bottom:15px;
}
#free > div > dl > dd h3,
#free > div > dl > dd section > *:not(:last-child){
	margin-bottom:10px;
}

#free > div > dl > dt svg{
	position:absolute;
	top:0;
	left:50%;
	width:100%;
	height:100%;
	transform: translateX(-50%);
	fill:#4CC6C3;
	stroke:#2E284C;
	z-index:-1;
}

#free h3{
	text-align:center;
	justify-content: center;
	border-radius:10px;
	box-shadow:inset 0 0 0 1px #FFFFFF;
}

#free > div > dl > dd > div,
#free > div > dl > dd section > div{
	background-color:#FFF8F9;
	border-radius:4px;
	box-shadow:1px 1px 3px rgba(0,0,0,.3);
	overflow:hidden;
}
#free > div > dl > dd > div > *:not(:last-child),
#free > div > dl > dd > section > div > *:not(:last-child){
	margin-bottom:15px;
}

#free > div > dl > dd > section div p{
	font-size:1.4rem;
	font-weight:700;
}

#free > div > dl > dd > section > div > span,
#free > div > dl > dd > div > span{
	text-align:center;
	display:block;
	font-size:1.2rem;
	font-weight:700;
}
.f_big,
.f_j_big{
	font-size:1.4rem !important;
}
.f_j_big{
	text-align:justify !important;
}


#free > div > dl > dd div ul li::before{
	content: "\25c6";
	font-family:'icon';
	display:inline-block;
	font-size:15px;
	vertical-align:-2px;
}

#know_shop > div{
	background: #e0e0e0;
	background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%);
}

#know_shop > div img{
	max-width:290px;
	width:100%;
}

#know_shop > dl dt{
	font-size:1.2rem;
	font-weight:700;
}
#know_shop > dl dd span{
	font-family:'icon';
	font-size:24px;
	display:block;
	font-weight:normal;
}

.ico_heart{
	color:#EF3B7B;
}
.ico_cal{
	color:#338FFF;
}
.ico_memo{
	color:#F8A500;
}
.ico_tv{
	color:#56BD91;
}

#know_shop > dl dd a,
#know_shop > section{
	color:#EA4488;
}
#know_shop > dl dd a{
	display:block;
}
#know_shop > section{
	font-weight:700;
}
#know_shop > section::after,
#know_shop > section,
#free > div > dl > dd ol li,
.free_label li{
	background-color:#F8C6DB;
}
#know_shop > section,
#free > div > dl > dd ol li,
.free_label li{
	border:2px solid #FFFFFF;
	box-shadow:1px 1px 3px rgba(0,0,0,.3);
	border-radius:5px;
}

#know_shop > section{
	text-align:center;
	text-shadow: 1px 1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF;
	position:relative;
	z-index:0;
	padding:28px 20px 20px;
	margin:43px -20px 0;
}

#know_shop > section h4{
	position:absolute;
	top:-23px;
	left:50%;
	margin-left:-100px;
	height:30px;
	line-height:30px;
	width:200px;
	background-color:#E14752;
	color:#FFFFFF;
}
#know_shop > section::before,
#know_shop > section::after,
#know_shop > section h4::before,
#know_shop > section h4::after{
	content:"";
	display:block;
	position:absolute;
}
#know_shop > section::before,
#know_shop > section::after{
	top: 7px;
	width:160px;
	left:50%;
	transform: translateX(-50%);
}
#know_shop > section::before{
	height: 0;
	border-top: 8px solid #AF171A;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
#know_shop > section::after{
	z-index:10;
	height:10px;
}
#know_shop > section h4::before,
#know_shop > section h4::after{
	left:-8px;
	right:-8px;
	width:auto;
	height:30px;
	top:8px;
	z-index:-1;
	background-color:#D34450;
	border:none;
}
#know_shop > section h4::before{
	transform: skewX(30deg);
}
#know_shop > section h4::after{
	transform: skewX(-30deg);
}

#know_shop > section *{
	text-shadow:none;
}
#know_shop > section span{
	display:block;
	height:40px;
	line-height:40px;
	border-radius:20px;
	border:1px solid #EA4488;
	background-color:#FFFFFF;
	max-width:400px;
	margin:auto;
}

#know_shop > dl dd{
	position:relative;
}
#know_shop > dl dd span{
	position:absolute;
}

#free > div > dl > dd ol li,
.free_label li{
	height:40px;
	line-height:40px;
	text-align:center;
	padding:0 1em;
	font-weight:700;
	font-size:1.2rem;
}
.free_label li:not(:last-child){
	margin-bottom:10px;
}
#free > div > dl > dd ol li:not(:last-child){
	margin-bottom:28px;
}
#free > div > dl > dd ol li:not(:last-child)::after{
	content: "\2228";
	font-family: 'icon';
	display:block;
	font-size:18px;
	line-height:1;
	margin-top:8px;
	color:#FF7CAD;
}

.free_label li::before{
	display:none !important;
}

.fcont_half > div{
	margin-top:15px;
	font-weight:700;
}

.identity_ok ul,
.identity_ng ul{
	padding:10px;
	border-style:solid;
	border-width:2px;
	border-radius:5px;
	font-weight:400;
}
.identity_ok{
	color:rgba(76,198,195,1);
}
.identity_ok ul{
	background-color:rgba(76,198,195,.3);
	border-color:rgba(76,198,195,1);
}
.identity_ng{
	color:rgba(167,168,168,1);
}
.identity_ng ul{
	background-color:rgba(167,168,168,.3);
	border-color:rgba(167,168,168,1);
}



/*サムネール*/
.lazyload,
.lazyloading{
	background-position:center center !important;
}

#column4_list li > a,
#column4_list li > div > div,
#column2_circleimg > li > a,
.tmb_cir_rect,
#img_list > li > dl a[style^="background-image"],
#coverage > figure span,
#shop_info > figure,
#media > dd > figure > a,
#media > dd > figure > span,
#n_blog > ul > li > a,
#n_movie > ul > li > a,
#t_itw > ul > li > a,
#s_blog > ul > li > a,
#s_itw > ul > li > a,
#s_prof > figure,
.f_gallery > div > a,
#g_shop > ul > li > a[style^="background-image"],
.confirm .img_up > div,
.chat_shop > span,
#c_itw > li > figure,
#bulk_list > li > span,
#comp_p_list > form > span{
	text-indent:150%;
	white-space:nowrap;
	background-size:cover;
	overflow:hidden;
	background-color:#ECEDED;
}

#column4_list li > a,
#column4_list li > div > div,
#column2_circleimg > li > a[style^="background-image"],
.tmb_cir_rect,
#coverage > figure span,
#newarrival section > ul > li > a,
#t_itw > ul > li > a,
#s_blog > ul > li > a,
#s_itw > ul > li > a,
#g_shop > ul > li > a[style^="background-image"],
.chat_shop > span,
#bulk_list > li > span,
#comp_p_list > form > span{
	display:block;
}

#img_list > li > dl a{
	display:inline-block;
}

#shop_info > figure{
	background-position:center center;
}


/*伸縮*/
#column2_circleimg > li > a::before,
#n_blog > ul > li > a::before,
#n_movie > ul > li > a::before,
#t_itw > ul > li > a::before,
#s_blog > ul > li > a::before,
#s_itw > ul > li > a::before,
#g_shop > ul > li > a[style^="background-image"]::before{
	content:"";
	display:inline-block;
	height:0;
	vertical-align:bottom;
}

/*正方形・正円*/
#column2_circleimg > li > a::before,
#n_blog > ul > li > a::before,
#s_blog > ul > li > a::before,
#g_shop > ul > li > a[style^="background-image"]::before{
	padding-bottom:100%;
}

#column4_list li > a{
	height:0;
	padding-bottom:100%;
}

#column2_circleimg > li > a{
	width:26%;
	max-width:110px;
	line-height:0;
}

#coverage > figure span,
#shop_info > figure,
#s_prof > figure,
#c_itw > li > figure{
	width:140px;
	height:140px;
}

.chat_shop > span{
	width:40px;
	height:40px;
}

#coverage > figure span,
#shop_info > figure{
	margin:0 auto;
}

#column2_circleimg > li > a,
#coverage > figure span,
#shop_info > figure,
#s_prof > figure,
.chat_shop > span,
#c_itw > li > figure{
	border-radius:50%;
}



/*角丸小*/
#img_list > li > dl a[style^="background-image"]{
	width:60px;
	height:60px;
	border-radius:2px;
}

#img_list > li > dl a[style^="background-image"]:not(:first-child){
	margin-left:10px;
}

/*長方形横*/
#n_movie > ul > li > a::before{
	padding-bottom:50%;
}


/*固定長方形*/
#comp_p_list > form > span{
	width:100px;
	height:50px;
}

/*長方形縦*/
#t_itw > ul > li > a::before,
#s_itw > ul > li > a::before{
	padding-bottom:133.33%;
}

/*no image*/
#column4_list li > a,
#column2_circleimg > li > a,
#n_blog > ul > li > a,
#t_itw > ul > li > a,
#s_blog > ul > li > a,
#s_itw > ul > li > a,
#s_prof > figure,
#c_itw > li > figure{
	position:relative;
}

#column4_list li > a svg,
#column2_circleimg > li > a svg,
#media > dd > figure > span svg,
#n_blog > ul > li > a svg,
#t_itw > ul > li > a svg,
#s_blog > ul > li > a svg,
#s_itw > ul > li > a svg,
#s_prof > figure svg,
#c_itw > li > figure svg{
	fill: #BABABA;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -21px 0 0 -18px;
}



/*ムービー*/
.movie > div,
#s_movie > ul > li > div > div{
	word-break: normal;
	margin:0 auto;
}

#n_movie > ul > li > a{
	position:relative;
}
#n_movie > ul > li > a::after {
  content: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjNTU1NTU1IiBkPSJNMjguMjE0LDM1SDExLjc4NmMtMC43ODYsMC0xLjQyNC0wLjYzOC0xLjQyNC0xLjQyNHMwLjYzOC0xLjQyNCwxLjQyNC0xLjQyNGgxNi40MjljMC43ODcsMCwxLjQyNCwwLjYzOCwxLjQyNCwxLjQyNAoJUzI5LjAwMSwzNSwyOC4yMTQsMzV6Ii8+CjxwYXRoIGZpbGw9IiM1NTU1NTUiIGQ9Ik0yNi43OTcsMjguNDlIMTMuMjAzQzguNjgsMjguNDksNSwyNC44MTEsNSwyMC4yODh2LTcuMDg0QzUsOC42OCw4LjY4LDUsMTMuMjAzLDVoMTMuNTk0QzMxLjMyLDUsMzUsOC42OCwzNSwxMy4yMDN2Ny4wODQKCUMzNSwyNC44MTEsMzEuMzIsMjguNDksMjYuNzk3LDI4LjQ5eiIvPgo8cGF0aCBmaWxsPSIjRkYyRjU3IiBkPSJNMTMuMjAzLDcuODQ3Yy0yLjk1MywwLTUuMzU1LDIuNDAzLTUuMzU1LDUuMzU2djcuMDg0YzAsMi45NTMsMi40MDIsNS4zNTYsNS4zNTUsNS4zNTZoMTMuNTk0CgljMi45NTMsMCw1LjM1NS0yLjQwMyw1LjM1NS01LjM1NnYtNy4wODRjMC0yLjk1My0yLjQwMi01LjM1Ni01LjM1NS01LjM1NkgxMy4yMDN6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMy4xNTcsMTYuMzY4bC01LjE2My0zLjU0MWMtMC4wODItMC4wNTUtMC4xNzUtMC4wODItMC4yNzEtMC4wODJjLTAuMDc0LDAtMC4wOTMsMC4wMTctMC4xNjEsMC4wNTIKCWMtMC4xNTUsMC4wNzktMC4xOTcsMC4yMzgtMC4xOTcsMC40MDd2Ny4wODJjMCwwLjE3LDAuMDQyLDAuMzI5LDAuMTk3LDAuNDA4YzAuMTU2LDAuMDc5LDAuMzE2LDAuMDY5LDAuNDU5LTAuMDMybDUuMTQ5LTMuNTQKCWMwLjEyNy0wLjA4NiwwLjE5NC0wLjIyNCwwLjE5NC0wLjM3N0MyMy4zNjUsMTYuNTk2LDIzLjI4NCwxNi40NTUsMjMuMTU3LDE2LjM2OHoiLz4KPC9zdmc+Cg==');
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#484848;
	width:40px;
	height:40px;
	text-indent:0;
}

#ex_helpful {
	margin-bottom: 20px;
}



/*エディタ挿入エリア*/
.cov_editor img{
	max-width:100%;
}


/*リストmore*/
.scroll_list > li{
	position:relative;
}

.li_more{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.li_more::before{
	content:'+';
	font-family:'icon';
	display:block;
	width:56px;
	height:56px;
	line-height:56px;
	border-radius:50%;
	font-size:20px;
	text-align:center;
	border:#FFFFFF 1px solid;
	margin-bottom:10px;
}

/*プランマーク*/
#column2_list > li::before,
#column2_circleimg > li::before,
#column4_list > li::before,
#img_list > li::before,
#super_list > li::before,
#ranking_list > li::before,
#time_list > li::before,
#single_list > li::before,
#coverage_list > li::before,
#coverage::before,
#p_up > ul > li::before{
	content:"";
	display:block;
	height:3px;
	position:relative;
	z-index:10;
	background-color:#D8D1C1;
}

#coverage_list .summary_head,
#coverage .summary_head{
    margin-top: -3px;
    padding-top: 8px;
}


#column2_circleimg > li::before{
	width:100%;
}

#img_list > li::before{
	position:absolute;
	top:0;
	left:0;
	right:0;
}

.dx::before,
.dx_bar_icon::before{
	background-color:#3C76D0 !important;
}

.sp::before,
.sp_bar_icon::before{
	background-color:#F39849 !important;
}

.pm::before,
.pm_bar_icon::before{
	background-color:#F14462 !important;
}

.ut::before,
.ut_bar_icon::before{
	background-color: #2bcc80 !important;
	background: linear-gradient(to right, #eb6265 0%,#d128a8 35%,#2750c1 65%,#2bcc80 100%) !important;
}


/*プランアイコン*/
.icon_dx,
.icon_sp,
.icon_pm,
.icon_ut,
.dx_bar_icon .summary_head,
.sp_bar_icon .summary_head,
.pm_bar_icon .summary_head,
.ut_bar_icon .summary_head{
	position:relative;
}

.icon_dx,
.icon_sp,
.icon_pm,
.icon_ut{
	padding-right:51px !important;
}

.dx_bar_icon .summary_head,
.sp_bar_icon .summary_head,
.pm_bar_icon .summary_head,
.ut_bar_icon .summary_head{
	padding-right:66px !important;
}

.icon_dx::after,
.icon_sp::after,
.icon_pm::after,
.icon_ut::after,
.dx_bar_icon .summary_head::after,
.sp_bar_icon .summary_head::after,
.pm_bar_icon .summary_head::after,
.ut_bar_icon .summary_head::after,
.s_dx header > div::after,
.s_sp header > div::after,
.s_pm header > div::after,
.s_ut header > div::after{
	content:"";
	display:block;
	width:36px;
	height:36px;
	margin-top:-18px;
	background-image:url(../../img/icon_plan.svg);
	background-size:180px;
	position:absolute;
	top:50%;
}

.icon_dx::after,
.icon_sp::after,
.icon_pm::after,
.icon_ut::after{
	right:0;
}
#g_shop .icon_dx::after,
#g_shop .icon_sp::after,
#g_shop .icon_pm::after,
#g_shop .icon_ut::after{
	right:auto;
}

.dx_bar_icon .summary_head::after,
.sp_bar_icon .summary_head::after,
.pm_bar_icon .summary_head::after,
.ut_bar_icon .summary_head::after{
	right:15px;
}

.icon_sp::after,
.sp_bar_icon .summary_head::after,
.s_sp header > div::after{
	background-position:-45px 0;
}

.icon_pm::after,
.pm_bar_icon .summary_head::after,
.s_pm header > div::after{
	background-position:-90px 0;
}

.icon_ut::after,
.ut_bar_icon .summary_head::after,
.s_ut header > div::after{
	background-position:-135px 0;
}


/*リスト*/
/*リスト余白*/
.btn_area,
#column4_list li > div,
#comp_table tbody td,
#comp_table thead th,
.scroll_list > li > div,
#feat_01 > li a span{
	padding:15px;
}

#column2_circleimg > li > dl > *,
#img_list > li > div,
#column2_list > li > ul{
	padding:0 15px;
}

#comp_table thead >tr:not(:first-child) td{
	padding:0 15px 15px;
}

.summary_head{
	padding: 15px 15px 5px !important;
}

#column2_circleimg > li > div{
	padding:15px 0;
	margin-right:15px;
}

#img_list > li{
	padding:18px 15px 15px;
}

#column2_list > li > a{
	margin:0 auto 15px;
}

#img_list > li > button{
	margin:15px -15px -15px;
}
#img_list > li > dl{
	margin:15px -15px 0;
}
#img_list > li > p{
	margin-top:15px;
}

#column3_list > li > p,
.l_title:not(:last-child){
	margin-bottom:15px;
}

#img_list > li > dl{
	padding-top:15px;
}

.btn_privilege{
	left:50%;
	margin-left:-146px;
}

.btn_area > .btn_line{
	right:50%;
	margin-right:-146px;
}

#comp_table .btn_line{
	margin:0 auto;
	display:block;
	overflow:visible;
}

.btn_area > button + div{
	left:15px;
	right:15px;
	bottom:95px;
	padding:15px;
}


#column2_list .comp{
	margin-top:-15px !important;
}



/*リスト内見出し等*/
.title,
#ad_bottom > li > div > a,
.list_ad > aside > div > a,
.summary_head > a,
.summary_head > div,
#comp_table thead th a,
#img_list > li > div > a,
#comp_table thead th a> dt,
.t_ttl,
.ts_head > a,
.ts_foot > a,
#column2_list > li > p,
#ranking_list > li > p,
#time_list > li > p,
#helpful > ul > li > p a,
.l_title,
.super_main > p > span,
.cov_summary > div > a,
#coverage .cov_summary h3{
	font-weight:700;
	line-height:1.5;
}

.l_title{
	font-size:1.1rem !important;
}

.super_main > p > span{
	font-size:1.1rem;
	display:block;
}

#column3_list > li h3{
	text-align:center;
}

.single_text,
.ts_ttl{
	font-size:.9rem;
}

/*エリア・業種文字・日時文字サイズ*/
#column4_list li > div > span,
#column4_list li > div > time,
.ts_head > span,
#t_rank > div > section > ol > li > div span,
#newarrival > div > section > ul > li > div span,
#p_up > ul > li > div > span,
#s_blog > ul > li > div > time{
	font-size:.8rem;
}


/*リスト 勤務地*/
#ad_bottom > li > div > span,
.list_ad > aside > div > span,
.summary_head > span{
	margin-right:10px;
}



/*リスト ヘッド情報(取材コンテンツ詳細）*/
.summary_head{
	min-height:100px;
	display:flex;
	align-content:center;
	flex-wrap:wrap;
	box-sizing:border-box;
}
.summary_head > dl{
	width:10%;
	flex:1 1 auto;
}
.summary_head > dl.info {
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    white-space: normal;
}
.summary_head > dl.info dt {
    font-size: 1rem;
}
.summary_head > dl.info dt:after { display: none;}

.summary_head > dl > *{
	display:inline;
}

.summary_head > a,
.summary_head > div,
#comp_table thead th a{
	margin-top:5px;
}

.summary_head > a,
.summary_head > div{
	white-space:normal;
	width:100%;
}


/*リスト 情報*/
#column2_list > li > ul,
#ranking_list > li > ul,
#time_list > li > ul{
	display:flex;
}

#column2_list > li > ul,
#ranking_list > li > ul,
#time_list > li > ul,
#comp_table thead td ul{
	margin:-2px;
}

#column2_list > li > ul li,
#ranking_list > li > ul li,
#time_list > li > ul li,
#comp_table thead td ul li{
	margin:2px;
	border-radius: 2px;
	padding: 0 4px;
	font-size: .8rem;
	min-width: 3em;
	text-align: center;
	line-height:2;
}

#column2_list > li > dl,
#ranking_list > li > dl,
#time_list > li > dl{
	line-height:1.5;
}

#column2_list > li > dl dt,
#ranking_list > li > dl dt,
#time_list > li > dl dt{
	font-weight:700;
}

#column2_list > li > dl dd + dt,
#ranking_list > li > dl dd + dt,
#time_list > li > dl dd + dt{
	margin-top:6px;
	padding-top:5px;
}

/*リスト ボタン*/
.btn_area{
	position:relative;
	z-index:10;
}

.btn_area > button{
	position:absolute;
	top:50%;
	margin-top:-28px;
	overflow:visible;
}

#comp_table .btn_line{
	position:relative;
	z-index:10;
}

.btn_privilege svg,
.btn_line svg{
	width:56px;
	height:56px;
}

.btn_privilege span,
.btn_line span{
	display:flex;
  align-items: center;
	position:absolute;
	color:#FFFFFF;
	top:10px;
	left:10px;
	bottom:10px;
	right:10px;
	line-height:1.1;
}

.btn_area > button + div{
	position:absolute;
	background-color:#FFFFEA;
	display:none;
	z-index:100;
	line-height:1.5;
}

.btn_area > button + div span{
	display:block;
}

.btn_privilege::before,
.btn_line::before{
	content:"";
	position:absolute;
	z-index:-1;
	top:3px;
	left:3px;
	right:3px;
	bottom:3px;
	border-radius:50%;
}
#comp_table .btn_line:disabled::before{
	content:none;
}



/*リストバナー*/
#column2_list > li > a,
#ranking_list > li > a,
#time_list > li > a{
	display:block;
	width:100%;
}

#column2_list > li > a img,
#ranking_list > li > a img,
#time_list > li > a img{
	width:100%;
}


/*リスト内定義リスト*/
#column3_list > li > dl{
	display:flex;
	flex-wrap:wrap;
}

#column3_list > li > dl > *{
	width:50%;
	box-sizing:border-box;
	padding:10px 0;
}

#column3_list > li > dl > dt{
	font-weight:700;
}

#column3_list > li > dl > dd{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}


/*比較リストボタン*/
.comp{
	display:block;
	text-align:center;
	height:50px;
	line-height:49px;
}

.comp::before{
	content: "\2756";
	font-family:"icon";
	margin-right:5px;
	font-size:16px;
	vertical-align:-2px;
}



/*2カラムリスト*/
#column2_list > li .comp{
	max-width:100%;
}


/*3カラムリスト*/
#column3_list > li{
	padding:30px;
}

#column3_list > li h3{
	margin-bottom:30px;
}

#column3_list > li form button{
	margin-top:30px;
}

/*4カラムリスト*/
#column4_list{
	display:flex;
	flex-wrap:wrap;
}

#column4_list li{
	box-sizing:border-box;
}

#column4_list li > a{
	display:block;
	height:0;
}

#column4_list li > div{
	position:relative;
}

#column4_list li > div > div{
	width:40px;
	height:40px;
	border-radius:50%;
	position:absolute;
	top:-20px;
	right:10px;
	background-position:center center;
}

#column4_list .title_02{
	margin:5px 0;
}

/*丸画像 2カラムリスト*/
#column2_circleimg > li{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

#column2_circleimg > li > div > *{
	display:block;
}

#column2_circleimg > li > dl{
	width:100%;
	display:flex;
	flex-flow:column wrap;
	padding:13px 0;
	height:40px;
	text-align:center;
	position:relative;
}

#column2_circleimg > li > div{
	width:40%;
	flex:1 1 auto;
}

#column2_circleimg > li > dl::after{
	content:"";
	display:block;
	position:absolute;
	height:40px;
	width:0;
	left:50%;
	top:50%;
	margin-top:-20px;
}

#column2_circleimg > li > dl > *{
	width:50%;
	height:20px;
	line-height:20px;
	box-sizing:border-box;
}

#column2_circleimg > li > dl > dt{
	font-size:.9rem;
	font-weight:700;
}

/*画像変形シングルリスト*/
#img_list > li{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

#img_list > li > a,
#img_list > li > span{
	flex-shrink:0;
}

#img_list > li > div{
	flex: 1 1 30%;
	min-width: 0;
}

#img_list > li > div > a{
	line-height:1.2;
	margin-top:5px;
}

#img_list > li > div > time{
	margin-top:5px;
}

#img_list > li > dl,
#img_list > li > p{
	width:100%;
}

/*期間限定の稼げる特典*/
.super_main > div > div,
.super_main > p > span{
	margin:10px 0;
}

.graph_middle > span,
.graph_last > span,
.graph_early > span{
	text-align:center;
	font-size:1.2rem;
}
#s_super .graph_middle > span,
#s_super .graph_last > span,
#s_super .graph_early > span{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:80px;
	line-height:1.4;
}
#t_super .graph_middle > span,
#t_super .graph_last > span,
#t_super .graph_early > span{
	font-size:1rem;
}

.graph_middle > span time,
.graph_last > span time,
.graph_early > span time{
	font-weight:700;
	font-size:2rem;
}

.graph_middle,
.graph_last,
.graph_early{
	position:relative;
}

.graph_middle > p,
.graph_last > p,
.graph_early > p{
	position:absolute;
}

#t_super .graph_middle > span time,
#t_super .graph_last > span time,
#t_super .graph_early > span time{
	font-size:2rem;
}

#s_super .graph_middle,
#s_super .graph_last,
#s_super .graph_early,
.graph_middle > svg,
.graph_last > svg,
.graph_early > svg{
	width:120px;
	height:120px;
}

.graph_middle > svg,
.graph_last > svg,
.graph_early > svg{
	stroke:#ECECEC;
}


/*ランキング*/
.rank{
	position:absolute;
	top:0;
	left:0;
}

.rank > div{
	text-align:center;
	font-size:1.2rem;
}

.rank > span{
	display:block;
	position:absolute;
	font-family:'icon';
	background-color:#333333;
	width:60px;
	height:60px;
	border-radius:50%;
	text-align:center;
	font-size:16px;	
}


.rank > div,
#t_rank ol > li > div > div{
	background-color:#34495E;
	color:#FFFFFF;
	text-align:center;
	font-weight:700;
}

#no_01 .rank > div,
.no_01 > div > div{
	background-color:#FFB700 !important;
}

#no_01 .rank > span{
	color:#FFC700;
}

#no_02 .rank > div,
.no_02 > div > div{
	background-color:#00ACA8 !important;
}
#no_02 .rank > span{
	color:#A5A5A5;
}

#no_03 .rank > div,
.no_03 > div > div{
	background-color:#EB8080 !important;
}
#no_03 .rank > span{
	color:#D5AC78;
}

/*時計付きリスト*/
#time_list > li > time{
	display:block;
	box-sizing:border-box;
}




/*取材コンテンツ・提携メディア*/
#coverage,
#shop_cov{
	position:relative;
	z-index:0;
}

.cov_summary,
#media > dd,
#shop_cov > a{
	position:relative;
}

.cov_summary::before,
#coverage .cov_summary::after,
#media > dd::before,
#shop_cov > a::before{
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
}

.cov_summary::before,
#coverage .cov_summary::after,
#shop_cov > a::before{
	background-color:#3C76D1;
}
.cov_summary > div > span{
	border-bottom:#3C76D1 2px solid;
}

#coverage .cov_summary::after{
	transform: skewY(-20deg);
	top:150px;
}

.cast .cov_summary::before,
#coverage.cast .cov_summary::after,
#shop_cov > .cast::before{
	background-color:#D92F41;
}

.cast .cov_summary > div > span{
	border-bottom:#D92F41 2px solid;
}

#media > dt,
#media > dd::before{
	background-color:#FFB700;
}

#media > dt{
	color:#FFFFFF;
	height:60px;
	display:flex;
	align-items:center;
	font-size:1.2rem;
	line-height:1.2;
	font-weight:700;
}
#media > dd::before{
	top:-60px;
}

#media > dd > div > span{
	border-bottom:#FFB700 2px solid;
	font-weight:700;
	display:inline-block;
	margin-bottom:10px;
}

.cov_summary > div{
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHdpZHRoPSI4MHB4IiBoZWlnaHQ9IjYwcHgiIHZpZXdCb3g9IjAgMCA4MCA2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODAgNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRTZFNkU2IiBkPSJNNzguNzY2LDMuOTRDNjUuNTUsMTMuMjU0LDU5LjU1OSwyMC43NzYsNTkuNTU5LDI3Ljc2MWMwLDIuMTQ5LDEuNDExLDMuNzYyLDMuMzQ5LDMuNzYyCgljMS4yMzMsMCwyLjQ2OC0wLjM1OCw0LjIyOS0wLjM1OEM3NC43MTQsMzEuMTY1LDgwLDM2LjUzOCw4MCw0NC43NzZDODAsNTQuMDg5LDc0LjAwOSw2MCw2NS4xOTksNjAKCWMtMTEuMTAyLDAtMTcuNjIxLTguMDYtMTcuNjIxLTIwLjc3NmMwLTE1LjQwMiw4LjgxMS0yOC4yOTgsMjkuMjUxLTM5LjIyM0w3OC43NjYsMy45NHoiLz4KPHBhdGggZmlsbD0iI0U2RTZFNiIgZD0iTTMxLjE4OSwzLjk0Yy0xMy4yMTYsOS4zMTQtMTkuMjA3LDE2LjgzNi0xOS4yMDcsMjMuODIxYzAsMi4xNDksMS40MTEsMy43NjIsMy4zNDgsMy43NjIKCWMxLjIzNCwwLDIuNDY4LTAuMzU4LDQuMjI5LTAuMzU4YzcuNTc5LDAsMTIuODY0LDUuMzczLDEyLjg2NCwxMy42MTFDMzIuNDIzLDU0LjA4OSwyNi40MzMsNjAsMTcuNjIyLDYwCglDNi41MjEsNjAsMC4wMDEsNTEuOTQsMC4wMDEsMzkuMjIzQzAuMDAxLDIzLjgyMSw4LjgxMiwxMC45MjUsMjkuMjUyLDBMMzEuMTg5LDMuOTR6Ii8+Cjwvc3ZnPgo=');
	background-position:left 20px bottom 20px;
	background-repeat:no-repeat;
}

.cov_summary > a,
.cov_summary > span,
#shop_cov > a{
	display:block;
}

.cov_summary > a img,
.cov_summary > span img,
#shop_cov > a img{
	width:100%;
	vertical-align:top;
}

.cov_summary > div > a{
	display:block;
}

#coverage > figure figcaption{
	font-weight:700;
}

#coverage > figure > svg{
	width:100px;
	height:30px;
	margin:0 auto -5px;
	display:block;
}

#coverage > figure figcaption{
	display:block;
	margin-top:10px;
	text-align:center;
	color:#FFFFFF;
}

.cov_img{
	padding-top:30px;
	margin-top:30px;
}

.cov_img > div:not(:last-child){
	margin-bottom:30px;
}

.cov_img > div > img,
.cov_img > div p span{
	display:block;
}

.cov_img > div p span{
	font-weight:700;
}

.cov_img > div:nth-child(1) p span{
	color:#3C76D1;
}
.cov_img > div:nth-child(1) > img{
	box-shadow:10px 10px rgba(60,118,209,.3);
}

.cov_img > div:nth-child(2) p span{
	color:#FFB700;
}
.cov_img > div:nth-child(2) > img{
	box-shadow:10px 10px rgba(255,183,0,.3);
}

.cov_img > div:nth-child(3) p span{
	color:#FF2950;
}
.cov_img > div:nth-child(3) > img{
	box-shadow:10px 10px rgba(217,47,65,.3);
}


#media > dd > figure{
	position:relative;
}

#media > dd > figure > *{
	display:block;
	position:absolute;	
	width:29.293%;
	height:calc(100% / 3);
	right:0;
	background-position:center center;
	box-sizing:border-box;
}

#media > dd > figure > *:nth-child(1){
	width:70.707%;
	top:0;
	bottom:0;
	left:0;
	right:auto;
	height:auto;
	border-right:2px solid #FFFFFF;
}

#media > dd > figure > *:not(:nth-child(1)){
	border-left:2px solid #FFFFFF;
}

#media > dd > figure > *:nth-child(2){
	border-bottom:3px solid #FFFFFF;
}

#media > dd > figure > *:nth-child(3){
	top:calc(100% / 3);
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#media > dd > figure > *:nth-child(4),
#media > dd > figure > div{
	border-top:3px solid #FFFFFF;
	bottom:0;
}

#media > dd > figure > div{
	background-color:rgba(0,0,0,.5);
	pointer-events: none;
	color:#FFFFFF;
	font-size:50px;
	display:flex;
	justify-content:center;
	align-items:center;	
}

#media > dd > figure > a:nth-child(1n+5){
	display:none;
}

#media > dd > div > dl{
	display:flex;
	flex-wrap:wrap;
	margin:5px -5px -5px;
}

#media > dd > div > dl > *{
	display:flex;
	align-items:center;
	box-sizing:border-box;
	padding:0 10px;
	margin:5px;
}

#media > dd > div > dl > dt{
	justify-content:center;
	flex:0 0 9em;
}

#media > dd > div > dl > dd{
	width:calc(100% - 9em - 40px);
	flex:1 1 calc(100% - 11em);
	line-height:1.4;
}


/*比較リスト*/
#comp_table{
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	margin-top:-10px;
	margin-bottom:-10px;
	padding:10px 0;
}

#comp_table > table{
	table-layout:fixed;
}

#comp_table thead img{
	width:100%;
	box-sizing:border-box;
}

#comp_table tr > *{
	box-sizing:border-box;
	vertical-align:top;
}

#comp_table tbody th{
	padding:5px;
	text-align:center;
	font-weight:700;
}

#comp_table tbody td > ul li::before{
	content:"〇";
	margin-right:10px;
}
.terms_off::before{
	content:"×" !important;
}


/*リスト広告*/
.list_ad{
	display:block !important;
}

.list_ad::before{
	content:none !important;
}

#ad_bottom > li > a,
.list_ad > aside > a{
	display:block;
}

#ad_bottom > li > a img,
.list_ad > aside > a img{
	width:100%;
	display:block;
}

#ad_bottom > li > div > span,
#ad_bottom > li > div > dl,
#ad_bottom > li > div > dl > *,
.list_ad > aside > div > span,
.list_ad > aside > div > dl,
.list_ad > aside > div > dl > *{
	display:inline;
}

#ad_bottom > li > div > dl > dt::after,
.list_ad > aside > div > dl > dt::after,
.summary_head > dl > dt::after{
	content:">";
	font-family:'icon';
}


/*見出しMORE*/
#t_super,
#t_itw,
#s_blog{
	position:relative;
}

#t_super > a,
#t_itw > a,
#s_blog > a{
	display:block;
	position:absolute;
	top:5px;
}

#t_super > a::after,
#t_itw > a::after,
#s_blog > a::after{
	content: "\2192";
	font-family: 'icon';
	font-size: 16px;
	vertical-align: -2px;
	color: #afafaf;
}
#s_blog > a {
	color: #fff;
}

#s_blog > a::after{
	margin-left: 5px;
	color: #fff;
}


/*TOPページ*/
#home #main_area article > h2{
	/* color:#FFFFFF; */
}


/*プライムウィンドウ広告*/
#home #main_area > aside:first-child{
	border-top-style:solid;
}

#home #main_area > aside a{
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:110%;
	box-shadow:inset 0 10px 15px -10px rgba(0,0,0,.3), inset 0 -10px 15px -10px rgba(0,0,0,.3);	
	height:185px;
}

.ad_pw #main_area > aside::before{
	content:"";
	display:block;
	position:fixed;
	height:100vh;
	bottom:0;
	background-size:100%;
	background-position:center center;
	z-index:-1;
}


/*スライド広告*/
#top_slide > div:first-child{
	max-width:800px;
	margin:0 auto;
	position:relative;
}

#top_slide img{
	width:100%;
}

/*TOPお知らせ*/
#new_area{
	display:flex;
	flex-direction:column;
	position:relative;
}

#new_area > span,
#new_area::after{
	display:block;
	font-family:'icon';
	position:absolute;
	height:26px;
	line-height:26px;
	top:50%;
	text-align:center;
	margin-top:-13px;	
}

#new_area > span{
	font-size:26px;
}

#new_area::after{
	content: "\2192";
	font-size:14px;
	width:14px;
}

#reporter {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #FFB700;
}

/*TOP取材コンテンツ*/
.scroll_list img{
	width:100%;
}

.scroll_list{
	display:flex;
}

.scroll_list > li{
	margin:5px;
}

#t_rank {
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #FFB700;
}

/*TOPランキング*//*新着求人*/
#newarrival {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #FFB700;
}

#t_rank > div > section,
#newarrival > div > section{
	position:relative;
}

#t_rank section li a img,
#newarrival section li a img{
	width:100%;
}

#t_rank > div > section > a,
#newarrival > div > section > a{
	display:block;
}

#n_blog > ul > li > div{
	position:relative;
}
#n_blog > ul > li > div time{
	position:absolute;
	bottom:0;
	font-size: .8rem;
}


/*TOP期間限定の稼げる特典*/
#t_super {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #FFB700;
}

#t_super > ul > li{
	position:relative;
	overflow:hidden;
}

#t_super > ul > li::before{
	display:block;
	content:"急募";
	position:absolute;
	width:70px;
	height:70px;
	top:-35px;
	padding-top:50px;
	box-sizing:border-box;
	text-align:center;
	font-size:.9rem;
}

.ts_foot > p{
	font-size:.9rem;
}

.graph_early > p,
.graph_middle > p,
.graph_last > p{
	font-weight:700;
}



/*キャストインタビュー共通*/
#t_itw {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #FFB700;
}

#t_itw > ul,
#s_itw > ul{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#t_itw > ul,
#s_itw > ul{
	display:flex;
}
#t_itw > ul > li,
#s_itw > ul > li{
	box-sizing:border-box;
}

#t_itw > ul > li:nth-child(even),
#s_itw > ul > li:nth-child(even){
	background-color:#FFF9D6;
}

#t_itw > ul > li div dl,
#s_itw > ul > li div dl{
	display:flex;
	flex-wrap:wrap;
	font-size:.9rem;
}

#t_itw > ul > li div dt,
#s_itw > ul > li div dt{
	width:4.2em;
	-moz-text-align-last: justify;
	text-align-last: justify;
}
#t_itw > ul > li div dd,
#s_itw > ul > li div dd{
	width:calc(100% - 4.2em);
	box-sizing:border-box;
	padding-left:.5em;
}



/*特集*/
#feat_01 > li a{
	position: relative;
	display:block;
}

#feat_01 > li a:after {
	content: "\2192";
	position: absolute;
	right: 7px;
	bottom: 3px;
	font-family: 'icon';
	font-size: 16px;
	color: #FFB700;
}

#feat_01 > li a img{
	width:100%;
}

#feat_01 > li a span{
	display:block;
	line-height:1.5;
	min-height:3em;
}


/*TOP下・左共通*/
.rbn_m{
	fill:#E14752;
}
.rbn_e{
	fill:#D34450;
}
.rbn_s{
	fill:#AF171A;
}


/*ピックアップ*/
#p_up {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #FFB700;
}

#p_up h2::before,
#helpful h2::after{
	left:50%;
	top:5px;
	right:auto;
	bottom:auto;
	border:none;
}

#p_up h2::after{
	right:50%;
	left:auto;
}

#p_up > a{
	display:block;
}

#p_up ul li a img {
	width:100%
}

#p_up > ul > li > div{
	padding:10px;
}


/*お役立ち情報*/
#helpful h2{
	color:#FFFFFF;
	position:relative;
}

#s_chara{
	position:absolute;
}

#helpful a img {
	width:100%
}

#helpful > ul > li > p{
	line-height:1.5;
}

#helpful > ul > li > p a{
	display:block;
	margin:5px 0;
}


#ex_helpful ul {
	display: flex;
	flex-wrap:wrap;
	padding: 10px;
	background-color: #eaeaea;
}

#ex_helpful ul > li {
	flex: 0 0 19%;
	margin-left: 1.2%;
	background-color: #fff;
	box-sizing:border-box;
	box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
	font-size:.9rem;
}

#ex_helpful ul > li:first-child {
	margin-left: 0;
}

#ex_helpful ul > li a {
	position: relative;
	display: block;
	padding: 10px;
	height: 100%;
	box-sizing: border-box;
}

#ex_helpful ul > li:nth-child(5) a {
	padding: 10px 20px 10px 10px;
}

#ex_helpful ul > li a:after {
	content: "\2192";
	position: absolute;
	right: 7px;
	bottom: 3px;
	font-family: 'icon';
	font-size: 16px;
	color: #999;
}

#ex_helpful ul > li img {
	width: 100%;
}

#ex_helpful ul > li .ttl {
	margin-top: 7px;
	text-align: center;
	font-weight: bold;
	font-size:1.1rem;
	color: #FFB700;
}

#ex_helpful ul > li p {
	margin-top: 5px;
}



/*店舗*/
/*サーモンピンク*/
#shop > header h2,
#s_pr h3,
#s_super > p span,
#s_prof > section dd::before,
#s_qa > dl > dd::before,
#c_itw > li > section dd::before{
	color:#FF597A;
}
.f_banner h3{
	color:#FF597A;
}

#s_spgift > h3{
	background-color:#FF597A;
	color:#FFFFFF;
}


/*ピンク*/
#shop #main_area > h3,
#shop #main_area article[id] > h3,
#shop_cov h3{
	background-color:#ED5D99;
	color:#FFFFFF;
}

#s_prof section h4,
#c_itw > li > section h4{
	color:#ED5D99;
	border-bottom:#ED5D99 2px solid;
}

/*紺*/
.f_space h3,
.f_gallery h3{
	background-color:#435C71;
	color:#FFFFFF;
}

/*紫*/
#s_info > dl > dd > ul > li{
	background-color:#F0F0FB;
	color:#898AD7;
}

#s_prof > dl dt,
#c_itw > li > dl dt{
	color:#898AD7;
}

/*緑みの青*/
.area{
	background-color:#2096B7 !important;
}

/*ダルグレー*/
#shop > header ul li{
	background-color:#888888;
	color:#FFFFFF;
}


/*レイアウト*/
#s_pr h3{
	margin-bottom:10px;
}

/*店舗ヘッダー*/
#shop > header h2{
	min-height:36px;
}

#shop > header ul,
#shop > header time{
	font-size:.9rem;
}

#shop > header ul,
#shop > header dl{
	align-items: center;
}
#shop > header dl > *{
	display:inline;
}

#shop > header dt:before {
  content: "\1f5fe";
	font-family:'icon';
	font-size:16px;
	margin-right:5px;
	vertical-align:-1px;
}

#shop > header time{
	display:block;
}

#shop > header dt::after{
	content:">";
	font-family:'icon';
	vertical-align:-1px;
}

/*店舗バナー*/
#shop > figure{
	overflow:hidden;
}

#shop > figure img{
	width:100%;
}

/*PR*/
#s_pr h3{
	line-height:1.6;
}



/*店舗期間限定の稼げる特典*/
#s_super > p span{
	display:block;
	font-weight:700;
}



/*店舗 入店特典・ライン*/
#s_spgift h3,
#s_line h3{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#s_spgift h3 span,
#s_line h3 svg{
	margin-bottom:10px;
}

#s_spgift h3 span{
	font-family: 'Mr Bedfort', cursive;
	font-weight:normal;
}

#s_line > div p,
#s_line > div > div > span{
	font-weight:700;
}



/*店舗求人情報*/
#s_info > dl > dt{
	font-weight:700;
}

#s_info > dl > dd > ul{
	display:flex;
	flex-wrap:wrap;
	margin:-2px;
}

#s_info > dl > dd > ul:not(:last-child){
	margin-bottom:15px;
}

#s_info > dl > dd > ul > li{
	padding:0 10px;
	height:26px;
	line-height:26px;
	border-radius:13px;
	font-size:.9rem;
	margin:2px;
	font-weight:700;
}






/*店舗店長プロフィール・キャストインタビュー*/
#s_prof > div,
#c_itw > li > div{
	text-align:center;
	font-weight:700;
	line-height:1.5;
}

#s_prof > dl,
#c_itw > li > dl{
	display:flex;
	flex-wrap:wrap;
}

#s_prof > dl > *,
#c_itw > li > dl > *{
	box-sizing:border-box;
	padding:15px 0;
}

#s_prof > dl dt,
#c_itw > li > dl dt{
	width:20%;
	font-weight:700;
}

#s_prof > dl dd,
#c_itw > li > dl dd{
	width:80%;
	padding-left:15px;
}

/*フリースペース*/
.f_space img{
	max-width:100%;
}

.f_img{
	text-align:center;
}

.f_half{ 
	overflow: hidden;
	position: relative;
}


/*フリーギャラリー*/
.f_gallery > div{
	display:flex;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.f_gallery > div > a:not(:last-child){
	margin-right:10px;
}

.f_gallery > div::after{
	content:"";
	display:block;
}

/*フリーバナー*/
.f_banner img{
	max-width:100%;
	display:block;
	margin:0 auto;
}

.f_banner > div > h3{
    line-height: 1.6;
}
.f_banner > div > *:not(:last-child){
	margin-bottom:10px;
}


/*系列ショップ*/
#g_shop > ul{
	display:flex;
}

#g_shop > ul > li > *{
	text-align:center;
}

#g_shop > ul > li > a{
	font-weight:700;
}


/*チャット*/
.date_change{
	text-align:center;
	font-size:.9rem;
	padding:5px;
}

.chat_user,
.chat_shop{
	display:flex;
  align-items: flex-end;
}

.chat_user > div,
.chat_shop > div{
	max-width:55%;
	padding:10px;
	margin:0 10px;
	line-height:1.4;
}

.chat_user > div{
	border-radius:8px 8px 0 8px;
	position:relative;
}

.chat_shop > div{
	border-radius:8px 8px 8px 0;
}

.chat_user{
	justify-content: flex-end;
}

.chat_user > div a,
.del_sample{
	font-family:'icon';
	font-size:16px;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
}
.chat_user > div a{
	display:block;
	position:absolute;
	left:-26px;
	bottom:1.2em;
}
.del_sample{
	display:inline-block;
	vertical-align:-1px;
}

.chat_user > time,
.chat_shop > time{
	font-size:.9rem;
}

.read::before{
	content:"既読";
	padding-right:5px;
}

.chat > #main_area > form > div{
	box-sizing:border-box;
	display:flex;
  justify-content: center;
}

.chat > #main_area > form textarea{
	box-shadow:0 0 5px 1px rgba(0,0,0,.1);
	background-color:#FFFFFF;
}

.chat > #main_area > form input[type="button"],
.chat_btn_sample{
	border-radius:50%;
	font-family:'icon';
	text-align:center;
}
.chat > #main_area > form input[type="button"]{
	width:40px;
	height:40px;
	flex:0 0 40px;
	font-size:18px;
}
.chat_btn_sample{
	display:inline-block;
	width:24px;
	height:24px;
	line-height:24px;
}


.c_stop > #main_area > form > div{
	display:none;
}

/*ブログ詳細*/
#blog img{
	max-width:100%;
}

#blog > time{
	display:block;
	font-size:.9rem;
}

.img_area img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.img_area img:not(:last-child){
	margin-bottom:10px;
}





/*認証画面*/
#authn{
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

#authn > div{
	background-color:#FFCF1E;
	width:calc(100% - 20px);
	max-width:500px;
	position: absolute;
	top:80px;
	left: 50%;
	transform: translateX(-50%);
	box-sizing:border-box;
	margin-bottom:30px;
}

#authn > div > span{
	position:absolute;
}

#authn > div > span::after{
	content: "";
	display: block;
	height: 0;
}
#a_chara::after{
	padding-top: 102.78%;
}
#a_logo::after{
	padding-top: 84.37%;
}
#authn > div > span svg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#a_chara{
	top:0;
	left:50%;
	transform: translate(-50%, -50%);
	min-width:72px;
	width:23.2%;
	max-width:116px;
}

#a_logo{
	top: 0;
	left: 0;
	right:0;
	z-index:-1;
}

#authn > div > div,
#authn > div > p{
	margin:7%;
}
#authn > div > p{
	font-size:.9rem;
}

#authn > div > div{
	padding:7%;
}

#authn > div > div{
	background-color:rgba(255,255,255,.8);
	margin-top:30%;
	text-align:center;
}

#authn > div > div > input[type="button"]{
	display:block;
	margin:30px auto;
	width:80%;
	text-align:center;
	border-radius:3px;
	font-weight:700;
}

#authn > div >  div > svg{
	width:42px;
	height:40px;
	display:block;
	margin:0 auto 15px;
}


/*プレビュー表示*/
#preview{
	background-color: #2C3D50;
	text-align: center;
	height: 50px;
	line-height: 49px;
	font-size: 1.4rem;
	color: #FFFFFF;
}

#preview + header{
	display:none;
}
#preview ~ footer{
	margin-bottom:0 !important;
}
#preview ~ footer > div > ul{
	visibility:hidden;
}
#preview ~ main #s_fbtn a,
#preview ~ main #app_info address > button,
#preview ~ main #app_info address > a,
#preview ~ main #s_line a,
#preview ~ main article > a{
	pointer-events:none;
}
#preview ~ #f_nav{
	display:none;
}



/*比較リストポップアップ*/
#comp_p_list > form{
	margin:10px;
	display:flex;
	align-items: center;
}

#comp_p_list > form p{
	width:20%;
	flex:1 1 auto;
	min-width:0;
	padding:0 15px 0 10px;
}

#comp_p_list > form p span{
	display:block;
	font-size:1.2rem;
	font-weight:700;
}


/*スマホ～タブレット*/
@media screen and (max-width: 849px){
body{
	line-height:1.8;
}


/*共通*/
/*ベースカラー*/
#g_shop h3,
.search_set span{
	color:#555555 !important;
}

#top_slide,
.ad_pw .scroll_list,
.mask,
#home #left_bottom,
#home header::before{
	/* background-color: #F3F0E7; */
}
#home #main_area > aside:first-child{
	border-top-color:#F3F0E7;
}


/*バナナビメイン黄色*/
body > header > div > nav button + dl,
body > header > div > nav button + dl dt,
#main_sach > form,
#home #main_area article{
	/* background-color:#FFD01F; */
}


/*濃い黄色*/
#home #word_search{
	background-color:#FFB700;
}

/*黄色の線*/
#home #word_search{
	box-shadow:inset 0 1px #FFFFFF, 0 1px #FCE485;
}




/*茶色*/
body > header > div > nav button + dl::after{
	background-color:#40220F;
	color:#FFFFFF;
}

body > header > div > nav button + dl dt{
	color:#40220F;
}


/*赤*/
#left_top > form input[type="checkbox"] + label{
	box-shadow:inset 0 0 0 1px #FFB700;
	background-color:#FFFFFF;
	color:#FFB700;
}
#left_top > form input[type="checkbox"]:checked + label{
	background-color:#FFB700;
	color:#FFFFFF;
}



/*中間ピンク*/
#shop_info{
	border-top:#EA4488 2px solid;
	border-bottom:#EA4488 2px solid;
}


#s_fbtn > a{
	background-color:#FFFFFF;
	box-shadow:inset 0 0 0 1px #EA4488;
}




/*青緑*/
#newarrival{
	/* background-color:#00ACA8 !important; */
}


/*濃い青*/
/* #left_top > form > dl dt, */
/* #search_top a span,
#main_sach > form > dl dt div,
#home main h3{
	color:#0A69C7;
} */

#left_top > form input[type="checkbox"]:checked + label,
#main_sach > form input[type="checkbox"]:checked + label{
	background-color:#FFB700 !important;
}



/*薄い青*/
#left_top > form > dl dd,
#main_sach > form > dl dd{
	background-color:#FAFAFD;
}

#faq > dl > *:nth-of-type(even),
#s_prof > section dl > *:nth-of-type(even),
#s_qa > dl > *:nth-of-type(even),
#c_itw > li > section dl > *:nth-of-type(even){
	background-color:#FAFAFD;
	box-shadow:19px 0 #FAFAFD, -20px 0 #FAFAFD;
}

#faq > dl > *:nth-of-type(even):last-child,
#s_prof > section dl > *:nth-of-type(even):last-child,
#s_qa > dl > *:nth-of-type(even):last-child,
#c_itw > li > section dl > *:nth-of-type(even):last-child{
	box-shadow:0 0 0 20px #FAFAFD;
}






/*グレー*/
body > header > div > nav button + dl > *,
#menu_scroll ul,
/* .bar_aid, */
#left_top > form > dl,
.pager,
#switch_bar > ul,
#main_sach > form > dl,
.ts_foot,
#p_up > a,
#s_fbtn,
#comp_p_list > form > div{
	background-color:#F7F7F7;
}


/*中間グレー濃い*/
.btn_del{
	color:#A2A2A2;
}



/*フォームなど色*/
#left_top > form > dl dt span,
#main_sach > form > dl dt span,
#main_sach > form > dl dt::after{
	color:#CACACA;
}

#f_nav > div > a{
	background-color:#1B83F1;
	color:#FFFFFF;
}

/*線*/
.sister_site img{
	border:#D8D1C1 1px solid;
}

/* .bar_aid, */
.pager,
/* #home #main_area article, */
#s_fbtn,
#wi_bw > div{
	border-top:#D8D1C1 1px solid;
	border-bottom:#D8D1C1 1px solid;
	box-shadow:inset 0 1px #FFFFFF, 0 1px #FFFFFF;
}

#left_top > form,
#switch_bar > ul,
#main_sach > form,
#free{
	border-bottom:#D8D1C1 1px solid;
	box-shadow:0 1px #FFFFFF;
}

#left_top > form {
	position: relative;
}

#t_rank > div > section > ol:last-child > li:last-child,
#newarrival > div > section > ul:last-child > li:last-child{
	box-shadow:0 1px #D8D1C1;
}

#s_blog > ul > li:not(:last-child){
	border-bottom:#D8D1C1 1px solid;
}

#ex_helpful {
	margin-bottom: 0;
	padding: 10px;
	border: none;
}

#reporter {
	padding: 10px;
	border: none;
}

#newarrival {
	padding: 10px;
	border: none;
}

#t_super {
	padding: 10px;
	border: none;
}

#t_itw {
	padding: 10px;
	border: none;
}

#p_up {
	padding: 10px;
	border: none;
}


#main_sach > form,
#t_rank > div > section > ol > li,
#t_rank > div > section > a,
#newarrival > div > section > ul > li,
#newarrival > div > section > a{
	border-top:#D8D1C1 1px solid;
}

.ts_foot,
#p_up{
	/* border-top:#D8D1C1 1px solid;
	box-shadow:inset 0 1px #FFFFFF; */
}

#p_up > a{
	border-top:#D8D1C1 1px solid;
	border-bottom:#D8D1C1 1px solid;
	box-shadow:inset 0 1px #FFFFFF, 0 1px #FFFFFF;
}

/*薄い線*/
#save > form > div,
#shop_info > dl,
#s_info > dl > dd + dt{
	border-top:#DFD8CB 1px dotted;
}

.confirm > dl > dd:not(:last-child),
#img_list > li > dl dd:not(:last-child),
.super_main > p > span,
#left_bottom dd{
	border-bottom:#DFD8CB 1px dotted;
}


/*グレー線*/
.pager > nav,
#bulk_list > li:not(:last-child){
	border:#ECEDED 1px solid;
}

.ts_head{
	border-bottom:#ECEDED 1px solid;
}

#comp_p_list > form > div{
	border-top:#ECEDED 1px solid;
	box-shadow:inset 0 1px #FFFFFF;
}

/*その他カラー*/
/*黄色*/
.graph_middle > div > div[style^="width"]{
	background-color:#F8A500;
}

#t_super .graph_middle > span{
	background-color:#F8A500;
	color:#FFFFFF;
}
#t_super .graph_middle > span::after{
	border-color: #F8A500 transparent transparent transparent;
}


/*ピンク*/
.graph_last > div > div[style^="width"]{
	background-color:#EF3B7B;
}

#t_super .graph_last > span{
	background-color:#EF3B7B;
	color:#FFFFFF;
}
#t_super .graph_last > span::after{
	border-color: #EF3B7B transparent transparent transparent;
}

/*緑*/
.graph_early > div > div[style^="width"]{
	background-color:#56BD91;
}

#t_super .graph_early > span{
	background-color:#56BD91;
	color:#FFFFFF;
}
#t_super .graph_early > span::after{
	border-color: #56BD91 transparent transparent transparent;
}

/*プラグインリセット*/
/*Swiper*/
.sw_pager{
	flex-wrap:wrap;
	padding:5px 0;
}



/*余白*/
body > main{
	margin:10px 0;
}
#home main{
	margin:0;
}
#home main > .mask:first-child,
#shop > #main_area{
	padding-top:10px;
}
#home #main_area .mask:last-child{
	padding-bottom:10px;
}
#home header + main > .mask:first-child{
	padding-top:0;
}

#column2_list > li,
#column2_circleimg > li,
#img_list > li,
#super_list > li,
#ranking_list > li,
#time_list > li,
#single_list > li,
#coverage_list > li,
#coverage,
#feat_01 > li,
#blog,
#chat_manual > section,
#bulk_list,
#chat_manual > nav{
	margin:10px;
}

.message,
#terms > dl,
.text_list,
.alert,
#save > form,
.normal_form,
.confirm,
.pager > nav,
#link_banner > div,
#new_area,
#t_super > ul > li,
#shop > #main_area > article,
#s_spgift,
#s_line{
	margin:0 10px 10px;
}

#faq > dl,
#column3_list,
#shop #main_area > h3,
#shop #main_area > h4,
.comment,
.chat > #main_area > form{
	margin:0 10px;
}

#home > header,
body > main > article > h2,
#main_area,
#left_top,
#menu_scroll,
.bar_aid,
.pager,
#column3_list > li:not(:last-child),
#home #main_area .mask > *:not(:last-child),
#shop > #main_area > section:not(:last-child),
#chat_manual > nav li:not(:last-child){
	margin-bottom:10px;
}
#home #main_area,
#home #left_top,
#feat_01 > li:last-child{
	margin-bottom:0;
}

.text_list > dd + dt,
#c_itw > li{
	margin-top:10px;
}

body > header > div h1{
	margin-left:10px;
    display: block;
}

.chat > #main_area > form textarea{
	margin-right:10px;
}

body > main > article > h3,
body > main > article > h4,
#left_bottom > aside,
#home #left_bottom h2,
#s_movie > ul > li > div,
#c_itw > li{
	margin-right:10px;
	margin-left:10px;
}

#menu_scroll ~ article > h3{
	margin:0 0 10px;
}

.note{
	margin:15px 10px;
}

body > header > dl,
body > header > nav > ol,
#comp_table > table{
	padding:0 10px;
}

#t_itw > ul{
	padding:0 10px 10px;
}
#t_itw > ul::after{
	content:"";
	display:block;
	flex:0 0 10px;
}

#ad_bottom{
	margin:20px auto 10px;
}

h2 + #switch_bar{
	margin-top:-10px;
}

#t_super > a,
#t_itw > a,
#s_blog > a{
	right:10px;
}

.chat > #main_area > form > div,
#free > div > dl{
	padding:10px;
}

#column4_list,
.scroll_list,
#p_up > ul,
#g_shop > ul{
	padding:5px;
}

#helpful > ul{
	margin-top:-5px;
	padding:0 5px 5px;
}

#column4_list > li,
#p_up > ul > li,
#helpful > ul > li,
#g_shop > ul > li{
	margin:5px;
}

.scroll_list::after,
#p_up > ul::after,
#g_shop > ul::after{
	content:"";
	display:block;
	flex:0 0 5px;
}


/*内余白 見出し*/
.bar_aid{
	padding:0 15px;
}
.bar_aid > form{
	right:15px;
}

body > main h2,
body > main h3,
body > main h4{
	padding-left:15px;
	padding-right:15px;
}


/*内余白 本文*/
.message,
#terms > dl,
#faq > dl,
.text_list > *,
.alert,
.normal_form,
.normal_form > div,
.confirm,
.confirm > div,
#save > form > dl,
#save > form > div,
#shop_info,
#line_pop > section > h4,
#line_pop > section > div,
#link_banner > div,
#site_map > div,
#s_pr,
#s_spgift > *,
#s_line > *,
#s_info > dl,
#s_blog > ul > li,
.f_space > div,
.f_gallery > div,
.comment,
.chat > #main_area > form,
#blog > div,
#chat_manual > section > div,
.f_banner > div{
	padding:20px;
}

.pager > nav > *,
#s_movie > ul > li p,
#s_prof > div,
#s_prof dl,
#s_prof > p,
#s_qa > dl,
#g_shop > ul > li > *,
#c_itw > li > div,
#c_itw > li dl,
#c_itw > li > p,
#s_prof > section h4,
#c_itw > li > section h4{
	padding:0 20px;
}

#s_movie > ul > li,
#c_itw > li{
	padding:20px 0;
}

#site_map > div > section:not(:first-child),
#home #main_area > aside + .mask,
#s_prof > section,
#c_itw > li > section{
	padding-top:20px;
}

.normal_form > p,
#site_map > div > section:not(:last-child),
#home #main_area .mask:first-child,
#s_super,
#s_prof,
#s_qa,
.f_img,
#g_shop > ul > li{
	padding-bottom:20px;
}
#home #main_area > aside:first-child{
	border-top-width:20px;
}

#terms > dl dd + dt,
.normal_form > dl > dd + dt,
#save > form > dl > dd + dt{
	padding-top:20px;
	margin-top:20px;
}

#blog > h4{
	padding:20px 20px 0;
}
#blog > time{
	padding:5px 20px 20px;
}

.note{
	padding:30px 20px 20px;
}

#faq > dl > *,
#s_prof > section > dl > *,
#s_qa > dl > *,
#c_itw > li > section > dl > *{
	padding:20px 20px 20px 36px;
}

#shop > header{
	padding:50px 20px 20px;
}

#s_super > span,
#s_super p{
	margin:20px;
}

#s_super > *:last-child{
	margin-bottom:0;
}

#s_super .graph_middle,
#s_super .graph_last,
#s_super .graph_early{
	margin:20px auto;
}

.date_change{
	margin:20px -20px;
}

.normal_form > div,
.confirm > div{
	margin:20px -20px -20px;
}

#link_banner > div h4{
	margin:30px 0 20px;
}

#link_banner > div dd:not(:last-child),
#link_banner > div li:not(:last-child),
#s_movie > ul > li > div,
#g_shop > ul > li > a[style^="background-image"],
.chat > #main_area > form > a,
.chat > #main_area > form > ul > li{
	margin-bottom:20px;
}

#s_blog > ul > li a{
	margin-right:20px;
}

#new_area{
	padding:20px 54px 20px 66px;
}
#new_area span{
	left:20px;
}
#new_area::after{
	right:20px;
}

#shop > header ul{
	left:-20px;
	right:-20px;
}

#s_prof > figure{
	margin:20px auto;
}
#c_itw > li > figure{
	margin:0 auto 20px;
}

#s_prof > button,
#s_qa > button{
	top: 20px;
}

.f_gallery > div::after{
	flex:0 0 20px;
}

/*運営者情報*/
#terms table {
	margin: 30px;
    border-top: #DFD8CB 1px solid;
    border-left: #DFD8CB 1px solid;
    border-right: #DFD8CB 1px solid;
	box-sizing: border-box;
    width: -webkit-fill-available;
}
#terms table th,
#terms table td {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 5px 10px;
    border-bottom: #DFD8CB 1px solid;
}
#terms table th {
	text-align: center;
    background-color: #F7F7F7;
}
#terms table td {}
#terms table td a {
    color: #0A69C7;
}
#terms table td a:hover {
	text-decoration: underline;
}

/*丸い影*/
body > header,
#switch_bar > ul{
	position:relative;
}

body > header::after,
#switch_bar > ul::after{
	content:"";
	display:block;
	width:100%;
	height:20px;
	box-shadow:0 2px 8px rgba(0,0,0,.3);
	border-radius:100%;
	position:absolute;
	bottom:0;
	z-index:-1;
}


/*文字上限「…」*/
#left_top > form > dl dt span,
#img_list > li > div > a,
#shop > header dl{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#ranking_list > li > dl dd,
#time_list > li > dl dd{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}
.summary_head {
	height: auto;
}
.summary_head > a,
.summary_head > div{
	line-height:1.2;
	max-height:3.4em;
}
.summary_head > dl.info dt {
	width: 100%;
}
.summary_head > dl.info dd {
	padding-bottom: 5px;
	margin-bottom: 5px;
    width: 100%;
}
.summary_head > dl.info dd:not(:last-of-type) {
    border-bottom: #DFD8CB 1px dotted;
}
.ts_foot > p{
	max-height:3.3em;
}

#column2_list > li > p,
#ranking_list > li > p,
#time_list > li > p,
#column2_list > li > dl dd,
#ranking_list > li > dl dd,
#time_list > li > dl dd{
	max-height:3em;
}


/*マーク*/
.mk_new::after{
	width:10px;
	height:10px;
	right:6px;
	top:8px;
}

/*数値バッチ*/
#f_nav > a span,
body > header > div > nav button + dl dd span,
#img_list > li > span{
	padding:0 1px;
	border-radius:3px;
	box-sizing:border-box;
}



/*レイアウト*/
/*ヘッダー*/
.menu_op{
	overflow:hidden;
}

body > header > dl{
	height:34px;
	justify-content:center;
}

body > header > div,
body > header > div > nav button,
body > header > div > h1 a{
	height:60px;
}
body > header > div > h1 a {
    height: auto !important;
    margin-top: 3px;
}
body > header > div > h1 span {
    font-size: 0.8rem;
    margin-left: 41px;
    vertical-align: top;
    margin-top: -5px;
    display: block;
}
#head_chara{
	width:40px;
	height:42px;
}

#head_logo{
	width:150px;
	height:22px;
}

body > header > div > nav > ul > li{
	width:50px;
}

body > header > div > nav button span{
	height:30px;
	font-size:20px;
}

body > header > div{
	position:relative;
}

body > header > div > nav button + dl{
	padding:0 15px 20px;
	top:62px;
	left:0;
	cursor:pointer;
	box-shadow:0 1px 3px rgba(0,0,0,.3);
	background-color:#fce485;
}
body > header > div > nav button + dl dt{
	cursor:default;
	margin:10px 0;
	background-color:#fce485;
}

body > header > div > nav button + dl dd{
 box-shadow: 2px 2px 5px rgba(0,0,0,.3);
}

body > header > div > nav button + dl dd:not(:first-of-type){
	box-shadow:inset 0 1px #FFFFFF, 2px 2px 5px rgba(0,0,0,.3);
}

body > header > div > nav button + dl dd:last-child{
	border-radius:0 0 10px 10px;
}

body > header > div > nav button + dl dd:first-of-type{
	border-radius:10px;
}
 
body > header > div > nav button + dl::after{
	content:"\274c";
	font-family:'icon';
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:100%;
	text-align:center;
	display:block;
	margin:15px auto;
	font-size:20px;
	cursor:pointer;
}


/*フッター*/
body > footer > a{
	height:35px;
	line-height:35px;
}

body > footer > div > ul{
	box-shadow:inset 0 1px #5A4030, 0 1px #5A4030;
	padding:15px;
}

body > footer > div > ul li{
	flex:1 1 50%;
	box-sizing:border-box;
	padding:0 10px;
}
body > footer > div > ul li::before{
	vertical-align:-1px;
}

body > footer > div > svg{
	width:150px;
	height:22px;
	margin:30px auto 0;
}

body > footer > small{
	padding:15px 0 30px;
}





/*フッター常駐ボタン*/
#f_nav > div{
	position:absolute;
	bottom:70px;
	left:0;
	right:0;
}
#f_nav > div > a{
	box-shadow:0 0 8px rgba(0,0,0,.3);
	margin:0 auto; 
}

#f_nav,
.chat > #main_area > form > div{
	height:60px;
}

.chat > #main_area > form > div{
	bottom:60px;
}

#f_nav > a{
	width: calc(25% - 20px);
	max-width: 105px;
}

#f_nav > a div{
	font-size:20px;
}

#f_nav > a span{
	top:5px;
	right:2px;
}

#f_nav ~ #p_top{
	bottom:70px;
}
.chat:not(.c_stop) ~ #f_nav ~ #p_top{
	bottom:130px;
}

#f_nav ~ footer{
	margin-bottom:60px;
}
.chat:not(.c_stop) ~ #f_nav ~ footer{
	margin-bottom:120px;
}




/*上部広告*/
#ad_head a{
	width:100%;
	max-width:400px;
	margin:0 auto 30px;
}

#ad_head a:not(:first-child){
	display:none;
}



/*メインエリア*/
#column_area{
	margin-bottom:-10px;
}
#shop{
	margin-bottom:0;
}

body > main h2,
#menu_scroll ~ article > h3{
	text-align:center;
	justify-content:center;
}

body > main h2,
body > main h3,
body > main h4{
	min-height:52px;
}


#left_bottom,
#home #left_bottom{
	order:100;
}


/*タイトルリセット*/
#g_shop h3{
	box-shadow:none;
}

#home main h2,
#home main h3,
#g_shop h3{
	padding:0;
}

#p_up h2,
#g_shop h3{
	display:block;
	min-height:0;
}

#home #main_area h2::before,
#home #main_area h2::after,
#helpful h2::before,
#helpful h2::after,
#g_shop h3::before{
	content:none;
}

#shop > header h2{
	text-align:justify;
	justify-content:flex-start;
}

#column3_list > li h3,
#site_map section h3,
#g_shop h3,
#wi_bw > div h3{
	line-height:1.8;
}


#home h2.midashi {
	padding: 0;
	min-height: 44px;
	font-size: 1.2rem;
}

#home h2.midashi span {
	margin: 0 auto 0 0;
}
#home h2.midashi span img {
	margin-right: 7px;
}
#ex_helpful h2.midashi span img {
	width: 24px;
}
#reporter h2.midashi span img {
	width: 26px;
}
#newarrival h2.midashi span img {
	width: 26px;
}
#t_rank h2.midashi span img {
	width: 26px;
}
#t_itw h2.midashi span img {
	width: 26px;
}
#p_up h2.midashi span img {
	width: 20px;
}
#home h2.midashi.min {
	min-height: 35px;
	text-align: left;
	font-size: 1.3rem;
}


/*コンテンツ影*/
#coverage > div,
#left_top > form > dl,
#main_sach > form > dl,
#t_rank > div > section,
#t_super > ul > li,
#newarrival > div > section,
#t_itw > ul > li,
#p_up > ul > li,
#helpful > ul > li,
#g_shop > ul > li,
#comp_p_list > form{
	box-shadow:1px 1px 1px rgba(0,0,0,.2);
}

#coverage > div,
#t_rank > div > section,
#t_super > ul > li,
#newarrival > div > section,
#t_itw > ul > li,
#p_up > ul > li,
#helpful > ul > li,
#comp_p_list > form{
	background-color:#FFFFFF;
	position:relative;
}

/*コンテンツ角丸*/
#word_search input[type="text"],
#left_top > form > dl,
#main_sach > form > dl,
#t_rank > div > section,
#t_super > ul > li,
#newarrival > div > section{
	border-radius:4px;
	overflow:hidden;
}

#word_search{
	padding:15px;
}

#left_top > form > dl,
#main_sach > form > dl{
	margin:15px;
}

#left_top > form > dl dt,
#main_sach > form > dl dt,
#t_rank > div > section,
#newarrival > div > section{
	padding:0 15px;
}

#t_rank > div,
#newarrival > div{
	padding:0 10px 15px;
}
#t_rank > div > section,
#newarrival > div > section{
	margin:0 5px;
}
#t_rank > div::after,
#newarrival > div::after{
	content: "";
	display: block;
	flex: 0 0 10px;
}


/*下・左情報*/
#shop_cov{
	order:5;
}

#shop_info{
	background-color:#FFFFFF;
}

#shop_info > *:not(:last-child){
	margin-bottom:30px;
}

#shop_info h4{
	height:45px;
	line-height:43px;
}

#left_bottom dl dd:last-child{
	border:none;
}

.link_chat{
	font-size:1.2rem;
}

/*下・左バナー*/
/*姉妹サイトバナー*/
.sister_site img{
	border-radius: 5px;
}
.sister_site a span{
	display:none;
}

/*TOP検索・絞り込み検索*/
#word_search,
#left_top > form > dl dt:not(:last-of-type),
#left_top > form > dl dd:not(:last-child),
#main_sach > form > dl dt:not(:last-of-type),
#main_sach > form > dl dd:not(:last-child){
	border-bottom:#D7D0C0 1px solid;
}

#left_top > form > dl dd:last-child,
#main_sach > form > dl dd:last-child {
	border-top:#D7D0C0 1px solid;
}
#column_area {
	position: relative;
}

#word_search{
	box-shadow:0 1px #EFE6DA;
}

#word_search input[type="text"]{
	background-color:#FFFFFF;
	padding:10px 50px 10px 15px;
	line-height:23px;
}

#word_search input[type="submit"]{
	width:45px;
	height:43px;
	line-height:16px;
	font-size:15px;
	text-align:center;
	right:15px;
	top:15px;
}

#left_top > form > dl,
#main_sach > form > dl{
	background-color:#FFFFFF;
}

#left_top > form > dl > *:not(:first-child),
#main_sach > form > dl > *:not(:first-child){
	box-shadow:inset 0 1px #FFFFFF;
}

#left_top > form > dl dt,
#main_sach > form > dl dt{
	height:50px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

#main_sach > form > dl dt svg{
	width:22px;
	height:22px;
	margin-right:10px;
}

#main_sach > form > dl dt div{
	flex:2 2 auto;
}

#left_top > form > dl dt span{
	/* flex:0 0 calc(100% - 6em); */
	text-align:right;
	line-height:50px;
	padding-right:19px;
	box-sizing:border-box;
}


#left_top > form > dl dt span::after,
#main_sach > form > dl dt::after{
	width:14px;
	font-size:14px;
	height:14px;
	line-height:16px;
}

#left_top > form > dl dt span::after{
	right:0;
	top:50%;
	margin-top:-7px;
}

#main_sach > form > dl dt::after{
	font-family:'icon';
	content:"↓";
	margin-left:5px;
}

#left_top > form > dl dt span ul{
	display:inline;
}

#left_top > form > dl dd,
#main_sach > form > dl dd{
	padding:10px;
}

#left_top > form > dl dd{
	text-align:left;
}

#left_top > form input[type="checkbox"] + label{
	display:inline-block;
	padding:0 10px;
	margin:5px;
}

#left_top > form input[type="checkbox"] + label,
#main_sach > form input[type="checkbox"] + label{
	height:30px;
	line-height:30px;
	border-radius:15px;
}

#search_btn > div{
	margin-left: 10px;
	box-shadow: none;
}

#search_btn{
	line-height:1.4;
	background-color: #fff;
}

#search_btn div button[type="submit"] {
	position: absolute;
	top: 8px;
	right: 16px;
	padding: 4px 10px;
	border-radius: 3px;
	font-size: 12px;
}

#search_btn button[type="submit"] span {
	font-size:15px;
	margin-right:5px;
	vertical-align:-2px;
}

#search_top{
	display:flex;
	height:60px;
}

#search_top > *{
	line-height:1.6;
	font-size:.8rem;
}

#search_top > a{
	display:flex !important;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

#search_top > * > span{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:20px;
	margin:0 auto 5px !important;
}

#search_top button[type="submit"]{
	width:134px !important;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:auto;
	box-shadow:2px 2px 5px rgba(0,0,0,.3);
}

#home #search_btn button[type="submit"]{
	margin:0 auto 15px;
}

#search_top button[type="submit"] span {
	display: inline-block !important;
	margin-bottom: 0 !important;
}

#home #search_btn > span:not(:last-of-type){
	margin-right:0;
}
#home #search_btn > span:not(:first-of-type){
	margin-left:0;
}

#search_top button[type="button"],
#search_top a{
	width:40%;
}

#search_top button[type="button"]{
	margin-right:20%;
}

#search_top button[type="button"] span{
	color:#FF9B00;
}

#main_sach > form > dl .ts_set span{
	font-size:.9rem;
	padding:0 3px;
	border-radius:5px;
}

#main_sach > form > dl .ts_set span::after{
	border-width: 8px 8px 0 0;
}


/*コンテンツ上メニュー*/
#menu_scroll{
	box-shadow:0 1px #FFFFFF;
}

#menu_scroll li,
#switch_bar li{
	padding:0 5px;
}

#menu_scroll li a,
#switch_bar li a{
	padding:0 15px;
}

#switch_bar > div{
	text-align:center;
}

#switch_bar > ul{
	justify-content:center;
}

#switch_bar > div > time span{
	font-size:1.4rem;
}

/*検索結果数値バー*/
.bar_aid > span,
#search_btn > span{
	font-size:1.4rem;
}

.bar_aid{
	padding:0 15px;
}


/*ページャー*/
.pager > *{
	height:50px;
}

.pager > nav{
	background-color:#FFFFFF;
	border-radius:25px;
}

/*ボタン共通*/
#save > form > div{
	display:flex;
	align-items:center;
	justify-content:center;
}

#f_nav > div > a{
	display:block;
}

.normal_form input[type="submit"],
.confirm > div > *,
#save > form > div > *,
#s_fbtn > a,
#shop_info > a,
#f_nav > div > a{
	width:190px;
}

#save > form > div > *:last-child{
	margin-left:10px;
}

#bulk_app > a,
#s_fbtn > a,
#shop_info > a{
	margin:0 auto;
}

#bulk_app > a:not(:last-child){
	margin-bottom:10px;
}

#shop_info > a,
#app_info address > button,
#app_info address > a,
#comp_table tbody td address li > *,
#column3_list > li form button,
#s_fbtn > a,
#f_nav > div > a{
	height:50px;
	line-height:49px;
}

#column3_list > li form button{
	max-width:260px;
	border-radius:6px;
}

#shop_info > a,
#s_fbtn > a,
#f_nav > div > a{
	border-radius:25px;
}

#app_info address > button,
#app_info address > a,
#comp_table tbody td address li > *{
	border-radius:5px;
}

#app_info address > button,
#app_info address > a{
	font-size:1.2rem;
}

#column3_list > li form button[disabled]{
	display:none;
}

/*ボタンアイコン*/
.btn_del{
	width:30px;
	height:80px;
	line-height:80px;
	font-size:18px;
}

#f_nav > div > a span{
	font-family:'icon';
	font-size:1.2rem;
	margin-right:5px;
	vertical-align:-2px;
}


/*!マーク付きコメント*/
.note::before{
	top:-5px;
	left:50%;
	margin-left:-15px;
}

#s_fbtn > a span{
	margin-right:5px;
	vertical-align:-2px;
}

/*キープ中タイトル表示*/
#keep_no{
	right:10px;
	top:-22px;
}


/*ポップアップ*/
#line_pop > section{
	width:95%;
	max-width:350px;
}


/*ライン問い合わせ表示*/
#line_pop > section > h4 svg,
#s_line h3 svg{
	width:70px;
	height:70px;
}




/*メインエリアフォーム共通*/
.form_half input,
.form_half textarea,
.form_half .sel{
	width:calc(50% - 8px);
}

.normal_form input[type="radio"] + label,
.normal_form input[type="checkbox"] + label{
	display:block;
	padding-top:4px;
	padding-bottom:4px;
}

.btn_outside{
	display:block;
}

#bulk_list > li input[type="checkbox"] + label{
	padding:16px;
}
#bulk_list > li input[type="checkbox"] + label::before{
	margin-right:20px;
}

/*利用規約同意*/
#consent{
	padding:10px;
}



/*添付ファイルエリア*/
.img_up{
	padding:5px;
}

.img_up > div{
	width: calc(50% - 10px);
	max-width:120px;
}


/*一括店舗一覧*/
#bulk_list > li > span{
	display:none;
}

#bulk_list > li > div{
	margin:10px 10px 10px 0;
}
#bulk_list > li > span:first-child + div{
	margin-left:10px;
}



/*QA*/
#faq > dl > *::before,
#s_prof > section dl > *::before,
#s_qa > dl > *::before,
#c_itw > li > section dl > *::before{
	font-size:16px;
	left:3px;
	margin-top:-1px;
}

/*求人チャットガイド*/
#chat_manual > section > div img,
#chat_manual > section > div > p{
	max-width:400px;
}

#chat_manual > section > div > *:not(:last-child){
	margin-bottom:25px;
}

#chat_manual > section > div > div{
	border-width: 20px 20px 0 20px;
	margin-top:40px;
	margin-bottom:40px !important;
}


/*バナナビバイトとは・初めての方へ*/
#free > div > div > svg{
	width:270px;
	height:308px;
	flex:0 0 308px;
}

#wi_bw > div > div > p > svg,
#free > div > div > p > svg{
	height: 30px;
}
#text_what{
	width: 143px;
}
#text_bananavi{
	width: 175px;
	padding-right: 10px;
}
#text_work{
	width: 110px;
}
#text_debut{
	width: 113px;
	padding-right: 10px;
}
#text_manual {
	width: 136px;
}


#wi_bw > div > ul,
#free > div > ol{
	flex-direction: column;
}

#wi_bw > div > ul > li:not(:last-child){
	margin-bottom:15px;
}

#wi_bw > div > p{
	padding:30px 30px 0;
}
.bg_gray{
	margin:30px -30px 0;
}

#wi_bw > div > section{
	padding:30px 15px;
}
#wi_bw > div > section:last-child{
	padding-bottom:15px;
}

#equipped li:not(:last-child){
	margin-bottom:15px;
}

#sister > div{
	margin-top:15px;
}

#sister > div h4{
	font-size:.9rem;
}

#sister > div h4 svg{
	width:176px;
	height:46px;
}

#sister > div > p,
#sister > div h4 a{
	min-height:175px;
}

#sister > div h4 img{
	height:185px;
}

#free > div > dl > dd > div,
#free > div > dl > dd section > div,
#know_shop > div{
	padding:20px 40px;
}
#know_shop > div{
	margin:-20px -40px 20px !important;
}

#free > div > ol{
	padding:30px;
}
#free > div > ol > li{
	flex-wrap: wrap;
	line-height:1;
}
#free > div > ol li:before {
	margin-right:10px;
	font-size:36px;
}
#free > div > ol li:not(:last-child):after{
	content: "\2228";
	width:100%;
	font-size:12px;
	margin-left:56px;
}

#free > div > dl > dt{
	width:100px;
	height:100px;
	font-size:1.2rem;
}

#know_shop > dl dt{
	margin-top:44px;
}
#know_shop > dl dd{
	position:relative;
}
#know_shop > dl dd span{
	line-height:1;
	top: calc(-1 * 1.2rem * 1.8 - 24px);
}

	
/*サムネール*/
/*固定円*/
.tmb_cir_rect{
	width:80px;
	height:80px;
	border-radius:50%;
}


/*正方形*/
#s_blog > ul > li > a{
	width:30%;
	max-width:90px;
}


/*縁*/
#t_itw > ul > li > a,
#s_itw > ul > li > a{
	position:relative;
}
#t_itw > ul > li > a::after,
#s_itw > ul > li > a::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	box-shadow:inset 0 0 0 10px rgba(255,255,255,.5);
	z-index:10;
}
#t_itw > ul > li div,
#s_itw > ul > li div{
	padding:10px;
}





/*ムービー*/
.movie > div,
#s_movie > ul > li > div > div{
	max-width:400px;
}



/*プランアイコン*/
#g_shop .icon_dx::after,
#g_shop .icon_sp::after,
#g_shop .icon_pm::after,
#g_shop .icon_ut::after{
	top:200px;
	left:50%;
	margin-left:-18px;
}

#g_shop .icon_dx,
#g_shop .icon_sp,
#g_shop .icon_pm,
#g_shop .icon_ut{
	padding-right:0 !important;
}

.s_dx header > div,
.s_sp header > div,
.s_pm header > div,
.s_ut header > div{
	padding-right:51px;
}
.s_dx header > div::after,
.s_sp header > div::after,
.s_pm header > div::after,
.s_ut header > div::after{
	right:0;
}


/*一覧表示*/
#img_list > li > dl dd:not(:last-child),
.confirm > dl dd:not(:last-child){
	padding-bottom:10px;
	margin-bottom:10px;
}





/*リスト*/
/*リスト余白*/
#t_super > ul > li > *,
#img_list > li > p{
	padding:15px;
}

.cov_summary{
	margin:15px;
}

#ranking_list > li > ul,
#time_list > li > ul,
#time_list > li > time,
#media > dt{
	padding:0 15px;
}

#img_list > li > dl{
	padding-left:15px;
	padding-right:15px;
}

#single_list > li{
	padding-bottom:15px;
}

#ranking_list > li > a,
#time_list > li > a{
	margin:0 auto 15px;
}

.cov_summary,
.cov_editor{
	margin:15px auto;
	width:calc(100% - 10px);
}
#media > dd{
	margin:0 auto 15px;
	width:calc(100% - 30px);
}
#shop_cov > a{
	margin-left:auto;
	margin-right:auto;
	width:calc(100% - 30px);
}
#shop_cov > a:first-of-type{
	margin-top:25px;
}
#shop_cov > a:not(:last-child){
	margin-bottom:30px;
}

#single_list > li > p{
	padding:0 20px;
}

.cov_editor{
	padding:15px 20px;
}

#column2_list > li > p,
#ranking_list > li > p,
#time_list > li > p,
#column2_list > li > dl,
#ranking_list > li > dl,
#time_list > li > dl,
.super_main{
	margin:15px 20px;
}

.movie{
	margin:0 15px 15px;
}

#column2_circleimg > li > a{
	margin:15px 15px 15px 20px;
}

.cov_summary::before{
	top:-15px;
}


/*リスト内見出し等*/
.title,
#ad_bottom > li > div > a,
.list_ad > aside > div > a,
.summary_head > a,
.summary_head > div,
#img_list > li > div > a,
#comp_table thead th a> dt,
.ts_foot > a{
	font-size:1.1rem;
}


/*エリア・業種文字・日時文字サイズ*/
#column2_circleimg > li > div > span,
.summary_head > span,
.summary_head > dl,
#ad_bottom > li > div > span,
#ad_bottom > li > div > dl,
.list_ad > aside > div > span,
.list_ad > aside > div > dl,
#img_list > li > div > span,
#img_list > li > div > time,
#comp_table thead th span,
#g_shop > ul > li > span{
	font-size:.8rem;
}



/*リスト ヘッド情報(取材コンテンツ詳細）*/
#column2_list > li > dl dt,
#ranking_list > li > dl dt,
#time_list > li > dl dt{
	margin-bottom:3px;
}

/*リストバナー*/
#column2_list > li > a,
#ranking_list > li > a,
#time_list > li > a{
	max-width:400px;
}



/*3カラムリスト*/
#column3_list > li form button[disabled]{
	margin-top:0;
}



/*4カラムリスト*/
#column4_list > li{
	width:calc(((100% - 1px) / 3) - 10px);
}


/*期間限定の稼げる特典*/
.graph_middle svg,
.graph_last svg,
.graph_early svg{
	display:none;
}

#s_super .graph_middle svg,
#s_super .graph_last svg,
#s_super .graph_early svg{
	display:block;
}

.graph_middle > div,
.graph_middle > div > div,
.graph_last > div,
.graph_last > div > div,
.graph_early > div,
.graph_early > div > div{
	height:14px;
	border-radius:7px;
	overflow:hidden;
	text-indent:110%;
	white-space:nowrap;
}

.graph_middle  > div,
.graph_last  > div,
.graph_early  > div{
	background-color:#ECECEC;
}

.graph_middle > p,
.graph_last > p,
.graph_early > p{
	right:15px;
	top:15px;
	line-height:50px;
	padding-left:20px;
	width:calc(100% - 110px);
	box-sizing:border-box;
	font-size:1.1rem;
}

#t_super .graph_middle > span,
#t_super .graph_last > span,
#t_super .graph_early > span{
	height: 50px;
	width: 80px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	line-height:1.2;
	border-radius:5px;
	margin-bottom:10px;
	position:relative;
}
#t_super .graph_middle > span::after,
#t_super .graph_last > span::after,
#t_super .graph_early > span::after{
	content:"";
	display:block;
	position:absolute;
	width:0;
	height:0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	bottom:-7px;
	left:50%;
	margin-left:-8px;
}


.super_main > p > span{
	padding-bottom:10px;
}

.super_main > div > span time{
	font-size:1.6rem;
}





/*ランキング*/
#ranking_list > li{
	padding-top:50px;
}

.rank{
	right:0;
}

.rank > div{
	height:50px;
	line-height:50px;
}

.rank > span{
	margin-top:-60px;
	left:50%;
	margin-left:-30px;
	line-height:35px;
}

#no_01,
#no_02,
#no_03{
	padding-top:20px !important;
	margin-top:70px !important;
}


#no_01 .rank,
#no_02 .rank,
#no_03 .rank,
#no_01 .rank::after,
#no_02 .rank::after,
#no_03 .rank::after{
	background-color: #E4F6F3;
  background-image: linear-gradient(45deg,  #EEF9F7 25%, #EEF9F7 25%, transparent 25%, transparent 75%, #EEF9F7 75%, #EEF9F7 75%),
                    linear-gradient(-135deg, #EEF9F7 25%, #EEF9F7 25%, transparent 25%, transparent 75%, #EEF9F7 75%, #EEF9F7 75%);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
	height:20px;
}

#no_01 .rank,
#no_02 .rank,
#no_03 .rank{
	z-index:0;
}

#no_01 .rank::before,
#no_02 .rank::before,
#no_03 .rank::before,
#no_01 .rank::after,
#no_02 .rank::after,
#no_03 .rank::after{
	content:"";
	display:block;
	position:absolute;
}

#no_01 .rank::before,
#no_02 .rank::before,
#no_03 .rank::before{
	width:110px;
	height:0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	left:50%;
	margin-left:-75px;
}

#no_01 .rank::before{
	border-top: 10px solid #CE8C2D;
}
#no_02 .rank::before{
	border-top: 10px solid #007878;
}
#no_03 .rank::before{
	border-top: 10px solid #AA5046;
}

#no_01 .rank::after,
#no_02 .rank::after,
#no_03 .rank::after{
	bottom:0;
	width:110px;
	left:50%;
	margin-left:-55px;
	z-index:10;
}

#no_01 .rank > div,
#no_02 .rank > div,
#no_03 .rank > div{
	position:absolute;
	width:150px;
	height:30px;
	line-height:30px;
	top:-30px;
	left:50%;
	margin-left:-75px;
}

#no_01 .rank > div::before,
#no_02 .rank > div::before,
#no_03 .rank > div::before,
#no_01 .rank > div::after,
#no_02 .rank > div::after,
#no_03 .rank > div::after{
	content:"";
	display:block;
	width:180px;
	height:30px;
	position:absolute;
	top:10px;
	margin-left:-15px;
	z-index:-1;
}

#no_01 .rank > div::before,
#no_02 .rank > div::before,
#no_03 .rank > div::before{
	transform: skewX(30deg);
}

#no_01 .rank > div::after,
#no_02 .rank > div::after,
#no_03 .rank > div::after{
	transform: skewX(-30deg);
}

#no_01 .rank > div::before,
#no_01 .rank > div::after{
	background-color:#FFC700;
}

#no_02 .rank > div::before,
#no_02 .rank > div::after{
	background-color:#33BDBA;
}

#no_03 .rank > div::before,
#no_03 .rank > div::after{
	background-color:#ED8C8C;
}



/*時計付きリスト*/
#time_list > li > time{
	height:50px;
	line-height:50px;
}

#time_list > li > time span::before{
	content:"/";
}


/*取材コンテンツ・提携メディア*/
#coverage_list .cov_summary::before{
	height:calc(67vw + 15px);
	max-height:280px;
}
#media > dd::before{
	height:calc(67vw + 60px);
	max-height:328px;
}
#shop_cov > a::before{
	top:-15px;
	height:calc(50vw);
	max-height:215px;
}

#coverage .cov_summary::before{
	bottom:-200px;
}

#coverage .cov_summary::after{
	bottom:-400px;
}

.cov_summary,
.cov_editor,
#media > dd,
#shop_cov > a{
	max-width:400px;
}

.cov_editor{
	box-sizing:border-box;
}

.cov_summary::before,
#coverage .cov_summary::after,
#media > dd::before,
#shop_cov > a::before{
	left:-50vw;
	right:-50vw;
}

.cov_summary > div > a,
#coverage .cov_summary h3{
	margin:12px 0;
}

.cov_summary > div,
#media > dd > div,
#shop_cov > a p{
	padding:30px;
}

#coverage > figure{
	margin:30px 0;
}


.cov_img > div > img{
	margin:0 auto 15px;
	width:70%;
}

#media > dt{
	justify-content:center;
}

#media > dd > figure{
	width:100%;
	padding-bottom:100%;
}


/*比較リスト*/
#comp_table tr > *{
	width:177px;
	min-width:177px;
	max-width:177px;
}



/*リスト広告*/
.list_ad{
	margin-top:20px !important;
	margin-bottom:20px !important;
}

.list_ad{
	width:100% !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

#ad_bottom,
.list_ad > aside > a{
	width:100%;
	max-width:400px;
}

.list_ad > aside > a{
	margin:0 auto;
}

#ad_bottom > li > div,
.list_ad > aside > div{
	display:none;
}

#column4_list .list_ad{
	width:calc(100% + 10px) !important;
	margin:15px -5px !important;
}

#ad_bottom > li{
	padding:5px 10px;
}

#ad_bottom > li:first-child{
	padding-top:10px;
}

#ad_bottom > li:last-child{
	padding-bottom:10px;
}

#ad_bottom > li a{
	position:relative;
	display:block;
}

#ad_bottom > li > a::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	box-shadow:inset 0 0 0 5px rgba(255,255,255,.5);
}

#ranking_list .list_ad{
	padding-top:0;
}

#single_list .list_ad{
	padding-bottom:0;
}



/*見出しMORE*/
#t_super > a,
#t_itw > a{
	line-height:52px;
	height:52px;
	width:16px;
	text-indent:110%;
	overflow:hidden;
	white-space:nowrap;
}

#s_blog > a{
	line-height:46px;
}

#t_super > a::after,
#t_itw > a::after{
	text-indent:0;
	position:absolute;
	right:0;
}


/*TOPページ*/
/*プライムウィンドウ広告*/
#home #main_area > aside::before{
	width:100%;
}

#home header::before{
	content:"";
	position:absolute;
	top:5px;
	left:0;
	right:0;
	bottom:-12px;
	z-index:-1;
}


/*TOPお知らせ*/
#new_area > span{
	width:26px;
}



/*TOP取材コンテンツ*/
.scroll_list{
	-webkit-overflow-scrolling: touch;
	overflow:auto;
}

.scroll_list > li{
	width:195px;
	flex:0 0 auto;
}


/*TOPランキング*//*新着求人*/
#t_rank > div,
#newarrival > div{
	display:flex;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

#t_rank > div > section,
#newarrival > div > section{
	flex:0 0 280px;
	width:280px;
	box-sizing:border-box;
	vertical-align:top;
}

#t_rank > div > section h3,
#newarrival > div > section h3{
	text-align:center;
	justify-content:center;
}

#t_rank > div > section > ol > li,
#newarrival > div > section > ul > li{
	padding:10px 0;
	display:flex;
}

#t_rank > div > section > ol > li > *,
#newarrival > div > section > ul > li > *{
	width:calc(50% - 5px);
}
#n_blog > ul > li > a{
	flex:0 0 calc((100% - 10px) / 4) !important;
}
#n_blog > ul > li > div{
	flex:1 1 75% !important;
}

#t_rank > div > section > ol > li > div{
	line-height:1.6;
}
#newarrival section > ul > li > div,
#newarrival section > ul > li > div .t_ttl{
	line-height:1.4;
}
#newarrival section > ul > li > div .t_ttl{
	font-size:.9rem;
}

#t_rank > div > section > ol > li > a,
#newarrival > div > section > ul > li > a{
	margin-right:10px;
}

#t_rank > div > section > ol > li > div div,
#newarrival > div > section > ul > li > div div{
	border-radius:4px;
	width:60px;
}

#t_rank > div > section > a,
#newarrival > div > section > a{
	line-height:50px;
	text-align:center;
}


/*TOP期間限定の稼げる特典*/
#t_super > ul > li::before{
	transform: rotate(45deg);
	right:-35px;
}

/*キャストインタビュー共通*/
#t_itw > ul > li,
#s_itw > ul > li{
	flex:0 0 125px;
	width:125px;
	max-width:125px;
}
#s_itw > ul > li{
	background-color:#FFFFFF;
}

#t_itw > ul > li div a{
	text-align:center;
}




/*特集*/
#feat_01{
	max-width:400px;
	margin:0 auto;
}


/*ピックアップ*/
#p_up{
	/* background-color:#F2F2FA; */
	position:relative;
	margin-top:38px;
	padding-top:20px;
}

#p_up h2{
	position:absolute;
	top:-38px;
	left:0;
	right:0;
}

#p_up h2 svg{
	width:240px;
	height:58px;
	display:block;
	margin:0 auto;
}


#p_up h2::before{
	width:34px;
	height:34px;
	background-size:34px;
	margin-left:-112px;
}

#p_up h2::after{
	bottom:5px;
	width:10px;
	height:10px;
	background-size:10px;
	margin-right:-103px;
}

#p_up > ul{
	display:flex;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

#p_up > a{
	height:50px;
	line-height:50px;
	text-align:center;
}

#p_up > ul > li{
	flex:0 0 195px;
	width:195px;
}

#site_discription .block .midashi {
	text-align: left;
}

/*お役立ち情報*/
#helpful{
	margin-top:10px;
}

#t_rbn{
	display:none;
}

#s_chara{
	width:84px;
	height:98px;
	left:10px;
	top:-20px;
}

#helpful > ul{
	display:flex;
	flex-wrap:wrap;
}

#helpful > ul > li{
	width:calc(50% - 10px);
	padding:10px;
	box-sizing:border-box;
	font-size:.9rem;
}

#helpful > ul > li > p a{
	font-size:1rem;
}

#ex_helpful ul {
	padding: 0 10px 10px;
}

#ex_helpful ul > li {
	flex: 0 0 48.5%;
	margin-left: 3%;
	margin-top: 10px;
}

#ex_helpful ul > li:nth-child(2n+1) {
	margin-left: 0;
}

#ex_helpful ul > li:nth-child(5) {
	flex: 0 0 100%;
	margin-left: 0;
}

#ex_helpful ul > li p {
	margin-top: 5px;
}

#ex_helpful ul > li .ttl {
	font-size:1rem;
}

#ex_helpful ul > li a:after {
	right: 2px;
	font-size: 14px;
}




/*店舗*/
/*サーモンピンク*/
#s_super > span{
	color:#FF597A;
	border-top:#FF597A 1px solid;
	border-bottom:#FF597A 1px solid;
}


/*店舗ヘッダー*/
#shop > header{
	background-color:#F3F3F3;
	box-shadow:0 2px 10px rgba(0,0,0,.5);
	position:relative;
}

#shop > header > div{
	position:relative;
}

#shop > header ul{
	display:flex;
	border-bottom:#BFC0C0 1px solid;
	height:30px;
	box-sizing:border-box;
	position:absolute;
	top:-50px;
}

#shop > header ul li{
	width:50%;
	text-align:center;
	line-height:30px;
}

#shop > header time{
	margin-top:3px;
}

#s_fbtn{
	padding:10px;
}



/*店舗期間限定の稼げる特典*/
#s_super .graph_middle,
#s_super .graph_last,
#s_super .graph_early{
	margin-left:auto;
	margin-right:auto;
}

#s_super > span{
	display:block;
	text-align:center;
	height:44px;
	line-height:44px;
	font-weight:700;
}

#s_super p > span{
	margin-bottom:5px;
}


/*店舗 入店特典・ライン*/
#s_spgift h3,
#s_line h3{
	height:150px;
}

#s_spgift h3 span{
	font-size:35px;
}


/*店舗求人情報*/
#s_info > dl > dd + dt{
	margin-top:15px;
	padding-top:15px;
}


/*店舗ブログ一覧*/
#s_blog > ul > li{
	display:flex;
}

#s_blog > ul > li > a{
	flex:0 0 auto;
}

#s_blog > ul > li > div{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}



/*店舗店長プロフィール・キャストインタビュー*/
#s_prof > div,
#c_itw > li > div{
	margin-bottom:10px;
}



/*フリースペース*/
.f_half{ 
	height: 220px;
}



/*フリーギャラリー*/
.f_gallery > div > a{
	flex:0 0 140px;
	width:140px;
	height:140px;
}


/*系列ショップ*/
#g_shop{
	margin-left:0 !important;
	margin-right:0 !important;
	background-color:transparent !important;
	box-shadow:none !important;
}

#g_shop h3{
	text-align:center;
	background-color:transparent !important;
	margin-top:20px;
}
#g_shop h3::after{
	content:"Group Shop";
	display:block;
	font-size:.9rem;
	height:auto;
	background-color:transparent;
	position:static;
}

#g_shop > ul{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#g_shop > ul > li{
	width:200px;
	flex:0 0 200px;
	background-color:#FFFFFF;
}

#g_shop > ul > li > a[style^="background-image"]{
	padding:0;
}



/*チャット*/
.chat > #main_area > form textarea{
	flex:1 1 90%;
}


/*認証画面*/
#authn > div > div > input[type="button"]{
	height:50px;
	font-size:1.4rem;
}




/*比較リストポップアップ*/
#ifrm{
	width:100vw;
}

#ifrm .comment{
	margin:10px;
}

#comp_p_list > form{
	flex-wrap: wrap;
}
#comp_p_list > form > *{
	margin-top:10px;
}
#comp_p_list > form > span{
	margin-left:10px;
}

#comp_p_list > form > div{
	width:100%;
	padding:10px;
	text-align:center;
}

#comp_p_list > form button{
	max-width:180px;
	width:100%;
}

}










/*リスト用ブレイク*/
@media screen and (max-width: 600px){
/*4カラムリスト*/
#column4_list > li{
	width:calc(50% - 10px);
}




	
}












/*タブレット以上（下限850px)*/
@media screen and (min-width: 850px){
html{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body{
	line-height:1.7;
}

/*横上限*/
#ad_head,
body > header,
body > footer > *,
body > main,
#top_slide .sw_pager,
#shop > header > *{
	width:100%;
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
}

body > header > *{
	margin-left:-50vw;
	margin-right:-50vw;
	padding-left:50vw;
	padding-right:50vw;
}

/*リンクロールオーバー*/
/*文字*/
body > header > div > nav button + dl dd a:hover,
body > footer a:hover,
a.title:hover,
a.t_ttl:hover,
a.ts_ttl:hover,
a.title_02:hover,
a.single_text:hover,
.note > a:hover,
.message > a:hover,
.summary_head > dl > dd a:hover,
.summary_head > a:hover,
.list_ad > aside a:hover,
.normal_form dd p a:hover,
.cov_summary > div > a:hover,
#ad_bottom > li a:hover,
#shop_info h3 a:hover,
#home li a:hover,
#s_itw > ul > li > div a:hover,
#g_shop > ul > li > a:hover,
#sister > div h4 a:hover,
#comp_table thead th a:hover,
#img_list > li > div > a:hover,
#shop > header dd a:hover,
#site_map section > ul > li a:hover,
.sister_site a:hover,
#shop_cov > a:hover,
#know_shop > dl dd a:hover,
.pager > nav > a:hover{
	text-decoration:underline;
}
.li_more:hover{
	text-decoration:none !important;
}
.note > a:hover::after,
.message > a:hover::after{
	display:inline-block;
	text-decoration:none;
}

.link_chat:hover,
.map:hover,
#left_bottom dd a:hover,
#link_banner > div li button:hover,
#media > dd > div > dl > dd a:hover,
#chat_manual > section p a:hover{
	text-decoration:none;
}

/*ボタン・画像*/
a img,
a[style*="background-image"],
.li_more,
#home #main_area > aside::before,
#column4_list li > a,
#column2_circleimg > li > a,
#n_blog > ul > li > a,
#t_itw > ul > li > a,
#s_blog > ul > li > a,
#s_itw > ul > li > a,
#sister > div h4 a svg,
#media > dd > figure > div{
	transition:opacity .2s linear;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;	
}
body > main button:not(:disabled):hover,
body > main input[type="submit"]:not(:disabled):hover,
body > main input[type="button"]:not(:disabled):hover,
.btn_file:hover,
.comment a:hover,
.confirm > div a:hover,
.comp:hover,
.btn_del:hover,
.btn_pdf:hover,
.btn_img:hover,
#app_info address > a:hover,
#search_btn > div a:hover,
.btn_line + div > div > a:hover,
#line_pop > section > div > div > a:hover,
#s_line > div > div > div + a:hover,
#bulk_app > a:hover,
#comp_table tbody td address li > a:hover,
#save > form > div > a:hover,
#free > div > dl > dd > section > div > a:hover,
#new_area:hover,
#comp_p_list > form button:hover,
#s_fbtn a:hover,
.fbtn_on:hover,
a:hover img,/*ここからアニメ*/
a[style*="background-image"]:hover,
.li_more:hover,
#home #main_area > aside:hover::before,
#column4_list li > a:hover,
#column2_circleimg > li > a:hover,
#n_blog > ul > li > a:hover,
#t_itw > ul > li > a:hover,
#s_blog > ul > li > a:hover,
#s_itw > ul > li > a:hover,
#sister > div h4 a:hover svg,
#media > dd > figure > a:nth-child(4):hover ~ div{
	opacity:.6;
}

.f_space button::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFFFFF;
	z-index:-1;
}
.f_space button:hover{
	background-color:#FAFAFA;
	color:#999999;
	opacity:1 !important;
}
.btn_area > button + div button:hover,
#line_pop > section > button:hover,
#comp_table .btn_line:disabled:hover{
	opacity:1;
}


/*内余白 見出し*/
body > header > dl > *:first-child,
body > header > div h1{
	margin-left:20px;
}

body > main,
.message,
#home #word_search,
#main_sach > form > dl > dd{
	padding:20px;
}

#home main{
	padding:0 20px;
}
#home .mask:first-child{
	padding-top:20px;
}
#home #main_area .mask:last-child,
#home #left_bottom{
	padding-bottom:20px;
}

.bar_aid{
	padding:0 20px;
}
.bar_aid > form{
	right:20px;
}

#t_rank > div ol{
	padding:20px 10px;
}

body > main h2,
body > main h3,
body > main h4{
	padding-left:20px;
	padding-right:20px;
}

#comp_table > table,
#shop > header > *{
	padding:0 20px;
}

.scroll_list{
	padding:15px;
}

.note{
	padding:20px 20px 20px 70px;
}

#new_area{
	padding:20px 74px 20px 110px;
}


#menu_scroll{
	margin:-20px -20px 20px;
	padding:20px 20px 0;
}

#menu_scroll li a,
#switch_bar li a{
	margin:0 20px;
}

#home .mask > *:not(:last-child),
#home #left_bottom > *:not(:last-child),
#home #main_area article:not(:last-child),
#shop > figure,
#shop > div#main_area > *:not(:last-child){
	margin-bottom:20px;
}

#comp_table,
/* .scroll_list, */
#shop > figure{
	margin-left:-20px;
	margin-right:-20px;
}

.pager,
#ad_bottom{
	margin:20px 0;
}

.pager:last-child,
#ad_bottom:last-child,
#home #left_bottom,
#home #main_area{
	margin-bottom:0;
}

#switch_bar > div,
#t_rank > div > section > a,
#t_super > a,
#newarrival > div > section > a,
#t_itw > a,
#s_blog > a{
	right:20px;
}
#t_rank > div > section > a {
	right:10px;
}

#home #word_search input[type="submit"]{
	top:20px;
	right:20px;
}



/*内余白 本文*/
#terms > dl,
#faq > dl,
.text_list > *,
.alert,
.normal_form,
.normal_form > div,
.confirm,
.confirm > div,
#save > form > dl,
#save > form > div,
#line_pop > section > h4,
#line_pop > section > div,
#link_banner > div,
#site_map > div,
#s_pr,
.cov_editor,
#s_spgift > *,
#s_line > *,
#s_info > dl,
#s_movie > ul > li,
.f_space > div,
#g_shop > ul,
#g_shop > ul > li,
.comment,
.chat > #main_area > form,
#blog > div,
#chat_manual > section > div,
.f_banner > div,
#bulk_list{
	padding:30px;
}

.pager,
.pager > nav > *,
#home #search_btn,
#single_list > li > p,
#media > dt{
	padding:0 30px;
}

#c_itw > li{
	padding:30px 0;
}

#blog > h4{
	padding:30px 30px 0;
}
#blog > time{
	padding:5px 30px 30px;
}

.f_gallery > div{
	padding:20px 30px;
}

#site_map > div > section:not(:first-child),
#home #main_area > aside + .mask,
#s_prof > section,
#c_itw > li > section{
	padding-top:30px;
}

.normal_form > p,
#site_map > div > section:not(:last-child),
#home #main_area .mask:first-child,
#single_list > li,
#coverage,
#s_prof,
#s_qa,
.f_img{
	padding-bottom:30px;
}
#home #main_area > aside:first-child{
	border-top-width:30px;
}

#s_movie > ul > li > p{
	padding-left:30px;
}


#s_super > p{
	padding:0 30px 30px 0;
}

/*運営者情報*/
#terms > table {
	margin: 30px;
    border-top: #DFD8CB 1px solid;
    border-left: #DFD8CB 1px solid;
    border-right: #DFD8CB 1px solid;
    width: 94%;
	box-sizing: border-box;
}
#terms table th,
#terms table td {
	padding: 5px 10px;
    border-bottom: #DFD8CB 1px solid;
}
#terms table th {
    width: 140px;
	text-align: center;
    background-color: #F7F7F7;
    border-right: #DFD8CB 1px solid;
}
#terms table td {}
#terms table td a {
    color: #0A69C7;
}
#terms table td a:hover {
	text-decoration: underline;
}

#faq > dl > dt{
	padding:30px 30px 10px 64px;
}
#faq > dl > dd{
	padding:10px 30px 30px 64px;
}

#s_prof > section dt,
#s_qa > dl > dt,
#c_itw > li > section dt{
	padding:30px 30px 10px 39px;
}
#s_prof > section > dl > dd,
#s_qa > dl > dd,
#c_itw > li > section dd{
	padding:10px 30px 30px 39px;
}

.super_main{
	padding:30px 180px 30px 30px;
}

.cov_summary,
#s_super .graph_middle,
#s_super .graph_last,
#s_super .graph_early,
#s_prof > figure{
	margin:30px;
}

body > header > nav > ol,
.cov_editor,
#s_prof > div,
#s_qa > dl,
#c_itw > li > div{
	margin:0 30px;
}

#s_super > span{
	margin:30px 0 0;
}

#media > dd,
#c_itw > li > figure{
	margin:0 30px 30px;
}

.date_change{
	margin:30px -30px;
}

.normal_form > div,
.confirm > div{
	margin:30px -30px -30px;
}

#link_banner > div h4{
	margin:40px 0 30px;
}

#link_banner > div dd:not(:last-child),
#link_banner > div li:not(:last-child),
.movie,
.chat > #main_area > form > a,
.chat > #main_area > form > ul > li{
	margin-bottom:30px;
}

#s_prof > div + *{
	margin-top:30px;
}

#s_prof > dl,
#s_prof > p,
#s_prof > section,
#c_itw > li > dl,
#c_itw > li > p,
#c_itw > li > section{
	margin-left:200px;
	margin-right:30px;
}

.cov_summary::before,
#coverage .cov_summary::after,
#media > dd::before{
	left:-30px;
	right:-30px;
}
.cov_summary::before{
	top:-30px;
}

.super_main > div{
	right:30px;
	top:30px;
}
.pager > div,
#new_area span{
	left:30px;
}

#new_area::after{
	right:30px;
}

#s_blog > ul{
	padding:30px 15px;
}
#s_blog > ul > li{
	margin:0 15px;
}

#s_prof > button,
#s_qa > button{
	top: 30px;
}

.f_gallery > div::after{
	flex:0 0 30px;
}


/*コンテンツ外余白*/
body > main > article > h2,
#menu_scroll ~ article > h3,
.message,
.note,
.bar_aid,
.alert,
#save > form,
#switch_bar,
#new_area,
#chat_manual > nav,
#bulk_list{
	margin-bottom:10px;
}

#left_bottom,
#left_top{
	margin-right:10px;
}

.text_list > dd + dt,
.note:not(:first-child),
#blog,
#c_itw > li{
	margin-top:10px;
}
#shop #column4_list{
	margin-top:5px;
}

/*左エリア余白*/
#left_top #word_search,
#left_top > form > dl > dd,
#shop_info,
#p_up > ul > li,
#helpful > ul > li,
.sister_site a,
#shop_cov > a p{
	padding:18px;
}

#left_top > form > dl > dt,
#p_up > a{
	padding-left:8px;
	padding-right:8px;
}

#left_top > form > dl dd + dt{
	padding-top:18px;
}

#left_top #word_search input[type="submit"]{
	top:18px;
	right:18px;
}

#left_top #search_btn{
	margin:18px;
}

#left_top > form > dl{
	margin:18px 0;
}

#search_btn > div{
	margin-top:18px;
}

#shop_cov{
	padding-bottom:18px;
}
#shop_cov > a{
	margin:28px 18px 36px;
}
#shop_cov > a:last-child{
	margin-bottom:0;
}
#shop_cov > a::before{
	top:-18px;
	left:-18px;
	right:-18px;
	height:140px;
}


/*メイン背景*/
body > main,
#menu_scroll,
.mask{
	background-color:#fff;
}
#home #main_area > aside:first-child{
	border-top-color:#F2F2FA;
}


/*薄い青*/
#word_search{
	background-color:#FAFAFD;
}


/*バナナビメイン黄色*/
#home #word_search,
#main_sach > form > dl > dd{
	background-color:#FFD01F;
}

/*濃い黄色*/
.gmenu_on,
body > header > div > nav button:hover,
#main_sach > form,
#home #main_area article > h2{
	/* background-color:#FFB700; */
}

#search_btn button[type="button"]{
	background-color:#FFB700;
	color:#FFFFFF;
}

.r_blog > h3{
	box-shadow:inset 0 1px #FFFFFF, inset 0 -2px #afafaf !important;
	font-weight: bold !important;
	color: #FFB700;
}

/* .r_blog > a::after{
	color:#FFB700 !important;
} */

#n_blog h3{
	border-bottom:#FFB700 2px solid;
	background-color: #FDFAF1;
  background-image: linear-gradient(45deg,  #FCF5E4 25%, #FCF5E4 25%, transparent 25%, transparent 75%, #FCF5E4 75%, #FCF5E4 75%),
                    linear-gradient(-135deg, #FCF5E4 25%, #FCF5E4 25%, transparent 25%, transparent 75%, #FCF5E4 75%, #FCF5E4 75%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
#n_blog > a::after{
	color:#FFB700;
}



/*黄色の線*/
body > header > div > nav{
	border-left:#EAAB2C 1px solid;
	box-shadow:1px 0 #FCE485;
	position:relative
}
body > header > div > nav button{
	border-right:#EAAB2C 1px solid;
	box-shadow:inset 1px 1px #FCE485;
	position:relative;
}

body > header > div > nav button + dl{
	border-right:#EAAB2C 1px solid;
	border-left:#EAAB2C 1px solid;
	border-bottom:#EAAB2C 1px solid;
}

#main_sach > form > dl > dd{
	border-top:#EAAB2C 1px solid;
	box-shadow:inset 1px 0 #FCE485;
}



/*赤*/
.super_main > span{
	background-color:#FF2F57;
	color:#FFFFFF;
}

#t_rank > div > section > h3{
	box-shadow:inset 0 1px #FFFFFF, inset 0 -2px #afafaf !important;
}

#t_rank > div > section > a::after,
.sister_site a{
	color:#afafaf;
}


/*濃い赤*/
#n_movie h3{
	border-bottom:#D82F41 2px solid;
	background-color: #F9F0F3;
  background-image: linear-gradient(45deg,  #F8ECF0 25%, #F8ECF0 25%, transparent 25%, transparent 75%, #F8ECF0 75%, #F8ECF0 75%),
                    linear-gradient(-135deg, #F8ECF0 25%, #F8ECF0 25%, transparent 25%, transparent 75%, #F8ECF0 75%, #F8ECF0 75%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}

#n_movie > a::after{
	color:#D82F41;
}

#left_top > form > dl dt::before{
	border-left: 2px #D82F41 solid;	
}

.㎝_btn_on{
	position:relative;
}
.㎝_btn_on::after{
	content:"";
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 8px solid #D82F41;
	position:absolute;
	bottom:-12px;
	left:50%;
	margin-right:-8px;
}
#chat_manual > nav li a:hover{
	background-color: #D82F41;
}


/*茶色*/
body > header > nav > ol li a:hover{
	background-color:#40220F;
	color:#FFFFFF;
}

/*中間ピンク*/
.btn_area > a:hover,
#shop_info > a:hover{
	background-color:#FDECF3;
}

#s_fbtn > a span{
	color:transparent;
	-webkit-text-stroke: 1px #EA4488;
}
#s_fbtn .fbtn_on{
	color:#EA4488 !important;
	background-color:transparent !important;
}
#s_fbtn .fbtn_on span{
	color:#EA4488;
}

#f_nav > a:hover{
	box-shadow:inset 0 -4px #EA4488;
}

#menu_scroll li a:hover,
#switch_bar li a:hover{
	box-shadow:inset 0 -4px #EA4488;
}



/*青緑*/
.search_set span,
#left_top > form input[type="checkbox"]:checked + label::before{
	background-color:#00ACA8;
	color:#FFFFFF;
}

#newarrival h2,
#newarrival::before{
	/* background-color:#00ACA8 !important; */
}




/*濃い青*/
#search_top a{
	background-color:#0A69C7;
	color:#FFFFFF;
}

#n_recruit h3{
	border-bottom:#0A69C7 2px solid;
	background-color: #EFF6FA;
  background-image: linear-gradient(45deg,  #E6F1F8 25%, #E6F1F8 25%, transparent 25%, transparent 75%, #E6F1F8 75%, #E6F1F8 75%),
                    linear-gradient(-135deg, #E6F1F8 25%, #E6F1F8 25%, transparent 25%, transparent 75%, #E6F1F8 75%, #E6F1F8 75%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
#n_recruit > a::after,
#p_up > a::after{
	color:#afafaf;
}

#main_sach > form input[type="checkbox"] + label:hover{
	box-shadow:inset 0 0 0 1px #0A69C7;
	color:#0A69C7;
}

/*グレー*/
body > header > div > nav button + dl,
/* #t_rank > div > section > h3, */
#t_super > ul > li:nth-child(even),
/* #p_up > ul > li:nth-child(even), */
#helpful > ul > li:nth-child(even){
	background-color:#F7F7F7;
}


/*中間グレー*/
.btn_del,
#search_btn button[disabled]{
	background-color:#ECEDED;
}



/*フォームなど色*/
#left_top > form > dl dt span{
	box-shadow:inset 0 0 0 1px #CACACA;
}

#left_top > form input[type="checkbox"] + label::before{
	color:#CACACA;
	box-shadow:inset 0 0 0 1px #CACACA;
}

#home .slideup,
#main_sach > form > dl > dt:hover,
#main_sach > form input[type="checkbox"]:checked + label{
	background-color:#1B83F1;
	color:#FFFFFF;
}



/*線*/
body > main,
#top_slide .sw_pager{
	border-left:#D8D1C1 1px solid;
	border-right:#D8D1C1 1px solid;
	box-shadow:inset 1px 1px #FFFFFF, 1px 0 #FFFFFF;
}

.scroll_list,
#shop > figure{
	border-top:#D8D1C1 1px solid;
	border-bottom:#D8D1C1 1px solid;
	box-shadow:inset 1px 1px #FFFFFF, 0 1px #FFFFFF;
}

#newarrival > div > section:not(:nth-child(3)){
	border-right:#D8D1C1 1px solid;
}
#newarrival > div > section > ul > li:not(:nth-child(3)){
	border-bottom:#D8D1C1 1px solid;
}

#shop > header{
	border-bottom:#D8D1C1 1px solid;
	box-shadow:inset 1px 1px #FFFFFF, 0 1px #FFFFFF;
}


/*薄い線*/
#column2_list > li > dl dd:not(:first-of-type),
#ranking_list > li > dl dd:not(:first-of-type),
#time_list > li > dl dd:not(:first-of-type),
.ts_head{
	border-top:#DFD8CB 1px dotted;
}

.confirm > dl > *:not(:last-of-type),
#img_list > li > dl > *:not(:last-of-type),
#app_info address dl,
#s_info > dl > *:not(:last-of-type){
	border-bottom:#DFD8CB 1px dotted;
}


/*グレー線*/
#bulk_list > li{
	border:#ECEDED 1px solid;
}

#ad_bottom > li:not(:last-child),
#left_top > form > dl > dd,
#p_up > ul > li:not(:last-child),
#helpful > ul > li:not(:last-child){
	border-bottom:#ECEDED 1px solid;
}

#t_rank > div > section:last-child,
#p_up > a,
#g_shop > ul > li:nth-child(1n+4){
	border-top:#ECEDED 1px solid;
}

.rank,
#t_super > ul > li:not(:nth-child(4n)),
#g_shop > ul > li:not(:nth-child(3n)),
#t_itw > ul > li:not(:last-child),
#s_itw > ul > li:not(:last-child){
	border-right:#ECEDED 1px solid;
}

#t_itw > ul > li:last-child,
#s_itw > ul > li:last-child{
	box-shadow:1px 0 #ECEDED;
}


#g_shop > ul > li:nth-last-child(3):nth-child(3n),
#g_shop > ul > li:nth-last-child(2):nth-child(3n),
#g_shop > ul > li:nth-last-child(3):nth-child(3n+2){
	box-shadow:0 1px #ECEDED;
}


/*その他カラー*/
/*黄色*/
.graph_middle > span{
	color:#F8A500;
}

/*ピンク*/
.graph_last > span{
	color:#EF3B7B;
}

/*緑*/
.graph_early > span{
	color:#56BD91;
}



/*プラグインリセット*/
/*Swiper*/
#top_slide{
	background-color:#ECECEC;
}

.sw_pager{
	height: 40px;
}

.sw_pager > *{
	width:10px;
	height:10px;
}

/*スクロールバーデザイン*/
/*css*/
#t_itw > ul::-webkit-scrollbar,
#s_itw > ul::-webkit-scrollbar,
.f_gallery > div::-webkit-scrollbar{
	height:3px;
}
#t_itw > ul::-webkit-scrollbar-thumb,
#s_itw > ul::-webkit-scrollbar-thumb,
.f_gallery > div::-webkit-scrollbar-thumb{
	background-color:rgba(0,0,0,.3);
  border-radius: 5px;
}
#t_itw > ul::-webkit-scrollbar-track,
#s_itw > ul::-webkit-scrollbar-track,
.f_gallery > div::-webkit-scrollbar-track{
  border-radius:5px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}


/*丸い影*/
/* #t_rank > div > section{
	z-index:0;
}

#t_rank > div > section h3{
	position:relative;
}

#t_rank > div > section h3::after{
	content:"";
	display:block;
	width:100%;
	height:20px;
	box-shadow:0 2px 8px rgba(0,0,0,.3);
	border-radius:100%;
	position:absolute;
	bottom:0;
	z-index:-1;
} */




/*文字上限「…」*/
#ranking_list > li > dl dd,
#time_list > li > dl dd,
#shop > header > *{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#left_top > form > dl dt span ul{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.summary_head > a,
.summary_head > div{
	line-height:1.3;
	max-height:3.9em;
}
.summary_head > dl.info > *{
    padding: 10px 0;
    box-sizing: border-box;
}
.summary_head > dl.info > *:not(:last-of-type) {
    border-bottom: #DFD8CB 1px dotted;
}
.summary_head > dl.info dt {
    width: 80px;
    display: flex;
    font-size: 1rem;
}
.summary_head > dl.info dd {
    flex: 1 1 calc(100% - 80px);
    width: calc(100% - 80px);
}

.ts_foot > p{
	height:3.3em;
}

#column2_list > li > p,
#ranking_list > li > p,
#time_list > li > p,
#column2_list > li > dl dd{
	height:3em;
}


/*マーク*/
.mk_new::after{
	width:10px;
	height:10px;
	right:15px;
	top:15px;
}

/*数値バッチ*/
#f_nav > a span,
body > header > div > nav button + dl dd span,
#img_list > li > span{
	padding:1px 2px;
	border-radius:5px;
}






/*レイアウト*/
/*ヘッダー*/
.menu_op{
	overflow:visible;
	height:auto !important;
}

body > header > dl{
	border-top:#D8D1C1 1px solid;
	height:40px;
}

body > header > div{
	height:80px;
}

#head_chara{
	width:58px;
	height:62px;
}

#head_logo{
	width:280px;
	height:40px;
}

body > header > div > nav > ul > li{
	width:80px;
}

body > header > div > nav button span{
	font-size:22px;
}

body > header > div > nav button::before{
	content:"";
	width:0;
	height:0;
	display:block;
	position:absolute;
	border: 50px solid transparent;
	border-bottom: 50px solid rgba(255,255,255,.2);
	top:-49px;
	left:-49px;
	transform: rotate(-45deg);
}

body > header > div > nav button + dl{
	display: none;
	top:81px;
	width:370px;
	border-radius:0 0 10px 10px;
	padding:0 15px;
	box-shadow:0 3px 5px rgba(0,0,0,.3);
}

body > header > div > nav button + dl dd:not(:first-of-type){
	box-shadow:inset 0 1px #FFFFFF;
}

body > header > div > nav button + dl dt,
body > header > div > nav button + dl dd a{
	/* margin:0 -15px; */
}

body > header > div > nav button + dl dt{
	margin-top:10px;
}



/*フッター*/
body > footer > *{
	border-left:#341400 1px solid;
	border-right:#341400 1px solid;
	box-shadow:inset 1px 1px #5A4030, 1px 0 #5A4030;
}

body > footer > a{
	height:50px;
	line-height:50px;
}

body > footer > div{
	position:relative;
}

body > footer > div > ul{
	padding:50px 364px 50px 70px;
	height:42px;
}

body > footer > div > ul li{
	width:calc(99% / 4);
}

body > footer > div > svg{
	width:294px;
	height:42px;
	border:none;
	box-shadow:none;
	position:absolute;
	right:70px;
	top:50px;
}

body > footer > small{
	height:68px;
	line-height:68px;
}





/*フッター常駐ボタン*/
#f_nav > div{
	display:none;
}

#f_nav > a{
	height:90px;
	width:90px;
}
.chat > #main_area > form > div{
	height:90px;
	bottom:90px;
}

#f_nav > a div{
	font-size:30px;
}

#f_nav > a span{
	top:15px;
	right:10px;
}

#f_nav ~ #p_top{
	bottom:100px;
}
.chat:not(.c_stop) ~ #f_nav ~ #p_top{
	bottom:190px;
}

#f_nav ~ footer{
	margin-bottom:90px;
}
.chat:not(.c_stop) ~ #f_nav ~ footer{
	margin-bottom:180px;
}



/*上部広告*/
#ad_head{
	display:flex;
	padding:5px 5px 30px 5px;
	justify-content: center;
	border-left:#D8D1C1 1px solid;
	border-right:#D8D1C1 1px solid;
	box-shadow:inset 1px 1px #FFFFFF, 1px 0 #FFFFFF;
}

#ad_head a{
	width:calc((100% / 3) - 10px);
	margin:5px;
	flex:0 0 auto;
}



/*メインエリア*/
body > main{
	position:relative;
	z-index:1;
}

body > main h2,
body > main h3,
body > main h4{
	min-height:50px;
}

#main_area,
#home #main_area{
	width:calc(100% - 230px);
	flex:1 1 auto;
}
#home #main_area{
	display:flex;
	flex-direction: column;
}
#home main > .mask{
	position:relative;
}
#home main > .mask:first-child{
	box-shadow:inset 0 1px #FFFFFF;
}

#main_area .mask:first-child{
	flex:0 0 auto;
}
#main_area .mask:last-child{
	flex:1 1 auto;
	height:100%;
}

#left_bottom,
#home #left_bottom,
#left_top{
	flex:0 0 220px;
	box-sizing:border-box;
	max-width:220px;
}

#left_top{
	padding: 10px;
	background-color:#FFFFFF;
	border-radius: 5px;
	border: 1px solid #FFB700;
	box-shadow: none !important;
}


/*タイトルリセット*/
#home #left_bottom h2{
	display:block;
	margin-bottom: 0;
	min-height:25px;
}

#home h3{
	padding-bottom:3px;
}

#home #main_area article h2{
	box-shadow:none;
}

#helpful h2::before{
	content:none;
}

#g_shop h3::after{
	content:"";
}

#column3_list > li h3,
#site_map section h3,
#wi_bw > div h3{
	line-height:1.7;
}

/*コンテンツ影*/
/* #left_bottom > article, */
#left_top,
body > main h2,
.bar_aid,
.pager,
#switch_bar,
#coverage,
#coverage .cov_summary,
.cov_editor,
#main_sach,
#shop_info,
#home #word_search input[type="text"],
#main_sach > form > dl dt,
/* #home #main_area article, */
#t_itw > ul > li div,
#p_up > ul > li > div,
#s_itw > ul > li div,
#wi_bw > div,
#free > div,
#comp_p_list,
.sister_site a{
	box-shadow:1px 1px 1px rgba(0,0,0,.2);
}


#left_bottom > article,
.bar_aid,
.pager,
#switch_bar,
#coverage,
#home #left_bottom > article,
#home #main_area article,
#comp_p_list,
.sister_site a{
	background-color:#FFFFFF;
}


/*コンテンツ内見出し */
#terms > dl dt,
.text_list > dt,
#media > dd > div > span,
#s_super > p span{
	font-size:1.1rem;
}

/*コンテンツ文章 */
#terms > dl dd,
.text_list > dd,
#column3_list > li p,
#s_pr p,
#single_list > li > p,
.super_main > p,
.cov_summary > div > p,
#comp_table tbody td,
#media > dd > div > p,
#s_spgift > p,
#s_super > p,
#s_info > dl > dd,
#s_movie > ul > li > p,
#s_prof > p,
#c_itw > li > p,
.f_banner > div > p{
	font-size:.95rem;
}



/*見出しアイコン*/
#media > dt,
#home #main_area article{
	position:relative;
}

/* #media > dt::before,
#media > dt::after,
#home #main_area article::before,
#home #main_area article::after{
	display:block;
	position:absolute;
	left:50%;
	margin-left:-35px;
	z-index:10;
	border-radius:50%;
}

#media > dt::before,
#media > dt::after{
	top:-5px;
}

#home #main_area article::before,
#home #main_area article::after{
	top:-10px;
} */

/* #media > dt::before,
#home #main_area article::before{
	line-height:70px;
	text-align:center;
	font-family:'icon';
	background-color:#F69600;
	box-shadow:inset 0 0 0 5px rgba(255,255,255,.5);
	font-size:28px;
	width:70px;
	height:70px;
	color:#FFFFFF;
}

#media > dt::before{
	content:"\1f4d6";
	font-weight:normal;
} */

/* #t_rank::before{
	content:"\1f3c6";
}
#t_super::before{
	content:"\1f4b4";
}
#newarrival::before{
	content:"\1f195";
}
#t_itw::before{
	content:"\1f3a4";
} */

#media > dt::after,
#home #main_area article::after{
	content:"";
	border: 35px solid transparent;
	border-top-color:rgba(255,255,255,.2);
	border-left-color:rgba(255,255,255,.2);
}


/*下・左情報*/
#left_bottom > *:last-child{
	margin-bottom:0;
}
#shop_info > *:not(:last-child){
	margin-bottom:20px;
}

#shop_info h4{
	height:50px;
	line-height:47px;
	margin:30px 0 10px;
}

#shop_info > figure{
	margin-top:12px;
}

#left_bottom dd{
	font-size:.95rem;
}


/*姉妹サイトバナー*/
.sister_site a{
	display:block;
	border-radius:5px;
}

.sister_site a img{
	margin-bottom:5px;
}


/*TOP検索・絞り込み検索*/
#word_search input{
	line-height:24px;
}

#word_search input[type="text"]{
	padding-right:25px;
}

#word_search input[type="submit"]{
	font-size:20px;
}

#left_top #word_search{
	margin-top:10px;
}

#left_top #word_search input[type="submit"]{
	width:20px;
	height:25px;
	line-height:25px;
}

#home #word_search input[type="submit"]{
	text-align:center;
	width:54px;
	height:44px;
}

#home #word_search input[type="text"]{
	background-color:#F3F8FC;
	padding:10px 54px 10px 15px;
}

#left_top > form > dl dt::before{
	content:"";
	width:5px;
	height:1em;
	display:inline-block;
	margin-left:4px;
	vertical-align:-2px
}

#left_top > form > dl dt span{
	display:flex;
	padding:0 30px 0 10px;
	height:45px;
	border-radius:5px;
	line-height:1.4;
	font-size:.9rem;
	align-items:center;
	margin-top:5px;
}

#left_top > form > dl dt span ul{
	max-height:2.8em;
}

#left_top > form > dl dt span::after{
	top:0;
	right:10px;
	width:13px;
	height:45px;
	line-height:47px;
	font-size:13px;
}

#left_top > form input[type="checkbox"] + label{
	display:block;
	text-indent: -19px;
	padding-left: 19px;
	line-height:1.4;
}

#left_top > form input[type="checkbox"] + label:not(:last-child){
	margin-bottom:10px;
}

#left_top > form input[type="checkbox"] + label::before{
	content: "\2714";
	font-family:'icon';
	display:inline-block;
	text-align:center;
	font-size:26px;
	text-indent:-6px;
	width:14px;
	height:14px;
	line-height:15px;
	vertical-align:-2px;
	margin-right:5px;
	box-sizing:border-box;
	overflow:hidden;
	border-radius:2px;
}

#left_top > form input[type="checkbox"]:checked + label::before{
	box-shadow:none;
}

#main_sach > form > dl{
	position:relative;
	padding-top:150px;
}

#main_sach > form > dl > dt{
	position:absolute;
	width:calc((100% - 70px) / 4);
	background-color:#FFFFFF;
	top:20px;
	height:110px;
	display:flex;
	flex-direction: column;
  justify-content: center;
  align-items: center;
	border-radius:5px;
}

#home .slideup::after{
	content:none !important;
}

#main_sach > form > dl > dt:nth-of-type(1){
	left:calc(50% - 383px);
}

#main_sach > form > dl > dt:nth-of-type(2){
	right:calc(50% - 121px);
}

#main_sach > form > dl > dt:nth-of-type(3){
	right:calc(50% - 383px);
}

#main_sach > form > dl > dt:nth-of-type(4){
	right:20px;
}

#main_sach > form > dl dt svg{
	width:35px;
	height:35px;
}

#main_sach > form > dl dt span{
	display:none;
}

#main_sach > form input[type="checkbox"] + label {
	height: 40px;
	line-height: 40px;
	background-color: #FFFFFF;
	border-radius: 20px;
}


#left_top #search_btn{
	background-color:transparent;
}

#home #search_btn{
	text-align:justify;
	position:relative;
	display:flex;
	height:90px;
	align-items: center;
	box-sizing:border-box;
}

#home #search_btn button[type="submit"]{
	position:absolute;
	left:50%;
	top:50%;
	margin:-25px 0 0 -90px
}

#home #search_btn > span{
	background-color:#2CC672;
	color:#FFFFFF;
	display:inline-block;
	width:30px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:25px;
	border-radius:4px;
	box-shadow:1px 1px 1px rgba(0,0,0,.2);
	position:relative;
}

#home #search_btn > span:first-of-type{
	margin-left:10px;
}

#home #search_btn > span:last-of-type{
	margin-right:10px;
}

#home #search_btn > span::before,
#home #search_btn > span::after{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	right:0;
}
#home #search_btn > span::before{
	border-bottom:#15AE59 1px solid;
}
#home #search_btn > span::after{
	height:9px;
	margin-top:-4px;
	box-shadow:1px 0 #D6D6D6, -1px 0 #D6D6D6;
}


#search_btn > div > *{
	width:100%;
}

.search_set span{
	box-shadow:1px 1px 3px rgba(0,0,0,.3) !important;
}

.search_set span::after{
	color:#FFFFFF !important;
}


#main_sach > form > dl .ts_set span{
	position:absolute;
	padding:0 5px;
	border-radius:7px;
	top:10px;
	right:20px;
}

#main_sach > form > dl .ts_set span::after{
	border-width: 10px 10px 0 0;
}


.slideup .s_icon_01,
#main_sach > form > dl > dt:hover .s_icon_01{
	fill:#FFFFFF;
}
.slideup .s_icon_02,
#main_sach > form > dl > dt:hover .s_icon_02{
	fill:#DDEDFD;
}
.slideup .s_icon_03,
#main_sach > form > dl > dt:hover .s_icon_03{
	fill:#BBDAFB;
}
.slideup .s_icon_04,
#main_sach > form > dl > dt:hover .s_icon_04{
	fill:#1C84F2;
}




/*コンテンツ上メニュー*/
#menu_scroll{
	box-shadow:inset 1px 1px #FFFFFF, 0 1px #FFFFFF;
}

#switch_bar{
	position:relative;
	font-size:1.1rem;
}

#switch_bar > div{
	position:absolute;
	top:0;
}

#switch_bar > div > time span{
	font-size:1.6rem;
}

/*検索結果数値バー*/
.bar_aid,
#search_btn{
	text-align: center;
	font-size:1rem;
}

.bar_aid > span,
#search_btn > span{
	font-size:1.6rem;
}

.bar_aid{
	padding: 15px 0;
}

/*ページャー*/
.pager{
	position:relative;
	font-size:1.1rem;
}

.pager > *{
	height:60px;
}

.pager > div{
	position:absolute;
	top:0;
}

.pager > div > span{
	font-size:1.6rem;
}


/*ボタン共通*/
#bulk_app,
#chat_manual > nav ul{
	display:flex;
  justify-content: center;
}

#bulk_app > a:last-child{
	margin-left:10px;
}

.normal_form input[type="submit"],
.confirm > div > *,
#save > form > div > *,
.btn_area > a,
#bulk_app > a,
#home #search_btn button[type="submit"],
#chat_manual > nav li a{
	font-size:1.1rem;
}

.normal_form input[type="submit"],
.confirm > div > *{
	width:250px;
}


#save > form > div{
	flex:0 0 174px;
}

#save > form > div,
#save > form > div > *,
.btn_del,
.comment a{
	width:174px;
}

#chat_manual > nav li{
	width:calc(100% / 4);	
}
#chat_manual > nav li:not(:last-child){
	margin-right:10px;
}

#comp_table tbody td address li > *,
#column3_list > li form button{
	max-width:180px;
}

.btn_del{
	height:50px;
	line-height:50px;
	border-radius:6px;
}

#column3_list > li form button{
	height:40px;
	line-height:41px;
	border-radius:5px;
}

.btn_del::after{
	content:"削除する";
	vertical-align:1px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1rem;
}

#search_btn > div > *,
#shop_info > a,
#app_info address > button,
#app_info address > a,
#comp_table tbody td address li > *{
	height:45px;
	line-height:44px;
	cursor:pointer;
	font-size:1.1rem;
}

#search_btn > div > *,
#app_info address > button,
#app_info address > a,
#comp_table tbody td address li > *{
	border-radius:4px;
}

#shop_info > a{
	border-radius:25px;
}

#save > form > div > *:not(:first-child){
	margin-top:10px;
}

#search_btn > div > *:not(:last-child){
	margin-bottom:10px;
}

#search_btn > div > * span{
	margin-right:5px;
}

#column3_list > li form button[disabled]{
	visibility:hidden;
}


/*ボタンアイコン*/
.btn_del{
	font-size:1.2rem;
}




/*!マーク付きコメント*/
.note::before{
	top:50%;
	left:30px;
	margin-top:-15px;
}

.note > a,
.message > a{
	font-size:1.2rem;
}


/*キープ中タイトル表示*/
#keep_no{
	right:20px;
	top:-24px;
}

/*ポップアップ*/
#line_pop > section{
	width:450px;
}


/*ライン問い合わせ表示*/
#line_pop > section > h4{
	margin:0;
}

#line_pop > section > h4 svg,
#s_line h3 svg{
	width:100px;
	height:100px;
}





/*メインエリアフォーム共通*/
.normal_form input[type="text"],
.normal_form textarea{
	max-width:500px;
}

.sel{
	width:200px;
}

.normal_form input[type="radio"] + label,
.normal_form input[type="checkbox"] + label{
	display:inline-block;
	margin-right:20px;
}

.btn_outside{
	display:inline-block;
	width:150px;
}

.btn_outside:not(:fast-of-type){
	margin-left:10px;
}

.btn_outside:hover{
	background-color: #FBFBFB;
}


/*利用規約同意*/
#consent{
	padding:15px;
}




/*添付ファイルエリア*/
.img_up{
	padding:8px;
}

.img_up > div{
	width:200px;
}



/*一括店舗一覧*/
#bulk_list > li{
	padding:10px 20px;
}
#bulk_list > li:not(:last-child){
	margin-bottom:10px;
}
#bulk_list > li > span:not(:first-child),
#bulk_list > li > div{
	margin-left:20px;
}


/*QA*/
#faq > dl dt,
#s_prof > section dt,
#s_qa > dl > dt,
#c_itw > li > section dt{
	font-size:1.1rem;
}

#faq > dl > *::before,
#s_prof > section dl > *::before,
#s_qa > dl > *::before,
#c_itw > li > section dl > *::before{
	font-size:20px;
	line-height:20px;
	margin-top:1px;
}

#faq > dl > *::before{
	left:30px;
}

#s_prof > section dl > *::before,
#s_qa > dl > *::before,
#c_itw > li > section dl > *::before{
	left:5px;
}



/*お知らせ*/
.text_list > dt > time{
	margin-top:5px;
}


/*検索条件保存*/
#save > form{
	display:flex;
	flex-wrap:wrap;
}

#save > form > h4{
	width:100%;
}

#save > form > dl{
	flex:1 1 50%;
}


/*サイトマップ*/
#site_map section > ul{
	display:flex;
	flex-wrap:wrap;
}

#site_map section > ul > li{
	width:190px;
}
#site_map .link_single > ul > li{
	width:100%;
}

/*求人チャットガイド*/
#chat_manual > section > div img,
#chat_manual > section > div > p{
	max-width:700px;
}

#chat_manual > section > div > *:not(:last-child){
	margin-bottom:35px !important;
}


#chat_manual > section > div > div{
	border-width: 40px 40px 0 40px;
	margin-top:50px;
	margin-bottom:50px;
}


/*バナナビバイトとは・初めての方へ*/
#free > div > div > svg{
	width:392px;
	height:448px;
	flex:0 0 392px;
	margin:-40px -40px -123px 0;
}
#free > div > ol,
#free > div > dl{
	position:relative;
	z-index:10;
}

#wi_bw > div > div > p > svg,
#free > div > div > p > svg{
	height: 46px;
}
#text_what{
	width: 218px;
}
#text_bananavi{
	width: 268px;
	padding-right: 20px;
}
#text_work{
	width: 168px;
}
#text_debut{
	width: 172px;
	padding-right: 20px;
}
#text_manual {
	width: 208px;
}


#wi_bw > div > ul > li{
	width:calc(100% / 3);
}
#wi_bw > div > ul > li:not(:last-child){
	margin-right:20px;
}

#wi_bw > div > p{
	padding:50px 50px 0;
	text-align:center;
}
.bg_gray{
	margin:50px -50px 0;
}

#wi_bw > div > section{
	padding:40px 0;
}
#wi_bw > div > section:last-child{
	padding-bottom:0;
}

#equipped svg{
	width:40px;
	height:40px;
}

#equipped ul{
	display:flex;
	flex-wrap:wrap;
	margin-top:-15px;
	margin-bottom:-15px;
	padding-left:15px;
	padding-right:15px;
}

#equipped li{
	box-sizing:border-box;
	margin:15px;
	width:calc(((100% - 1px) / 3) - 30px);
	flex:0 0 calc(((100% - 1px) / 3) - 30px);
}

#sister > div{
	display:flex;
	height:290px;
	margin:30px;
}

#sister > div h4 svg{
	width:282px;
	height:74px;
}

#sister > div h4 img{
	height:300px;
}

#sister > div > *{
	width:50%;
}

#sister > div h4 a{
	height:100%;	
}

#free > div > dl,
#free > div > dl > dd > div,
#free > div > dl > dd section > div,
#know_shop > div{
	padding:30px 60px;
}
#know_shop > div{
	margin:-30px -60px 30px !important;
}

#free > div > ol{
	justify-content: center;
}
#free > div > ol li{
	font-size:1.2rem;
}
#free > div > ol li:before,
#free > div > ol li:after{
	margin:0 15px;
}
#free > div > ol li:before {
	font-size:54px;
}
#free > div > ol li:not(:last-child):after{
	content: "\3e";
	font-size:20px;
}

#free > div > dl > dt{
	width:145px;
	height:145px;
	font-size:1.4rem;
}

#free > div > dl > dd{
	max-width:640px;
}

#know_shop > dl{
	padding-left:70px;
}
#know_shop > dl dd span{
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:50%;
	background-color:#FFFFFF;
	box-shadow:1px 1px 3px rgba(0,0,0,.3);
	left:-70px;
	top:50%;
	margin-top:calc(-25px - (1.2rem * 1.8 / 2));
}
#know_shop > dl dd + dt{
	margin-top:20px;
}

.free_label{
	text-align:center;
	margin:-5px;
}
.free_label li{
	display:inline-block;
	width:150px;
	margin:5px !important;
	vertical-align:top;
}

.fcont_half{
	display:flex;
	flex-wrap:wrap;
}
.fcont_half > span{
	width:100%;
}
.fcont_half > div{
	width:40%;
	flex:1 1 40%;
	padding:5px;
	margin-bottom:0 !important;
}

.identity_ok,
.identity_ng{
	display:flex;
	flex-direction: column;
}
.identity_ok ul,
.identity_ng ul{
	flex:1 1 auto;
}

/*サムネール*/
/*固定長方形*/
.tmb_cir_rect{
	width:200px;
	height:100px;
}

#bulk_list > li > span{
	width:100px;
	height:50px;
}

/*円*/
#g_shop > ul > li > a[style^="background-image"]{
	border-radius:50%;
}



/*ムービー*/
.movie > div,
#s_movie > ul > li > div > div{
	max-width:300px;
}



/*プランアイコン*/
#g_shop .icon_dx::after,
#g_shop .icon_sp::after,
#g_shop .icon_pm::after,
#g_shop .icon_ut::after{
	top:auto;
	margin-top:-160px;
	left:25%;
}

#g_shop .icon_dx,
#g_shop .icon_sp,
#g_shop .icon_pm,
#g_shop .icon_ut{
	padding-right:inherit !important;
}

.s_dx header > div::after,
.s_sp header > div::after,
.s_pm header > div::after,
.s_ut header > div::after{
	position:relative;
	float:right;
	margin-bottom:-36px;
	top:-41px;
	right:-56px;
}
.s_dx header > *,
.s_sp header > *,
.s_pm header > *,
.s_ut header > *{
	padding-right:76px !important;
}


/*一覧表示*/
#img_list > li > dl > *,
.confirm > dl > *{
	padding:10px;
}

.confirm > dl,
#img_list > li > dl{
	display:flex;
	flex-wrap:wrap;
}

.confirm > dl > dt,
#img_list > li > dl dt{
	flex:1 1 20%;
}

.confirm > dl > dd,
#img_list > li > dl dd{
	flex:1 1 60%;
}




/*リスト*/
/*リスト余白*/
#ad_bottom > li,
#time_list > li > time,
.movie,
#t_super > ul > li,
#t_itw > ul > li,
#s_itw > ul > li{
	padding:15px;
}
.list_ad{
	padding:15px !important;
}

#ranking_list .list_ad{
	padding-left:15px;
}

#time_list > li{
	padding-bottom:15px;
}

#newarrival > div > section > ul{
	padding:0 15px;
}

#newarrival > div > section > ul > li{
	padding:15px 0;
}

#ranking_list > li > p,
#ranking_list > li > dl{
	margin:15px 30px 15px 15px;
}
#time_list > li > p{
	margin:15px 0 15px 15px;
}

#time_list > li > dl{
	margin:15px 0 0 15px;
}

#time_list > li > a{
	margin:0 15px;
}

#ranking_list > li > a{
	margin:0 15px 15px;
}

#terms > dl dd + dt,
.normal_form > dl > dd + dt,
#save > form > dl > dd + dt{
	padding-top:15px;
	margin-top:15px;
}

#column2_list > li > p,
#column2_list > li > dl{
	margin:15px 30px;
}

#column2_circleimg > li > a{
	margin:15px 15px 15px 25px;
}

#n_recruit > ul > li > div,
#n_movie > ul > li > div{
	bottom:15px;
}

#column2_list,
#column2_circleimg,
#column3_list,
#column4_list{
	margin:-5px;
}

#column2_list > li,
#column2_circleimg > li,
#column4_list > li,
#column3_list > li{
	margin:5px;
}

#img_list > li:not(:last-child),
#super_list > li:not(:last-child),
#ranking_list > li:not(:last-child),
#time_list > li:not(:last-child),
#single_list > li:not(:last-child){
	margin-bottom:10px;
}

#img_list > li > dl{
	padding-left:30px;
	padding-right:30px;
}
#img_list > li > p{
	padding:20px;
}


/*リスト内見出し等*/
.title,
#ad_bottom > li > div > a,
.list_ad > aside > div > a,
.summary_head > a,
.summary_head > div,
#img_list > li > div > a,
#comp_table thead th a> dt{
	font-size:1.2rem;
}

#helpful > ul > li  > p a,
.cov_summary > div > a,
#coverage .cov_summary h3,
#column2_list > li > p,
#ranking_list > li > p,
#time_list > li > p,
#comp_table thead th a,
.title_02{
	font-size:1.1rem;
}


/*エリア・業種文字・日時文字サイズ*/
#column2_circleimg > li > div > span,
.summary_head > span,
.summary_head > dl,
#ad_bottom > li > div > span,
#ad_bottom > li > div > dl,
.list_ad > aside > div > span,
.list_ad > aside > div > dl,
#img_list > li > div > span,
#img_list > li > div > time,
#comp_table thead th span,
#g_shop > ul > li > span{
	font-size:.9rem;
}


/*リスト 情報*/
#ranking_list > li > ul,
#time_list > li > ul{
	width:50%;
}

#column2_list > li > dl,
#ranking_list > li > dl,
#time_list > li > dl{
	display:flex;
	flex-wrap:wrap;
}

#comp_table thead td ul{
	display:flex;
}

#column2_list > li > dl,
#ranking_list > li > dl,
#time_list > li > dl{
	font-size:.9rem;
}

#column2_list > li > dl dt,
#ranking_list > li > dl dt,
#time_list > li > dl dt{
	font-size:1.1rem;
	width:5em;
}

#column2_list > li > dl dd,
#ranking_list > li > dl dd,
#time_list > li > dl dd{
	width:calc(100% - 7em);
	flex:1 1 auto;
	margin-left:1px;
}

#column2_list > li > dl dd:not(:first-of-type),
#ranking_list > li > dl dd:not(:first-of-type),
#time_list > li > dl dd:not(:first-of-type){
	margin-top:6px;
	padding-top:5px;
}




/*リスト ボタン*/
.btn_privilege span,
.btn_line span,
.comp{
	font-size:1.1rem;
}


/*リストバナー*/
#ranking_list > li > a,
#time_list > li > a{
	max-width:300px;
}




/*2カラムリスト 共通*/
#column2_list,
#column2_circleimg{
	display:flex;
	flex-wrap:wrap;
}

#column2_list > li,
#column2_circleimg > li{
	width:calc(50% - 10px);
}

/*3カラムリスト*/
#column3_list{
	display:flex;
	flex-wrap:wrap;
}

#column3_list > li{
	width:calc((100% / 3) - 10px);
	box-sizing:border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


#column3_list > li p{
	flex:2 2 auto;
}


/*4カラムリスト*/
#column4_list > li{
	width:calc(25% - 10px);
}


/*丸画像 2カラムリスト*/
#column2_circleimg > li > div > *:not(:last-child){
	margin-bottom:3px;
}


/*期間限定の稼げる特典*/
.graph_middle > div,
.graph_last > div,
.graph_early > div{
	display:none;
}

.super_main{
	position:relative;
	min-height:120px;
}

.super_main > span{
	display:inline-block;
	border-radius:3px;
	padding:1px 8px 2px;
	line-height:2;
}

.super_main > div{
	position:absolute;
}

.graph_early > span,
.graph_middle > span,
.graph_last > span{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	line-height:1.4;
}
.graph_early > span,
.graph_middle > span{
	white-space:nowrap;
}
.graph_last > span{
	width:80px;
}

#t_super li svg{
	width:100px;
	height:100px;
	margin:0 auto;
	display:block;
}



/*リスト内カラム変更共通*/
#ranking_list > li,
#time_list > li{
	padding-left:110px;
}

#ranking_list > li > a,
#time_list > li > a{
	width:calc(50% - 30px);
}

#ranking_list > li > a,
#time_list > li > a{
	float:left;
}

#ranking_list .btn_area{
	clear:both;
}

.rank,
#time_list > li > time{
	bottom:0;
	width:110px;
	box-sizing:border-box;
}

#time_list > li::before{
	margin:0 -205px 0 -110px;
}

#time_list > li > time{
	position:absolute;
	top:3px;
	left:0;
	line-height:1.4;
	font-weight:700;
}

#time_list > li{
	padding-right:205px;
}

#time_list > li:after {
	content:"";
	display:block;
	clear:both;
}

#time_list .btn_area{
	width:205px;
	position:absolute;
	top:3px;
	right:0;
	border:none;
	box-sizing:border-box;
}

#time_list .btn_area{
	text-align:center;
	bottom:0;
}

#time_list .btn_area > a{
	width:auto;
}

#time_list .btn_area > button{
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	display:inline-block;
	margin:20px 0 0 0;
}

#time_list .btn_area > button:nth-of-type(2){
	margin-left:20px;
}

#ranking_list .btn_area > button + div{
	left:20%;
	right:20%;
}

#time_list .btn_area > button + div{
	text-align:justify;
	width:350px;
	left:auto;
	bottom:15px;
	top:auto;
}



/*ランキング*/
.rank{
	background-color:#475A6D;
}

.rank::before{
	content:"";
	display:block;
	position:absolute;
	width: 0;
	height: 0;
	border:0 solid transparent;
	border-top: 110px solid rgba(255,255,255,.2);
	border-right: 110px solid transparent;
	z-index:10;
}

.rank > div{
	height:110px;
	border-bottom:#1E354D 1px solid;
	box-shadow:0 1px #526476;
	padding:0 20px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.rank > span{
	line-height:58px;
	top:25px;
	left:50%;
	margin-left:-30px;
}

#no_01 .rank > div,
#no_02 .rank > div,
#no_03 .rank > div{
	padding-top:70px;
	line-height:1.4;
}

#no_01 .rank{
	background-color:#FFC700;
}

#no_02 .rank{
	background-color:#33BDBA;
}

#no_03 .rank{
	background-color:#ED8C8C;
}


#no_01 .rank > div{
	border-bottom:#FFAA00 1px solid;
	box-shadow:0 1px #FFDC60;	
}

#no_02 .rank > div{
	border-bottom:#0096A9 1px solid;
	box-shadow:0 1px #54C8C5;	
}

#no_03 .rank > div{
	border-bottom:#E76464 1px solid;
	box-shadow:0 1px #EE9696;	
}


#t_rank ol > li > div,
#t_rank ol > li > div > div{
	position:relative;
}

#t_rank ol > li > div > div{
	margin:10px 20px;
	height:30px;
	line-height:30px;
}

#t_rank ol > li > div::before,
#t_rank ol > li > div::after,
#t_rank ol > li > div > div::before,
#t_rank ol > li > div > div::after{
	content:"";
	display:block;
	position:absolute;
}

#t_rank ol > li > div::before{
	height:0;
	border-top: 8px solid #1E354D;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	left:20px;
	right:20px;
	top:30px;
}
.no_01 > div::before{
	border-top: 8px solid #CE8C2D !important;
}
.no_02 > div::before{
	border-top: 8px solid #007878 !important;
}
.no_03 > div::before{
	border-top: 8px solid #AA5046 !important;
}

#t_rank ol > li > div::after{
	top:30px;
	left:40px;
	right:40px;
	z-index:10;
	height:8px;
	background-color:#FFFFFF;
}

#t_rank ol > li > div > div::before,
#t_rank ol > li > div > div::after{
	left:-8px;
	right:-8px;
	height:30px;
	top:8px;
	z-index:-1;
	background-color:#46596C;
}
#t_rank ol > li > div > div::before{
	transform: skewX(30deg);
}
#t_rank ol > li > div > div::after{
	transform: skewX(-30deg);
}
.no_01 > div > div::before,
.no_01 > div > div::after{
	background-color:#FFC700 !important;
}
.no_02 > div > div::before,
.no_02 > div > div::after{
	background-color:#33BDBA !important;
}
.no_03 > div > div::before,
.no_03 > div > div::after{
	background-color:#ED8C8C !important;
}



/*時計付きリスト*/
#time_list > li > time::before{
	display:block;
	font-weight:300;
}

#time_list > li > time span:first-of-type{
	font-size:1.2rem;
}

#time_list > li > time span:first-of-type::before {
	content: "\A" ;
	white-space: pre ;
}

#time_list > li > time span + span{
	font-size:.8rem;
	letter-spacing:-1px;
}

#time_list > li > time  span + span::after {
	content: "\A" ;
	white-space: pre ;
}


/*取材コンテンツ・提携メディア*/
.cov_summary,
#media > dd{
	display:flex;
}
#media > dd{
	align-items: flex-start;
}

.cov_summary > *,
#media > dd > *{
	width:50%;
	box-sizing:border-box;
}

.cov_summary > a,
.cov_summary > span{
	background-color:#E6E6E6;
}

#media > dd > figure{
	padding-bottom:50%;
}


#coverage_list .cov_summary::before,
#media > dd::before{
	bottom:33%;
}

#coverage .cov_summary::before{
	bottom:-300px;
}

#coverage .cov_summary::after{
	bottom:-600px;
}

.cov_summary > div > a,
#coverage .cov_summary h3{
	margin:10px 0;
}

.cov_summary > div,
#media > dd > div{
	padding:40px;
}

#media > dd > div > p{
	margin-bottom:15px;
}

.cov_summary > div > span,
#media > dd > div > span{
	padding-bottom:5px;
	display:inline-block;
}

#coverage > figure{
	margin:40px 0;
}

.cov_img > div{
	display:flex;
	align-items: flex-start;
}

.cov_img > div > img{
	width:170px;
	flex:0 0 170px;
	margin-right:30px;
}

.cov_img > div:last-child{
	margin-bottom:15px;
}

.cov_img > div p{
	font-size:.95rem;
}
.cov_img > div p span{
	font-size:1.2rem;
}



/*比較リスト*/
#comp_table{
	cursor:grab;
}

#comp_table tr > *{
	width:340px;
	min-width:340px;
	max-width:340px;
}


/*リスト広告*/
.list_ad{
	margin-top:15px !important;
	margin-bottom:15px !important;
}

#ad_bottom > li,
.list_ad{
	box-sizing:border-box;
}

#ad_bottom > li,
.list_ad > aside{
	display: flex;
	align-items: center;
	min-width:1px;
}

.list_ad{
	width:calc(100% - 10px) !important;
	flex-wrap: nowrap !important;
}

#super_list .list_ad,
#ranking_list .list_ad,
#single_list .list_ad,
#coverage_list .list_ad{
	width:100% !important;
}

#ad_bottom > li > a,
.list_ad > aside > a{
	width:45% !important;
	margin:0 20px 0 0 !important;
	flex:0 0 auto;
}

#ad_bottom > li > div,
.list_ad > aside > div{
	flex:1 1 auto;
}



/*見出しMORE*/
#t_super > a,
#t_itw > a,
#p_up > a,
#s_blog > a{
	line-height:47px;
}
#t_super > a::after,
#t_itw > a::after{
	margin-left: 2px;
}

#t_rank > div > section > a,
#newarrival > div > section > a{
	position:absolute;
	top:0;
	line-height:47px;
}

#t_rank > div > section > a::after,
#newarrival > div > section > a::after,
#p_up > a::after{
	content: "\2192";
	font-family:'icon';
	font-size:16px;
	vertical-align:-2px;
	margin-left:2px;
}

#p_up > a{
	text-align:right;
}



/*TOPページ*/
/* #home header{
	padding-bottom:20px;
} */
#home header + main{
	margin-top:-20px;
}

/*プライムウィンドウ広告*/
.ad_pw header{
	position:relative;
	z-index:100;
}

.ad_pw #ad_head,
.ad_pw footer,
.ad_pw #top_slide{
	position:relative;
	z-index:10;
}

#home #main_area > aside::before{
	width:calc(100% - 272px);
	max-width:calc(1080px - 272px);
}


/*TOPお知らせ*/
#new_area span{
	width:50px;
	margin-top:-19px;
}

#new_area span::after{
	content:"お知らせ";
	font-size:.8rem;
	white-space:nowrap;
	display:block;
	text-align:center;
	line-height:12px;
}

/*TOP取材コンテンツ*/
.scroll_list{
	/* width:calc(100% + 40px) !important; */
	box-sizing:border-box;
	background-color: #F3F0E7;
  /* background-image: linear-gradient(45deg,  #F1D9E2 25%, #F1D9E2 25%, transparent 25%, transparent 75%, #F1D9E2 75%, #F1D9E2 75%), */
                    linear-gradient(-135deg, #F1D9E2 25%, #F1D9E2 25%, transparent 25%, transparent 75%, #F1D9E2 75%, #F1D9E2 75%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}

.scroll_list > li{
	width:calc(20% - 10px);
}



/*TOPランキング*/
#t_rank > div ol{
	display:flex;
}

#t_rank > div ol > li{
	width:calc(25% - 20px);
	margin:0 10px;
	text-align:center;
}


/*新着求人*/
#newarrival > div{
	display:flex;
}

#newarrival > div > section{
	width:calc(100% / 3);
}

#n_recruit > ul > li,
#n_movie > ul > li{
	position:relative;
}
#n_recruit > ul > li > div,
#n_movie > ul > li > div{
	position:absolute;
	height:0;
	padding:0 10px;
	box-sizing:border-box;
	left:0;
	right:0;
	overflow:hidden;
	background-color:rgba(0,0,0,.5);
	transition:all .2s linear;
	line-height:1.4;
}
#n_recruit > ul > li > div *,
#n_movie > ul > li > div *{
	color:#FFFFFF !important;
}
#n_recruit > ul > li:hover > div,
#n_movie > ul > li:hover > div{
	height:50px;
	padding:10px;
}

#n_blog > ul > li{
	display:flex;
}

#n_blog > ul > li > a{
	width:50%;
	flex:0 0 50%;
	margin-right:10px;
}

#n_blog > ul > li > div{
	width:50%;
	min-width:1px;
}



/*TOP期間限定の稼げる特典*/
#t_super > ul{
	display:flex;
}

#t_super > ul > li{
	width:25%;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
}

#t_super > ul > li::before{
	transform: rotate(-45deg);
	left:-35px;
}

#t_super .graph_early,
#t_super .graph_middle,
#t_super .graph_last{
	margin-bottom:45px;
}
.graph_early > p,
.graph_middle > p,
.graph_last > p{
	text-align:center;
	left:0;
	right:0;
	line-height:20px;
	bottom:-30px;
}

.ts_head{
	padding:10px 0 5px;
	order:5;
}

.ts_foot{
	order:10;
}


/*キャストインタビュー共通*/
#t_itw > ul > li,
#s_itw > ul > li{
	flex:0 0 auto;
	width:180px;
}

#t_itw > ul > li > a,
#s_itw > ul > li > a{
	margin:0 15px;
}

#t_itw > ul > li > div,
#s_itw > ul > li > div{
	padding:5px 10px;
	background-color:rgba(255,255,255,.8);
	margin-top:-15px;
	position:relative;
}

#s_itw > ul > li > div a{
	text-align:justify;
}

/*特集*/
#feat_01{
	display:flex;
	flex-wrap:wrap;
	margin:50px -5px 0;
}

#feat_01 > li{
	width:calc(50% - 10px);
	margin:5px;
}



/*TOP下・左共通*/

#p_up h2 svg,
#t_rbn{
	width:180px;
	height:44px;
	display:block;
	margin:0 auto 0;
}

#p_up h2::before,
#helpful h2::after{
	width:26px;
	height:26px;
	background-size:26px;
}

#p_up h2::before{
	margin-left:-86px;
}

#helpful h2::after{
	margin-left:59px;
	transform: scale(-1, 1);
}

#p_up h2::after{
	bottom:-17px;
	width:8px;
	height:8px;
	background-size:8px;
	margin-right:-80px;
}

#helpful h2 span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	text-align:center;
	line-height:40px;
}


/*ピックアップ*/
#p_up > ul > li{
	position:relative;
}

#p_up > ul > li > div{
	position:absolute;
	font-size:.9rem;
	bottom:10px;
	left:10px;
	right:10px;
	line-height:1.4;
	background-color:rgba(255,255,255,.8);
}


/*お役立ち情報*/
#helpful{
	border-radius:5px;
}

#s_chara{
	width:48px;
	height:56px;
	top:-5px;
	left:-5px;
}

#helpful > *:last-child{
	border-radius:0 0 5px 5px;
	overflow:hidden;
}

#helpful > ul > li > p{
	margin-top:5px;
	font-size:.95rem;
}

#helpful > ul > li > p a{
	text-align:center;
}



/*店舗*/
#s_super > span{
	background-color:#FF597A;
	color:#FFFFFF;
	border-radius:3px;
	padding:2px;
}


/*店舗上位背景色*/
.s_sp,
.s_pm,
.s_ut{
	background-color:#F2F2FA;
}



/*店舗ヘッダー*/
#shop > header{
	background-color:rgba(246,246,246,.8);
	position:absolute;
	top:0;
	box-sizing:border-box;
	width:100vw;
	left:50%;
	transform: translateX(-50%);
	padding:10px 0;
}

#shop > header > *{
	border-right:transparent 100px solid;
}
#shop > header h2{
	white-space:normal;
}

#shop{
	padding-top:123px;
}

#shop > header ul{
	display:inline-flex;
}
#shop > header ul li{
	border-radius:2px;
	padding:0 5px;
	margin-right:5px;
}

#shop > header dl{
	display:inline;
}

#shop > figure{
	padding-top:1px;
	width:calc(100% + 40px);
}

#s_fbtn{
	position:absolute;
	top:0;
	right:0;
	width:100px;
	height:103px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#s_fbtn a{
	font-size:.9rem;
	line-height:1.2;
}

#s_fbtn a span{
	display:block;
	font-size:28px;
}


/*店舗期間限定の稼げる特典*/
#s_super:after {
	content:" ";
	display:block;
	clear:both;
}

#s_super .graph_middle,
#s_super .graph_last,
#s_super .graph_early{
	float:left;
}
#s_super > p{
	margin-left:180px;
}

#s_super > span{
	display:inline-block;
	border-radius:3px;
	padding:1px 8px 2px;
	line-height:2;
}

#s_super > p span{
	margin:10px 0;
}




/*店舗 入店特典・ライン*/
#s_spgift,
#s_line{
	display:flex;
}

#s_spgift > *,
#s_line > *{
	width:50%;
	box-sizing:border-box;
}

#s_spgift > p,
#s_line > div{
	align-self:center;
}

#s_spgift h3,
#s_line h3{
	min-height:180px;
}

#s_spgift h3 span{
	font-size:40px;
}

#s_line > div p{
	font-size:1.2rem;
}


/*店舗求人情報*/
#s_info > dl{
	display:flex;
	flex-wrap:wrap;
}

#s_info > dl > *{
	padding:15px;
}

#s_info > dl > dt{
	width:120px;
	display:flex;
	align-items: center;
}

#s_info > dl > dd{
	flex:1 1 calc(100% - 180px);
	width:calc(100% - 180px);	
}


/*店舗求人ムービー*/
#s_movie > ul > li:after {
	content:"";
	display:block;
	clear:both;
}

#s_movie > ul > li > div{
	float:left;
	width:40%;
}

#s_movie > ul > li > p{
	margin-left:40%;
}

/*店舗ブログ一覧*/
#s_blog > ul{
	display:flex;
}

#s_blog > ul > li{
	width:calc(25% - 30px);
}

#s_blog > ul > li > div{
	margin:-15px 10px 0;
	background-color:#FFFFFF;
	padding:10px;
	border-radius:3px;
	box-shadow:1px 1px 3px rgba(0,0,0,.3);
	position:relative;
}

#s_blog > ul > li > div time{
	margin-top:5px;
	display:block;
}




/*店舗店長プロフィール・キャストインタビュー*/
#s_prof:after,
#c_itw > li:after{
	content:"";
	display:block;
	clear:both;
}

#s_prof > figure,
#s_prof > div,
#c_itw > li > figure,
#c_itw > li > div{
	float:left;
}

#s_prof > div,
#c_itw > li > div{
	clear:both;
	width:140px;
}


/*フリースペース*/
.f_half{ 
	height: 360px;
}



/*フリーギャラリー*/
.f_gallery > div > a{
	flex:0 0 200px;
	width:200px;
	height:200px;
}


/*系列ショップ*/
#g_shop > ul{
	flex-wrap:wrap;
}

#g_shop > ul > li{
	width:calc(100% / 3);
	box-sizing:border-box;
}

#g_shop > ul > li > a[style^="background-image"]{
	margin:0 auto 15px;
	max-width:110px;
}

#g_shop > ul > li:nth-child(-n+3){
	padding-top:0;
}

#g_shop > ul > li:nth-last-child(-n+3){
	padding-bottom:0;
}

/*チャット*/
.chat > #main_area > form > div{
	align-items: center;
}

.chat > #main_area > form textarea{
	width:440px;
	height:50px;
	padding-right:60px;
}

.chat > #main_area > form input[type="button"]{
	position:absolute;
	left:50%;
	margin-left:200px;
}





/*認証画面*/
#authn > div > div > input[type="button"]{
	height:60px;
	font-size:1.6rem;
}
#authn > div > div > input[type="button"]:hover {
    background-color: #00764a;
}



/*比較リストポップアップ*/
#ifrm > *{
	max-width:1080px;
	width:calc(100% - 60px);
	margin:15px auto;
}
#ifrm > .comment{
	width:calc(100% - 90px);
}
#comp_p_list{
	padding:15px;
}

#comp_p_list > form{
	padding:10px;
	border-radius:6px;
}

#comp_p_list > form button{
	width:180px;
}


/*PRコメント*/
#s_pr{
	padding: 30px 30px;
}

}

@media all and (-ms-high-contrast:none){ /* IE11 */
	body > main h2,
	body > main h3,
	body > main h4{
		padding-top:15px;
		padding-bottom:18px;
	}
	
	#s_fbtn > a span{
		color:rgba(246,246,246,1);
		text-shadow: 1px 1px 1px #EA4488, -1px 1px 1px #EA4488, 1px -1px 1px #EA4488, -1px -1px 1px #EA4488;
	}
	
	#s_fbtn .fbtn_on span{
		text-shadow:none;
	}
}