@charset "UTF-8";
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }

@font-face {
	font-family: 'MPLUS1p-Medium';
	src: url("./font/M_PLUS_1p/MPLUS1p-Medium.ttf");
}
@font-face {
	font-family: 'MPLUS1p-Bold';
	src: url("./font/M_PLUS_1p/MPLUS1p-Bold.ttf");
}
@font-face {
	font-family: 'MPLUS1p-ExtraBold';
	src: url("./font/M_PLUS_1p/MPLUS1p-ExtraBold.ttf");
}
@font-face {
	font-family: 'Barlow-Bold';
	src: url("./font/Barlow/Barlow-Bold.ttf");
}

/* ---------- 初期 ---------- */
body { letter-spacing: 0.01em; -webkit-text-size-adjust: 100%;}
img { max-width: 100%;}
a { text-decoration: none;}
strong { font-family: 'MPLUS1p-Bold';}
/* ---------- /共通部分 ---------- */
#jougetyuou { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto;}
#kadomaru { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#resbtn { -webkit-appearance: none;}
#gurade { background: -moz-linear-gradient(開始位置, 開始色, 終了色);
background: -webkit-linear-gradient(開始位置, 開始色, 終了色);
background: linear-gradient(to 方向, 開始色, 終了色); }
.ancr { position: relative; transition: 0.5s;}
.anca { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; cursor: pointer;}
.ancr:hover { opacity: 0.75; transition: 0.5s; cursor: pointer;}
/* ---------- /参考タグ部分 ---------- */


/* PC */
@media screen and (min-width: 769px) {

	#commonPageFooter dt { white-space: nowrap;}
.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.sponly { display: none !important;}
#asobito { font-family: 'MPLUS1p-Medium';}
#asobito #asobito_head { background: url("images/asobito_head_bg.png") no-repeat center; background-size: cover; text-align: center; padding: 40px 0;}
#asobito #asobito_head .asobito_head-img { width: 98%; max-width: 860px; margin: 0 auto;}
#asobito #asobito_head .asobito_head-img img { width: 100%; height: auto; display: block;}
#asobito #asobito_body { margin-left: 200px; position: relative;}
#asobito #asobito_body .asobito_body-main { background: url("images/asobito_body_bg.png") no-repeat top left; background-size: cover; box-sizing: border-box;}
#asobito #asobito_body .asobito_body-inner { width: 83.1%; margin: 0 auto; padding-bottom: 100px; margin: 0 auto;}
#asobito .asobito_pankuzu { margin: 0 auto 61px; padding-top: 22px; max-width: 800px; text-align: left;}
#asobito .asobito_pankuzu ul { font-size: 0;}
#asobito .asobito_pankuzu ul li { font-size: 14px; display: inline-block; vertical-align: middle; margin-left: 15px; padding-left: 20px; background: url("images/icon_arr_01.png") no-repeat left; background-size: 7px;}
#asobito .asobito_pankuzu ul li.home { background: url("images/icon_home.png") no-repeat left; background-size: contain; padding-left: 25px; margin-left: 0;}
#asobito .asobito_pankuzu ul li a { color: #000; text-decoration: underline;}
#asobito .asobito_pankuzu ul li a:hover { text-decoration: none;}
#asobito .asobito_article { background: #fff; box-sizing: border-box; padding: 60px 63px; max-width: 800px; margin: 0 auto;}
#asobito .asobito_article .date { font-size: 14px; color: #CCCCCC; letter-spacing: 0.05em; margin-bottom: 17px;}
#asobito .asobito_article #asobito_article-ttl { font-size: 30px; line-height: 1.5em; font-family: 'MPLUS1p-Bold'; margin-bottom: 35px;}
#asobito .asobito_article .asobito_article-thum { margin-bottom: 30px;}
#asobito .asobito_article .asobito_article-thum img { width: 100%; height: auto; display: block;}
#asobito .asobito_article .posi { font-family: 'MPLUS1p-Bold'; font-size: 18px; margin-bottom: 10px;}
#asobito .asobito_article .name { font-family: 'MPLUS1p-Bold'; font-size: 24px; margin-bottom: 20px;}
#asobito .asobito_article .profile { background: #F5F5F5; box-sizing: border-box; padding: 30px; margin-bottom: 20px;}
#asobito .asobito_article .profile .profile_thum { text-align: center;}
#asobito .asobito_article .profile .profile_thum img { width: 120px; height: auto;}
#asobito .asobito_article .profile .profile_ttl { font-family: 'MPLUS1p-Bold'; font-size: 16px; margin-bottom: 10px;}
#asobito .asobito_article .profile .txt { font-size: 14px; line-height: 1.8em;}
#asobito .asobito_article .profile .txt.txt_center { text-align: center; margin: 20px 0;}
#asobito .asobito_article .boto { font-family: 'MPLUS1p-Bold'; border-top: solid 1px #000; border-bottom: solid 1px #000; padding: 1em 0.5em; margin-bottom: 20px;}
#asobito .asobito_article .boto .txt { font-size: 14px; line-height: 1.8em;}
#asobito .asobito_article .asobito_article-body {}
#asobito .asobito_article .asobito_article-body h3 { background: #EEEEEE; font-family: 'MPLUS1p-Bold'; font-size: 26px; line-height: 1.6em; padding: 12px 15px; margin-bottom: 30px; margin-top: 80px;}
#asobito .asobito_article .asobito_article-body p { font-size: 16px; line-height: 2em; margin-bottom: 1em;}
#asobito .asobito_article .asobito_article-body img { max-width: 100%; height: auto; display: block; margin: 0 auto 30px;}
#asobito .asobito_body-other { background: url("images/asobito_other_bg.jpg") no-repeat center; background-size: cover; text-align: center; padding: 100px 0;}
#asobito .asobito_body-other .other_ttl-en { font-size: 14px; color: #FE6D74; margin-bottom: 15px; letter-spacing: 0.05em; font-family: 'Barlow-Bold';}
#asobito .asobito_body-other .asobito_body-other_ttl { font-size: 34px; margin-bottom: 67px; font-family: 'MPLUS1p-ExtraBold';}
#asobito .asobito_body-other .other_slide-box { position: relative; width: 464px; margin: 0 20px;}
	#asobito .other_slide { max-width: 900px; margin: 0 auto;}
#asobito .asobito_body-other .other_slide-box .other_slide-name { position: absolute; left: 0; top: 0; width: 38px;}
#asobito .asobito_body-other .other_slide-box .other_slide-name img { width: 100%; height: auto;}
#asobito .asobito_body-other .other_slide-box .other_slide-img { margin: 0 14px 0 40px;}
#asobito .asobito_body-other .other_slide-box .other_slide-img img { width: 100%; height: auto; display: block;}
#asobito .asobito_body-other .other_slide-box .other_slide-txt { box-sizing: border-box; text-align: left; position: relative; width: 100%; left: 0; top: -70px; padding-left: 55px;}
#asobito .asobito_body-other .other_slide-box .other_slide-txtin { background: #fff; box-shadow: 2px 2px 4px gray;}
#asobito .asobito_body-other .other_slide-box .other_slide-txt .other_slide-names { font-size: 26px; letter-spacing: 0.1em; padding: 12px 25px; background: #EEEEEE; font-family: 'MPLUS1p-ExtraBold';}
#asobito .asobito_body-other .other_slide-box .other_slide-txt .other_slide-posi { padding: 20px 25px 10px; font-size: 18px; font-family: 'MPLUS1p-ExtraBold';}
#asobito .asobito_body-other .other_slide-box .other_slide-txt .txt { padding: 0 25px 20px; font-size: 16px; line-height: 1.27em;}
#asobito .asobito_body-other .other_slide { width: 80%; margin: 0 auto;}
#asobito .asobito_body-other .prev-arrow { position: absolute; left: -40px; top: 50%; width: 40px;}
#asobito .asobito_body-other .prev-arrow img { position: relative; top: -90px;}
#asobito .asobito_body-other .next-arrow { position: absolute; right: -40px; top: 50%; width: 40px;}
#asobito .asobito_body-other .next-arrow img { position: relative; top: -90px;}
#asobito .asobito_body-other .slide-dots2 { font-size: 0;}
#asobito .asobito_body-other .slide-dots2 li { display: inline-block; margin: 0 2px;}
#asobito .asobito_body-other .slide-dots2 li button { font-size: 0; border: none; background: url("images/icon_circle_01.png") no-repeat center; width: 10px; height: 10px;}
#asobito .asobito_body-other .slide-dots2 li.slick-active button { background-image: url("images/icon_circle_02.png");}
#asobito .asobito_body-side { position: absolute; width: 250px; box-shadow: 2px 2px 4px rgba(0,0,0,0.10); left: -200px; top: 0; height: 100%; padding-top: 73px; box-sizing: border-box; background: #fff;}
#asobito .asobito_body-side ul { width: 200px; margin: 0 auto;}
#asobito .asobito_body-side ul li { font-size: 13px; line-height: 1.5em; margin-bottom: 20px; box-sizing: border-box; padding: 5px 0 5px 36px;}
#asobito .asobito_body-side ul li a { color: #333333;}
#asobito .asobito_body-side ul li.l01 { background: url("images/ico_01.png") no-repeat; background-size: 28px; background-position: 0 50%;}
#asobito .asobito_body-side ul li.l02 { background: url("images/ico_02.png") no-repeat; background-size: 23px; background-position: 2px 50%;}
#asobito .asobito_body-side ul li.l03 { background: url("images/ico_03.png") no-repeat; background-size: 27px; background-position: 0.5px 50%;}
#asobito .asobito_body-side ul li.l04 { background: url("images/ico_04.png") no-repeat; background-size: 17px; background-position: 5px 50%;}
#asobito .asobito_body-side ul li.l05 { background: url("images/ico_05.png") no-repeat; background-size: 28px; background-position: 0 50%;}
#asobito .asobito_body-side ul li.l06 { background: url("images/ico_06.png") no-repeat; background-size: 23px; background-position: 2px 50%;}
#asobito .asobito_body-side ul li.l07 { background: url("images/ico_07.png") no-repeat; background-size: 27px; background-position: 0.5px 50%;}
#asobito .asobito_body-side ul li.l08 { background: url("images/ico_08.png") no-repeat; background-size: 17px; background-position: 5px 50%;}
#asobito .asobito_body-side ul li.l09 { background: url("images/ico_09.png") no-repeat; background-size: 28px; background-position: 0 50%;}
#asobito .asobito_body-side ul li.l10 { background: url("images/ico_10.png") no-repeat; background-size: 23px; background-position: 2px 50%;}

	.widget--sticky {
  position: sticky;
  top: 20px;
}

	#asobito .asobito_categorys { text-align: center;}
	#asobito .category_ttl-en { font-size: 14px; color: #FE6D74; margin-bottom: 15px; letter-spacing: 0.05em; font-family: 'Barlow-Bold';}
	#asobito .asobito_body-category_ttl { font-size: 34px; margin-bottom: 67px; font-family: 'MPLUS1p-ExtraBold';}
	#asobito .asobito_category { max-width: 800px; margin: 0 auto; width: 100%;}
	#asobito .asobito_category-box { width: 32%; margin-right: 2%; float: left; position: relative; margin-bottom: 25px; max-height: 306px;}
	#asobito .asobito_category-box:nth-child(3n) { margin-right: 0;}
	#asobito .asobito_category-box:last-child { margin-bottom: 50px;}
	#asobito .asobito_category-box.top_content:nth-child(n+4),#asobito .asobito_category-box.top_content:last-child { margin-bottom: 0;}
	#asobito .asobito_category-box .asobito_category-box_name { position: absolute; left: 0; top: 0; width: 25px;}
	#asobito .asobito_category-box .asobito_category-box_name img { width: 100%; height: auto; display: block;}
	#asobito .asobito_category-box .asobito_category-box_img { width: 100%; display: block; box-sizing: border-box; padding: 0 10px 0 29px;}
	#asobito .asobito_category-box .asobito_category-box_img img { width: 100%; height: auto; display: block;}
	#asobito .asobito_category-box .asobito_category-box_info { background: #fff; box-sizing: border-box; margin-left: 45px; font-family: 'MPLUS1p-ExtraBold'; position: relative; top: -23px; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); text-align: left;}
	#asobito .asobito_category-box .asobito_category-box_info .asobito_category-box_ttl { font-size: 20px; background: #EEEEEE; box-sizing: border-box; padding: 12px 5px 12px 15px;}
	#asobito .asobito_category-box .asobito_category-box_info .asobito_category-box_txt { font-size: 14px; box-sizing: border-box; padding: 15px 15px; line-height: 1.4em; word-break: break-all; min-height: 7.8em;}
	#asobito .asobito_prev { display: inline-block; vertical-align: middle;}
	#asobito .asobito_prev img { width: 10px;}
	#asobito .asobito_next { display: inline-block; vertical-align: middle;}
	#asobito .asobito_next img { width: 10px;}
	#asobito .asobito_category-listnum { display: inline-block; vertical-align: middle; font-size: 0;}
	#asobito .asobito_category-listnum span { display: inline-block; vertical-align: middle; color: #fff; width: 40px; height: 40px; line-height: 40px; background: #E80802; color: #fff; font-size: 16px; margin: 0 5px;}
	#asobito .asobito_category-listnum a { display: inline-block; vertical-align: middle; box-sizing: border-box; background: #fff; border: solid 1px #000000; color: #000000; width: 40px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 5px;}
	#asobito .asobito_category-listnum a:hover { display: inline-block; vertical-align: middle; box-sizing: border-box; background: #E80802; border: solid 1px #E80802; color: #fff; width: 40px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 5px;}
	#asobito .asobito_categorys-list { border: solid 1px #000; display: inline-block; margin-bottom: 60px; padding: 15px 0; position: relative; background: #fff;}
	#asobito .asobito_categorys-list ul { font-size: 0; text-align: center;}
	#asobito .asobito_categorys-list ul li { font-size: 18px; font-family: 'MPLUS1p-ExtraBold'; padding: 5px 52px; box-sizing: border-box; border-right: solid 1px #000; float: left;}
	#asobito .asobito_categorys-list ul li a { color: #CCCCCC; padding: 0 14px; display: block;}
	#asobito .asobito_categorys-list ul li a:hover {}
	#asobito .asobito_categorys-list ul li:last-child { border-right: none;}
	#asobito .asobito_categorys-list ul li.current a { color: #5BC5ED; position: relative;}
	#asobito .asobito_categorys-list ul li.current a::before { height: 4px; background: #5BC5ED; position: absolute; left: 0; bottom: -22px; content: ''; width: 100%;}
	#asobito .asobito_categorys-list::before { position: absolute; left: 50%; top: -20px; content: ''; background: #000; width: 1px; height: 20px;}

	#asobito .article_btn_s { border: solid 1px #000; text-align: center; padding: 1em 0;}
	#asobito .asobito_body-inner.asobito_top {}
	#asobito .asobito_top { padding: 100px 0 80px;}
	#asobito .topreccomend { padding-top: 100px;}
	#asobito .asobito_top-boxes { text-align: center; max-width: 800px; margin: 0 auto;}
	#asobito .top_ttl-en { font-size: 14px; color: #FE6D74; margin-bottom: 15px; letter-spacing: 0.05em; font-family: 'Barlow-Bold';}
	#asobito .asobito_body-top_ttl { font-size: 34px; margin-bottom: 67px; font-family: 'MPLUS1p-ExtraBold';}
	#asobito .asobito_top-box_left { width: 69.5%; position: relative;}
	#asobito .asobito_top-box_left .asobito_top-box_name { position: absolute; width: 41px;}
	#asobito .asobito_top-box_left .asobito_top-box_name img { width: 100%; height: auto;}
	#asobito .asobito_top-box_left .asobito_top-box_img { box-sizing: border-box; padding-left: 50px; padding-right: 15px;}
	#asobito .asobito_top-box_left .asobito_top-box_img img { width: 100%; height: auto;}
	#asobito .asobito_top-box_left .asobito_top-box_info { background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); text-align: left; margin-left: 83px; margin-top: -28px; position: relative; z-index: 2;}
	#asobito .asobito_top-box_left .asobito_top-box_info .asobito_top-box_ttl { font-size: 30px; background: #EEEEEE; box-sizing: border-box; padding: 14px 5px 14px 30px; font-family: 'MPLUS1p-ExtraBold';}
	#asobito .asobito_top-box_left .asobito_top-box_info .asobito_top-box_txt { box-sizing: border-box; padding: 25px 5px 15px 30px; font-family: 'MPLUS1p-ExtraBold'; font-size: 20px; line-height: 1.3em; word-break: break-all;}
	#asobito .asobito_top-box_left .asobito_top-box_info .asobito_top-box_txtmini { line-height: 1.73em; font-family: 'MPLUS1p-ExtraBold'; font-size: 16px; box-sizing: border-box; padding:20px 30px; word-break: break-all;}
	#asobito .asobito_top-box_right { width: 29%;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box { position: relative; margin-bottom: 20px;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box:last-child { margin-bottom: 0;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_name { position: absolute; width: 21px; text-align: right;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_name img { width: 100%; height: auto;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_img { box-sizing: border-box; padding-left: 32px; padding-right: 10px;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_img img { width: 100%; height: auto;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_info { background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); text-align: left; margin-left: 48px; margin-top: -33px; position: relative; z-index: 2;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_info .asobito_top-box_ttl { font-size: 22px; background: #EEEEEE; box-sizing: border-box; padding: 9px 5px 9px 20px; font-family: 'MPLUS1p-ExtraBold';}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_info .asobito_top-box_txt { box-sizing: border-box; padding: 11px 20px; font-family: 'MPLUS1p-ExtraBold'; font-size: 16px; line-height: 1.3em; word-break: break-all;}


	/*タブ切り替え全体のスタイル*/
	#asobito .tabs { font-size: 0; position: relative;}
	#asobito .tabs::before { position: absolute; left: 50%; top: -20px; content: ''; background: #000; width: 1px; height: 20px;}

/*タブのスタイル*/
#asobito .tab_item {
	display: inline-block;
	font-size: 18px; background: #fff; color: #DDDDDD; font-family: 'MPLUS1p-ExtraBold';
}
	#asobito .tab_item span:hover { color: #5BC5ED; cursor: pointer;}
	#asobito .tab_item2 span:hover { color: #5BC5ED; cursor: pointer;}
	#asobito .tabs .tab_item { border-bottom: solid 1px #000; border-top: solid 1px #000; padding: 15px 0;}
	#asobito .tabs .tab_item span { padding: 5px 58px; display: block; position: relative;}
	#asobito .tabs .tab_item.bl span { border-right: solid 1px #000;}
	#asobito .tabs .tab_item.bl { border-left: solid 1px #000;}
	#asobito .tabs .tab_item.first_bl { border-left: solid 1px #000;}
	#asobito .tabs .tab_item.br { border-right: solid 1px #000;}
#asobito .tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
#asobito input[name="tab_item"] {
  display: none;
}

	#asobito input[name="tab_item2"] {
  display: none;
}

	#asobito input[name="tab_item25"] {
  display: none;
}
	#asobito input[name="tab_item5"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
#asobito .tab_content {
  display: none;
  clear: both;
	margin-top: 60px;
}


/*選択されているタブのコンテンツのみを表示*/
#box01:checked ~ #box01_content,
#box02:checked ~ #box02_content,
#box03:checked ~ #box03_content,
#box04:checked ~ #box04_content,
#box05:checked ~ #box05_content,
#box06:checked ~ #box06_content,
#box07:checked ~ #box07_content,
#box08:checked ~ #box08_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
#asobito .tabs input:checked + .tab_item span {
color: #5BC5ED;
}
	#asobito .tabs input:checked + .tab_item span::before {
		content: ''; background: #5BC5ED; height: 4px; width: 100%; position: absolute; bottom: -19px; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto; width: 4em;
	}

	#asobito .topreccomend_btn { text-align: center; margin-top: 80px;}
	#asobito .topreccomend_btn img { width: 306px; height: auto;}


	.asobito_foot { width: 98%; max-width: 1100px; margin: 0 auto; padding-top: 60px;}
	.asobito_foot .asobito_foot-inner-left { width: 48%;}
	.asobito_foot .asobito_foot-inner-left .txt { line-height: 1.8em; font-size: 13px;}
	.asobito_foot .asobito_foot-inner-left img { width: 100%; height: auto; display: block; margin-bottom: 10px;}
	.asobito_foot .asobito_foot-inner-left {}
	.asobito_foot .asobito_foot-inner-right { width: 48%;}
	.asobito_foot .asobito_foot-inner-right .sobito_foot-inner-right-h2 { color: #fff; text-align: center; margin-bottom: 10px; font-size: 14px; padding: 10px 0; background: #6dace7;}
	.asobito_foot .asobito_foot-inner-right #asobito_foot-tweet { height: 150px; overflow: scroll; margin-bottom: 20px;}
	.asobito_foot .asobito_foot-inner-right #asobito_foot-twitterBtn { text-align: center;}
	.asobito_foot .asobito_foot-inner-right #asobito_foot-twitterBtn a { display: block; color: #fff; background: #6dace7;}
	.asobito_foot .asobito_foot-inner-right #asobito_foot-twitterBtn a span { display: inline-block; background: url("images/icon_tw2.png") no-repeat; background-size: 40px; padding: 15px 0 15px 40px; background-position: 0 3px;}

	#asobitsnsButton { text-align: center; margin-top: 60px;}
	#asobitsnsButton ul { font-size: 0;}
	#asobitsnsButton li { display: inline-block; margin: 0 20px;}
	#asobitsnsButton li a { height: 50px; width: 50px; display: block;}
	#asobitsnsButton li.fb a { background: url("images/icon_fb.png") no-repeat center; background-size: contain;}
	#asobitsnsButton li.tw a { background: url("images/icon_tw.png") no-repeat center; background-size: contain;}

	.article_btn { margin-top: 30px;}
	.article_btn a { display: block; background: #3D6FBD; box-sizing: border-box; border: solid 2px #3D6FBD; color: #fff; padding: 15px 0; font-size: 16px; text-align: center; transition: 0.3s;}
	.article_btn a:hover { display: block; background: #fff; box-sizing: border-box; border: solid 2px #3D6FBD; color: #3D6FBD; padding: 15px 0; font-size: 16px; text-align: center; transition: 0.3s; cursor: pointer;}
	.article_btn_off { display: block; background: #ccc; box-sizing: border-box; border: solid 2px #ccc; color: #fff; padding: 15px 0; font-size: 16px; text-align: center; transition: 0.3s;}

	.asobito_body-other-links { width: 90%; max-width: 800px; margin: 0 auto;}
	.asobito_body-other-links li { width: 32%;}
	.asobito_body-other-links li img { width: 100%; height: auto;}
	.asobito_body-other-links li img:hover { opacity: 0.8;}

}

/* TAB */
@media screen and (min-width: 769px) and (max-width: 800px) {
#asobito .tabs .tab_item span { padding: 5px 39px;}
#asobito .asobito_category-box { max-height: 190px; margin-bottom: 16%;}
#asobito .asobito_categorys-list ul li { padding: 5px 44px;}
#asobito .asobito_category-box .asobito_category-box_info .asobito_category-box_txt { font-size: 1.4vw;}
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	#asobito .asobito_category-box { max-height: 260px; margin-bottom: 10%;}
}


/* SP */
@media screen and (max-width: 768px) {
	.article_btn_off { display: block; background: #ccc; box-sizing: border-box; border: solid 2px #ccc; color: #fff; padding: 15px 0; font-size: 16px; text-align: center; transition: 0.3s;}
.spwrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
	.pconly { display: none !important;}
#asobito { font-family: 'MPLUS1p-Medium';}
#asobito #asobito_head {}
#asobito #asobito_head .asobito_head-img { width: 100%; max-width: 860px; margin: 0 auto;}
#asobito #asobito_head .asobito_head-img img { width: 100%; height: auto; display: block;}
#asobito #asobito_body { position: relative !important; top: 0 !important;}
#asobito #asobito_body .asobito_body-main { background: url("images/asobito_body_bg.png") no-repeat top left; background-size: cover; box-sizing: border-box;}
#asobito #asobito_body .asobito_body-inner { width: 91.4%; margin: 0 auto; padding-bottom: 24vw;}
#asobito .asobito_pankuzu { margin: 0 auto 13vw; padding-top: 3.2vw; /* はみ出し部分をスクロールする */
    overflow-x: scroll;

    /* テキストを改行しないようにする */
    word-break: keep-all;
    white-space: nowrap;

    /* スクロールの動きを滑らかにする */
    -webkit-overflow-scrolling: touch;
	max-width: 90vw;}
#asobito .asobito_pankuzu ul { font-size: 0; text-align: left;}
#asobito .asobito_pankuzu ul li { font-size: 3.73vw; display: inline-block; vertical-align: middle; margin-left: 1em; padding-left: 1em; background: url("images/icon_arr_01.png") no-repeat center left; background-size: 1.5vw;}
#asobito .asobito_pankuzu ul li.home { background: url("images/icon_home.png") no-repeat left; background-size: contain; padding-left: 1.8em; margin-left: 0;}
#asobito .asobito_pankuzu ul li a { color: #000; text-decoration: underline;}
#asobito .asobito_pankuzu ul li a:hover { text-decoration: none;}
#asobito .asobito_article { background: #fff; box-sizing: border-box; padding: 9vw 4.53vw;}
#asobito .asobito_article .date { font-size: 3.73vw; color: #CCCCCC; letter-spacing: 0.05em; margin-bottom: 1em;}
#asobito .asobito_article #asobito_article-ttl { font-size: 6.4vw; line-height: 1.5em; font-family: 'MPLUS1p-Bold'; margin-bottom: 4vw;; word-break: break-all;}
#asobito .asobito_article .asobito_article-thum { margin-bottom: 4vw;}
#asobito .asobito_article .asobito_article-thum img { width: 100%; height: auto; display: block;}
#asobito .asobito_article .posi { font-family: 'MPLUS1p-Bold'; font-size: 3.73vw; margin-bottom: 2vw;}
#asobito .asobito_article .name { font-family: 'MPLUS1p-Bold'; font-size: 4.4vw; margin-bottom: 3vw;}
#asobito .asobito_article .profile { background: #F5F5F5; box-sizing: border-box; padding: 5vw; margin-bottom: 4vw;}
#asobito .asobito_article .profile .profile_ttl { font-family: 'MPLUS1p-Bold'; font-size: 4vw; margin-bottom: 2vw;}
#asobito .asobito_article .profile .txt { font-size: 3.43vw; line-height: 1.8em;}
#asobito .asobito_article .profile .profile_thum { text-align: center;}
#asobito .asobito_article .profile .profile_thum img { width: 30vw; height: auto;}
#asobito .asobito_article .profile .txt.txt_center { text-align: center; margin: 3vw 0 5vw;}
#asobito .asobito_article .boto { font-family: 'MPLUS1p-Bold'; border-top: solid 1px #000; border-bottom: solid 1px #000; padding: 1em 0.5em; margin-bottom: 3vw;}
#asobito .asobito_article .boto .txt { font-size: 3.43vw; line-height: 1.8em;}
#asobito .asobito_article .asobito_article-body {}
#asobito .asobito_article .asobito_article-body h3 { background: #EEEEEE; font-family: 'MPLUS1p-Bold'; font-size: 4.4vw; line-height: 1.6em; padding: 3vw 2vw; margin-bottom: 3vw; margin-top: 12vw;}
#asobito .asobito_article .asobito_article-body p { font-size: 3.4vw; line-height: 2em; margin-bottom: 1em;}
#asobito .asobito_article .asobito_article-body img { max-width: 100%; height: auto; display: block; margin: 0 auto 30px;}
#asobito .asobito_body-other { background: url("images/asobito_other_bg.jpg") no-repeat center; background-size: cover; text-align: center; padding: 24vw 0;}
#asobito .asobito_body-other .other_ttl-en { font-size: 3.73vw; color: #FE6D74; margin-bottom: 1em; letter-spacing: 0.05em; font-family: 'Barlow-Bold';}
#asobito .asobito_body-other .asobito_body-other_ttl { font-size: 9vw; margin-bottom: 10.6vw; font-family: 'MPLUS1p-ExtraBold';}
#asobito .asobito_body-other .other_slide-box { position: relative; width: 100%; margin-left: 3vw;}
#asobito .asobito_body-other .other_slide-box .other_slide-name { position: absolute; left: 0; top: 0; width: 12vw;}
#asobito .asobito_body-other .other_slide-box .other_slide-name img { width: 100%; height: auto;}
#asobito .asobito_body-other .other_slide-box .other_slide-img { margin: 0 2vw 0 12.8vw;}
#asobito .asobito_body-other .other_slide-box .other_slide-img img { width: 100%; height: auto; display: block;}
#asobito .asobito_body-other .other_slide-box .other_slide-txt { box-sizing: border-box; text-align: left; position: relative; width: 100%; left: 0; margin-top: -20.3vw; padding-left: 20vw; top: -9vw;}
#asobito .asobito_body-other .other_slide-box .other_slide-txtin { background: #fff; box-shadow: 2px 2px 4px gray; position: relative; left: -2vw;}
#asobito .asobito_body-other .other_slide-box .other_slide-txt .other_slide-names { font-size: 6.93vw; letter-spacing: 0.1em; padding: 3.2vw 3.4vw; background: #EEEEEE; font-family: 'MPLUS1p-ExtraBold';}
#asobito .asobito_body-other .other_slide-box .other_slide-txt .other_slide-posi { padding: 3.4vw 3.4vw 3vw; font-size: 4vw; font-family: 'MPLUS1p-ExtraBold';}
#asobito .asobito_body-other .other_slide-box .other_slide-txt .txt { padding: 0 3.4vw 3.4vw; font-size: 3.7vw; line-height: 1.27em;}
#asobito .asobito_body-other .other_slide { width: 91.4%; margin: 0 auto;}
#asobito .asobito_body-other .prev-arrow { position: absolute; left: 0; bottom: 0; width: 10.6vw;}
#asobito .asobito_body-other .prev-arrow img { position: relative; top: 4vw;}
#asobito .asobito_body-other .next-arrow { position: absolute; right: 0; bottom: 0; width: 10.6vw;}
#asobito .asobito_body-other .next-arrow img { position: relative; top: 4vw;}
#asobito .asobito_body-other .slide-dots2 { font-size: 0;}
#asobito .asobito_body-other .slide-dots2 li { display: inline-block; margin: 0 2px;}
#asobito .asobito_body-other .slide-dots2 li button { font-size: 0; border: none; background: url("images/icon_circle_01.png") no-repeat center; width: 10px; height: 10px;}
#asobito .asobito_body-other .slide-dots2 li.slick-active button { background-image: url("images/icon_circle_02.png");}
#asobito .asobito_body-side { padding: 0 0; box-sizing: border-box; position: relative !important; background: #fff; top: 0 !important;}
#asobito .asobito_body-side ul { width: 100%; margin: 0 auto; border-top: solid 1px #CCCCCC;}
#asobito .asobito_body-side ul li { font-size: 3.46vw; line-height: 1.5em; box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; border-bottom: solid 1px #CCCCCC; height: 21.3vw; padding-left: 15vw; position: relative;}
#asobito .asobito_body-side ul li:nth-child(2n) { border-left: solid 1px #CCCCCC;}
#asobito .asobito_body-side ul li a { color: #333333; display: inline-block; position: absolute; top: 50%; left: 60%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto; text-align: left; width: 58%;}
#asobito .asobito_body-side ul li.l01 { background: url("images/ico_01.png") no-repeat; background-size: 7vw; background-position: 5vw 50%;}
#asobito .asobito_body-side ul li.l02 { background: url("images/ico_02.png") no-repeat; background-size: 6vw; background-position: 5vw 50%;}
#asobito .asobito_body-side ul li.l03 { background: url("images/ico_03.png") no-repeat; background-size: 6vw; background-position: 5.5vw 50%;}
#asobito .asobito_body-side ul li.l04 { background: url("images/ico_04.png") no-repeat; background-size: 4vw; background-position: 6.2vw 50%;}
#asobito .asobito_body-side ul li.l05 { background: url("images/ico_05.png") no-repeat; background-size: 7vw; background-position: 5vw 50%;}
#asobito .asobito_body-side ul li.l06 { background: url("images/ico_06.png") no-repeat; background-size: 6vw; background-position: 5vw 50%;}
#asobito .asobito_body-side ul li.l07 { background: url("images/ico_07.png") no-repeat; background-size: 6vw; background-position: 5.5vw 50%;}
#asobito .asobito_body-side ul li.l08 { background: url("images/ico_08.png") no-repeat; background-size: 4vw; background-position: 6.2vw 50%;}
#asobito .asobito_body-side ul li.l09 { background: url("images/ico_09.png") no-repeat; background-size: 7vw; background-position: 5vw 50%;}
#asobito .asobito_body-side ul li.l10 { background: url("images/ico_10.png") no-repeat; background-size: 6vw; background-position: 5vw 50%;}



	#asobito .asobito_categorys { text-align: center; width: 100% !important;}
	#asobito .category_ttl-en { font-size: 3.73vw; color: #FE6D74; margin-bottom: 1em; letter-spacing: 0.05em; font-family: 'Barlow-Bold';}
	#asobito .asobito_body-category_ttl { font-size: 9vw; margin-bottom: 10.6vw; font-family: 'MPLUS1p-ExtraBold';}
	#asobito .asobito_category { margin: 0 auto; width: 91.4%;}
	#asobito .asobito_category-box { width: 48%; margin-right: 4%; float: left; position: relative; margin-bottom: 8vw;}
	#asobito .asobito_category-box:nth-child(2n) { margin-right: 0;}
	#asobito .asobito_category-box:last-child { margin-bottom: 16vw;}
	#asobito .asobito_category-box.top_content:last-child,#asobito .asobito_category-box.top_content:nth-last-child(2) { margin-bottom: 0;}
	#asobito .asobito_category-box .asobito_category-box_name { position: absolute; left: 0; top: 0; width: 5.3vw;}
	#asobito .asobito_category-box .asobito_category-box_name img { width: 100%; height: auto; display: block;}
	#asobito .asobito_category-box .asobito_category-box_img { width: 100%; display: block; box-sizing: border-box; padding: 0 2vw 0 6vw;}
	#asobito .asobito_category-box .asobito_category-box_img img { width: 100%; height: auto; display: block;}
	#asobito .asobito_category-box .asobito_category-box_info { background: #fff; box-sizing: border-box; margin-left: 7vw; font-family: 'MPLUS1p-ExtraBold'; position: relative; top: -3vw; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); text-align: left;}
	#asobito .asobito_category-box .asobito_category-box_info .asobito_category-box_ttl { font-size: 3.73vw; background: #EEEEEE; box-sizing: border-box; padding: 2.6vw;}
	#asobito .asobito_category-box .asobito_category-box_info .asobito_category-box_txt { font-size: 3vw; box-sizing: border-box; padding: 2.6vw; line-height: 1.4em;}
	#asobito .asobito_prev { display: inline-block; vertical-align: middle;}
	#asobito .asobito_prev img { width: 2.6vw;}
	#asobito .asobito_next { display: inline-block; vertical-align: middle;}
	#asobito .asobito_next img { width: 2.6vw;}
	#asobito .asobito_category-listnum { display: inline-block; vertical-align: middle; font-size: 0;}
	#asobito .asobito_category-listnum span { display: inline-block; vertical-align: middle; color: #fff; width: 10.6vw; height: 10.6vw; line-height: 10.6vw; background: #E80802; color: #fff; font-size: 4.26vw; margin: 0 1.3vw;}
	#asobito .asobito_category-listnum a { display: inline-block; vertical-align: middle; box-sizing: border-box; background: #fff; border: solid 1px #000000; color: #000000; width: 10.6vw; height: 10.6vw; line-height: 10.6vw; font-size: 4.26vw; margin: 0 1.3vw;}
	#asobito .asobito_categorys-list { border-top: solid 1px #000; border-bottom: solid 1px #000; display: inline-block; margin-bottom: 14.9vw; padding: 3vw 0; position: relative; background: #fff;
	box-sizing: border-box;
    overflow-x: scroll;
    overflow-y: visible;

    /* テキストを改行しないようにする */
    word-break: keep-all;
    white-space: nowrap;

    /* スクロールの動きを滑らかにする */
    -webkit-overflow-scrolling: touch; width: 100%;}
	#asobito .asobito_categorys-list ul { font-size: 0; position: relative;}
	#asobito .asobito_categorys-list ul li { display: inline-block; font-size: 4.8vw; font-family: 'MPLUS1p-ExtraBold'; padding: 5.3vw 4vw; box-sizing: border-box;}
	#asobito .asobito_categorys-list ul li a { color: #CCCCCC; padding: 0 4vw; display: block;}
	#asobito .asobito_categorys-list ul li a:hover {}
	#asobito .asobito_categorys-list ul li.current a { color: #5BC5ED; position: relative;}
	#asobito .asobito_categorys-list ul li.current a::before { height: 1vw; background: #5BC5ED; position: absolute; left: 0; bottom: -8vw; content: ''; width: 100%;}
	#asobito .asobito_categorys-listhead { width: 1px; height: 5.3vw; background: #000; margin: 0 auto; display: block;}



	#asobito .article_btn_s { border: solid 1px #000; text-align: center; padding: 1em 0; line-height: 1.4em;}
	#asobito .asobito_body-inner.asobito_top {}
	#asobito .asobito_top { padding: 21.3vw 0;}
	#asobito .topreccomend { padding-top: 100px;}
	#asobito .asobito_top-boxes { text-align: center; margin: 0 auto;}
	#asobito .top_ttl-en { font-size: 3.73vw; color: #FE6D74; margin-bottom: 1em; letter-spacing: 0.05em; font-family: 'Barlow-Bold';}
	#asobito .asobito_body-top_ttl { font-size: 9vw; margin-bottom: 10.6vw; font-family: 'MPLUS1p-ExtraBold'}
	#asobito .asobito_top-box_left { width: 100%; position: relative; margin-bottom: 10.6vw;}
	#asobito .asobito_top-box_left .asobito_top-box_name { position: absolute; width: 9.6vw;}
	#asobito .asobito_top-box_left .asobito_top-box_name img { width: 100%; height: auto;}
	#asobito .asobito_top-box_left .asobito_top-box_img { box-sizing: border-box; padding-left: 10vw; padding-right: 2.93vw;}
	#asobito .asobito_top-box_left .asobito_top-box_img img { width: 100%; height: auto;}
	#asobito .asobito_top-box_left .asobito_top-box_info { background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); text-align: left; margin-left: 14.4vw; margin-top: -30.4vw; position: relative; z-index: 2; min-height: 22vw; display: flex; align-items: center;}
	#asobito .asobito_top-box_left .asobito_top-box_info .asobito_top-box_ttl { font-size: 6.93vw; background: #EEEEEE; box-sizing: border-box; padding: 3.2vw 4.26vw; font-family: 'MPLUS1p-ExtraBold';}
	#asobito .asobito_top-box_left .asobito_top-box_info .asobito_top-box_txt { box-sizing: border-box; padding: 4.26vw; font-family: 'MPLUS1p-ExtraBold'; font-size: 4.8vw; line-height: 1.3em; word-break: break-all;}
	#asobito .asobito_top-box_left .asobito_top-box_info .asobito_top-box_txtmini { line-height: 1.73em; font-size: 4.26vw; box-sizing: border-box; padding:3.2vw 4.26vw; word-break: break-all; font-family: 'MPLUS1p-ExtraBold';}
	#asobito .asobito_top-box_right { width: 100%;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box { position: relative; width: 49%;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_name { position: absolute; width: 4.8vw;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_name img { width: 100%; height: auto;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_img { box-sizing: border-box; padding-left: 5vw; padding-right: 1.6vw;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_img img { width: 100%; height: auto;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_info { background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); text-align: left; margin-left: 6.9vw; margin-top: -16.8vw; position: relative; z-index: 2;}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_info .asobito_top-box_ttl { font-size: 3.73vw; background: #EEEEEE; box-sizing: border-box; padding: 2.4vw 2.6vw; font-family: 'MPLUS1p-ExtraBold';}
	#asobito .asobito_top-box_right .asobito_top-box_right-box .asobito_top-box_info .asobito_top-box_txt { box-sizing: border-box; padding: 2.4vw 2.6vw; font-family: 'MPLUS1p-ExtraBold'; font-size: 3.73vw; line-height: 1.3em; word-break: break-all;}


	/*タブ切り替え全体のスタイル*/
	#asobito .tabs { font-size: 0; position: relative;}
	#asobito .tabs::before { position: absolute; left: 50%; top: -5.3vw; content: ''; background: #000; width: 1px; height: 5.3vw;}

/*タブのスタイル*/
#asobito .tab_item {
	display: inline-block;
	font-size: 4.8vw; background: #fff; color: #DDDDDD;
}
	#asobito .tabs .tab_item { border-bottom: solid 1px #000; border-top: solid 1px #000; padding: 2.3vw 0;}
	#asobito .tabs .tab_item span { padding: 1vw 6vw; display: block; position: relative;}
	#asobito .tabs .tab_item.bl span { border-right: solid 1px #000;}
	#asobito .tabs .tab_item.bl { border-left: solid 1px #000;}
	#asobito .tabs .tab_item.first_bl { border-left: solid 1px #000;}
	#asobito .tabs .tab_item.br { border-right: solid 1px #000;}
#asobito .tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
#asobito input[name="tab_item"] {
  display: none;
}

	#asobito input[name="tab_item2"] {
  display: none;
}

	#asobito input[name="tab_item25"] {
  display: none;
}
	#asobito input[name="tab_item5"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
#asobito .tab_content {
  display: none;
  clear: both;

	margin-top: 10vw;
}


/*選択されているタブのコンテンツのみを表示*/
#box01:checked ~ #box01_content,
#box02:checked ~ #box02_content,
#box03:checked ~ #box03_content,
#box04:checked ~ #box04_content,
#box05:checked ~ #box05_content,
#box06:checked ~ #box06_content,
#box07:checked ~ #box07_content,
#box08:checked ~ #box08_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
#asobito .tabs input:checked + .tab_item span {
color: #5BC5ED;
}
	#asobito .tabs input:checked + .tab_item span::before {
		content: ''; background: #5BC5ED; height: 1vw; width: 100%; position: absolute; bottom: -3vw; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto; width: 4em;
	}

	#asobito .topreccomend_btn { text-align: center; margin-top: 10vw;}
	#asobito .topreccomend_btn img { width: 81.6vw; height: auto;}

	.asobito_foot { width: 90%; margin: 0 auto; padding-top: 10vw;}
	.asobito_foot .asobito_foot-inner-left { width: 100%; margin-bottom: 3vw;}
	.asobito_foot .asobito_foot-inner-left .txt { line-height: 1.8em; font-size: 3.43vw;}
	.asobito_foot .asobito_foot-inner-left img { width: 100%; height: auto; display: block; margin-bottom: 3vw;}
	.asobito_foot .asobito_foot-inner-left {}
	.asobito_foot .asobito_foot-inner-right { width: 100%;}
	.asobito_foot .asobito_foot-inner-right .sobito_foot-inner-right-h2 { color: #fff; text-align: center; margin-bottom: 3vw; font-size: 3.7vw; padding: 2vw 0; background: #6dace7;}
	.asobito_foot .asobito_foot-inner-right #asobito_foot-tweet { height: 50vw; overflow: scroll; margin-bottom: 3vw;}
	.asobito_foot .asobito_foot-inner-right #asobito_foot-twitterBtn { text-align: center;}
	.asobito_foot .asobito_foot-inner-right #asobito_foot-twitterBtn a { display: block; color: #fff; background: #6dace7;}
	.asobito_foot .asobito_foot-inner-right #asobito_foot-twitterBtn a span { display: inline-block; background: url("images/icon_tw2.png") no-repeat; background-size: 6vw; padding: 2vw 0 2vw 6vw; background-position: 0 1vw;}

	#asobitsnsButton { text-align: center; margin-top: 10vw;}
	#asobitsnsButton ul { font-size: 0;}
	#asobitsnsButton li { display: inline-block; margin: 0 2vw;}
	#asobitsnsButton li a { height: 12vw; width: 12vw; display: block;}
	#asobitsnsButton li.fb a { background: url("images/icon_fb.png") no-repeat center; background-size: contain;}
	#asobitsnsButton li.tw a { background: url("images/icon_tw.png") no-repeat center; background-size: contain;}

	.asobito_body-other-links { width: 90%; max-width: 600px; margin: 0 auto;}
	.asobito_body-other-links li { width: 100%; margin: 2vw 0;}
	.asobito_body-other-links li img { width: 100%; height: auto;}

	#sticked { position: relative !important; top: 0 !important;}


}