@charset "utf-8";

@media screen and (max-width:600px) {
	#wpadminbar {
		position: fixed !important;
	}

}


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

/* reset
----------------------------------------------------------------------------- */
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		font-size: 1.4rem;
	}

	h1{font-size: 3.2rem;}
	h2{font-size: 2.8rem;}
	h3{font-size: 2.4rem;}
	h4{font-size: 1.6rem;}
	h5{font-size: 1.5rem;}
	h6{font-size: 1.4rem;}


/* common
----------------------------------------------------------------------------- */
	.float_l_bl ,
	.float_r_bl {
		float: none;
		display: block;
		margin: 0 auto 15px;
	}

	.sp_block {display: block;}
	.sp_none {display: none;}


/* body
----------------------------------------------------------------------------- */
	html {
		font-size: 62.5%; /* 10px */
	}
	body {
		min-width: initial;
		min-width: auto; /* For IE11以下 */
	}


/* header
----------------------------------------------------------------------------- */
	header {
		min-width: initial;
		min-width: auto;
		height: 56px;
	}

	.bs_header_in {
		width: 100%;
		padding: 10px 12px 0;
		position: relative;
	}

	header h1 {
		max-width: 216px;
	}

	.bs_hd_subtit{
		font-size: 16px;
		margin-bottom: 2px;
	}
	.bs_hd_copy{
		font-size: 10px;
		line-height: 1.2em;
	}

	.bs_trigger_open{
		top: 60%;
		right:7%;
	}
	.bs_trigger_open a{
		font-size:19px;
	}

	.bs_acordion_tree {
		top: 56px;
	}

	#bs_header_acordion h2 {
		font-size: 1.8rem;
		margin-bottom: 8px;
	}

	.bs_page_gnav > li a {
		font-size: 1.3rem;
		line-height: 1.2;
	}

	.bs_blog_gnav {
		margin: 0 auto 5px;
	}

	.bs_page_gnav > li a {
		font-size: 1.3rem;
		line-height: 1.2;
	}

	.bs_pc_search{display: none;}
	.bs_sp_search{display: block;}
	.bs_search{
		width:100%;
		margin:0 auto 20px;
	}
	.bs_search .search-field {
		padding: 10px;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}
	.bs_search .bs_search_icon {
		height: 40px;
		line-height: 40px;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}


/* contents
----------------------------------------------------------------------------- */
	.contents {
		padding: 56px 0 0;
	}


/* pankuzu
------------------------------------- */
	.bs_pankuzu {
		margin: 0 0 25px;
	}


/* Block
------------------------------------- */
	.bs_inner_wrap01 {
		padding: 30px 12px 0;
	}

/*--- main:side Start ---*/
	.bs_main_col {
		width: 100%;
		float: none;
		display: block;
		margin-bottom: 40px;
	}

	.bs_side_col {
		clear: both;
		width: 100%;
		padding: 0 12px;
		float: none;
		display: block;
	}

	.bs_post_list h4 {line-height: 1.2em;}
	.bs_post_list h4 a {
		font-size:13px;
		line-height: 1.2em;
	}

	/*ranking */
	#bs_side_rank li:before {
		font-size: 14px;
		padding: 4px 8px;
	}

	/* category */
	.bs_side_category li a {
		font-size: 14px;
	}

/*--- column Start ---*/
	.bs_2col > div ,
	.bs_2col > li ,
	.bs_3col > div ,
	.bs_3col > li ,
	.bs_4col > div ,
	.bs_4col > li ,
	.bs_5col > div ,
	.bs_5col > li {
		width: 100%;
		margin: 0 auto 20px;
	}

	.sp_2col > div ,
	.sp_2col > li {
		width: 48%;
		margin: 0 4% 20px 0;
	}
	.sp_2col > div:nth-child(2n) ,
	.sp_2col > li:nth-child(2n) {margin-right: 0;}

	.bs_three_thirds {
		display: block;
	}
	.bs_one_third {
		width: 100%;
		margin: 0 auto 10px;
	}
	.bs_two_thirds {
		width: 100%;
	}


/* Flexbox
------------------------------------- */

	/* 子要素を逆順で横並び */
	.sp_flex_row_reverse {
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.sp_flex_row_reverse > div ,
	.sp_flex_row_reverse > li {
		width: 48%;
	}

	/* 子要素を可変幅で縦並び */
	.sp_flex_column {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.sp_flex_column > div ,
	.sp_flex_column > li {
		width: 100%;
		min-height: 0%;
	}

	/* 子要素を逆順で縦並び */
	.sp_flex_column_reverse {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.sp_flex_column_reverse > div ,
	.sp_flex_column_reverse > li {
		width: 100%;
		min-height: 0%;
	}

	/* 子要素を任意の順に並び替え */
	.sp_flex_order1 {order: 1;}
	.sp_flex_order2 {order: 2;}

/* title
------------------------------------ */
	.bs_title01 ,
	.bs_side_col01 h3 {
		font-size: 1.8rem;
	}

/* article
------------------------------------- */
	.bs_article_list0102 article a {
		display: block;
		padding: 5px 0px 0;
	}
	.bs_article_list0102 article p {
		display: block;
		padding: 5px 0 0;
		margin: 0;
	}

	.bs_article_list02 article{
		width: 100%;
	}

	.bs_article_list04 article figure {
		width: 100px;
	}
	.bs_article_list04 article figure img {
		max-width: 100%;
	}
	.bs_article_list04 .bs_thumb_txt h3 {
		margin-bottom: 10px;
	}
	.bs_article_list04 .bs_thumb_txt p {
		font-size: 1.4rem;
	}

	.bs_article_3col article {
		width: 100%;
	}

	.bs_article_4col article {
		width: 100%;
	}

/* form
------------------------------------- */
	p.bs_form_flow01 {font-size: 14px;}

	p.bs_form_flow01 i {
		font-size: 14px;
		padding:0 2%;
	}

/* Gmap
------------------------------------- */
	.bs_gmap iframe {
		height: 200px;
	}
	.bs_gmap_side {
		max-width: 100%;
		height: auto;
		position: static;
	}
	.bs_gmap_info {
		height: auto;
		display:b lock;
	}
	.bs_gmap_info_inner {
		display: block;
		padding: 20px 0;
	}

/* 縦書き
------------------------------------- */
	.bs_rl_box{
		width: 100%;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
	}


/* top page
----------------------------------------------------------------------------- */
	.me_top_contents {
		display: block;
	}
	.me_top_contents > div ,
	.me_top_contents > div:nth-child(3) {
		width: 100%;
		max-width: auto;
		height: auto;
		margin-right: 0;
		margin: 0 auto 20px;
	}
	.me_top_contents > div:nth-child(1) h2 {
		margin-bottom: 15px;
	}

	#me_main_slide .swiper-slide {
		width: 100%;
	}
	#swiper-pagination_main {
		display: none;
	}

	.me_top_slide {
		margin: 0 auto 20px;
	}
	.me_top_slide .swiper-container {width: 100%;}
	.swiper-slide h2 {
		font-size: 14px;
		padding: 8px 12px;
	}

	/* 最近更新された記事 */
	.bs_updated_post article time {width: 85px;}

	/* 注目の記事 */
	.me_pickup_list li .me_pickup_img a {
		padding-top: 60%;
	}

	.me_pickup_list li .me_pickup_img a img {
		width: auto;
		height: 100%;
	}
	.me_pickup_list li h3 {
		padding: 6px;
		line-height: 1em;
	}
	.me_pickup_list li h3 a {
		font-size: 12px;
		line-height: 1em;
	}

	/* 最新記事 */
	.me_news_list1 dl {
		padding-bottom: 8px;
		margin-bottom: 10px;
	}

	.me_news_list1 dl:nth-child(1):before ,
	.me_news_list1 dl:nth-child(2):before ,
	.me_news_list1 dl:nth-child(3):before {
		padding: 2px 10px 0;
		font-size: 12px;
	}

	.me_news_list1 dl dt {
		width: 100px;
	}
	.me_news_list1 dl dd {
		padding-left: 15px;
		width: 60%;
	}
	.me_news_list1 dl dd h3 {margin-bottom: 10px;}
	.me_news_list1 dl dd h3 a{font-size: 13px;}
	.me_news_list1 dl dd h3 ,
	.me_news_list1 dl dd h3 a{line-height: 1em;}

	.me_news_list1 dl dd p {font-size:10px; margin-bottom:0;}
	.me_news_list1 dl dd p.me_category a {font-size: 10px;}
	p.me_news_ttl1 {display: none;}


/* 投稿詳細
----------------------------------------------------------------------------- */
	/* 上部最新記事 */
	#tabBox-nav li {
		width: 25%;
		margin: 0;
		text-align: center;
	}
	#tabBox-nav li a {font-size: 14px;}
	#tabBox-nav li a span {display: none;}

	.me_new_articles_list li ,
	.tab li {
		width: 48%;
		margin: 0 4% 15px 0;
	}
	.me_new_articles_list li {min-height: 170px;}

	.me_new_articles_list li:nth-child(2n) ,
	.tab li:nth-child(2n) {margin: 0 0 15px 0;}

	.me_new_articles_list li div {
		height: 90px;
	}
	.me_new_articles_list li h2 {
		font-size: 12px;
		line-height: 1.1em;
	}

	.tab li img {width: 100%; height: auto;}

	/* 記事エリア */
	.bs_post_title {
		width: 78%;
		font-size: 1.8rem;
	}
	.bs_post_date {font-size: 12px;}

	.me_author_bl {
		width: 60px;

	}
	.me_author_bl img {
		width: 60px;
		height: 60px;
	}
	.me_author_bl span {font-size: 10px;}

	.me_author_title_dl dd {
		padding-left: 20px;
		font-size: 18px;
	}

	.bs_post_wrap {
		padding: 30px 0 0;
		margin: 0 auto 40px;
	}

	.bs_post_wrap p:first-child img {margin-bottom: 25px;}

	.bs_post_wrap h3 {
		font-size: 19px;
		padding: 12px 12px 6px;
		margin: 60px 0 20px;
	}

	.bs_post_wrap h4 {
		font-size: 17px;
		margin: 30px 0 15px;
	}

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

	/* 目次 */
	div#ez-toc-container {margin-top: 25px;}
	div#ez-toc-container {width: 100% !important;}

	/* コメント欄 */
	.me_comment {
		width: 60px;
		position: fixed;
		bottom: 20px;
		left: auto;
		right: 12px;
	}
	.me_comment a.j_cbox_inline {
		height: 60px;
	}
	.me_comment a.j_cbox_inline:before {
		font-size: 30px;
	}

	#cbox_inline01 h3 {
		font-size: 15px;
	}

	ol.commentlist > li {margin-left: 1em;}
	ol.commentlist .comment-author {
		float: none;
		display: block;
		margin-bottom: 0;
	}
	ol.commentlist .comment-author img {max-width: 32px;}
	ol.commentlist .comment-author .fn,
	ol.commentlist .comment-author .says {font-size: 11px;}
	ol.commentlist .comment-meta {padding-top: 0px;}
	ol.commentlist .comment-meta a {font-size: 10px;}

	.comment-respond textarea#comment {width: 100%;}

	/* 関連記事（同カテゴリー（最下層）） */
	.ms_related_post_wrap {
		padding: 12px 12px;
	}
	.ms_related_post_wrap h3 {
		font-size: 13px;
		padding: 0;
		margin: 0 0 10px;
	}

	/* 関連人気記事 */
	#me_popularposts_btm {margin-bottom: 40px;}

	.bs_wpp_list li ,
	.bs_wpp_list li:nth-child(3n) {
		width: 48%;
		margin-right: 4%;
	}
	.bs_wpp_list li:nth-child(2n) {
		margin-right: 0;
	}

	.wpp-views{font-size:12px;}

	/* 関連新着記事 */
	.me_newarticles_img a {
		padding-top: 60%;
	}
	.me_newarticles_img a img {
		width: auto;
		height: 100%;
	}
	.me_newarticles_txt {
		padding: 6px 8px 3px;
	}
	.me_newarticles_txt time {font-size: 1.3rem;}
	.me_update {display: inline-block; padding-left: 5px;}
	.me_newarticles_date {display: none;}
	.me_newarticles_txt h4 {
		font-size: 1.4rem;
		line-height: 1.2;
		height: 17px;
		overflow: hidden;
	}

	/* ユーザープロフィール文 */
	.me_author_description p {
		font-size: 14px;
	}


/* 固定ページ
----------------------------------------------------------------------------- */
	.bs_page_title {
		font-size: 2rem;
		padding: 22px 6px;
	}
	.bs_page_main_col h3 {
		font-size: 1.8rem;
	}

	/* thema */
	.me_thema_dl dt {
		width: 100%;
		text-align: center;
	}
	.me_thema_dl dd {
		width: 100%;
	}

	/*** gym */
	.me_gym_link {max-width: 768px;}
	.me_gym_ul li {
		width: 140px;
	}
	.me_gym_ul li:nth-child(4) ,
	.me_gym_link .me_gym_ul li:nth-child(2n) {
		margin: 0 10px 10px 0;
	}

	/* idea */
	.me_idea_img {
		max-width: 300px;
	}

	/* yawaragi */
	.me_yawaragi_main_l {
		width: 28%;
	}
	.me_yawaragi_main_r {
		width: 70%;
	}
	.me_yawaragi_mainimg {
		display: none;
	}

	.me_yawaragi_about_l {
		width: 100%;
	}
	.me_yawaragi_about_r {
		width: 38%;
		max-width: 320px;
	}

	.me_yawaragi_method_menu li a {
		padding: 5px 3px;
		font-size: 1.4rem;
	}


	/*** topics */
	/* detail */
	#me_set_l ,
	#me_set_r {
		width: 100%;
		float: none;
		display: block;
	}

	.me_topics_txtinfo {
		width: 100%;
	}

	/* 関連記事 */
	.bs_related_cate li ,
	.bs_related_cate li:nth-child(3n) {
		width: 48%;
		margin-right: 4%;
	}
	.bs_related_cate li:nth-child(2n) {
		margin-right: 0;
	}



/* footer
----------------------------------------------------------------------------- */
	footer {
		padding: 20px 12px;
	}

	.bs_gotop {
		width: 30px;
	}

	.bs_float_bn01 {
		width: 80px;
	}

	.bs_ft_menu > ul > li {margin:0 12px 10px;}
	.bs_ft_menu > ul > li a {
		font-size: 1.3rem;
	}
	.bs_ft_menu > ul > li > ul > li a {
		font-size: 1.2rem;
	}

	.bs_footer_logo {
		max-width: 120px;
	}

	p#bs_copyright {font-size: 60%;}

	/* ユーザー一覧 */
	ul.me_authors_list li p {font-size: 80%;}

	/* Instagram */
	#bs_insta_ul {
		width: 270px;
		margin: 0 auto;
	}

	#bs_insta_ul li {
		width: 130px;
		margin: 0 10px 10px 0;
	}
	#bs_insta_ul li:nth-child(2n) {margin: 0 0 10px 0;}

	.bs_insta_img {
		width: 130px;
		height: 130px;
	}

}