@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------
	レイアウト
---------------------------------------------- */
#content2 { background: url(../img/bg.gif); }
#contents_wrap { margin-top: -150px; font-size: 116.6%; }
#contents_wrap .pagetop { font-size: 85.7%%; }

@media only screen and (max-width: 767px) {
	#content2 { background: url(../img/bg_x2.gif); background-size: 350px auto; }
	#contents_wrap { margin-top: -122px; font-size: 100%; }
}

/* -------------------------------------------
	ヘッダーラップ
---------------------------------------------- */
#head_wrap { height: 997px; background: url(../img/bg_head.jpg) no-repeat center top; }
#head_wrap .container { text-align: center; }
#head_wrap .container img { padding-top: 72px; width: 100%; max-width: 980px; }

@media only screen and (max-width: 767px) {
	#head_wrap { height: 910px; background: url(../img/bg_head_x2.jpg) no-repeat center bottom; background-size: cover; }
	#head_wrap .container { height: 535px; background: url(../img/tilte_x2.png) no-repeat center top; background-size: 320px auto; }
	#head_wrap .container img { display: none; }
}

/* -------------------------------------------
	プロフィール
---------------------------------------------- */
#profile_wrap { margin-bottom: 60px; padding: 52px 80px; background-color: #fff; }
#profile_wrap .thumb { display: table-cell; width: 195px; }
#profile_wrap .thumb img { width: 100%; vertical-align: bottom; }
#profile_wrap .profile { display: table-cell; padding: 10px 0 0 70px; vertical-align: middle; }
#profile_wrap .profile .name { margin-bottom: 0.75em; font-size: 164.2%; font-weight: bold; }

@media only screen and (max-width: 767px) {
	#profile_wrap { margin: 0 20px 30px; padding: 20px; }
	#profile_wrap .thumb { display: block; width: 195px; margin: 0 auto; }
	#profile_wrap .profile { display: block; padding: 1.25em 0 0 0; }
	#profile_wrap .profile .name { margin-bottom: 0.5em; }
}

/* -------------------------------------------
	記事
---------------------------------------------- */
#article_wrap { padding: 80px 80px 60px; background-color: #fff; }
#article_wrap #outline { background: url(../img/bg_outline.gif) no-repeat center bottom; padding-bottom: 55px; margin-bottom: 50px; }
#article_wrap #outline .label { display: table-cell; vertical-align: middle; padding-right: 30px; }
#article_wrap #outline dl { display: table-cell; vertical-align: middle; position: relative; }
#article_wrap #outline dt { position: absolute; width: 9em; padding-top: 0.4em; }
#article_wrap #outline dd { padding: 0.4em 0 1em 9em; }
#article_wrap #outline dd a { color: #7d0102; text-decoration: underline; }
#article_wrap #outline dd a:hover { text-decoration: none; }
#article_wrap #theme {  margin: 0 auto 60px; text-align: center; }
#article_wrap #theme img { max-width: 100%; }
#article_wrap .article,
#article_wrap .thumb { margin-bottom: 50px; }
#article_wrap .thumb img { width: 100%; vertical-align: bottom; }
#article_wrap .thumb .note { margin-top: 0.5em; text-align: right; font-size: 85.7%; }
#article_wrap .text_left { float: left; width: 61%; max-width: 500px; }
#article_wrap .text_right { float: right; width: 61%; max-width: 500px; }
#article_wrap .text_left_wide { float: left; width: 45.1%; max-width: 370px; }
#article_wrap .img_left { float: left; width: 33%; max-width: 270px; }
#article_wrap .img_right { float: right; width: 33%; max-width: 270px; }
#article_wrap .img_right_wide { float: right; width: 48.8%; max-width: 400px; }
#article_wrap .article dt { float: left; width: 5em; }
#article_wrap .article dd { margin-bottom: 3em; padding-left: 7em; }
#article_wrap .article .high dd { margin-bottom: 6em; }
#article_wrap .last,
#article_wrap .article .last,
#article_wrap .article .high .last { margin-bottom: 0; }
#article_wrap .article .color { color: #810203; }
#article_wrap .continued { margin-top: 1em; text-align: right; }
#article_wrap #page_nav { border-top: 1px solid #e8e8e8; margin-top: 25px; padding-top: 20px; }
#article_wrap #page_nav ul { width: 77%; margin: 0 auto; }
#article_wrap #page_nav ul li { width: 33.1%; float: left; text-align: center; padding: 15px 0; }
#article_wrap #page_nav ul .return_outline { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
#article_wrap #page_nav ul li a { color: #333; display: inline-block; padding-top: 50px; }
#article_wrap #page_nav ul .prev a { background: url(../img/arr_prev.png) no-repeat center 2px; }
#article_wrap #page_nav ul .return_outline a { background: url(../img/arr_back.png) no-repeat center top; }
#article_wrap #page_nav ul .next a { background: url(../img/arr_next.png) no-repeat center 2px; }

@media only screen and (max-width: 767px) {
	#article_wrap { margin: 0 20px; padding: 50px 20px 40px; }
	#article_wrap #outline { padding-bottom: 30px; margin-bottom: 35px; background: url(../img/bg_outline_x2.gif) no-repeat center bottom; background-size: 100% auto; }
	#article_wrap #outline .label { display: block; height: 131px; background: url(../img/label_outline_x2.gif) no-repeat center top; background-size: 122px auto; padding-right: 0; margin-bottom: 7px; }
	#article_wrap #outline .label img { display: none; }
	#article_wrap #outline dl { display: block; }
	#article_wrap #outline dt { position: static; width: 100%; padding: 18px 0 0; }
	#article_wrap #outline dd { padding: 8px 0 0; }
	#article_wrap #theme { margin-bottom: 30px; }
	#article_wrap #theme.theme01 { height: 81px; background: url(../img/label_theme_01_x2.gif) no-repeat center top; background-size: 240px auto; max-width: inherit; }
	#article_wrap #theme.theme02 { height: 86px; background: url(../img/label_theme_02_x2.gif) no-repeat center top; background-size: 240px auto; max-width: inherit; }
	#article_wrap #theme.theme03 { height: 120px; background: url(../img/label_theme_03_x2.gif) no-repeat center top; background-size: 240px auto; max-width: inherit; }
	#article_wrap #theme.theme04 { height: 88px; background: url(../img/label_theme_04_x2.gif) no-repeat center top; background-size: 240px auto; max-width: inherit; }
	#article_wrap #theme.theme05 { height: 88px; background: url(../img/label_theme_05_x2.gif) no-repeat center top; background-size: 240px auto; max-width: inherit; }
	#article_wrap #theme img { display: none; }
	#article_wrap .article,
	#article_wrap .thumb { margin-bottom: 30px; }
	#article_wrap .thumb { text-align: center; }
	#article_wrap .thumb img { max-width: 480px; }
	#article_wrap .thumb img.sp_only {margin: 0 auto; }
	#article_wrap .text_left,
	#article_wrap .text_right,
	#article_wrap .text_left_wide,
	#article_wrap .img_left,
	#article_wrap .img_right,
	#article_wrap .img_right_wide { float: none; width: 100%; max-width: inherit; }
	#article_wrap .article dt { float: none; width: 100%; margin-bottom: 0.5em; }
	#article_wrap .article dd,
	#article_wrap .article .high dd { margin-bottom: 2em; padding-left: 0; }
	#article_wrap .last,
	#article_wrap .article .last,
	#article_wrap .article .high .last { margin-bottom: 0; }
	#article_wrap .date { margin-top: 1em; text-align: right; }
	#article_wrap #page_nav ul { width: 100%; }
	#article_wrap #page_nav ul li { padding: 0; }
	#article_wrap #page_nav ul .return_outline { width: 43%; }
	#article_wrap #page_nav ul .prev {  width: 28%; }
	#article_wrap #page_nav ul .next {  width: 28%; }
	#article_wrap #page_nav ul .prev a { background: url(../img/arr_prev_x2.png) no-repeat center 4px; background-size: 15px auto; }
	#article_wrap #page_nav ul .return_outline a { background: url(../img/arr_back_x2.png) no-repeat center top; background-size: 24px auto; }
	#article_wrap #page_nav ul .next a { background: url(../img/arr_next_x2.png) no-repeat center 4px; background-size: 15px auto; }
}

/* -------------------------------------------
	ページトップ
---------------------------------------------- */
.pagetop a { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }