body {
	line-height: 1.6;
	font-size: 14px;
}
.wrap{
	font-family: 'Roboto', 'Noto Sans JP', YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", 'ＭＳ Ｐゴシック',sans-serif;
}

.fnt_jas { font-family: 'Noto Serif JP', serif; }
.fnt_22 { font-family: Meiryo, "メイリオ", 'ＭＳ Ｐゴシック',sans-serif !important; }

a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	color: #509c22;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
a img {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease; backface-visibility: hidden; }
a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
a:hover img.non_ef{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

a:hover img.mono{
  -webkit-filter: grayscale(0.9);
  filter: grayscale(0.9);
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter:alpha(opacity=60)\9;
	-moz-opacity: 0.6\9;
	opacity: 0.6\9;
}
/* 
a:hover img.sepia{
  -webkit-filter: sepia(0.7);
  filter: sepia(0.7);
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter:alpha(opacity=60)\9;
	-moz-opacity: 0.6\9;
	opacity: 0.6\9;
}
*/
@media all and (-ms-high-contrast: none){
a:hover img.mono{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/*
a:hover img.sepia{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
	*/
}

p { margin: 0 0 20px 0; }



#ss-footer p { margin-top: 8px; margin-bottom: 0; }



/* テキスト回り */
h2 { margin: 0; padding: 0; }
h2.h2_nrm { text-align: center; color: #187f28; font-weight: bold; font-size: 40px; margin: 45px 0; }
h2.h2_nrm span { 
	font-size: 110%;
}
@media all and (max-width: 767px) {
h2.h2_nrm { font-size: 36px; margin: 40px 0 20px; }
h2.h2_nrm span { font-size: 110%; }
}
@media all and (max-width: 480px) {
h2.h2_nrm { font-size: 30px; margin: 30px 0 15px; }
}

.txt_lsp1 { letter-spacing: 1px; }
.txt_lsm00 { letter-spacing: 0px !important; }
.txt_lsm10 { letter-spacing: -10px !important; }
.txt_lsm2 { letter-spacing: -2px !important; }
.txt_lsm25 { letter-spacing: -2.5px !important; }
.txt_lsm35 { letter-spacing: -3.5px !important; }
.txt_lsm5 { letter-spacing: -5px !important; }
.txt_lsm6 { letter-spacing: -6px !important; }
.txt_lsm1 { letter-spacing: -1px !important; }
.txt_lsm15 { letter-spacing: -1.5px !important; }
.txt_lsm05 { letter-spacing: -0.5px !important; }
.txt_lh16 { line-height: 1.6; }
.txt_125 { font-size: 125%; }
.txt_110 { font-size: 110%; }
.txt_90s { font-size: 90% !important; }
@media all and (max-width: 1200px) {
.txt_90s { font-size: 100% !important; }
}
.txt_90 { font-size: 90%; }
.txt_80 { font-size: 80%; }
.txt_70 { font-size: 70%; }
.txt_fN { font-weight: normal !important; }
.txt_fN strong { font-weight: bold; }
.txt_TS { font-weight: bold; font-size: 125%; }
.txt_cl { text-align: center; }
.txt_cl2 { text-align: center; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_rc { text-align: right; }
.txt_rr { text-align: right; }
.txt_rl { text-align: right; }
.txt_rl2 { text-align: right; }
.txt_cd { font-size: 14px; background: #A4A4A4; color: #fff; padding: 1px 6px; display: inline-block; }
@media all and (max-width: 1024px) { .txt_TS { font-size: 110%; } }
@media all and (max-width: 767px) { .txt_TS { font-size: 105%; } .txt_cl { text-align: left; } .txt_rl2 { text-align: left; } .txt_rc { text-align: center; }}
@media all and (max-width: 480px) { .txt_cl2 { text-align: left; } .txt_r { text-align: left; }
.txt_rl { text-align: left; } }
.wball { word-break: break-all; } 
.color_red { color: #e83220; }
@media all and (min-width: 768px) {.w_fc { background-color: rgba( 255, 255, 255, 0.90 ); padding-right: 12px; position: relative; z-index: 88;}}

/* 画像関係 */

.w100 { max-width: 100%; }
.w80 { max-width: 80%; }
.w80r { max-width: 80%; }
.w70 { max-width: 70%; }
.w60 { max-width: 60%; }
.w50 { max-width: 50%; }
.w55 { max-width: 45%; }
.w25 { max-width: 25%; }
.w30 { max-width: 30%; }
.w40 { max-width: 40%; }
.wTKS { max-width: 50%; }
.mg_auto { margin: 0 auto; }
.trivia_img { max-width: 55%; }
.trivia_img2 { max-width: 45%; }
.phRR { float: right; margin: 0 0 15px 15px; }
.phR { float: right; margin: 0 0 15px 15px; }
.phL { float: left; margin: 0 15px 15px 0; }
.phR2 { float: right; margin: 0 0 20px 30px; }
.phL2 { float: left; margin: 0 30px 20px 0; }
.phR3 { float: right; margin: 0 0 15px 15px; }
@media all and (max-width: 767px) {
.w60,.w70,.w80 { max-width: 100%; }
.w55 { max-width: 80%; }
.w25 { max-width: 36%; }
.w40 { max-width: 35%; }
.phR { float: none; margin: 0 0 10px 0; }
.phL { float: none; margin: 0 0 10px 0; }
.phR2 { float: none; margin: 0 0 20px 0; }
.phL2 { float: none; margin: 0 0 20px 0; }
.w50 { max-width: 100%; }
.trivia_img { max-width: 75%; }
.trivia_img2 { max-width: 60%; }
}


@media all and (max-width: 640px) {
.wTKS { max-width: 60%; }
}
@media all and (max-width: 480px) {
.wTKS { max-width: 70%; }
.w25 { max-width: 100%; }
.w30 { max-width: 40%; }
.w40 { max-width: 100%; }
.w55 { max-width: 100%; }
.phRR { float: right; margin: 0 0 2px 10px; }
.phR3 { float: none; margin: 0 0 10px 0; }
.trivia_img { max-width: 100%; }
.trivia_img2 { max-width: 80%; }
}
#skip { display: none; }

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

header {
   width: 100%;
   margin: 0 auto;
   position: relative;
}

.container {
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 15px;
	box-sizing: border-box;
}
.container2 {
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0;
	box-sizing: border-box;
}

@media all and (min-width: 768px) {
	.container { min-width: 768px; }
	.container2 { min-width: 768px; }
}


#logo {
  width: 100%;
  text-align: center;
  background-image: url(../images/common/head_bg.jpg);
  background-position: 13px center;
  background-size: 240px auto;
  background-repeat: no-repeat;
}
#logo img { height: auto; width: 300px; }
#nav_btn { position: absolute; top: 7px; right: 56px; }
.shtk_logo { border: none; width: 140px; height: auto; margin-top: 3px; }
@media all and (max-width: 767px) {
	#logo { background: none; }
	.container { padding: 0 20px; }
	#logo img { height: auto; width: 280px; }
	#nav_btn { position: absolute; top: 6px; right: 56px; }
}
@media all and (max-width: 480px) {
header {
   margin: 0 auto;
}
#logo {
  text-align: left;
  padding-left: 5px;
}
#logo img { height: auto; width: 240px; }
#nav_btn { position: absolute; top: 5px; right: 48px; }
}

.clear {
   clear: both;
}



/******************************
シェアボタン設定
******************************/
.social-area-syncer{
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}

/* [ul]要素 */

ul.social-button-syncer{
	overflow: hidden;
	margin: 0;
	padding-right: 0;
	border: none;
	list-style-type: none;
}

/* [li]要素 */
ul.social-button-syncer li{
	overflow: hidden;
	float: left;
	text-align: center;
	height: auto;
	margin: 0;
	padding:0;
}

/* 各種ボタン */
/* [Twitter] */
.sc-tw{
	width: 75px;
}

/* [Facebook] */
.sc-fb{
	width: 78px;
}
@media all and (max-width: 640px) {
.social-area-syncer{
	position: relative;
	float: right;
	display: block;
	top:0;
	margin-right: -8px;
}
}

/* header */
#header { background: #d1dc00; padding: 15px 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); margin: 6px 0 0; }
#ss-header ul#headerlogo { width: 100%; max-width: 1220px; }

.copy_ttl {position: absolute; top: -48px; left: 15px; font-weight: bold; font-size: 90%;}

/* content */

#content { padding-bottom: 30px; background: #fafbe5; }
#top_menu { background: url("../images/common/bg01.gif"); width: 100%; height: 263px; position: relative; overflow: hidden; z-index: 1; margin-bottom: 30px; }

#top_menu::before { background: #e0e0e0; width:50%; position: absolute; top:0; left: 50%; height: 263px; z-index: 5; content: ""; margin-left: 290px; }

#top_menu::after { width: 100%; height: 9px; content: ""; background: url("../images/common/bg02.gif"); display: block; position: absolute; bottom: 0; left: 0; z-index: 8; }

#hitokoma {position: absolute; top:-25px;right:0; z-index:55;}

#top_menu ul { margin: 25px 360px 0 0; list-style: none; position: relative; }
#top_menu ul li { width: 16.5%; float: left; margin-right: 2.5%; margin-bottom: 9px; }
#top_menu ul li img { width: 100%; }

@media all and (max-width: 1200px) {
#top_menu ul li { width: 17.7%; float: left; margin-right: 2%; margin-bottom: 9px; margin-top: 2px; }	
}
@media all and (max-width: 1100px) {
#top_menu ul li { width: 18.4%; float: left; margin-right: 1%; margin-bottom: 12px; }	
}
@media all and (max-width: 1024px) {
#top_menu ul li { width: 19%; float: left; margin-right: 0%; margin-bottom: 12px; margin-top: 8px; }	
}
@media all and (max-width: 767px) {
	#top_menu { height: auto !important; overflow: visible; }
	#hitokoma { width: 56%; display: block; top:0; position: relative; float: right; margin: 0 -20px 0 0; }
	#hitokoma img { max-width: 100%; }
	#top_menu::before { display: none; }
	#top_menu ul { width: 54%; margin: 11px 0 0 0; float: left; margin-right: -18%; }
#top_menu ul li { width: 24%; float: left; margin-right: 1%; margin-bottom: 3px; margin-top:0; }
#top_menu ul li:nth-child(7) { margin-right: 26%; }		
	.top_btn01{ position: absolute; top:0;right: -26%; z-index: 99;}
}
@media all and (max-width: 640px) {
	#top_menu ul { display: none; }
	#hitokoma { width: 100%; text-align: center; margin: 0 0 9px; }
	#top_menu { background: #e0e0e0; }
	.copy_ttl { font-size: 73%; left: 8px;}
}
@media all and (max-width: 360px) {
	.copy_ttl { font-size: 65%; letter-spacing: -0.7px; left: 4px; }
}


/* TOP コンテンツブロック */
.flex_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-content: space-between; width: 100%; justify-content: flex-start; }
.flex_4 { flex-basis: 23.8%; background: #fff; margin-left: 1.6%; margin-bottom: 20px; color: #000; }
.flex_4:nth-child(4n+1) { margin-left: 0; }
.flex_txt { padding: 9px; font-weight: 500; margin-bottom: 0; }
@media all and (max-width: 767px) {.flex_4 { flex-basis: 32%; margin-left: 2%; }.flex_4:nth-child(4n+1) { margin-left: 2%; }.flex_4:nth-child(3n+1) { margin-left: 0; }}
@media all and (max-width: 640px) {.flex_4 { flex-basis: 48.5%; margin-left: 3%; }.flex_4:nth-child(4n+1),.flex_4:nth-child(3n+1) { margin-left: 3%; }.flex_4:nth-child(2n+1) { margin-left: 0; }}
@media all and (max-width: 480px) {.flex_4 { flex-basis: 100%; margin-left: 0 !important; }}

.top_box11 { width: 100%; margin-bottom: 32px; background: #fff; }
.top_box_22_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_box22 { float: left; width: 48.5%; margin-bottom: 32px; background: #fff; position: relative; }
.top_box11 p, .top_box22 p { margin-bottom: 11px; }
.top_box22 a, .top_box11 a { color: #000; }
.top_box11:hover a span, .top_box22:hover a span { text-decoration: none; }
.top_box22:nth-child(2n+1) { margin-left: 0; clear: both; }
@media all and (max-width: 767px) {
.top_box22 { float: none; width: 100%; margin-left: 0; }
.top_box22:nth-child(2n+1) { margin-left: 0; }	
}
h2.top_ttl { background: #cfdb15; font-size: 16px; font-weight: bold; text-align: center; margin: 0; padding: 6px;}
h2.top_ttl span {font-size: 90%;}
a.non_deco { text-decoration: none !important; }
.non_deco2 { border: none !important; padding: 0 !important; }
a h2.top_ttl { color: #000!important;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease; backface-visibility: hidden; }
a:hover h2.top_ttl { background: #000; }
a:hover h2.top_ttl { color: #fff!important; }
.top_txt {margin: 0; font-weight: bold; height: auto; display: block; box-sizing: content-box; overflow: hidden; position: relative; font-size: 16px; letter-spacing: -0.3px; line-height: 1.5; }


.top_txt span.vol_num {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 80%;
	min-width: 64px;
	text-align: center;
	border: 1px solid;
	padding: 1px 4px 0;
	margin-right: 8px;
	position: relative;
	line-height: 1.2;
	color: #fff; }
.top_txt span.nrm_txt {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 100%;
	min-width: auto;
	text-align: left;
	border: none;
	padding: 0px;
	margin-right: 0;
	position: relative;
	top:0;
	display: inline;
	line-height:1.5; }
.top_txt span.nrm_txt1 {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 93%;
	min-width: auto;
	text-align: left;
	border: none;
	padding: 0px;
	margin-right: 0;
	position: relative;
	top:0;
	display: inline;
	line-height:1.5; }
.top_txt span.nrm_txt2 {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 70%;
	min-width: auto;
	text-align: left;
	border: none;
	padding: 0px;
	margin-right: 0;
	position: relative;
	top:0;
	display: inline;
	line-height:1.5; }
@media all and (max-width: 1024px) {.top_txt span.nrm_txt2{font-size: 78%;}.top_txt span.nrm_txt1{font-size: 100%;}}
.top_img { position: relative; overflow-y: hidden; }
.icon_new::before { content: url(../images/top/new.png); position: absolute; right: 0; bottom: -7px; z-index: 5;}

a:hover .img_thumb { border: 6px solid;}
.img_thumb { width: 100%;  }
.icon_new::before { content: url(../images/top/new.png); position: absolute; right: 0; bottom: -7px; z-index: 5;}



.box_4SP,.box_4SP2 { width: 23.8%; margin-left: 1.6%; float: left; margin-bottom: 20px; background: #fff; position: relative; }
.box_4SP:nth-child(4n+1),.box_4SP2:nth-child(4n+1) { clear: both; margin-left: 0; }

.box_4SP2 h2.top_ttl {line-height: 1.3;}
@media all and (max-width: 767px) {
.box_4SP,.box_4SP2 { width: 32%; margin-left: 2%; float: left; margin-bottom: 20px; background: #fff; position: relative; }
.box_4SP:nth-child(4n+1),.box_4SP2:nth-child(4n+1) { clear: inherit; margin-left: 2%; }
.box_4SP:nth-child(3n+1),.box_4SP2:nth-child(3n+1) { clear: both; margin-left: 0; }
h2.top_ttl span {letter-spacing: -1.3px;}
	.top_txt　{ font-size: 14px; }
}

@media all and (max-width: 640px) {
.box_4SP,.box_4SP2 { width: 48.5%; margin-left: 3%; float: left; margin-bottom: 20px; background: #fff; position: relative; }
.box_4SP:nth-child(4n+1),.box_4SP2:nth-child(4n+1) { clear: inherit; margin-left: 3%; }
.box_4SP:nth-child(3n+1),.box_4SP2:nth-child(3n+1) { clear: inherit; margin-left: 3%; }
.box_4SP:nth-child(2n+1),.box_4SP2:nth-child(2n+1) { clear: both; margin-left: 0; }
h2.top_ttl span {letter-spacing: 0;}
}

@media all and (max-width: 480px) {
.box_4SP { width: 100%; margin-left: 0 !important; float: left; margin-bottom: 20px; background: #fff; position: relative; }
h2.top_ttl span {letter-spacing: 0; font-size: 100%;}
.box_4SP2 h2.top_ttl {letter-spacing: 0; font-size: 14px; line-height: 1.2;}
.box_4SP2 h2.top_ttl span {letter-spacing: -0.5px; font-size: 12px;}
}

@media all and (max-width: 380px) {
.box_4SP2 h2.top_ttl span {letter-spacing: -0.7px; font-size: 11px;}
}


.box_3SP { width: 32%; margin-left: 2%; float: left; margin-bottom: 20px; background: #fff; position: relative; }
.box_3SP:nth-child(3n+1) { clear: both; margin-left: 0; }
.box_3SP2 { width: 33.33333%; float: left; margin: 0; position: relative; }
@media all and (max-width: 767px) {
.box_3SP2 { width: 100%; margin-bottom: 30px; }
.box_3SP2:last-child { margin-bottom: 0; }
}
.box_3SP2_2 { width: 33.33333%; float: right; margin: 0; position: relative; }
@media all and (max-width: 767px) {
.box_3SP2_2 { width: 100%; margin-bottom: 30px; }
.box_3SP2_2:last-child { margin-bottom: 0; }
}
@media all and (max-width: 640px) {
.box_3SP { width: 48.5%; margin-left: 3%; float: left; margin-bottom: 20px; background: #fff; position: relative; }
.box_3SP:nth-child(3n+1) { clear: inherit; margin-left: 3%; }
.box_3SP:nth-child(2n+1) { clear: both; margin-left: 0; }
}


@media all and (max-width: 480px) {
.box_3SP { width: 100%; margin-left: 0 !important; float: left; margin-bottom: 20px; background: #fff; position: relative; }
}



/******************************
下層
******************************/
.breadcrumb { padding: 22px 0 15px; margin: 0 0 15px; }
.ttl_box { background: #fff url(../images/common/ttl_bg.png) right 0 no-repeat; height:96px; position: relative; padding-top: 2px; }
.ttl_box h2 { margin: 0 180px 0 0; padding: 0; }
.ttl_box h2 img { max-width: 100%; }
.intro_box { background: #fff; border: 6px solid #cfdb15; padding: 6px; }
.intro_box p { margin: 0; }
.intro_W { padding: 12px; font-size: 18px; }
.intro_L { width: 50%; float: left; padding: 12px; font-size: 18px; box-sizing: border-box; }
.intro_R { width: 50%; float: left; padding: 12px 15px; font-size: 14px; box-sizing: border-box; background: #fffbc1; }
.intro_ttl { font-size: 150%; font-weight: bold; line-height: 1.2; padding-bottom: 4px; }
.intro_ttl span { font-size: 85%; }
@media all and (max-width: 767px) {
.intro_L, .intro_W { font-size: 16px; }
.intro_R { font-size: 12px; }
}
@media all and (max-width: 640px) {
.intro_L { width: 100%; float: none; padding: 12px; }
.intro_R { width: 100%; float: none; padding: 12px 15px; }
.ttl_box { height: auto; padding-bottom: 10px; }
.ttl_box h2 { margin: 0; }
}


h3.vol_ttl { font-size: 26px; font-weight: 700; color: #000; position: relative; margin-bottom: 24px; }
h3.vol_ttl span.ttl_tag { border-radius: 5px; font-size: 16px; font-weight: 500; margin-right: 12px; display: inline-block; color: #fff; padding: 7px 12px 6px; line-height: 1.0; position: relative; top: -4px; }

.ncat_radio h3.vol_ttl span.ttl_tag { border-color: #05a45b; background: #05a45b; }
.ncat_essay h3.vol_ttl span.ttl_tag { border-color: #87b1ca; background: #87b1ca; }
.ncat_master h3.vol_ttl span.ttl_tag { border-color: #d3111a; background: #d3111a; }
.ncat_scope h3.vol_ttl span.ttl_tag { border-color: #c0ca1c; background: #c0ca1c; }
.ncat_date h3.vol_ttl span.ttl_tag { border-color: #c4a4cb; background: #c4a4cb; }
.ncat_clinic h3.vol_ttl span.ttl_tag { border-color: #eb503c; background: #eb503c; }
.ncat_playlist h3.vol_ttl span.ttl_tag { border-color: #21ccc3; background: #21ccc3; }
.ncat_vs h3.vol_ttl span.ttl_tag { border-color: #27c557; background: #27c557; }
.ncat_insta h3.vol_ttl span.ttl_tag { border-color: #94b8e5; background: #94b8e5; }
.ncat_manga h3.vol_ttl span.ttl_tag { border-color: #978f74; background: #978f74; }
.manga_pa { border-radius: 5px; font-size: 135%; font-weight: 500; margin-right: 12px; display: inline-block; color: #fff; padding: 7px 12px 6px; line-height: 1.0; position: relative; top: -4px; border-color: #978f74; background: #978f74;}


@media all and (max-width: 640px) {
h3.vol_ttl { font-size: 22px; }
.manga_pa { font-size: 125%;}
}
.cat_radio { background: #ccddf2; }
.cat_mirai { background: #fab2a7; }
.cat_trivia { background: #f6c7cf; }
.cat_tool { background: #48d476; }
.cat_master { background: #d8c7e2; }
.cat_insta { background: #fff; border-bottom: 1px solid #dedede; }
.cat_backnumber { background: #67eef9; }
.cat_timetrip { background: #e6d599; }
.cat_wonderful { background: #ded6f7; }
.cat_movie { background: #f9c446; }
.cat_topics { background: #cfdb15; }



.brd01 { background: url(../images/common/brd01.png); width: 100%; height: 6px; margin: 30px 0; display: block; }
.brd02 { background: url(../images/common/brd01.png); width: 100%; height: 6px; margin: 0 0 30px; display: block; }
.brd03 { height: 1px; width: 100%; border-bottom: 1px dashed #aaa; margin: 20px 0; }
.brd04 { height: 1px; width: 100%; border-bottom: 1px dashed #aaa; margin: 40px 0; clear: both; }

.box_table { width: 100%; display: table; table-layout:fixed; }
.table_L { width: 50%; height: 100%; display: table-cell; border-right: 1px dashed #777; padding: 0 20px 0 0; vertical-align: top; }
.table_R { width: 50%; height: 100%; display: table-cell; padding: 0 0 0 20px; vertical-align: top; }
@media all and (max-width: 640px) {
.box_table { width: 100%; display: block; }
.table_L { width: 100%; height: auto; display: block; border-right: none; border-bottom: 1px dashed #777; padding: 0 0 20px 0; }
.table_R { width: 100%; height:auto; display: block; padding: 20px 0 0 0; }
}

.tag01 { border: 1px solid #000; display: inline-block; font-size: 90%; font-weight: bold; margin-right: 12px; padding: 0 10px; }


.box_nav { width: 73%; float: left; }
.nav_img { width: 24%; margin-left: 3%; float: right; }
.nav_img img { width: 100%; }
@media all and (max-width: 480px) {
.box_nav { width: 100%; float: none; margin-bottom: 10px; }
.nav_img { width: 100%; margin-left: 0; float: none; text-align: center; }
.nav_img img { width: 40%; min-width: 120px; }
}
.faw_icon { font-size: 120%; margin-right: 10px; }

.p_fkd { margin-right: 15px; }
.present_ttl { display: inline-block; font-size: 125%; font-weight: bold; color:#e4007f; position: relative; font-style: italic; line-height: 1.2; }
.present_ttl::before { content: ""; background: url(../images/common/bg03.gif) 0 0 repeat-x; width: 100%; height: 4px; bottom:-6px; left:0; position: absolute; z-index: 0; }
@media all and (max-width: 767px) {.present_ttl { font-size: 120%; font-weight: bold; color:#e4007f; }}
/* To TOP */
.page-top{
    position: fixed;
    bottom: 36px;
    right: 36px;
    -ms-filter: "alpha(opacity=90)";
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	width:30px;
	height:30px;
	z-index: 10;
	
}
.page-top:before{
	content: url(../images/btn_arrowTop.png);
}
.page-top span{
	visibility:hidden;
	}

/* レイアウト調整用 */
.mgB0 { margin-bottom: 0 !important; }
.mgB6 { margin-bottom: 6px !important; }
.mgB8 { margin-bottom: 8px !important; }
.mgB10 { margin-bottom: 10px !important; }
.mgB13 { margin-bottom: 13px !important; }
.mgB20 { margin-bottom: 20px !important; }
.mgB30 { margin-bottom: 30px !important; }
.mgB40 { margin-bottom: 40px !important; }
.mgB50 { margin-bottom: 50px !important; }
.mgB60 { margin-bottom: 60px !important; }
.mgB70 { margin-bottom: 70px !important; }
.mgB80 { margin-bottom: 80px !important; }
.mgBM10 { margin-bottom: -10px !important; }
.mgBM20 { margin-bottom: -20px !important; }
.mgBM30 { margin-bottom: -30px !important; }
.mgBM40 { margin-bottom: -40px !important; }
.mgBM50 { margin-bottom: -50px !important; }
.pdT0 { padding-top: 0px !important; }
.mgT0 { margin-top: 0px !important; }
.mgT10 { margin-top: 10px !important; }
.mgT20 { margin-top: 20px !important; }
.mgT30 { margin-top: 30px !important; }
.mgT40 { margin-top: 40px !important; }
.mgT50 { margin-top: 50px !important; }
.mgT60 { margin-top: 60px !important; }
.mgT70 { margin-top: 70px !important; }
.mgT80 { margin-top: 80px !important; }
.mgT100 { margin-top: 100px !important; }
.mgT120 { margin-top: 120px !important; }
.mgTM10 { margin-top: -10px !important; }
.mgTM20 { margin-top: -20px !important; }
.mgMttl { margin-top: 70px !important; }
.mgBLC { margin-top: 80px !important; }
sub { position: relative; top: -3px; font-size: 60%; }
sup { font-size: 60%; position: relative; top: -4px; }
.dsp_tb { display: table; }
.dsp_tbcb { display: table-cell; }
.spB { display: none; }
.spB2 { display: none; }
.spB3 { display: none; }
.pcB { display: block; }
.pcB2 { display: block; }
.pcB3 { display: block; }
.spB4 { display: none !important; }
.pcB4 { display: block !important; }
#top .regular { display: none !important; }
@media all and (max-width: 1024px) {
.spB3 { display: block; }
.pcB3 { display: none; }
}

.spBTKS1 { display: none; }
@media all and (max-width: 767px) {
.spBTKS2 { display: none; }
.spBTKS1 { display: inherit; }
#top .regular { display: block !important; }
.variable { display: none !important; }
.mgMttl { margin-top: 50px !important; }
.spB2 { display: block !important; }
.pcB2 { display: none !important; }
.pcs2 { display: none !important; }
.mgBLC { margin-top: 60px !important; }
}
@media all and (max-width: 640px) {
.spB4 { display: block !important; }
.pcB4 { display: none !important; }
}
@media all and (max-width: 480px) {
.spB { display: inherit; }
.pcB { display: none; }
.pcs { display: none; }
}
.ps_rlt { position: relative; }




/* 共通追加 */
.txt_s1 { font-size: 90%; }
.txt_s2 { font-size: 80%; }
.txt_s3 { font-size: 70%; }
.txt_l1 { font-size: 125%; }

/* 吹き出し */
.balloon {
	position: relative;
	display: inline-block;
	padding: 3px;
	width: auto;
	height: auto;
	line-height: 1.5;
	border-radius: 7px;
	margin-bottom: 17px;
}

.balloon span {	
	border-radius: 5px;
	background: #fff;
	padding: 10px 12px 5px;
	height: auto;
	display: inline-block;
	position: relative;
	font-weight: bold;
	font-size: 18px;
	}
.balloon span::after { position: absolute; left:15px; bottom:-22px;}
@-moz-document url-prefix() {
.balloon {line-height: 0.7;}
.balloon span {	padding: 15px 12px;}
.balloon span::after { bottom:-14px;}
}

.bl_01, .bl_01::before {background: #7e90aa;}
.bl_01 span {color: #7e90aa;}
.bl_01 span::after { content: url(../images/common/fkd_01.png); }
.bl_02, .bl_02::before {background: #e4007f;}
.bl_02 span {color: #e4007f;}
.bl_02 span::after { content: url(../images/common/fkd_02.png); }
.bl_master, .bl_master::before {background: #6658a6;}
.bl_master span {color: #6658a6;}
.bl_master span::after { content: url(../images/common/fkd_master.png); }
.bl_insta, .bl_insta::before {background: #000;}
.bl_insta span {color: #000;}
.bl_insta span::after { content: url(../images/common/fkd_b.png); }


/* Youtube */
.yb_area { max-width: 840px; margin: 0 auto; }
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Googlemap */
.gmap{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.gmap iframe, .gmap object, .gmap embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 201709 */
.mirai_hh { margin-bottom: 17px; }
.mirai_h { background: url(../images/mirai/201709/h_bg.gif) center center; padding: 5px 15px; display: inline-block; border: 1px solid #000; font-size: 18px; font-weight: bold; }
.mirai_h span { font-size: 90%; line-height: 1.2; }
.box_HHL { width: 48.5%; float: left; margin-right: 3%; }
.box_HHR { width: 48.5%; float: left; }
.box_HL { width: 48%; float: left; margin-right: 4%; }
.box_HR { width: 48%; float: left; }
.box_HLL { width: 48%; float: left; margin-right: 4%; }
.box_HL5 { width: 48.8%; float: left; margin-right: 2.4%; }
.box_HR5 { width: 48.8%; float: left; }
.box_HRR { width: 48%; float: left; }
.box_HL6 { width: 74%; float: left; margin-right: 1%; }
.box_HR6 { width: 25%; float: left; }
.box_HL7 { width: 61%; float: left; margin-right: 2%; }
.box_HR7 { width: 37%; float: left; }
.box_3L { width: 33.3333%; float: left; padding-right: 6.6px; box-sizing: border-box; }
.box_3C { width: 33.3333%; float: left; padding-right: 3.3px; padding-left: 3.3px; box-sizing: border-box; }
.box_3R { width: 33.3333%; float: left; padding-left: 6.6px; box-sizing: border-box; }
.box_HL3 { width: 50%; float: left; padding-right: 5px; box-sizing: border-box; }
.box_HR3 { width: 50%; float: left; padding-left: 5px; box-sizing: border-box; }
.box_HL2 { width: 49%; float: left; margin-right: 3%; }
.box_HR2 { width: 48%; float: left; }
.box_HL4 { width: 40%; float: left; margin-right: 4%; }
.box_HR4 { width: 56%; float: left; }
.mirai_img1709 { width: 40%; }
@media all and (max-width: 1199px) and (min-width: 768px) {
.box_HL2 { width: 100%; float: none; margin-right: 0; margin-bottom: 17px;}
.box_HR2 { width: 100%; float: none; }
.box_HL4 { width: 42%; float: left; margin-right: 2.4%; }
.box_HR4 { width: 55.6%; float: left; }
}

@media all and (max-width: 1024px) {
.box_HL6 { width: 100%; float: none; margin-right: 0; margin-bottom: 16px; }
.box_HR6 { width: 100%; float: none; }
}
@media all and (max-width: 960px) {
.box_HL7 { width: 56%; float: left; margin-right: 2%; }
.box_HR7 { width: 42%; float: left; }
}
@media all and (max-width: 870px) {
.box_HL7 { width: 48%; float: left; margin-right: 2%; }
.box_HR7 { width: 50%; float: left; }
}
@media all and (max-width: 767px) {
.box_HHL { width: 100%; float: left; margin-right: 0; margin-bottom: 28px; }
.box_HHR { width: 100%; float: left; }
.box_HL7 { width: 100%; float: left; margin-right: 0; margin-bottom: 12px; }
.box_HR7 { width: 100%; float: left; }
}

@media all and (max-width: 767px) {
.mirai_hh { margin-top: 60px; }
.mirai_img1709 { width: 60%; margin-top: 60px; }
.box_HL { width: 100%; float: none; margin-right: 0; }
.box_HR { width: 100%; float: none; }
.box_HL5 { width: 100%; float: none; margin-right: 0; }
.box_HR5 { width: 100%; float: none; }
.box_HL3 { width: 100%; float: none; padding-right: 0; }
.box_HR3 { width: 100%; float: none; padding-left: 0; }
.box_HL2 { width: 48.5%; float: left; margin-right: 3%; }
.box_HR2 { width: 48.5%; float: left; }
.box_3L { width: 100%; float: left; padding-right: 0; box-sizing: border-box; }
.box_3C { width: 100%; float: left; padding-right: 0; padding-left: 0; box-sizing: border-box; }
.box_3R { width: 100%; float: left; padding-left: 0; box-sizing: border-box; }
.box_HL4 { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
.box_HR4 { width: 100%; float: none; }
}
@media all and (max-width: 640px) {
.box_HL2 { width: 100%; float: none; margin-right: 0; margin-bottom: 17px;}
.box_HR2 { width: 100%; float: none; }
}
@media all and (max-width: 480px) {
.mirai_h { font-size: 16px;}
.mirai_hh { margin-top: 60px; margin-bottom: 12px; }
.mirai_img1709 { margin-top: 60px; width: 80%; }
}
@media all and (max-width: 1180px) {
.br_1709 { display: none; }
}

.mirai_b01, .mirai_b02, .mirai_b03, .mirai_b04 { position: relative; }
.mirai_b01::after { position: absolute; content: url(../images/mirai/201709/arrow1.gif); right: -50px; top: 50%; }
.mirai_b02::after { position: absolute; content: url(../images/mirai/201709/arrow2.gif); left: 70px; bottom: -120px; }
.mirai_b03::after { position: absolute; content: url(../images/mirai/201709/arrow2.gif); right: 110px; top: -55px; }
.mirai_b04::after { position: absolute; content: url(../images/mirai/201709/arrow1.gif); left: -50px; top: 48%; }

@media all and (max-width: 767px) {
.mirai_b01::after{ position: absolute; content: url(../images/mirai/201709/arrow_v1.png); left:50%; margin-left: -15px; top: 100%; margin-top:  4px; }
.mirai_b02::after{ position: absolute; content: url(../images/mirai/201709/arrow_v1.png); left:50%; margin-left: -15px; bottom: -50px;  }
.mirai_b03::after,
.mirai_b04::after{ position: absolute; content: url(../images/mirai/201709/arrow_v1.png); left:50%; margin-left: -15px; top: -50px; }
}


.mv_ttl { background-color:#f9c446; display: inline-block; position: relative; margin-bottom: 20px !important; color: #000; font-weight: bold; width: 80px; text-align: center; letter-spacing: 2px; padding: 2px 0 0 2px; }
.mv_ttl:after {
position: absolute;
content: '';
top: 100%;
left: 15px;
border: 8px solid transparent;
border-top: 14px solid #f9c446;
width: 0;
height: 0;
}

.top_sub_ie:not(:target) {
  padding: 4px 0 0\9;
  line-height: 1.0\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.top_sub_ie:not(:target) {
  padding: 4px 0 0;
  line-height: 1.0;
  }
}


/* インスタde */
h4.insta_ttl { font-weight: bold; margin-bottom: 9px; padding-bottom: 8px; font-size: 118%; text-align: center; }
h4.insta_ttl_old {
    font-weight: bold;
    margin-bottom: 9px;
    padding-bottom: 8px;
    background: url(../images/insta/brd.png);
    background-position: 0 bottom;
    background-repeat: no-repeat;
    font-size: 118%;
}
.insta_box_01 { width: 60%; float: right; padding-left: 12%; box-sizing: border-box; background: url(../images/insta/arrow.png); background-position: 8% center; background-repeat: no-repeat; }
.insta_box_01_p { width: 50%; float: left; }
.insta_box_01_t { width: 50%; float: left; padding-left: 18px; box-sizing: border-box; }
.insta_box_02_p { width: 40%; float: left; }
.insta_box_02_t { width: 60%; float: left; padding-left: 24px; box-sizing: border-box; padding-top: 30px; }
.insta_box_03 { padding-top: 0 !important; }
@media all and (max-width: 767px) {
.insta_box_01 { width: 100%; float: right; padding-left: 0; box-sizing: border-box; padding-bottom: 80px; background: url(../images/insta/arrow2.png); background-position: center bottom; background-repeat: no-repeat; }
.insta_box_01_p { width: 40%; float: left; }
.insta_box_01_t { width: 60%; float: left; padding-left: 24px; box-sizing: border-box; }
.insta_box_02_p { width: 100%; float: left; text-align: center; }
.insta_box_02_t { padding-top: 20px; width: 100%; padding-left: 0; }
.insta_box_03 { margin-top: 40px !important; }
}
@media all and (max-width: 480px) {
.insta_box_01_p, .insta_box_02_p { width: 100%; margin-bottom: 16px; }
.insta_box_01_t, .insta_box_02_t { width: 100%; padding-left: 0; }
}
.app_box1 { width: 63%; float: left; padding-right: 20px; box-sizing: border-box; }
.app_box2 { float: right; width: 37%; }
.app_icon { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); margin-top: 10px; }
@media all and (max-width: 767px) {
.app_box1 { width: 58%; }
.app_box2 { width: 42%; }
}
@media all and (max-width: 480px) {
.app_box1 { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
.app_box2 { width: 100%; float: none; }
}
.brd_area { width: 100%; border-top: 1px dotted #777; margin-top: 0; padding-top: 45px; }
.insta_box_screen { background: #fff; border: #dedede 1px solid; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 0; }
.insta_box_screen_ttl { 
	border-bottom: #dedede 1px solid; 
	width: 100%; 
	padding: 12px 12px 12px 48px; 
	box-sizing: border-box; 
	margin: 0;
	background-image: url(../images/insta/icon.png), url(../images/insta/pochi.png);
	background-position: 12px center, right center;
	background-repeat: no-repeat, no-repeat;
	background-size: 30px auto, 32px auto;
	font-weight: bold;
	text-align: left !important; }
@media all and (max-width: 340px) {.insta_box_screen_ttl { font-size: 90% !important; }}
.insta_box_screen_content {
	padding: 12px;
}
.insta_left { float: left; }
.insta_right { float: right; }
.insta_txt { margin: 7px 0 0; font-weight: bold; line-height: 1.4; text-align: left; }
.top_txt0.top_txt_insta { height: auto !important; }
.insta_index { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
.insta_index .top_img { padding: 5px 5px 2px; overflow: visible !important; }
.insta_index .icon_new::before { content: url(../images/insta/new.png); position: absolute; right: 0; bottom: -34px; z-index: 5;}
.insta_head { border-bottom: 1px solid #dcdcdc; }
.insta_bottom { border-top: 1px solid #dcdcdc; }


/* Add 201712 */
.mg1712 { margin: 30px 0; }
.mrbox1712 { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid; padding: 15px; position: relative; }
.mrbox1712 h4 { font-weight: bold; font-size: 115%; font-weight: bold; line-height: 1.3; margin-bottom: 10px; text-align: center; }
.mrbox1712 h4 span.mr_color { font-size: 130%; }
.mr_txt1712 { padding-bottom: 1.6em; }
.mr_color01 {border-color: #00aeef; }
.mr_color01:after { content: url(../images/mirai/201712/renew1.png); position: absolute; top: -30px; left: -10px; }
.mr_color02:after { content: url(../images/mirai/201712/renew2.png); position: absolute; top: -30px; left: -10px; }
.mr_color03:after { content: url(../images/mirai/201712/renew3.png); position: absolute; top: -30px; left: -10px; }
.mr_color04:after { content: url(../images/mirai/201712/renew4.png); position: absolute; top: -30px; left: -10px; }
.mr_color02 {border-color: #ec008c; }
.mr_color03 {border-color: #00ab4e; }
.mr_color04 {border-color: #00aeef; }
.mr_color01 h4 span.mr_color { color: #00aeef; }
.mr_color02 h4 span.mr_color { color: #ec008c; }
.mr_color03 h4 span.mr_color { color: #00ab4e; }
.mr_color04 h4 span.mr_color { color: #00aeef; }
@media all and (max-width: 767px) {
.mr_txt1712 { padding-bottom: 0; }	
.mrbox1712 { margin-bottom: 50px; }
}
@media all and (max-width: 480px) {
.mrbox1712 h4 { font-size: 105%; text-align: left; padding-left: 33px; }
.mrbox1712 h4 span.mr_color { font-size: 120%; }
.mr_color01:after { content: url(../images/mirai/201712/renew1s.png); position: absolute; top: -20px; left: -10px; }
.mr_color02:after { content: url(../images/mirai/201712/renew2s.png); position: absolute; top: -20px; left: -10px; }
.mr_color03:after { content: url(../images/mirai/201712/renew3s.png); position: absolute; top: -20px; left: -10px; }
.mr_color04:after { content: url(../images/mirai/201712/renew4s.png); position: absolute; top: -20px; left: -10px; }
}
.end_msg { position: absolute; top: 29px; left: 360px; font-size: 75% !important; }
@media all and (max-width: 767px) {
.end_msg { font-size: 65% !important; top: 45px; left: 330px; }
}
@media all and (max-width: 640px) {
.end_msg { position: relative; display: block; top: -5px; left: 15px; font-size: 70% !important; }
}
@media all and (max-width: 480px) {
.end_msg { font-size: 60% !important; left: 13px; }
}

/* Add 201803 */
.balloon2 {
    position: relative;
    display: inline-block;
    background-color: #fff;
    border-bottom: solid 5px #000;
    padding: 0 0 10px;
    width: 100%;
}
.balloon2:before,
.balloon2:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.balloon2:before {
    border: solid 15px transparent;
    border-top: solid 15px #000;
}
.balloon2:after {
    border: solid 20px transparent;
    border-top: solid 20px #fff;
    margin-top: -11px;
}
.balloon2 p { margin-bottom: 5px; line-height: 1.4; }


/* Mosonry */
#loading {
    text-align: center;
    position: absolute;
    width: 70px;
    height: 70px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
}

#loading p {
    text-align: center;
    font-size: 70px;
}

#gallery {
    padding: 20px 0 0;
    margin: 0 auto;
    transition: opacity 0.3s;
    opacity: 0;
    max-height: 100vh;
    overflow: hidden;
    box-sizing: border-box;
}

#gallery.on {
    opacity: 1;
    max-height: 100%;
}

#gallery li {
    max-width: 360px;
    padding: 5px;
}

img {
    max-width: 100%;
    height: auto;
}

@media all and (max-width: 420px) {
#gallery { width: 260px; }
#gallery li {
    width: 100%;
    padding: 0;
	margin-bottom: 5px;
}
}
@media all and (max-width: 360px) {
#gallery { width: 240px; }
}

.topics_cap { color: #a9a22e; font-size: 80%; font-weight: bold; }

#container3 { max-width: 900px; margin: 0 auto; }

@media all and (max-width: 767px) {.mgB_201809 { margin-bottom: 60px !important; }}
sub { vertical-align: bottom; }


/* 追加201902 */
.list_cir { padding-left: 12px; }
.list_cir li { line-height: 1.35; margin-bottom: 19px; padding-left: 10px; font-size: 18px !important; padding-bottom: 8px;
background-image: url(../images/mirai/201903/dot.png), url(../images/mirai/201903/brd.gif);
background-position: 0 9px, 0 bottom;
background-size: 2px auto, auto 5px;
background-repeat: no-repeat, repeat-x; }
@media all and (max-width: 640px) {
.list_cir li { font-size: 16px !important; }
}




/* Add */
.top_update { position: absolute; top: 22px; right: 18px; padding: 2px 5px; font-weight: 500; color: #fff; border-radius: 4px; font-size: 12px; text-align: center; }
@media all and (max-width: 640px) {.top_update{right:10px;font-size: 10px;top:15px;}}
@media all and (max-width: 480px) {.top_ttl_box img{width:88% !important;}.top_update{right:9px;top:3%; padding: 3px;}}
@media all and (max-width: 440px) {.top_update{top:2.4%;}}
@media all and (max-width: 392px) {.top_ttl_box img{width:84% !important;}.top_update{top:1.7%;right:7px;}}
.top_essay_wrap { display: table; }
.top_essay_l{ width: 66%; padding-right: 16px; line-height: 1.8; box-sizing: border-box; display: table-cell; }
.top_essay_r{ width: 34%; display: table-cell; height: 100%;
background-position: center center;
background-size: cover;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); 
border-radius: 5px;
height: 100%; cursor: pointer; }
.top_essay_r:hover{filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
	transition: all  0.3s ease;}
.top_essay_r_in { display: block; }
@media all and (max-width: 940px) {
.top_essay_l{ width: 58%; }
.top_essay_r{ width: 42%; }
}
@media all and (max-width: 880px) {
.top_essay_l{ width: 52%; }
.top_essay_r{ width: 48%; }
}
@media all and (max-width: 767px) {
.top_essay_wrap { display: block; }
.top_essay_l{ display: block; width: 100%; padding-right: 0; }
.top_essay_i{margin-top: 12px;}
.top_essay_i img { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 5px; }
}


.top_box_in { padding: 20px 20px 14px; }
.top_ttl_box { width: 100%; padding: 6px; }
.top_ttl_box img { max-width: 360px; width: 100%; height: auto; }
.ttl_box h2 img { height: auto; width: 100%; max-width: 467px; }

.ncat_radio .ttl_box, .ncat_radio .top_ttl_box { background: #b1e1b9; }
.ncat_essay .ttl_box, .ncat_essay .top_ttl_box { background: #d9e6ef; }
.ncat_master .ttl_box, .ncat_master .top_ttl_box { background: #f7d3d5; }
.ncat_scope .ttl_box, .ncat_scope .top_ttl_box { background: #e8edad; }
.ncat_date .ttl_box, .ncat_date .top_ttl_box { background: #eaddee; }
.ncat_clinic .ttl_box, .ncat_clinic .top_ttl_box { background: #f7c0b9; }
.ncat_playlist .ttl_box, .ncat_playlist .top_ttl_box { background: #afedea; }
.ncat_vs .ttl_box, .ncat_vs .top_ttl_box { background: #b4ecc7; }
.ncat_insta .ttl_box, .ncat_insta .top_ttl_box { background: #d1e6ff; }
.ncat_manga .ttl_box, .ncat_manga .top_ttl_box { background: #c2bcab; }

.ncat_radio h2.top_ttl { background: rgba( 69, 236, 160, 0.50 ); }
.ncat_essay h2.top_ttl { background: rgba( 135, 177, 202, 0.24 ); }
.ncat_master h2.top_ttl { background: rgba( 211, 17, 26, 0.14 ); }
.ncat_scope h2.top_ttl { background: rgba( 192, 202, 28, 0.50 ); }
.ncat_date h2.top_ttl { background: rgba( 196, 164, 203, 0.50 ); }
.ncat_clinic h2.top_ttl { background: rgba( 235, 80, 60, 0.50 ); }
.ncat_playlist h2.top_ttl { background: rgba( 33, 204, 195, 0.24 ); }
.ncat_vs h2.top_ttl { background: rgba( 39, 197, 87, 0.50 ); }
.ncat_insta h2.top_ttl { background: rgba( 148, 184, 229, 0.50 ); }
.ncat_manga h2.top_ttl { background: rgba( 136, 127, 98, 0.50 ); }

.ncat_radio a:hover .img_thumb { border-color: #adfbd7; }
.ncat_essay a:hover .img_thumb { border-color: #f5ebf6; }
.ncat_master a:hover .img_thumb { border-color: #fff2f2; }
.ncat_scope a:hover .img_thumb { border-color: #dfe48d; }
.ncat_date a:hover .img_thumb { border-color: #e1d1e5; }
.ncat_clinic a:hover .img_thumb { border-color: #f9e2df; }
.ncat_playlist a:hover .img_thumb { border-color: #daf7f6; }
.ncat_vs a:hover .img_thumb { border-color: #93e2ab; }
.ncat_insta a:hover .img_thumb { border-color: #e4f0ff; }
.ncat_manga a:hover .img_thumb { border-color: #c2bcab; }

.ncat_radio .top_txt span.vol_num, .ncat_radio .top_update { border-color: #05a45b; background: #05a45b; }
.ncat_essay .top_txt span.vol_num, .ncat_essay .top_update { border-color: #87b1ca; background: #87b1ca; }
.ncat_master .top_txt span.vol_num, .ncat_master .top_update { border-color: #d3111a; background: #d3111a; }
.ncat_scope .top_txt span.vol_num, .ncat_scope .top_update { border-color: #c0ca1c; background: #c0ca1c; }
.ncat_date .top_txt span.vol_num, .ncat_date .top_update { border-color: #c4a4cb; background: #c4a4cb; }
.ncat_clinic .top_txt span.vol_num, .ncat_clinic .top_update { border-color: #eb503c; background: #eb503c; }
.ncat_playlist .top_txt span.vol_num, .ncat_playlist .top_update { border-color: #21ccc3; background: #21ccc3; }
.ncat_vs .top_txt span.vol_num, .ncat_vs .top_update { border-color: #27c557; background: #27c557; }
.ncat_insta .top_txt span.vol_num, .ncat_insta .top_update { border-color: #94b8e5; background: #94b8e5; }
.ncat_manga .top_txt span.vol_num, .ncat_manga .top_update { border-color: #978f74; background: #978f74; }


@media all and (max-width: 700px) {.ttl_box{height: auto;}}

.ncat_radio .top_box_in { padding: 20px 32px; }
@media all and (max-width: 767px) {.ncat_radio .top_box_in { padding: 20px 20px 1px; }}
.regular.regular_under { width: 94%; margin: 0 auto; }
.regular.regular_under li { padding: 0 20px; }
@media all and (min-width: 768px) {
.single_s { display: none !important; }
.regular.regular_under li { padding: 0　20px; }
}
@media all and (max-width: 480px) {
.regular.regular_under li { padding: 0 7px; }
}
.regular.regular_under li img { width: 100%; height: auto; }

.variable li, #top .regular li { margin-right: 10px; }
.variable li a:hover div, #top .regular li a:hover div {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease; }
.top_radio_slide01 { width:760px; height: 480px; background-size: cover; background-position: 0 0; }
.top_radio_slide02 { width:368px; height: 234px; background-size: cover; background-position: 0 0; }

.essay_txt { position: absolute; top: 22px; right: 25px; font-size: 16px; }
.essay_slide { margin: 0 40px;}
.essay_slide .top_box_in { padding: 20px 18px 20px 22px; }
@media all and (max-width: 767px) {.essay_txt { display: none; }}
.top_txt0 {padding: 8px 11px 12px; margin: 0; font-weight: 500; height: 2.6em !important; display: block; box-sizing: content-box; overflow: hidden; position: relative; font-size: 14px; letter-spacing: 0; line-height: 1.5; }
.top_txt0.top_txt_radio { height: 4.7em !important; font-weight: 500 !important; }
.top_txt0.top_txt_radio strong { font-size: 118%; font-weight: 700; }
@media all and (max-width: 1200px) {.top_txt0 {height: 4.2em !important;}}
@media all and (max-width: 767px) and (min-width: 641px) {.top_txt0 { font-size: 14px; } }
@media all and (max-width: 480px) {.top_txt0 {height: auto !important;}}	
a .top_txt0 { color: #000; }
.top_txt0 span {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 80%;
	min-width: 64px;
	text-align: center;
	border: 1px solid #000;
	padding: 0px 4px;
	margin-right: 6px;
	position: relative;
	top:-2px;
	display: inline-block;
	line-height: 1.2; }
.top_txt0 span.nrm_txt {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 100%;
	min-width: auto;
	text-align: left;
	border: none;
	padding: 0px;
	margin-right: 0;
	position: relative;
	top:0;
	display: inline;
	line-height:1.5; }
.top_txt0 span.nrm_txt1 {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 93%;
	min-width: auto;
	text-align: left;
	border: none;
	padding: 0px;
	margin-right: 0;
	position: relative;
	top:0;
	display: inline;
	line-height:1.5; }
.top_txt0 span.nrm_txt2 {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 70%;
	min-width: auto;
	text-align: left;
	border: none;
	padding: 0px;
	margin-right: 0;
	position: relative;
	top:0;
	display: inline;
	line-height:1.5; }
@media all and (max-width: 1024px) {.top_txt0 span.nrm_txt2{font-size: 78%;}.top_txt0 span.nrm_txt1{font-size: 100%;}}

.slider a { outline: none; }

.slick-prev:before {
    content: url(../images/common/back.png) !important;
}
.slick-next:before {
    content: url(../images/common/next.png) !important;
}

.slick-prev, .ncat_radio .regular.regular_under .slick-prev { left: -40px !important; margin-top: -40px; top: 50%; }
.slick-next, .ncat_radio .regular.regular_under .slick-next { right: -40px !important; margin-top: -40px; top: 50%; }
.ncat_radio .slick-prev { left: -20px !important; margin-top: -3px; top: 50%; z-index: 99 !important; }
.ncat_radio .slick-next { right: -20px !important; margin-top: -3px; top: 50%; z-index: 99 !important; }
.essay_slide .slick-prev { left: -26px !important; margin-top: -3px; top: 50%; }
.essay_slide .slick-next { right: -26px !important; margin-top: -3px; top: 50%; }
.essay_slide slick-prev:before {
    content: url(../images/common/back_s.png) !important;
}
.essay_slide .slick-next:before {
    content: url(../images/common/next_s.png) !important;
}
.essay_fst { padding: 20px 28px; }

@media all and (max-width: 767px) {
.ncat_radio .slick-prev { left: -20px !important; margin-top: 3px; top: 50%; z-index: 99 !important; }
.ncat_radio .slick-next { right: -20px !important; margin-top: 3px; top: 50%; z-index: 99 !important; }
.regular.regular_under { width: 97%; margin: 0 auto; padding: 0 12px !important; }
.regular.regular_under .slick-prev, .ncat_radio .regular.regular_under .slick-prev { left: -30px !important; top: 40%; z-index: 99; margin-top: -8px; }
.regular.regular_under .slick-next, .ncat_radio .regular.regular_under .slick-next { right: -30px !important; top: 40%; z-index: 99; margin-top: -8px; }
.regular.regular_under .slick-prev:before, .ncat_radio .regular.regular_under .slick-prev:before {
    content: url(../images/common/back_s.png) !important;
}
.regular.regular_under .slick-next:before, .ncat_radio .regular.regular_under .slick-next:before {
    content: url(../images/common/next_s.png) !important;
}
}

@media all and (max-width: 420px) {
.regular.regular_under .slick-prev, .ncat_radio .regular.regular_under .slick-prev { margin-top: -16px; }
.regular.regular_under .slick-next, .ncat_radio .regular.regular_under .slick-next { margin-top: -16px; }
}
.backnumber_area { background: none !important; }
.backnumber_area img { max-width: 100%; height: auto; }
.bn01,.bn02 { display: block; }



.ncat_insta .intro_R {background: #f1f7ff;}
.ncat_insta .intro_box {
    background: #fff;
    border: 6px solid #d1e6ff;
	border-top: none;
    padding: 6px;
}

.main_block { width: 100%; padding: 30px; box-sizing: border-box; margin: 0 0 48px; font-size: 16px; line-height: 1.75; background-color: #fff; position: relative; }
.main_block_insta { background: #ffffff; }

.rec_box { background: #fff; margin: 48px 0 16px; }

.rec_box h3 { font-size: 16px; font-weight: 700; color: #fff; background: url(../images/common/bg4.gif); border-bottom: 5px solid #d0db13; padding: 8px 20px; margin-bottom: 16px; }

a .lr_txt { font-weight: 500; color: #000 !important; text-align: center; height: 84px; display: block; padding-top: 12px; }
a:hover .lr_txt { color: #000 !important; text-decoration: underline; }


@media all and (max-width: 640px) {
.main_block { padding: 22px; margin: 0 0 32px; }
.rec_box { margin-top: 32px; }
a .lr_txt { font-size: 12px; line-height: 1.3; }
}


.ncat_radio .main_block a { color: #039c56; }
.ncat_essay .main_block a { color: #6a92ab; }
.ncat_master .main_block a { color: #b3040c; }
.ncat_scope .main_block a { color: #a2ab0a; }
.ncat_date .main_block a { color: #a778ae; }
.ncat_clinic .main_block a { color: #c9321f; }
.ncat_playlist .main_block a { color: #0ba59d; }
.ncat_vs .main_block a { color: #16ae44; }
.ncat_insta .main_block a { color: #6294d3; }
.ncat_manga .main_block a { color: #766d52; }


.h3_new01 { font-size: 135%; font-weight: bold; padding-left: 21px; margin-bottom: 19px; position: relative; }
.h3_new01:before { content: ""; width: 7px; height: 100%; border-radius: 4px; display: inline-block; position: absolute; top: 0; left: 0; }
@media all and (max-width: 640px) {
.h3_new01 { font-size: 125%; }
}
.ncat_radio .h3_new01:before { background: #05a45b; }
.ncat_essay .h3_new01:before { background: #87b1ca; }
.ncat_master .h3_new01:before { background: #d3111a; }
.ncat_scope .h3_new01:before { background: #c0ca1c; }
.ncat_date .h3_new01:before { background: #c4a4cb; }
.ncat_clinic .h3_new01:before { background: #eb503c; }
.ncat_playlist .h3_new01:before { background: #21ccc3; }
.ncat_vs .h3_new01:before { background: #27c557; }
.ncat_insta .h3_new01:before { background: #94b8e5; }
.ncat_manga .h3_new01:before { background: #978f74; }

.brd_new01 {
background-size:  104px auto;
background-repeat: no-repeat;
background-position: center center;
width: 100%; 
height: 96px;
display: block;
margin-bottom: 4px; }

.ncat_radio .brd_new01 { background-image: url(../images/brd/radio.png); }
.ncat_master .brd_new01 { background-image: url(../images/brd/master.png); }
.ncat_playlist .brd_new01 { background-image: url(../images/brd/playlist.png); }
.ncat_manga .brd_new01 { background-image: url(../images/brd/manga.png); }

.txt_new00 { border: 2px solid; border-radius: 4px; font-weight: 500; margin-bottom: 24px; display: block; }
.txt_new01 { padding: 7px 10px 6px; line-height: 1.0; display: inline-block; box-sizing: border-box; width: 110px; text-align: center; color: #fff; letter-spacing: 1px; }
.txt_new02 { padding: 7px 10px 6px; line-height: 1.0;  box-sizing: border-box; }

.ncat_radio .txt_new00 { border-color: #05a45b; }
.ncat_radio .txt_new01 { background: #05a45b; }
.ncat_radio .txt_new02 { color: #05a45b; }
@media all and (max-width: 600px) {
.txt_new01 { border-radius: 0 0 4px 0; padding: 4px 8px 5px; top: -2px; position: relative; }
.txt_new02 { display: block; line-height: 1.2; padding-bottom: 7px; }
}

.profile_box {
	border-radius: 6px;
	padding: 16px 0;
}
.profile_box p { margin-bottom: 0 !important; }
.prof_01 { border-radius: 0 4px 4px 0; padding: 4px 16px; line-height: 1.0; font-weight: 500; color: #fff; letter-spacing: 1px; }
.prof_02 { padding: 4px 10px; line-height: 1.0; font-weight: 700; }
.prof_03 { padding: 0 20px; margin-top: 8px; }

.ncat_radio .profile_box { background: #d4ffeb; }
.ncat_radio .prof_01 { background: #05a45b; }
.ncat_radio .prof_02, .ncat_radio .prof_03 { color: #039c56; }
.ncat_master .profile_box { background: #fff2f2; }
.ncat_master .prof_01 { background: #d3111a; }
.ncat_master .prof_02, .ncat_master .prof_03 { color: #d3111a; }
.ncat_date .profile_box { background: #f5ebf6; }
.ncat_date .prof_01 { background: #c4a4cb; }
.ncat_date .prof_02, .ncat_date .prof_03 { color: #a778ae; }
.ncat_essay .profile_box { background: #f5ebf6; }
.ncat_essay .prof_01 { background: #87b1ca; }
.ncat_essay .prof_02, .ncat_essay .prof_03 { color: #6a92ab; }
.ncat_manga .profile_box { background: #f3f0ea; }
.ncat_manga .prof_01 { background: #978f74; }
.ncat_manga .prof_02, .ncat_manga .prof_03 { color: #766d52; }

@media all and (max-width: 600px) {
.prof_02 { display: block; margin: 5px 0 0 4px; }
}




/* RADIO */
.ncat_radio .main_block { margin-top: 20px; }
.radio_main { margin-bottom: 48px; }
.radio_name { position: absolute; z-index: 5; top: -15px; left: -15px; }
.radio_name2 { position: absolute; z-index: 5; top: -15px; right: -15px; }
.radio_name img, .radio_name2 img { width: 320px; height: auto; }
@media all and (max-width: 767px) {
.radio_name { position: absolute; z-index: 5; top: -10px; left: -10px; }
.radio_name2 { z-index: 5; width: 100%; }
.radio_name2 img { top: -10px; right: 0; position: absolute; }
.radio_name img, .radio_name2 img { width: 48%; height: auto; }
}
@media all and (max-width: 600px) {
.radio_name img, .radio_name2 img { width: 36%; height: auto; }
}
p.radio_fst:first-letter {
    font-size: 150%;
	line-height: 1;
	margin-right: 12px;
	margin-top: 6px;
    float: left;
    padding: 10px 10px 9px;
	vertical-align: baseline;  
	font-weight: 500;
	border-radius: 7px;
	color: #fff;
	background-color: #05a45b;
}



/* master */
.q_box01 { width: 66%; float: left; margin-right: 4%; }
.q_box01_in { padding: 12px; }
.q_box02 { width: 30%; float: left; }
.a_box { border-radius: 6px; border: 2px solid #d51d27; padding: 20px; color: #d51d27; position: relative; margin-top: 24px; }
.a_tag { border-radius: 0 4px 4px 0; background: #d51d27; color: #fff; font-weight: 500; font-size: 90%; padding: 4px 20px; line-height: 1.2; position: absolute; top: 13px; left: 0; }
ol.answer_list { list-style: decimal; margin-left: 20px; }
ol.answer_list li { margin-bottom: 11px; font-size: 108%; line-height: 1.5; }
ol.answer_list li:last-child { margin-bottom: 0; }
ol.answer_list li a { color: #d51d27 !important; border-bottom: 1px dotted #d51d27; text-decoration: none; cursor: pointer; }
ol.answer_list li a:hover { color: #fff !important; background: #d51d27; border-bottom: 1px solid #d51d27; text-decoration: none; }
.rnd_img { border-radius: 50%; max-width: 210px; padding-top:20px; }
@media all and (max-width: 640px) {
.q_box01 { width: 100%; float: none; margin-right: 0; }
.q_box02 { width: 100%; float: none; margin-bottom: 36px; }
}
@media all and (max-width: 420px) {.a_box{font-size: 84%; padding: 14px;}ol.answer_list {margin-left:15px;}}
@media all and (max-width: 368px) {.rnd_img { max-width: 180px; }}


.master_txt01 { color: #d51d27; font-weight: 700; text-align: right; margin-top: 21px; font-size: 90%; }
@media all and (max-width: 767px) {.essay_box {padding: 25px;}}
@media all and (max-width: 480px) {.essay_box {padding: 18px;}}



/* PLAY LIST */
.play_box01 { display: flex; margin-bottom: 36px; flex-wrap: wrap; }
.play_box01_in { width: 33.333%; text-align: center; margin-bottom: 24px; }
.play_box01_in:nth-last-child(-n+3) { margin-bottom: 0; }
.ncat_playlist .main_block { padding-left: 11px; padding-right: 11px; }
.play_pd_box { padding: 0 19px; }
.play_box02 { padding: 24px; margin: 0 19px; background: url(../images/playlist/bg.gif); }
@media all and (max-width: 1080px) {.play_box01 { display: flex; margin-bottom: 8px; }}
@media all and (max-width: 1024px) {.play_box01 { display: flex; margin-bottom: 2px; }
.play_box01_in { width: 48%; text-align: center; margin-bottom: 24px; }
.play_box01_in:nth-last-child(-n+3) { margin-bottom: 24px; }
.play_box01_in:nth-last-child(-n+2) { margin-bottom: 0; }}
@media all and (max-width: 767px) {
.play_box01 { display: block; margin-bottom: 0; }
.play_box01_in { width: 100%; text-align: center; margin-bottom: 32px; }
.play_box01_in:nth-last-child(-n+3) { margin-bottom: 32px; }
}
@media all and (max-width: 480px) {
.play_pd_box { padding: 0 12px; }
.play_box02 { padding: 24px 0; margin: 0; }
}
@media all and (max-width: 388px) {
.ncat_playlist .main_block { padding-left: 0; padding-right: 0; }
}
.play_ttl { width: 100%; max-width: 300px; height: auto; }
.balloon-line {
  position: relative; /* 三角の位置を固定するために設定 */
  width: auto; /* 幅 */
display: inline-block;
  margin: 0 auto; /* 上 左右 下のマージン */
  padding: 8px 16px; /* ふきだし内の余白 */
  background: #fff; /* 背景色 */
  border: 1px solid #21ccc3; /* 線色 */
  text-align: center; /* テキストの揃え */
  border-radius: 6px; /* <-追加 */
	font-weight: 700;
	color: #21ccc3;
}
.balloon-line::before,
.balloon-line::after { /* 三角 */
  content: '';
  border: 10px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}
.balloon-line::before { /* 線になる部分 */
  border-top-color: #21ccc3; /* 吹き出しの線の色と同じ色 */
  bottom: -20px;
}
.balloon-line::after { /* 地の部分 */
  border-top-color: #fff; /* 吹き出しの背景色と同じ色 */
  bottom: -19px;
}


/* Date */
.ttl_date { font-size: 90%; color: #a080a7; }
.date_img { float: right; margin: 0 0 8px 16px; max-width: 420px; width: 35%; height: auto; }
.date_txt01 { color: #c4a4cb; font-weight: 700; text-align: right; margin-top: 21px; font-size: 90%; }


.essay_box { padding: 32px;
border-radius: 7px;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 100% auto;
font-family: 'Noto Serif JP', serif;
}
.essay_txt01 { color: #87b1ca; font-weight: 700; text-align: right; margin-top: 21px; font-size: 90%; }
@media all and (max-width: 767px) {.essay_box {padding: 25px;}}
@media all and (max-width: 480px) {.essay_box {padding: 18px;}}

.ncat_essay .top_txt0 { height: auto !important; }



/* マスターポップアップ */
.item_wrapper:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.popupbg {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(206, 163, 165, 0.8);
	z-index: 10;
	top: 0;
	left: 0;
	display: none;
}

.popup_wrapper {
	width: 600px;
	height: 600px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -250px;
	z-index: 11;
	text-align: center;
	display: none;
}
.popup_wrapper .popup {
	position: relative;
}
.popup_wrapper .img {
	display: inline-block;
	width: 600px;
	height: 400px;
}
@media all and (max-width: 767px) {
.popup_wrapper {
	width: 480px;
	height: 480px;
	margin: -240px 0 0 -240px;
}
.popup_wrapper .img {
	max-width: 100%;
	height: auto;
}
}
@media all and (max-width: 540px) {
.popup_wrapper {
	width: 320px;
	height: 320px;
	margin: -160px 0 0 -160px;
}
}
@media all and (max-width: 400px) {
.popup_wrapper {
	width: 280px;
	height: 280px;
	margin: -140px 0 0 -140px;
}
}
.popup_wrapper .caption {
	padding: 10px;
	font-size: 18px;
	color: #FFF;
}
.popup_wrapper .close_btn {
	line-height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background: #FFF;
	margin: -15px -15px 0 0;
	font-size: 24px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

/* SCOPE */
.fw_500 { font-weight: 500; }
.scope_img { float: left; width: 33.3333%; }
.scope_wrap { width: 92%; margin: 20px auto 40px; }
@media all and (max-width: 767px) {
.scope_wrap { width: 100%; }
}
@media all and (max-width: 480px) {
.scope_wrap { width: 109%; margin-left: -4.5%; }
.scope_img { float: none; width: 100%; margin-bottom: 32px; }
.scope_img:last-child { margin-bottom: 0; }
}
.scope_memo { color: #05a45b; }
.scope_case { background: #05a45b; color: #fff; border-radius: 4px; line-height: 1.0; padding: 4px 10px 3px; display: inline-block; font-weight: 500; }

.scope_txt01 { color: #05a45b; font-weight: 700; text-align: right; margin-top: 21px; font-size: 90%; }
@media all and (max-width: 767px) {.essay_box {padding: 25px;}}
@media all and (max-width: 480px) {.essay_box {padding: 18px;}}
.scope_ttl01 { font-size: 120%; font-weight: bold; line-height: 1.1; padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #05a45b; border-top: 1px solid #05a45b; }



/* クリニック */
.clinic_color { color: #e8434c; }
.clinic_color2 { color: #da2c2c; }
.clinic_box { padding: 24px 30px 30px; background: #fdeef4; color: #e8434c; }
.clinic_box02 { padding: 8px; background: #e8434c; color: #fff; font-size: 90%; }
.clinic_ttl {
	background-image: url(../images/clinic/tablet.png);
	background-position: 0 center;
	background-size: 40px auto;
	background-repeat: no-repeat;
	padding-left: 48px;
}
.clinic_img, .clinic_img_n { float: left; width: 30%; }
.clinic_img_n2 { float: left; width: 54%; }
.clinic_img img { margin: 0 0 -25px -25px; }
.clinic_img_n img { margin: 0; padding-right: 20px; }
.clinic_img_n2 img { margin: 0; padding-right: 20px; }
.clinic_txt { float: left; width: 70%; }
.clinic_txt2 { float: left; width: 46%; }
@media all and (max-width: 640px) {
.clinic_box { padding: 15px 20px 20px;}
.clinic_img, .clinic_img_n, .clinic_img_n2 { float: none; width: 100%; text-align: center; }
.clinic_img img { margin: 0 0 18px -5%; width: 90%; }
.clinic_img_n img, .clinic_img_n2 img { width: 100%; margin: 0 0 18px; padding-right: 0; }
.clinic_txt,.clinic_txt2 { float: none; width: 100%; }
}

.social-area-syncer { display: none !important; }

.clinic_txt01 { color: #e8434c; font-weight: 700; text-align: right; margin-top: 21px; font-size: 90%; }
@media all and (max-width: 767px) {.essay_box {padding: 25px;}}
@media all and (max-width: 480px) {.essay_box {padding: 18px;}}


/* vs */
.vs_txt01 { color: #27c557; font-weight: 700; text-align: right; margin-top: 21px; font-size: 90%; }
@media all and (max-width: 767px) {.essay_box {padding: 25px;}}
@media all and (max-width: 480px) {.essay_box {padding: 18px;}}



/* 201905 */
.br_201905_01 { display: none; }
@media all and (max-width: 1160px) and (min-width: 768px) {
.br_201905_01 { display: inherit; }
}

#top .vol_num { float: left; display: block; width: 70px; margin-bottom: 5px; }
#top .vol_txt { float: left; display: block; }
#top .top_txt:hover .vol_txt { text-decoration: underline; }

.clinic_wrap { width: 100%; max-width: 700px; margin: 0 auto; }
.clinic_01 { background: #ededed; border-radius: 13px; padding: 30px 16px 16px; display: flex; align-items: stretch; }
.clinic_01_in { background: #fff url(../images/clinic/bg01.png) center center; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); padding: 30px 22px 22px; position: relative; }
.clinic_bd { position: absolute; top: -40px; left: 50%; margin-left: -100px; }
.clinic_bd img { width: 200px; height: auto; }
.clinic_02 { background: url(../images/clinic/bg02.png) center center / cover no-repeat; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); padding: 28px; }

@media all and (max-width: 480px) {
.clinic_bd { position: absolute; top: -33px; left: 50%; margin-left: -80px; }
.clinic_bd img { width: 160px; height: auto; }
}

.slick-dots li button::before { font-size: 10px !important; }


/* Webマンガ */
.manga_txt01 { color: #978f74; font-weight: 700; text-align: right; margin-top: 21px; font-size: 90%; }
.manga_box { width: 50%; margin: 70px auto 40px; }
@media all and (max-width: 960px) {
.manga_box { width: 64%; margin: 55px auto 40px; }
}
@media all and (max-width: 767px) {
.manga_box { width: 80%; margin: 40px auto 30px; }
}
@media all and (max-width: 480px) {
.manga_box { width: 100%; }
}
.manga_R { width:36%; margin-left: 3%; float: right; }
.manga_L { width: 61%; float: left; }
@media all and (max-width: 767px) {
.manga_R { width:48%; margin-left: 3%; }
.manga_L { width: 49%; }
}
@media all and (max-width: 640px) {
.manga_R { width:100%; margin-left: 0; margin-top: 24px; float: none; }
.manga_L { width: 100%; float: none; }
}

/* add 2020.09 */
.txt_scope_2009 { font-size: 80%; text-align: right; margin-top: -50px; }
@media all and (max-width: 1200px) {.txt_scope_2009 { font-size: 72%; margin-top: -40px; }}
@media all and (max-width: 800px) {.txt_scope_2009 { font-size: 64%; margin-top: -30px; }}
@media all and (max-width: 480px) {.txt_scope_2009 { margin-top: -20px; }}

/*回文 */
.hukidasi {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.hukidasi:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

.hukidasi p {
  margin: 0;
  padding: 0;
}

.felx{
	display: flex;
	margin: 0 150px 20px 150px;
}