@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,600;1,600&family=Sawarabi+Mincho&display=swap');

/*------------------------------------------------------

	リセット

------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #3c3c3c;
	margin: 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*------------------------------------------------------

	グローバル

------------------------------------------------------*/

body {
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #3c3c3c;
	font-size: 0.9em;
	line-height: 1.85;
	position: relative;
}

p { margin-bottom: 30px;}
p:last-child { margin-bottom: 0px;}

a { color: #3c3c3c; text-decoration: none;}
a:hover { color: #004c66; text-decoration: underline;}

.fo_mincho { font-family: 'Sawarabi Mincho', sans-serif;}
.fo_eb { font-family: 'EB Garamond', serif;}

/* 文字装飾 */
.fo06 { font-size: 0.6em !important;}
.fo07 { font-size: 0.7em !important;}
.fo075 { font-size: 0.75em !important;}
.fo08 { font-size: 0.8em !important;}
.fo085 { font-size: 0.85em !important;}
.fo088 { font-size: 0.875em !important;}
.fo09 { font-size: 0.9em !important;}
.fo105 { font-size: 1.05em !important;}
.fo11 { font-size: 1.1em !important;}
.fo115 { font-size: 1.15em !important;}
.fo12 { font-size: 1.2em !important;}
.fo125 { font-size: 1.25em !important;}
.fo13 { font-size: 1.3em !important;}
.fo14 { font-size: 1.4em !important;}
.fo15 { font-size: 1.5em !important;}
.fo16 { font-size: 1.6em !important;}

.lh12 { line-height: 1.2;}
.lh14 { line-height: 1.4;}
.lh16 { line-height: 1.6;}
.lh18 { line-height: 1.8;}
.lh20 { line-height: 2;}

.fo_white { color: #fff;}
.fo_blue { color: #004c66;}
.fo_red { color: #ff0000;}

/* ボックス */
.container { padding: 0px 8%;}

.left { float: left;}
.right { float: right !important;}

.pos_rel { position: relative;}
.pos_ab { position: absolute;}

.bold { font-weight: bold;}

.ta_center { text-align: center !important;}
.ta_right { text-align: right;}
.ta_left { text-align: left;}
.ta_right-s_center { text-align: right;}
.ta_left-s_center { text-align: left;}
.ta_center-s_left { text-align: center;}

.back_white { background-color: #fff;}
.back_gray { background-color: #f1efee;}

@media print,  (min-width: 861px) {
	.hidden_l { display: none !important;}
}

/* リスト */
ol { padding-left: 2em;}
ol li { list-style: outside decimal;}

.list_disc { padding-left: 1em;}
.list_disc li { list-style: outside disc;}

.list_indent { padding-left: 1em;}
.list_indent li { text-indent: -1em;}

/* margin */
.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb80 { margin-bottom: 80px !important;}

.mb40-20 { margin-bottom: 40px !important;}
.mb60-30 { margin-bottom: 60px !important;}
.mb80-40 { margin-bottom: 80px !important;}
.mb100-60 { margin-bottom: 100px !important;}
.mb120-60 { margin-bottom: 120px !important;}
.mb120-80 { margin-bottom: 120px !important;}
.mb160-80 { margin-bottom: 160px !important;}

/* clearFix */
.clearFix { zoom: 100%;}
.clearFix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* ------------------------
	ヘッダー
------------------------ */

.header { display: flex; justify-content: space-between; align-items: center; padding:  15px; position: relative; z-index: 999; background: #fff; margin-top: -1.85em;}
.header_btn { display: flex; justify-content: center; align-items: center;}
.header_btn li { width: 35px; margin: 0px 5px;}
.header h1 img { max-width: 500px;}

.clone-nav { display: none;}

/* ------------------------
	サイドバー
------------------------ */

.side_bnr01 { margin: auto -10px;}

.gn li { margin-bottom: 20px;}
.gn a { display: block; position: relative; padding-left: 30px; text-decoration: none;}
.gn a:before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background-size: auto 100%; background-repeat: no-repeat; transition: 0.3s;}
.gn a:hover:before { opacity: 0.7;}

.gn01 a:before { background-image: url("https://www.hana-momiji.net/images/common/gn_icon.png"); width: 24px; height: 24px;}
.gn01 li:nth-child(1) a:before { background-position: left top;}
.gn01 li:nth-child(2) a:before { background-position: -72px top;}
.gn01 li:nth-child(3) a:before { background-position: -48px top;}
.gn01 li:nth-child(4) a:before { background-position: -96px top;}
.gn01 li:nth-child(5) a:before { background-position: -24px top;}
.gn01 li:nth-child(6) a:before { background-position: -120px top;}

.gn02_btn a { display: inline-block; text-decoration: none; background: url("https://www.hana-momiji.net/images/common/header_btn02.png") no-repeat left center; background-size: 1.75em auto; padding-left: 30px;}

.gn02 a:before { background-image: url("https://www.hana-momiji.net/images/common/cat_icon.png"); width: 23px; height: 34px;}
.gn02 li:nth-child(1) a:before { background-position: left top;}
.gn02 li:nth-child(2) a:before { background-position: -23px top;}
.gn02 li:nth-child(3) a:before { background-position: -46px top;}
.gn02 li:nth-child(4) a:before { background-position: -69px top;}
.gn02 li:nth-child(5) a:before { background-position: -92px top;}
.gn02 li:nth-child(6) a:before { background-position: -115px top;}
.gn02 li:nth-child(7) a:before { background-position: -138px top;}
.gn02 li:nth-child(8) a:before { background-position: -161px top;}
.gn02 li:nth-child(9) a:before { background-position: -184px top;}
.gn02 li:nth-child(10) a:before { background-position: -207px top;}
.gn02 li:nth-child(11) a:before { background-position: -230px top;}
.gn02 li:nth-child(12) a:before { background-position: -253px top;}

.side_sns { display: flex; justify-content: center; margin: auto -15px; align-items: center;}
.side_sns li { margin: 0px 7px;}
.side_sns a { display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: auto 100%; background-image: url("https://www.hana-momiji.net/images/common/side_sns.png"); -webkit-backface-visibility: hidden; transition: 0.3s;}
.side_sns a:hover { opacity: 0.7;}
.side_sns li:nth-child(1) a { background-position: left top;}
.side_sns li:nth-child(2) a { background-position: -24px top;}
.side_sns li:nth-child(3) a { background-position: -48px top;}
.side_sns li:nth-child(4) a { background-position: -72px top;}
.side_sns li:nth-child(5) a { background-position: -96px top;}
.side_sns li:nth-child(6) a { background-position: -120px top;}

.search { position: relative; width: 100%; max-width: 600px; height: 30px; margin: auto;}
.search .keywords {
	outline: 0;	
	height: 30px;
	line-height: 30px;
	padding: 0 35px 0px 10px; 
	position: absolute; 
	left: 0;
	top: 0; 
	width: 100%;
	border: solid 1px #ccc;
	border-radius: 5px;
	background: #fff;
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #3c3c3c;
	font-size: 1em;
}
.search input[type="submit"] {
	width: 30px;
	height: 30px;
	position: absolute; 
	right: 0px; 
	top: 0px;
	background: url("https://www.hana-momiji.net/images/common/ico_search.png") no-repeat center center #787878;
	background-size: 15px 15px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: none;
	cursor: pointer;
}
.search input[type="submit"]:hover { opacity: 0.7;}

.sidebar .list_hex li { margin-bottom: 10px;}
.sidebar .list_hex li ul { margin-top: 10px;}
.sidebar .list01 { border-bottom: dotted 1px #666; padding-bottom: 10px;}
.sidebar .list01 li li { font-weight: normal;}

.sidebar .list02 li { margin-bottom: 10px;}
.sidebar .list02 a { display: block; position: relative; padding-left: 20px;}
.sidebar .list02 a:before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); display: block; width: 17px; height: 18px; background-repeat: no-repeat; background-size: auto 100%; background-image: url("https://www.hana-momiji.net/images/common/gn_icon02.png"); transition: 0.3s;}
.sidebar .list02 a:hover:before { opacity: 0.7;}
.sidebar .list02 li:nth-child(1) a:before { background-position: left top;}
.sidebar .list02 li:nth-child(2) a:before { background-position: -17px top;}
.sidebar .list02 li:nth-child(3) a:before { background-position: -34px top;}
.sidebar .list02 li:nth-child(4) a:before { background-position: -51px top;}
.sidebar .list02 li:nth-child(5) a:before { background-position: -68px top;}
.sidebar .list02 li:nth-child(6) a:before { background-position: -85px top;}
.sidebar .list02 li:nth-child(7) a:before { background-position: -102px top;}

.side_btn a { display: flex; width: 100%; align-items: center; height: 65px; text-decoration: none; background: #646464; color: #fff; line-height: 1.4; border-radius: 5px; padding-left: 65px; position: relative;}
.side_btn a:before { content: ""; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; width: 30px; height: 30px; -webkit-backface-visibility: hidden;}
.side_btn li:first-child a:before { background-image: url("https://www.hana-momiji.net/images/common/ico_mail.png");}
.side_btn li:last-child a:before { background-image: url("https://www.hana-momiji.net/images/common/ico_line.png");}

.sidebar .list03 ul { display: flex; justify-content: center;}
.sidebar .list03 ul li:first-child { margin-right: 30px;}
.sidebar .list03 a { display: block; padding-top: 75px; background-position: center top; background-repeat: no-repeat; text-decoration: none; min-width: 66px;}
.sidebar .list03 ul li:first-child a { background-image: url("https://www.hana-momiji.net/images/common/side_logo01.png");}
.sidebar .list03 ul li:last-child a { background-image: url("https://www.hana-momiji.net/images/common/side_logo02.png");}


/* ------------------------
	フッター
------------------------ */

.footer h2 img { max-width: 172px;}

.footer_nav li { display: inline-block; margin-bottom: 4px;}
.footer_nav li:not(:last-child):after { content: "　｜　";}

.footer { background: #3c3c3c; padding: 30px 15px;}

.footer .box01 { display: flex; justify-content: center;}
.footer .box_inner:first-child { margin-right: 50px;}

.footer .list01 a { display: block; border: solid 1px rgba(255,255,255,0.5); color: #fff; background: rgba(35,24,21,0.2); position: relative; text-decoration: none; padding: 8px; max-width: 400px; margin: auto;}
.footer .list01 a:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); -webkit-backface-visibility: hidden; width: 15px; height: 15px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; right: 20px;}
.footer .list01 li:nth-child(1) a:after { background-image: url("https://www.hana-momiji.net/images/common/footer_icon01.png");}
.footer .list01 li:nth-child(2) a:after { background-image: url("https://www.hana-momiji.net/images/common/footer_icon02.png");}

.footer .box_inner:last-child dl { display: table; width: 100%;}
.footer .box_inner:last-child dl > * { display: table-cell; vertical-align: top;}
.footer .box_inner:last-child dt { width: 5.5em;}
.footer .box_inner:last-child a { display: inline-block; border: solid 1px rgba(255,255,255,0.5); background: url("https://www.hana-momiji.net/images/common/footer_icon03.png") no-repeat 5px 50% rgba(35,24,21,0.2); background-size: 8px auto; color: #fff; text-decoration: none; line-height: 1.4; padding: 0px 0.5em 0px 20px; font-size: 0.9em;}

.dl_sns { display: flex; justify-content: center; align-items: center;}
.dl_sns dt { border-right: solid 1px #fff; letter-spacing: 0.1em; padding-right: 10px; margin-right: 8px;}
.dl_sns dd a { display: block; width: 24px; height: 24px; background-image: url("https://www.hana-momiji.net/images/common/footer_sns.png"); background-repeat: no-repeat; background-size: auto 100%; margin: 0px 8px;}
.dl_sns dd:nth-of-type(1) a { background-position: left top;}
.dl_sns dd:nth-of-type(2) a { background-position: -24px top;}
.dl_sns dd:nth-of-type(3) a { background-position: -48px top;}
.dl_sns dd:nth-of-type(4) a { background-position: -72px top;}
.dl_sns dd:nth-of-type(5) a { background-position: -96px top;}
.dl_sns dd:nth-of-type(6) a { background-position: -120px top;}

.footer hr { border: none; border-bottom: solid 1px #fff; margin: auto -15px;}

.pagetop { position: fixed; z-index: 9999; right: 20px; padding-bottom: 20px;}

/*------------------------------------------------------

	トップページ

------------------------------------------------------*/

.wrap { display: flex; flex-flow: row-reverse;}
.sidebar { width: 260px; padding: 25px;}
.main { width: calc(100% - 260px); padding: 80px 0px;}

/*------------------------------------------------------

	下層ページ

------------------------------------------------------*/

.more_btn a {
	font-family: 'Sawarabi Mincho', sans-serif;
	display: inline-block;
	min-width: 300px;
	text-align: center;
	background-color: #545454;
	color: #fff !important;
	line-height: 1.6;
	text-decoration: none !important;
	padding: 8px 30px;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	transition-property: color;
	transition-duration: 0.3s;
}
.more_btn a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #004c66;
	border-radius: 5px;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}
.more_btn a:after { content: ""; position: absolute; background: url("https://www.hana-momiji.net/images/common/ico_arrow.png") no-repeat center center; background-size: 100% auto; width: 12px; height: 14px; right: 7px; top: 50%; transform: translateY(-50%);}
.more_btn a:hover:after { border-color: transparent transparent transparent #003ca2;}
.more_btn a:hover:before, .more_btn a:focus:before, .more_btn a:active:before { transform: scaleX(1);}

.show_sp { display: none;}
.over_hidden { overflow: hidden;}

.list_hex > li { padding-left: 18px; background: url("https://www.hana-momiji.net/images/common/ico_hex.png") no-repeat left 0.5em; background-size: 12px auto;}

.heading_middle { font-size: 1.8em; line-height: 1.4; font-family: 'Sawarabi Mincho', sans-serif;}

.img_hover { overflow: hidden;}
.img_hover > img { transition: 0.3s;}
a:hover .img_hover > img { transform: scale(1.05);}

.sec_hr { border: none; border-bottom: solid 3px #e6eaed;}

@media only screen and (max-width: 860px) {
	body { min-width: 0px; font-size: 0.85em; margin-top: -1.85em;}

	.ta_right-s_center { text-align: center;}
	.ta_left-s_center { text-align: center;}
	.ta_center-s_left { text-align: left;}

	/* ボックス */
	.container { padding: 0px 15px;}

	.hidden_s { display: none !important;}

	/* margin */
	.mb40-20 { margin-bottom: 20px !important;}
	.mb60-30 { margin-bottom: 30px !important;}
	.mb80-40 { margin-bottom: 40px !important;}
	.mb100-60 { margin-bottom: 60px !important;}
	.mb120-60 { margin-bottom: 60px !important;}
	.mb120-80 { margin-bottom: 80px !important;}
	.mb160-80 { margin-bottom: 80px !important;}

	/* ------------------------
		ヘッダー
	------------------------ */

	.header { padding:  12px 55px 12px 10px;}
	.header h1 img { width: auto; height: 26px;}
	.header_btn li { width: 23px; margin: 0px 2px;}

 	.header02 h1 { padding: 10px 10%;}
	.sp_nav { display: flex; justify-content: space-between; padding: 0px 5px 5px; font-size: 0.9em;}
	.sp_nav li { width: 16.6666%; cursor: pointer;}
	.sp_nav a { display: block; text-decoration: none;}

	.clone-nav {
		position: fixed;
		text-align: center;
		padding-top: 8px;
		top: 0;
		left: 0;
		z-index: 99999;
		width: 100%;
		transition: .3s;
		transform: translateY(-100%);
		background: #fff;
	}
	.is-show { transform: translateY(0);}


	/* ------------------------
		グローバルナビ
	------------------------ */
	.sidebar { padding: 0px;}

	/* ハンバーガーメニュー */
	.humberger {
		background: #545454;
		cursor: pointer;
		display: block;
		position: fixed;
		top: 0px;
		right: 0px;
		width: 50px;
		height: 50px;
		z-index: 10001;
	}
	.humberger span {
		background: #fff;
		border-radius: 15px;
		position: absolute;
		left: 10px;
		width: 30px;
		height: 3px;
		transition: 0.4s;
	}
	.humberger span:nth-of-type(1) { top: 9px;}
	.humberger span:nth-of-type(2) { top: 17px;}
	.humberger span:nth-of-type(3) { top: 25px;}
	.humberger:after {
		color: #fff;
		content: 'MENU';
		display: block;
		font-size: 10px;
		text-decoration: none;
		text-align: center;
		transition: 0.4s;
		position: absolute;
		left: 0;
		bottom: 1px;
		width: 100%;
	}
	.is-open .humberger:after { content: 'CLOSE';}
	.is-open .humberger span:nth-of-type(1) {
	  -webkit-transform: translateY(6px) rotate(-45deg);
		  -ms-transform: translateY(6px) rotate(-45deg);
			  transform: translateY(6px) rotate(-45deg);
	}
	.is-open .humberger span:nth-of-type(2) { opacity: 0;}
	.is-open .humberger span:nth-of-type(3) {
	  -webkit-transform: translateY(-10px) rotate(45deg);
		  -ms-transform: translateY(-10px) rotate(45deg);
			  transform: translateY(-10px) rotate(45deg);
	}
	/* ナビ本体 */
	.sp-navi { -webkit-text-size-adjust: 100%; width: auto; position: relative; z-index: 100000;}
	.sp-navi.is-open .sp-navi-inner {
		right: 0px;
		z-index: 10000;
	}
	.sp-navi .sp-navi-inner {
		overflow-y: auto;
		position: fixed;
		top: 0;
		right: -260px;
		height: 100%;
		width: 260px;
		transition: .5s;
		padding: 30px 20px;
		background: #f1efee;
	}
	.sp-navi .sp-navi-inner .navi-main { margin: 0 0 30px;}
	.sp-navi .sp-navi-inner .navi-main a { color: #3c3c3c;}
	.sp-navi .sp-navi-inner .navi-main > li {
		border-bottom: 1px dotted #ccc;
		position: relative;
	}
	.sp-navi .sp-navi-inner .navi-main > li:before {
		background: #f3a6a5;
		content: "";
		height: 3px;
		width: 8px;
		position: absolute;
		left: 10px;
		top: 19px;
	}
	.sp-navi .sp-navi-inner .navi-main > li > a, .sp-navi .sp-navi-inner .navi-main > li > span {
		display: block;
		padding: 10px 10px 10px 30px;
		overflow: hidden;
		line-height: 1.3em;
		text-decoration: none;
		cursor: pointer;
		font-weight: normal;
	}

	.gn a { padding-left: 23px;}
	.gn01 a:before { width: 18px; height: 18px;}
	.gn01 li:nth-child(2) a:before { background-position: -55px top;}
	.gn01 li:nth-child(3) a:before { background-position: -36px top;}
	.gn01 li:nth-child(4) a:before { background-position: -73px top;}
	.gn01 li:nth-child(5) a:before { background-position: -18px top;}
	.gn01 li:nth-child(6) a:before { background-position: -91px top;}

	.gn02 a:before { width: 17px; height: 25px;}
	.gn02 li:nth-child(2) a:before { background-position: -17px top;}
	.gn02 li:nth-child(3) a:before { background-position: -34px top;}
	.gn02 li:nth-child(4) a:before { background-position: -51px top;}
	.gn02 li:nth-child(5) a:before { background-position: -68px top;}
	.gn02 li:nth-child(6) a:before { background-position: -85px top;}
	.gn02 li:nth-child(7) a:before { background-position: -102px top;}
	.gn02 li:nth-child(8) a:before { background-position: -119px top;}
	.gn02 li:nth-child(9) a:before { background-position: -136px top;}
	.gn02 li:nth-child(10) a:before { background-position: -153px top;}
	.gn02 li:nth-child(11) a:before { background-position: -170px top;}
	.gn02 li:nth-child(12) a:before { background-position: -187px top;}

	.sidebar .list02 a { padding-left: 17px;}
	.sidebar .list02 a:before { width: 12px; height: 12.5px;}
	.sidebar .list02 li:nth-child(2) a:before { background-position: -12px top;}
	.sidebar .list02 li:nth-child(3) a:before { background-position: -24px top;}
	.sidebar .list02 li:nth-child(4) a:before { background-position: -36px top;}
	.sidebar .list02 li:nth-child(5) a:before { background-position: -48px top;}
	.sidebar .list02 li:nth-child(6) a:before { background-position: -60px top;}
	.sidebar .list02 li:nth-child(7) a:before { background-position: -72px top;}

	.sidebar .list03 a { padding-top: 45px; background-size: 40px auto; min-width: 40px;}


	/* ------------------------
		フッター
	------------------------ */

	.footer_nav li:not(:last-child):after { content: " ｜ ";}

	.footer { padding: 30px 15px 10px;}
	.footer h2 img { width: 115px; height: auto;}

	.footer .box01 { flex-wrap: wrap;}
	.footer .box_inner:first-child { margin-right: 20px;}

	.dl_sns dt { font-size: 0.8em;}
	.dl_sns dd a { margin: 0px 5px;}

	.wrap { display: block;}
	.main { width: auto; padding: 60px 0px;}

	.more_btn a { min-width: 250px;}

	.heading_middle { font-size: 1.6em;}

    .pagetop { width: 35px; right: 7px; padding-bottom: 35px;}
}

@media only screen and (max-width: 640px) {
	.footer .box_inner:first-child { margin-right: 0px;}
}

@media only screen and (max-width: 480px) {
	.sp_nav { font-size: 3vw;}
}


/* ------------------------
	アーカイブ
------------------------ */

.archive_list02 li a { display: block; text-decoration: none; color: #3c3c3c;}
.archive_list02 { display: flex; flex-wrap: wrap; border-bottom: solid 1px #8da2a8;}
.archive_list02 li { width: 25%; border-right: solid 2px #fff; position: relative;}
.archive_list02 a { height: 100%; position: relative; padding-bottom: 40px;}
.archive_list02 .box_inner { padding: 15px;}
.archive_list02 .box_inner:after { content: ""; position: absolute; right: -2px; top: 5px; bottom: 5px; background: #8da2a8; width: 1px;}
.archive_list02 li:nth-child(4n) .box_inner:after { display: none;}
.archive_list02 .price { font-style: italic; font-size: 2.2em; line-height: 1.2; position: absolute; width: 100%; bottom: 0px; left: 0px; padding: 0px 15px 15px 0px;}

.breadcrumb { margin-top: -80px; padding: 8px 15px 8px 35px; position: relative;}
.breadcrumb:before { content: ""; position: absolute; background: url("https://www.hana-momiji.net/images/common/gn_icon.png") no-repeat left 5px; background-size: auto 100%; width: 16px; height: 16px; left: 9px; top: calc(8px + 0.25em); -webkit-backface-visibility: hidden;}

.blog_wrap { max-width: 880px; padding: 0px 15px; margin: auto;}

.cat_name { font-size: 2.5em; line-height: 1.2; text-align: center; padding-bottom: 25px; color: #004c66; position: relative; font-family: 'Sawarabi Mincho', sans-serif;}
.cat_name:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 100px; height: 1px; background: #004c66;}
.cat_name .fo_eb { font-size: 0.45em; letter-spacing: 0.1em; line-height: 0px;}

.pagination span, .pagination a {
	margin: 0px 5px 8px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	min-width: 35px;
	height: 35px;
	line-height: 35px;
	padding: 0px 8px;
	background-color: #f0f0f0;
	color: #333;
}
.pagination span.current, .pagination a:hover { background: #5883c0; color: #fff;}

@media only screen and (max-width: 860px) {
  .breadcrumb { margin-top: -60px; padding: 7px 15px 7px 30px; background-color: #eee;}
  .breadcrumb:before { top: calc(7px + 0.15em);}

  .archive_list02 .price { font-size: 1.8em;}

	.cat_name { font-size: 1.8em; padding-bottom: 15px;}
}

@media only screen and (max-width: 640px) {
	.archive_list02 li { width: 50%;}
	.archive_list02 li:nth-child(2n) .box_inner:after { display: none;}
	.archive_list02 a { padding-bottom: 30px;}
}