@charset "utf-8";

/* =============================================
	style 濱崎塾
============================================= */
*{
 box-sizing: border-box;
}

.small_header_list{}
.small_header_list li{
	display: inline-block;
}

/*-----------------------------
サイト共通
-----------------------------*/
body{
	word-wrap:break-word;/*URL等の長英文の折り返し*/
}

sup{
	vertical-align: top;
	position: static;
}

sub{
	/*font-size: 50%;*/
}

.mgn_top1em{
	margin-top: 1.5em;
}
.mgn_b15em{
	margin-bottom: 1.5em;
}
.mgn_r2em{
	margin-right: 2em;
}

.margin_center{
	margin: 0 auto;
}

.padd_05em{
	padding: 0.5em;
}

.size_s{
	font-size: 80%;
}

.size_l{
	font-size: 120%;
}

.size_ll{
	font-size: 150%;
}

.size_normal{
	font-size: 100%;
}

.color_red{
	color: #e50012;
}

i.mincho{
	font-family: "Times New Roman", Times, "serif";
	padding: 0 0.25em;
	font-weight: bold;
}

.text_underline{
 text-decoration: underline;
}
.text_inlineblock{
 display: inline-block;
}

/* 画像ボケ軽減 */
img{
	/*backface-visibility: hidden;*/
 image-rendering: -webkit-optimize-contrast;
}

/* youtube動画埋め込み */
.video_wrap_980{
	width: 80%;
	max-width: 980px;
	margin: 3em auto;
}
.video_wrap{
	width: 80%;
	max-width: 560px;
	margin: 3em auto;
}

.video_title{
	font-size: 1.15em;
	font-weight: bold;
}

.youtube_video{
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
	box-sizing: border-box;
	position: relative;
}

.youtube_video iframe,
.youtube_video object,
.youtube_video embed{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* videoタグ埋め込み */
.video_area{
	width: 100%;
	max-width: 640px;
	margin: 1em auto;
}
.video_area video{
	width: 100%;
}

/*** article common ***/

article{
	width: 100%;
	padding-bottom: 2em;
	background-color: #fffddb;
}

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

h1{
	font-size: 1.6rem;
	line-height: 1;
	width: 100%;
	padding: 0.5em 0;
	background-color: #e50012;
}

h1 #h1{
	display: block;
	color: #fff000;
	width: 95%;
	max-width: 980px;
	margin: 0 auto;
}

h1 #h1 .h1_caption{
	display: inline-block;
	font-size: 0.85em;
	color: #fff;
	margin-left: 2em;
	padding: 0.5em 0.5em 0.34em 0.5em;
	border: solid 1px #fff;
}

/*** ページヘッダー ***/

#page_header{
	width: 100%;
	background-image: url("../img/header_bg.png");
	background-repeat: no-repeat;
	background-position: center 0;
}

#page_header #title_wrap{
	width: 100%;
	max-width: 980px;
	min-height: 360px;
	margin: 0 auto;
	position: relative;
 z-index: 999;
}

#title_wrap #hamazaki_logo{
	display: inline-block;
	width: 90%;
	max-width: 452px;
	position: absolute;
	top: 30px;
	right: 74px;
	z-index: 1;
}

#title_wrap #hamazaki_chara{
	display: inline-block;
	width: 90%;
	max-width: 433px;
	position: absolute;
	top: 56px;
	left: 62px;
}


/*** コンテンツページ グローバルナビ ***/

#page_nav{
	/*width: 95%;
	max-width: 980px;*/
	width: 980px;
	margin: 2em auto 0 auto;
}

#page_nav #global_navi{
	display: none;
}

#page_nav .global_lavel{
	display: none;
}

#page_nav ul{
	/*display: flex;
	flex-wrap: wrap;*/
	/*justify-content: space-between;*/
	/*width: 80%;*/
	width: 100%;
}

#page_nav ul li{
 display: inline-block;
 font-size: 1.6rem;
 font-weight: bold;
 line-height: 1;
 text-align: center;
 margin: 1em;
}
#page_nav ul li a{
 display: block;
 color: #fff;
 padding: 1em 3em 1em 1.5em;
 border-radius: 0.5em;
 border: solid 2px #e50012;
 background-color: #e50012;
 background-image: url("/nikken/guidance/img/icon_arrow.png");
	background-repeat: no-repeat;
	background-size: 1em auto;
	background-position: right 1em center;
 position: relative;
}
#page_nav ul li a::after{
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 border: solid 2px #000;
 border-radius: 0.5em;
 position: absolute;
 top: -2px;
 left: -2px;
 transform: translate(-0.25em, -0.25em);
 transition: transform 0.5s;
}
#page_nav ul li a:hover{
 text-decoration: none;
}
#page_nav ul li a:hover::after{
 transform: translate(0, 0);
}

/*#page_nav ul li{
	display: inline-block;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1;
	margin: 1em 0.5em 0 0;
	border: solid 1px #e50012;
	border-radius: 0.5em;
	background-color: #fff;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	transition: 1s;
}

#page_nav ul li a{
	display: block;
	color: #e50012;
	padding: 0.66em 1em 0.5em 0.5em;
	position: relative;
	box-sizing: border-box;
	transition: 1s;
}

#page_nav ul li a::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.4em 0 0.4em 0.4em;
	border-color: transparent transparent transparent #e50012;
	position: absolute;
	top: 50%;
	right: 0.25em;
	transform: translate(0, -50%);
	transition: 1s;
}

#page_nav ul li:hover{
	background-color: #e50012;
}

#page_nav ul li a:hover{
	text-decoration: none;
	color: #fff;
	text-shadow: 0px 0px 2px #353535;
}

#page_nav ul li a:hover::after{
	border-color: transparent transparent transparent #fff;
}*/

/* 自ページの時 */
#page_nav ul li.local{
 display: none;
}
/*#page_nav ul li.local{
	background-color: #e50012;
}

#page_nav ul li.local a{
	cursor: default;
	color: #fff;
	padding: 0.66em 0.75em 0.5em 0.75em;
}

#page_nav ul li.local a::after{
	display: none;
}*/


/*-----------------------------
濱崎塾トップページ
-----------------------------*/

/*** 週刊 濱崎塾 ***/

#weekly_area{
	width: 95%;
	max-width: 980px;
	margin: 2em auto 0 auto;
	padding: 3em 2em 1em 2em;
	border-radius: 2em;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
}

#weekly_area::before{
	display: inline-block;
	/* content: url("../img/chara_weekiy.png"); */
	position: absolute;
	/*top: -6em;
	right: 10em;*/
	top: -2em;
	right: 6em;
	z-index: 1;
}

#weekly_area h2{
	font-size: 6rem;
	line-height: 1;
	color: #e50012;
	margin-bottom: 0.5em;
}

#weekly_area h2 .icon_weekly{
	display: inline-block;
	font-size: 80%;
	color: #fff;
	margin-right: 0.25em;
	padding: 0.16em 0.25em 0 0.25em;
	background-color: #e50012;
	transform: rotate(-10deg) translate(0, -0.25em);
}

#weekly_area h2 .every{
	/*font-size: 2rem;*/
	display: none;
}

#weekly_area .page_nav{
	display: flex;
	width: 100%;
	max-width: 620px;
	margin-top: -2em;
	margin-bottom: 4em;
}
#weekly_area .page_nav li{
	text-align: center;
	font-size: 1.6rem;
	margin-right: 1em;
}
#weekly_area .page_nav li a{
	display: block;
	color: #e50012;
	padding: 0.25em 0.5em;
	border-bottom: solid 2px #e50012;
	transition: color 0.5s, border 0.5s;
}
#weekly_area .page_nav li a:hover{
	color: #f39800;
	border-bottom: solid 2px #f39800;
}

#weekly_area #w_advice{
	padding-bottom: 1em;
	/*border-bottom: dotted 1px #f39800;*/
}

#weekly_area #w_question{
	margin-top: 5em;
	padding-bottom: 2em;
	/*border-bottom: dotted 1px #f39800;*/
}

#weekly_area #w_build{
	margin-top: 5em;
	padding-bottom: 2em;
	/*border-bottom: dotted 1px #f39800;*/
}

#weekly_area h3{
	display: inline-block;
	font-size: 2.6rem;
	line-height: 1;
}

#weekly_area h4{
	font-size: 1.6rem;
	margin-bottom: 1.5em;
}

.hamazaki_ttl1{
	color: #e50012;
	padding: 0.66em 0 0.5em 1em;
	border-top: solid 1px #f39800;
	border-left: solid 5px #f39800;
	border-top-left-radius: 1em;
	box-sizing: border-box;
}

.hamazaki_ttl2{
	color: #fff;
	padding: 0.66em 1em 0.5em 2em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	background-color: #f39800;
	box-sizing: border-box;
	position: relative;
}

.hamazaki_ttl2::after{
	content: url("../img/icon_h4.png");
	overflow: hidden;
	height: 58px;
	position: absolute;
	bottom: 100%;
	right: 0%;
}

#weekly_area .week_update{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#weekly_area .icon_talk{
	width: 156px;
	height: 295px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

#w_advice .icon_talk{
	background-image: url("../img/chara_advice.png");
}

#w_question .icon_talk{
	background-image: url("../img/chara_question.png");
}

#w_build .icon_talk{
	background-image: url("../img/chara_build.png");
}

#weekly_area .week_text{
	font-size: 1.4rem;
	line-height: 1.8;
	width: 100%;
	max-width: 720px;
	padding: 1em;
	border-radius: 1em;
	background-color: #ffe6cb;
	position: relative;
	box-sizing: border-box;
}

#weekly_area .week_text::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1em 2em 1em 0;
	border-color: transparent #ffe6cb transparent transparent;
	position: absolute;
	/*top: 50%;*/
	top: 5em;
	left: -2em;
	transform: translate(0, -50%);
}

/* read more 設定 */
.read_more{}

.read_more p{
	margin-bottom: 0.5em;
}

.read_more p:last-child{
	margin-bottom: 0;
}

/*チェックボックスの非表示*/
.more_btn{
	display: none;
}
.more_box{
	display: none;
}


/*** 濱崎塾の装飾 ***/
.week_text ul{
	margin-bottom: 0.65em;
}

.week_text ul li{
	font-size: 1.6rem;
	line-height: 1.8;
}

.week_text ul.li_indent1 li{
	text-indent: -1em;
	padding-left: 1em;
}

.week_text .border_wrap{
	margin-bottom: 1em;
	padding: 0.16em 0.25em 0 0.25em;
	border: solid 1px #333;
	box-sizing: border-box;
}

.week_text .under_line{
	font-size: 115%;
	/*display: inline-block;*/
	padding: 0 0.25em;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: bottom;
	/*background-size: contain;*/
	background-size: 100% 6px;
}

.week_text .line_red{
	color: #e50012;
	background-image: url("/nikken/guidance/architect2q/road/hamazaki/img/underline_red.png");
}

.week_text .line_yell{
	color: #ffa000;
	background-image: url("/nikken/guidance/architect2q/road/hamazaki/img/underline_yellow.png");
}

.week_text .line_blue{
	color: #1464d7;
	background-image: url("/nikken/guidance/architect2q/road/hamazaki/img/underline_blue.png");
}

.week_text .line_green{
	color: #009632;
	background-image: url("/nikken/guidance/architect2q/road/hamazaki/img/underline_green.png");
}

.float_l{
	float: left;
	margin: 0 1% 0.5em 0;
}
.float_r{
	float: right;
	margin: 0 0 0.5em 1%;
}

.float_size_s{
	width: 34%;
}

.float_size_m{
	width: 49%;
}

.float_size_l{
	width: 64%;
}

.flex_between{
	display: flex;
	justify-content: space-between;
	margin: 1em auto;
}
.align_flex_end{
	align-items: flex-end;
}
.flex_column_height{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.wide_size_ss{
	width: 20%;
}

.wide_size_s{
	width: 34%;
}

.wide_size_m{
	width: 49%;
}

.wide_size_l{
	width: 64%;
}

.wide_size_ll{
	width: 78%;
}

.wide_size_640{
 width: 100%;
	max-width: 640px;
}

.indent1{
	text-indent: -1em;
	padding-left: 1em;
	box-sizing: border-box;
}
.indent2{
	text-indent: -2em;
	padding-left: 2em;
	box-sizing: border-box;
}

/* dl リスト */
dl.dl_list{
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0.5em auto;
}
dl.dl_list dt{
	font-size: 1.6rem;
}
dl.dl_list dd{
	padding-left: 1.6rem;
}

/***分数の計算式用***/
.formula_inline{
	display: inline-block;
}
/*IEのバグ回避*/
@media all and (-ms-high-contrast: none){
	.formula_inline{
		height: 2.2em;
	}
}

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

.formula p{
	margin-bottom: 0;
}

.formula .equal_before{/*前イコール*/
	margin-right: 0.5em;
}

.formula .equal_after{/*後イコール*/
}

.formula .fraction{/*分数*/
	text-align: center;
}

.formula .fraction .molecule{/*分子*/
	display: block;
}

.formula .fraction .denominator{/*分母*/
	display: block;
	border-top: solid 1px #333;
	min-width: 1em;
}

/*円周率パイ*/
.text_pi{
	font-family: serif;
	font-weight: bold;
	font-size: 1.2em;
}

/*斜体、明朝*/
.text_italic{
	font-family: 'Book Antiqua', 'Times New Roman', serif;
	font-style: italic;
	font-weight: bold;
	padding-right: 0.2em;
}

/*明朝*/
.text_serif{
	font-family: 'Book Antiqua', 'Times New Roman', serif;
	/*font-weight: bold;*/
}


/*表組*/
.table_col,
.table_row,
.table_col_row{
	font-size: 1.4rem;
	width: 100%;
	border-bottom: solid 1px #7A695A;
}
.table_col{
	border-left: solid 1px #7A695A;
}
.table_col tr.tr_col th,
.table_col_row tr.tr_col th{
	text-align: center;
	color: #333;
	border-top: solid 1px #7A695A;
	background-color: #fffddb;
}
.table_col th,
.table_row th,
.table_col_row th{
	color: #fff;
	padding: 0.5em;
	border-top: solid 1px #fff;
	border-left: solid 1px #7A695A;
	border-right: solid 1px #7A695A;
	background-color: #f39800;
}
.table_row tr:first-of-type th,
.table_col_row tr:nth-child(2) th{
	border-top: solid 1px #7A695A;
}
.table_col td,
.table_row td,
.table_col_row td{
	padding: 0.5em;
	border-top: solid 1px #7A695A;
	border-right: solid 1px #7A695A;
}

.col_width5{width: 5em;}
.col_width6{width: 6em;}
.col_width7{width: 7em;}
.col_width8{width: 8em;}
.col_width9{width: 9em;}
.col_width10{width: 10em;}
.col_width11{width: 11em;}
.col_width12{width: 12em;}
.col_width13{width: 13em;}
.col_width14{width: 14em;}
.col_width15{width: 15em;}

.td_center td{
	text-align: center;
}

.border_bottom_dashed{
	border-bottom: dashed 1px #7A695A;
}


/*SVG*/
img.svg_h2_4em{
 display: inline-block;
 vertical-align: middle;
 height: 2.4em;
 width: auto;
 margin: 0 0.25em;
}

img.svg_h1em{
 display: inline-block;
 vertical-align: middle;
 height: 1em;
 width: auto;
 margin: 0 0.25em 0.15em;
}

img.svg_h12em{
 display: inline-block;
 vertical-align: middle;
 height: 12em;
 width: auto;
 margin: 0 0.25em;
}

/***210222のみ装飾***/
#q210222{
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}
#q210222 .kuki_box{
	flex-shrink: 0;
	width: 28%;
	padding: 0.16em 0.25em 0 0.25em;
	border: solid 1px #333;
	box-sizing: border-box;
}
#q210222 .kuki_box .kuki_txt{
	font-size: 1.2rem;
	padding-top: 0.5em;
	border-top: dashed 1px #333;
}
#q210222 .kigo_box{
	flex-grow: 1;
	align-self: center;
	font-size: 2em;
	text-align: center;
}

/***191015のみ装飾***/
.block_wrap{
	text-align: center;
	width: 20%;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	border-left: solid 1px #333;
	box-sizing: border-box;
}
.block_wrap:last-of-type{
	border-right: solid 1px #333;
}
.block_wrap .block_ttl{
	border-bottom: solid 1px #333;
}


/* バナーエリア */
#btn_quest_area{}
.banner_present{
	width: 100%;
	max-width: 750px;
	margin: 2em auto 0 auto;
}

.banner_question{
	width: 100%;
	margin: 2em auto 0.5em auto;
}

.banner_kaisoku{
	width: 95%;
	max-width: 980px;
	margin: 0em auto 1em auto;
	box-sizing: border-box;
}


/* 質問募集ボタン */

.nav_post{
 display: none;
	/*text-align: center;
	font-size: 2rem;
	width: 85%;
	max-width: 380px;
	margin: 1em auto;
	border: solid 4px #fff;
	border-radius: 1em;
	background-color: #e50012;
	background: linear-gradient(#fcc800, #e50012);
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-sizing: border-box;
	transition: background 1s;*/
}

/*.nav_post a{
	display: block;
	color: #fff;
	padding: 0.76em 1em 0.6em 0;
	background-image: url("../img/icon_nav_post.png");
	background-repeat: no-repeat;
	background-size: auto 2rem;
	background-position: right 1em center;
}

.nav_post:hover{
	background: linear-gradient(#e50012, #fcc800);
}
.nav_post a:hover{
	text-decoration: none;
	text-shadow: 0px 0px 2px #353535;
}*/

/* 質問募集ボタン トップページ用 */
.nav_post_top{
	font-size: 2.4rem;
	width: 100%;
	max-width: 100%;
	margin: 1em auto 2em auto;
}

.nav_post_top a{
	background-size: auto 4rem;
}

/* プレゼント枠 */
#monthly_present{
	font-size: 1.6rem;
	padding: 0 1em 1em 1em;
	border: solid 2px #f39800;
	border-radius: 1em;
	box-sizing: border-box;
}

#monthly_present #present_area{
	display: flex;
	justify-content: space-around;
}

#present_area .img_present{
	min-width: 280px;
	margin-right: 2em;
}

#present_area .img_present img{
	box-shadow: 0 0 1px 2px #dedede;
}

#present_area .present_text{
}

/* バックナンバー */
.btn_backnumber{
 display: none;
	/*text-align: right;
	margin: 1em 0;*/
}

/*.btn_backnumber a{
	display: inline-block;
	color: #fff;
	padding: 0.5em 1em;
	border: solid 1px #fff;
	border-radius: 0.5em;
	background-color: #f39800;
	box-sizing: border-box;
	transition: 1s;
}

.btn_backnumber a:hover{
	text-decoration: none;
	color: #f39800;
	border: solid 1px #f39800;
	background-color: #fff;
}*/

/*** サイトナビゲーション ***/

#site_nav{
	font-size: 1.8rem;
	width: 95%;
	max-width: 980px;
	margin: 3em auto 0 auto;
}

#site_nav nav{
	display: flex;
	justify-content: space-around;
}

/* ナビボタン */

.btn_normal{
	text-align: center;
	line-height: 1;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	border: solid 1px #e50012;
	border-radius: 1em;
	background-color: #fff;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	transition: 1s;
}

.btn_normal a{
	display: block;
	color: #e50012;
	padding: 1.16em 2em 1em 0;
	position: relative;
	box-sizing: border-box;
	transition: 1s;
}

.btn_normal a::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5em 0 0.5em 0.8em;
	border-color: transparent transparent transparent #e50012;
	position: absolute;
	top: 50%;
	right: 2em;
	transform: translate(0, -50%);
	transition: 1s;
}

.btn_normal:hover{
	background-color: #e50012;
}

.btn_normal a:hover{
	text-decoration: none;
	color: #fff;
	text-shadow: 0px 0px 2px #353535;
}

.btn_normal a:hover::after{
	border-color: transparent transparent transparent #fff;
}


/*** 「濱崎塾」オススメ講座 ***/

#recommend{
	width: 95%;
	max-width: 980px;
	margin: 0.5em auto 5em auto;
	box-sizing: border-box;
}

#recommend h2{
	font-size: 2.6rem;
	margin-bottom: 1em;
}

#recommend nav{
	width: 95%;
	max-width: 940px;
	margin: 0 auto;
}

#recommend nav ul{}

#recommend nav ul li{
	display: inline-block;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	margin: 0 1em 1em 0;
	border: solid 1px #f39800;
	border-radius: 0.5em;
	background-color: #fff;
	box-sizing: border-box;
	transition: background-color 1s;
}

#recommend nav ul li a{
	display: block;
	color: #f39800;
	padding: 2rem 1.2rem 2rem 5.2rem;
	transition: color 1s, text-shadow 1s;
	position: relative;
}
#recommend nav ul li a::before{
	content: '';
	display: inline-block;
	width: 3.7rem;
	height: 4.6rem;
	background-image: url("/nikken/guidance/architect2q/road/hamazaki/img/icon_recommend.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 1.2rem;
	transform: translateY(-50%);
}

#recommend nav ul li:hover{
	background-color: #f39800;
}

#recommend nav ul li a:hover{
	text-decoration: none;
	color: #fff;
	text-shadow: 0px 0px 2px #353535;
}


/*** トップお知らせ枠 ***/
#hamazaki_topics{
 width: 95%;
	max-width: 980px;
	margin: 0.5em auto 5em auto;
	box-sizing: border-box;
 position: relative;
}

#hamazaki_topics::after{
 content: '';
 display: block;
 width: 100px;
 height: 178px;
 background-image: url("/nikken/guidance/architect2q/road/hamazaki/img/icon_topics01.png");
 background-repeat: no-repeat;
 background-size: contain;
 position: absolute;
 bottom: -0.5em;
 right: 2em;
}


#hamazaki_topics h2{
	font-size: 2.6rem;
	margin-bottom: 0.5em;
}

/*#hamazaki_topics */dl.topics_detail{
 display: flex;
 flex-wrap: wrap;
 align-items: flex-start;
 font-size: 1.6rem;
 line-height: 1.6;
	width: 95%;
	max-width: 780px;
 padding: 0 20px;
}
.topics_detail dt{
 display: inline-block;
 width: 6em;
 margin-right: 1em;
 border-bottom: dotted 1px #333;
}
.topics_detail dd{
 flex-grow: 1;
 width: calc(100% - 7em);
 margin-bottom: 0.5em;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media screen and (min-width: 768px){
	.sp_only_text{
		display: none;
	}
	
	.wide_size_pc20{
		width: 20%;
	}
	
}

/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	.pc_only_text{
		display: none;
	}
	
	/*-----------------------------
	サイト共通
	-----------------------------*/
	
	h1{
		text-align: center;
		line-height: 1.5;
	}
	
	h1 #h1 .h1_caption{
		margin-left: 0;
	}
	
	/*** ページヘッダー ***/
	#page_header{
		background-image: none;
	}
	
	#page_header #title_wrap{
		text-align: center;
		height: auto;
	}
	
	#title_wrap #hamazaki_logo{
		margin-top: -2.5em;
		position: static;
	}

#title_wrap #hamazaki_chara{
	overflow: hidden;
	margin-top: 1em;
	padding-top: 51%;
	position: relative;
	top: 0;
	left: 0;
	}
	
	#hamazaki_chara img{
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/*** コンテンツページ グローバルナビ ***/
	#page_nav{
		width: 100%;
		height: 0;
		overflow: visible;
		position: fixed;
		top: 15%;
		right: 0;
		z-index: 9999;
	}
	
	#page_nav #global_navi{
	}
	
	#page_nav .global_lavel{
		display: block;
		font-size: 1.4rem;
		line-height: 1;
		color: #fff;
		position: relative;
	}
	
	#page_nav .global_lavel .lavel_nav{
		display: inline-block;
		padding: 1em;
		border-top: solid 2px #fff;
		border-bottom: solid 2px #fff;
		border-left: solid 2px #fff;
		border-radius: 1em 0 0 1em;
		background-color: #e50012;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#page_nav nav{
		overflow: hidden;
		height: 0;
		max-height: 0;
		margin-top: 3.5em;
		background-color: rgba(40,40,40,0.80);
		transition: 1s;
	}
	
	#global_navi:checked{}
	
	#global_navi:checked ~ nav{
		height: auto;
		max-height: 100vh;
	}
	
	#page_nav ul{
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
		padding: 1em 0 0 0;
	}
	
	#page_nav ul li{
		display: block;
		margin-bottom: 0.5em;
	}
	
	#page_nav ul li a{
		padding: 1.16em 1em 1em 0.5em;
	}
	
	/* 自ページの時 */
	#page_nav ul li.local{
		display: none;
	}
	
	/*-----------------------------
	濱崎塾トップページ
	-----------------------------*/
	
	/*** 週刊 濱崎塾 ***/
	#weekly_area{
		padding: 2em 1em;
	}
	
	#weekly_area::before{
		content:"";
		width: 0;
		height: 0;
	}
	
	#weekly_area .page_nav{
		display: block;
		margin-top: 0;
		margin-bottom: 2em;
	}
	#weekly_area .page_nav li a{
		padding: 0.5em;
	}
	
	#weekly_area h2{
		text-align: center;
		font-size: 4rem;
		margin-left: -2em;
	}
	
	#weekly_area h2 .every{
		display: block;
		font-size: 1.6rem;
		padding: 0.5em 0 0 4.8em;
		box-sizing: border-box;
	}
	
	#weekly_area h3{
		font-size: 1.8rem;
	}
	
	#weekly_area h4{}
	
	.hamazaki_ttl2{
		padding: 0.66em 1em 0.5em 1.5em;
	}
	
	.hamazaki_ttl2::after{
		content:"";
		width: 0;
		height: 0;
	}
	
	
	#weekly_area .week_update{
		flex-direction: column;
	}
	
	#weekly_area .icon_talk{
		width: 100%;
		height: 105px;
		background-position: left center;
		background-size: contain;
	}
	
	#w_advice .icon_talk{
		background-image: url("../img/s/chara_advice.png");
	}
	
	#w_question .icon_talk{
		background-image: url("../img/s/chara_question.png");
	}
	
	#w_build .icon_talk{
		background-image: url("../img/s/chara_build.png");
	}
	
	#weekly_area .week_text{
		margin: 1.5em auto 0 auto;
	}
	
	#weekly_area .week_text::before{
		border-width: 0 0.5em 1em 0.5em;
		border-color: transparent transparent #ffe6cb transparent;
		top: -1em;
		left: 34px;
		transform: translate(0, 0);
	}
	
	
	/*** 濱崎塾の装飾 ***/
	.week_text .flex_between{
		flex-direction: column;
	}
	
	.wide_size_ss,
	.wide_size_s{
		width: 50%;
		margin: 0 auto;
	}
	.wide_size_m,
	.wide_size_l,
	.wide_size_ll{
		width: 100%;
	}
	.sp_wide_size100{
		width: 100%;
	}
	
	/***分数の計算式用***/
	.formula{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	
	/*表組*/
	.table_col,
	.table_row,
	.table_col_row{
		font-size: 1.2rem;
	}
	
	.col_width5,
	.col_width6,
	.col_width7,
	.col_width8,
	.col_width9,
	.col_width10,
	.col_width11,
	.col_width12,
	.col_width13,
	.col_width14,
	.col_width15{
		width: auto;
		max-width: 8em;
	}
	
	/***210426のみ装飾***/
	#a210426{}
	#a210426 .table_col{}
	#a210426 .table_col td{
		display: block;
		width: 100%;
		max-width: 100%;
		border-top: dashed 1px #7A695A;
		box-sizing: border-box;
	}
	#a210426 .table_col td:first-child{
		border-top: solid 2px #7A695A;
	}
	
	/***210222のみ装飾***/
#q210222{
	display: block;
	}
#q210222 .kuki_box{
	width: 100%;
	}
#q210222 .kuki_box .kuki_txt{}
#q210222 .kigo_box{
	margin-bottom: 0;
	transform: rotateZ(90deg);
	}
 
 /*200225のSVG*/
 img.svg_h12em{
  display: block;
  height: auto;
  width: 100%;
  margin: 0 0;
 }
	
	/*191015のみ装飾*/
	.block_wrap{
		width: 100%;
		margin-bottom: 0.5em;
		border-right: solid 1px #333;
	}
	
	
	/* read more 設定 */
	
.read_more{
		overflow: hidden;
		height: 12em;
		max-height: 12em;
		position: relative;
		transition: 1s;
	}
	
	.read_more::before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: linear-gradient( rgba(255, 230, 203, 0) 25%, rgba(255, 230, 203, 1) 90% );
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.more_btn{
		display: block;
		text-align: center;
		font-size: 1.8rem;
		color: #fff;
		width: 80%;
		padding: 0.66em 0 0.5em 0;
		margin: 0 auto;
		border-radius: 0.5em;
		background-color: rgba(229, 0, 18, 0.65);
		box-sizing: border-box;
		position: absolute;
		bottom: 1em;
		left: 0;
		right: 0;
		z-index: 1;
	}
	
	.more_box{/*チェックボックスの非表示*/
		display: none;
	}
	
	.more_box:checked + .more_btn{
		display: none;
	}
	
	.more_box:checked ~ .read_more{
		height: auto;
		max-height: 100%;
	}
	
	.more_box:checked ~ .read_more::before{
		display: none;
	}
	
	
	/* 質問募集ボタン */
	.nav_post a{
		background-image: none;
	}
	
	/* バックナンバー */
	.btn_backnumber{
		text-align: center;
	}
	
	.btn_backnumber a{
	font-size: 100%;
	color: #fff;
	padding: 1em 2em;
}
	
	/* プレゼントエリア */
	#monthly_present #present_area{
		flex-direction: column;
	}
	
	#present_area .img_present{
		text-align: center;
		width: 65%;
		margin: 0 auto 1em auto;
	}
	
	.nav_post_top{
		font-size: 2rem;
	}
	
	
	/*** サイトナビゲーション ***/
	
	#site_nav nav{
		flex-direction: column;
	}
	
	#site_nav nav p{
		margin: 0.4em auto;
	}
	
	
	/*** 「濱崎塾」オススメ講座 ***/
	#recommend{
		margin: 1em auto;
	}
 
 #recommend h2{
  margin-bottom: 0.5em;
 }
	
	#recommend nav ul li{
		display: block;
		margin: 0 0 1em 0;
	}
 
 
 /*** トップお知らせ枠 ***/
 #hamazaki_topics{
  margin: 1em auto;
 }
 #hamazaki_topics::after{
  width: 50px;
  height: 89px;
  top: -1.5em;
  bottom: auto;
  right: 0.5em;
 }
 
 #hamazaki_topics h2{
  margin-bottom: 0.5em;
 }
 
 /*#hamazaki_topics */dl.topics_detail{
  display: block;
  font-size: 1.4rem;
 }
 .topics_detail dt{}
 .topics_detail dd{
  width: 100%;
 }
	
}


/* print----------------------------- */
@media print{
	#footer,
	.page_top,
	.sp_only_text{ display: none; }
	body{ min-height: 0; }
}