@charset "utf-8";

/*===================================================================
SP表示のPC化(共通部分)
*===================================================================*/
@media screen and (min-width: 768px) {
	body.is_sp_view {
		background-color: #fff;
	}

	body.is_sp_view #wrapper {
		background-color: #fff;
		margin: 0 auto;
		width: 500px;
	}
		body.is_sp_view #wrapper {
			background-color: #fff;
			margin: 0 auto;
			width: 500px;
		}
}

/*ヘッダーの調整 ===================================*/
@media screen and (min-width: 768px) {
	body.is_sp_view #header.fixed {
		left: 50%;
		right: inherit;
		transform: translate(-50%, 0);
		width: 500px;
	}

	body.is_sp_view #header .h_inner {
		/*左右のpaddingをvwからpxへ調整*/
		padding-left: 23px;
		padding-right: 23px;
	}

	body.is_sp_view .h_search {
		padding-left: 23px;
		padding-right: 23px;
	}

}

/*パンくずの調整 ===================================*/
@media only screen and (min-width: 786px) {
	body.is_sp_view #qui_breadcrumb {
		-webkit-overflow-scrolling: touch;
		width: 100%;
		max-width: 500px;
		margin: 18px auto;
		overflow: auto;
		white-space: nowrap;
	}
	/* パンくず
  --------------------------------------- */
	body.is_sp_view #qui_breadcrumb ul {
		margin: 0 2vw;
		width: auto;
	}
}

/*===================================================================
左右の要素
*===================================================================*/
@media screen and (min-width: 768px) {
	body.is_sp_view .left_contents {
		align-items: center;
		bottom: 0;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		left: 0;
		position: fixed;
		right: calc(50% + 250px);
		top: 0;
	}

	body.is_sp_view .left_contents_in {
		padding: 10px;
	}

	body.is_sp_view .left_contents_link_top {
		display: block;
		font-size: 0;
		text-align: center;
		text-align: center;
		transition: opacity 0.15s ease-in;
	}

	body.is_sp_view .left_contents_link_top:before {
		background-image: url("/img/qieto_line_qr.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		content: "";
		display: inline-block;
		height: 120px;
		width: 120px;
	}

	body.is_sp_view .left_contents_link_top:hover {
		opacity: 0.8;
	}

	body.is_sp_view .left_contents_txt01 {
		color: #222;
		font-size: 13px;
		line-height: 1.5;
		margin-top: 20px;
	}

	body.is_sp_view .right_contents {
		align-items: center;
		bottom: 0;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		left: calc(50% + 250px);
		position: fixed;
		right: 0;
		top: 0;
	}

	body.is_sp_view .right_contents_inner {
		background: #fff;
		width: 160px;
	}

	body.is_sp_view .right_contents_inner>*:first-child {
		margin-top: 0 !important;
	}

	body.is_sp_view .right_contents_link01 {
		background-color: #fff;
		cursor: pointer;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 0.06em;
		line-height: 1.5;
		margin-top: 20px;
		position: relative;
	}

	body.is_sp_view .right_contents_link01 a {
		border-bottom: solid 1px #ddd;
		color: #666;
		display: block;
		padding-bottom: 17px;
		padding-left: 38px;
		transition: opacity 0.2s ease-in;
	}

	body.is_sp_view .right_contents_link01:before {
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 100px;
		content: "";
		height: 28px;
		left: 0;
		position: absolute;
		top: 50%;
		transform: translate(0, -80%);
		width: 28px;
	}

	body.is_sp_view .right_contents_link01.is_order:before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22layer1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20112.03%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23231815%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m120%2C31.27c0-.8-.2-1.55-.56-2.18l-11.08-26.25c-.73-1.72-2.42-2.84-4.29-2.84H15.88c-1.86%2C0-3.55%2C1.12-4.28%2C2.84L.36%2C29.45s0%2C.04-.02.04c-.11.24-.18.49-.23.74-.02.05-.03.13-.04.18-.04.28-.06.55-.07.82v76.15c0%2C2.56%2C2.08%2C4.64%2C4.63%2C4.64h110.69c2.57%2C0%2C4.65-2.08%2C4.65-4.64V31.48c.02-.06.03-.14.03-.2ZM17.94%2C7.24h84.08l7.33%2C19.39H10.62l7.32-19.39Zm93.77%2C96.53H8.26V32.84h103.45v70.94Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m79.22%2C93.42l5.07-17.63c.2-.5.11-1.02-.19-1.45-.28-.41-.78-.65-1.29-.64l-19.03-.88c-.58.02-1.11.36-1.36.87-.25.51-.19%2C1.14.17%2C1.61l4.42%2C5.53c-5.29%2C3.06-10.96%2C4.34-15.29%2C4.07-4.46-.27-8.38-1.48-15.52-6.27l-2.49%2C3c7.08%2C7.75%2C12.61%2C9.6%2C16%2C10.45%2C6.89%2C1.72%2C13.66.13%2C22.27-4.07l4.55%2C5.81c.34.47.9.7%2C1.46.61.26-.02.5-.13.71-.28.23-.18.41-.44.52-.73Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m40.74%2C45.4l-4.84%2C16.98c-.18.48-.09%2C1.01.19%2C1.45.31.41.79.64%2C1.31.63l18.78%2C1.55c.58-.02%2C1.11-.36%2C1.36-.87.25-.52.19-1.13-.16-1.61l-4.24-5.91c5.29-3.06%2C10.57-4.06%2C14.91-3.81%2C4.45.28%2C8.57%2C1.59%2C15.72%2C6.38l2.49-3c-7.09-7.75-12.62-9.59-16.01-10.44-6.88-1.73-13.26-.24-21.87%2C3.94l-4.95-5.7c-.34-.46-.9-.68-1.46-.59-.26.02-.5.13-.71.29-.23.18-.42.41-.52.71Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
		background-size: 70% auto;
	}

	body.is_sp_view .right_contents_link01.is_history:before {
		background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_3%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20288.4%20267.44%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23231815%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m166.75%2C165.17l-17.22-4.26-.05-27.48c0-2.61-1.63-4.71-4.67-4.71s-4.68%2C2.1-4.68%2C4.71v32.58c0%2C1.58%2C1.91%2C2.95%2C5.33%2C3.62l20.32%2C4.5c2.74.29%2C4.86-.39%2C5.56-3.67.72-3.39-1.56-4.59-4.58-5.28Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m143.53%2C109.23c-27.43%2C0-50.11%2C20.6-53.45%2C47.15l-12-.03c-.71.19-.86.76-.28%2C1.26l16.55%2C19.58c.56.47.97.2%2C1.54-.44l15.35-19.37c.22-.72-.18-1.13-.89-.93l-11.95-.04s.02-.05.03-.07c3.29-21.95%2C22.26-38.82%2C45.1-38.82%2C25.17%2C0%2C45.63%2C20.45%2C45.63%2C45.62s-20.46%2C45.62-45.63%2C45.62c-12.41%2C0-23.68-4.99-31.91-13.07-1.73%2C2.3-3.51%2C4.38-5.14%2C6.53%2C9.66%2C9.17%2C22.71%2C14.81%2C37.05%2C14.81%2C29.73%2C0%2C53.91-24.17%2C53.91-53.89s-24.18-53.91-53.91-53.91Z%22%2F%3E%3C%2Fsvg%3E");
		background-position: 50% 80%;
		background-size: 180% auto;
	}

	body.is_sp_view .right_contents_link01.is_search:before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22layer1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20118.85%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23231815%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m106.58%2C13.99C98.67%2C5.93%2C88.56%2C1.36%2C78.13.26c-13.41-1.41-27.32%2C2.95-37.69%2C13.14-15.78%2C15.52-18.23%2C39.48-7.22%2C57.61.24.41%2C1.43%2C2.17%2C1.7%2C2.57L2.23%2C105.69c-2.21%2C2.15-3.18%2C4.38-1.01%2C6.57l5.41%2C5.5c2.16%2C2.2%2C3.82.73%2C6.04-1.43l32.73-32.14c.39.25%2C2.68%2C2.01%2C3.09%2C2.26%2C6.1%2C3.82%2C12.89%2C6.1%2C19.81%2C6.83%2C13.42%2C1.4%2C27.33-2.96%2C37.71-13.16%2C18.42-18.1%2C18.68-47.71.57-66.13Zm-9.02%2C57.53c-7.42%2C7.32-17.63%2C10.89-27.99%2C9.79-7.99-.85-15.48-4.48-21.12-10.21-6.51-6.59-10.03-15.36-9.96-24.63.08-9.28%2C3.77-17.98%2C10.38-24.49%2C7.43-7.29%2C17.63-10.85%2C28-9.74%2C7.97.82%2C15.48%2C4.46%2C21.11%2C10.18%2C6.5%2C6.62%2C10.03%2C15.37%2C9.96%2C24.65-.08%2C9.28-3.77%2C17.96-10.39%2C24.45Z%22%2F%3E%3C%2Fsvg%3E");
		background-size: 70% auto;
	}

	body.is_sp_view .right_contents_link01.is_couponlist:before {
		background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%AF%E3%83%BC%E3%83%9D%E3%83%B3%E4%B8%80%E8%A6%A7_%E7%94%BB%E5%83%8F%22%20data-name%3D%22%E3%82%AF%E3%83%BC%E3%83%9D%E3%83%B3%E4%B8%80%E8%A6%A7%20%E7%94%BB%E5%83%8F%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20248.1%20212.91%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23231815%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2213.09%20100.6%20177.81%2012.83%20218.35%2083.77%20229.39%2083.67%20181.57%200%200%2096.76%2030.46%20151.01%2029.94%20130.39%2013.09%20100.6%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m40.45%2C92.85v120.06l207.65-1.55v-118.51H40.45Zm197.98%2C109.07l-138.71%2C1.03c-.19-3.03-2.75-5.43-5.88-5.43s-5.73%2C2.45-5.88%2C5.52l-37.84.28v-100.95h37.83c.03%2C3.18%2C2.66%2C5.74%2C5.89%2C5.74s5.86-2.56%2C5.89-5.74h138.69v99.55Z%22%2F%3E%20%3Cellipse%20class%3D%22cls-1%22%20cx%3D%2293.84%22%20cy%3D%22122.93%22%20rx%3D%225.89%22%20ry%3D%225.8%22%2F%3E%20%3Cellipse%20class%3D%22cls-1%22%20cx%3D%2293.84%22%20cy%3D%22141.69%22%20rx%3D%225.89%22%20ry%3D%225.8%22%2F%3E%20%3Cellipse%20class%3D%22cls-1%22%20cx%3D%2293.84%22%20cy%3D%22162.49%22%20rx%3D%225.89%22%20ry%3D%225.8%22%2F%3E%20%3Cellipse%20class%3D%22cls-1%22%20cx%3D%2293.84%22%20cy%3D%22183.29%22%20rx%3D%225.89%22%20ry%3D%225.8%22%2F%3E%3C%2Fsvg%3E");
		background-size: 75% auto;
	}

	body.is_sp_view .right_contents_link01:hover a {
		opacity: 0.75;
	}
}

@media screen and (max-width: 820px) {
	body.is_sp_view .left_contents_link_top:before {
		width: 12vw;
	}

	body.is_sp_view .left_contents_txt01 {
		font-size: 9px;
	}

	body.is_sp_view .right_contents_inner {
		background: #fff;
	}

	body.is_sp_view .right_contents {
		left: calc(50% + 260px);
	}

	body.is_sp_view .right_contents_link01 {
		font-size: 10px;
	}

	body.is_sp_view .right_contents_link01:before {
		height: 22px;
		width: 22px;
	}
}

@media screen and (max-width: 767px) {
	body.is_sp_view .left_contents,
	body.is_sp_view .right_contents {
		display: none;
	}
}

/*===================================================================
SP表示のPC化(共通部分)
*===================================================================*/
body.is_sp_view .u-sp {
	display: block !important;
}

body.is_sp_view .u-pc {
	display: none !important;
}

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

	/* 下層ページヘッダー
  --------------------------------------- */
	body.is_sp_view #header {
		height: 55px;
	}

	body.is_sp_view #header.fixed {
		background: #fff;
		height: 55px;
		left: 0;
		margin: 0 auto;
		position: fixed;
		right: 0;
		top: 0;
		width: 500px;
		z-index: 30;
		transform: translate(0, 0);
	}

	body.is_sp_view #header .header_box {
		height: 57px;
		padding: 0 2vw;
		width: 100%;
	}

	body.is_sp_view #header .header_inner {
		align-items: flex-start;
		display: flex;
		justify-content: space-between;
		margin: 0;
		padding: 5px 0;
		width: 65%;
	}

	body.is_sp_view #header .logo {
		flex-basis: 15%;
		padding-top: 5px;
	}

	body.is_sp_view #header .logo img {
		display: block;
		max-height: 40px;
		padding: 2px 0 0;
	}

	body.is_sp_view #header #search_box {
		height: 50px;
		position: relative;
		right: 0;
		top: 4px;
		width: 85%;
	}

	body.is_sp_view #header #search_box .search_wrap {
		margin: 1% 0 0;
		padding: 0;
		position: relative;
		width: auto;
	}

	body.is_sp_view #header #search_box #search_area {
		margin: 0 5%;
		width: auto;
	}

	body.is_sp_view #header #search_box #search_area input {
		background-color: #f5f5f5;
		border: none;
		border-radius: 20px;
		box-sizing: border-box;
		color: #000;
		font-size: 12px;
		height: 36px;
		letter-spacing: 0.1em;
		line-height: 1.15;
		outline: none;
		padding: 5% 0 5% 20%;
		position: relative;
		width: 100%;
	}

	body.is_sp_view #header .header_box #search_box .search_wrap {
		width: auto;
	}

	body.is_sp_view #header .header_box #search_box #search {
		display: block;
	}

	body.is_sp_view #header .header_box #search_box #search input {
		left: 9%;
		position: absolute;
		top: 20%;
	}

	body.is_sp_view #header .header_logcart {
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 0;
		width: 33%;
	}

	body.is_sp_view #header .header_logcart_link {
		height: 2rem;
		margin: 0 3px;
		width: 2rem;
	}

	body.is_sp_view #header .header_logcart_link a {
		display: block;
	}

	body.is_sp_view #header .header_logcart_link a img {
		display: block;
		margin: 0;
		max-width: 100%;
		width: auto;
	}

	body.is_sp_view #header .btn {
		height: 1.8rem;
		margin: 0 5px;
		position: relative;
		width: 2.1rem;
		z-index: 100;
	}

	body.is_sp_view #header .btn::before {
		background: #000;
		content: "";
		height: 1px;
		position: absolute;
		top: 0;
		width: 100%;
	}

	body.is_sp_view #header .btn::after {
		background: #000;
		bottom: 0;
		content: "";
		height: 1px;
		position: absolute;
		width: 100%;
	}

	body.is_sp_view #header .btn .btn_line {
		background: #000;
		display: block;
		height: 1px;
		position: absolute;
		top: 50%;
		transition: 0.2s;
		width: 100%;
	}

	body.is_sp_view #header .btn .btn_line::before {
		display: none;
	}

	body.is_sp_view #header .btn .btn_line::after {
		display: none;
	}

	body.is_sp_view #header .btn.is_open::before {
		top: 13px;
	}

	body.is_sp_view #header .btn.is_open::after {
		top: 13px;
	}

	body.is_sp_view #header .btn.is_open .btn_line {
		/* 真ん中の線を透明に */
		background-color: transparent;
	}

	body.is_sp_view #header .btn_line.is_open::before,
	body.is_sp_view #header .btn_line.is_open::after {
		background: #fff;
		content: "";
		transition: 0.2s;
	}

	body.is_sp_view #header .btn_line_inner::before,
	body.is_sp_view #header .btn_line_inner::after {
		left: 4px;
		top: 20px;
	}

	body.is_sp_view #header .btn_line_inner.is_open::before,
	body.is_sp_view #header .btn_line_inner.is_open::after {
		background: #000;
		height: 80%;
		left: 4px;
		top: 20px;
		width: 80%;
	}

	body.is_sp_view #header .btn_line.is_open::before {
		/* 上の線を傾ける */
		transform: rotate(45deg);
	}

	body.is_sp_view #header .btn_line.is_open::after {
		/* 上の線を傾ける */
		transform: rotate(-45deg);
	}
}

@media only screen and (max-width: 400px) {
	body.is_sp_view #header #search_box .search_wrap {
		margin: 2.5% 0 0;
		padding: 0;
		position: relative;
		width: auto;
	}
}

@media only screen and (min-width: 768px) {
	body.is_sp_view .common_box_title {
		font-size: 1.8rem;
		font-weight: 500;
		font-weight: 500;
		line-height: 1.3;
		line-height: 1.3;
		margin: 0 auto;
		width: 95%;
	}

	body.is_sp_view img {
		max-width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	body.is_sp_view .search_type {
		background: #f8f6ea;
		margin: 10% auto 0;
	}

	body.is_sp_view .search_type_inner {
		margin: 0 auto;
		padding: 10% 0 0;
		width: auto;
	}

	body.is_sp_view .search_type_inner:last-child {
		padding: 10% 0 8%;
	}

	body.is_sp_view .search_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
		width: 95%;
	}

	body.is_sp_view .search_list li {
		align-items: center;
		background: #fff;
		display: flex;
		height: auto;
		justify-content: center;
		margin-top: 3%;
		width: 48%;
	}

	body.is_sp_view .search_list a {
		align-items: center;
		color: #000;
		display: flex;
		font-size: 3vw;
		height: auto;
		justify-content: center;
		padding: 0;
		width: 100%;
	}

	body.is_sp_view .search_list.lens {
		margin: 0 auto;
	}

	body.is_sp_view .search_list.lens li {
		align-items: center;
		background: #fff;
		border: solid #e5e0d3 2px;
		display: flex;
		height: auto;
		justify-content: center;
		margin-top: 3%;
		width: 48%;
	}

	body.is_sp_view .search_list.lens a {
		align-items: center;
		color: #000;
		display: flex;
		font-size: min(3vw, 14px);
		font-weight: 500;
		height: 60px;
		justify-content: center;
		padding: 13% 0;
		width: 100%;
	}
}

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

	/* フッターSP
  --------------------------------------- */
	body.is_sp_view #footer {
		width: 100%;
		margin: 100px 0 0 0;
		padding: 49px 0 45px;
		background-color: #f5f3ec;
	}

	body.is_sp_view #footer .f_container {
		width: auto;
		margin: 0 auto 28px;
	}

	body.is_sp_view #footer .f_nav {
		display: block;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		padding: 0 2em;
	}

	body.is_sp_view #footer .f_nav_col {
		width: auto;
		margin-bottom: 30px;
		padding-bottom: 15px;
		border-bottom: solid #e7e3d6 1px;
	}

	body.is_sp_view #footer .f_nav_col:last-child {
		margin-bottom: 50px;
		padding-bottom: 0;
		border-bottom: none;
	}

	body.is_sp_view #footer .f_nav_col:last-child .f_nav_title {
		display: none;
	}

	body.is_sp_view #footer .f_nav_col:last-child .f_nav_list_sns {
		margin: 0 auto;
	}

	body.is_sp_view #footer .f_nav_title {
		position: relative;
		margin-bottom: 15px;
		font-weight: 50;
		font-size: 1.8rem;
	}

	body.is_sp_view #footer .f_nav_title::before {
		-webkit-transform: rotate(135deg);
		position: absolute;
		top: 9px;
		right: 3px;
		width: 6px;
		height: 6px;
		transform: rotate(135deg);
		border-top: 1px solid #b7b7b7;
		border-right: 1px solid #b7b7b7;
		content: "";
	}

	body.is_sp_view #footer .f_nav_list {
		display: none;
		font-size: 1.2rem;
	}

	body.is_sp_view #footer .f_nav_list li {
		position: relative;
		padding-bottom: 14px;
		padding-left: 10px;
	}

	body.is_sp_view #footer .f_nav_list li ul li {
		padding-bottom: 0;
	}

	body.is_sp_view #footer .f_nav_list li::before {
		position: absolute;
		top: 0;
		left: 0;
		content: "-";
		color: #b7b7b7;
	}

	body.is_sp_view #footer .f_nav_list a {
		display: block;
		color: #b7b7b7;
		font-size: 1.2rem;
	}

	body.is_sp_view #footer .f_nav_list a:hover {
		opacity: 0.7;
	}

	body.is_sp_view #footer .f_nav_list_sns {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		width: 200px;
	}

	body.is_sp_view #footer .f_nav_list_sns img[class*=qui_icon] {
		width: 3.5rem;
		height: 3.5rem;
	}

	body.is_sp_view #footer .f_nav_list_sns img[class*=qui_icon]:hover {
		opacity: 0.5;
	}

	/* コピーライト
	--------------------------------------- */
	body.is_sp_view .f_copy {
		width: auto;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	body.is_sp_view .f_logo {
		margin: 0 auto 20px;
	}

	body.is_sp_view .f_copy_text {
		color: #b7b7b7;
		font-size: 1.2rem;
	}
}

@media only screen and (min-width: 768px) {
	/* 下層ページヘッダー
	--------------------------------------- */
	body.is_sp_view #second_header {
		height: 74px;
		border-bottom: solid 1px #c7c7c7;
	}

	body.is_sp_view #second_header.fixed {
		z-index: 400;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 500px;
		height: 74px;
		margin: 0 auto;
		background: #fff;
	}

	body.is_sp_view #second_header .h_container {
		width: 100%;
		padding: 0 1.5vw;
	}

	body.is_sp_view #second_header .h_row {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		width: auto;
		margin: 0 auto;
		padding: 13px 0 14px;
	}

	body.is_sp_view #second_header .h_logo {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		padding-top: 14px;
	}

	body.is_sp_view #second_header .h_logo img {
		display: block;
		max-height: 40px;
	}

	body.is_sp_view #second_header .h_utility {
		-ms-flex-preferred-size: 10%;
		-webkit-box-align: start;
		-ms-flex-align: start;
		position: relative;
		flex-basis: 23%;
		align-items: flex-start;
		margin-left: auto;
	}

	body.is_sp_view #second_header .h_utility li {
		width: 5rem;
	}

	body.is_sp_view #second_header .h_utility li:nth-child(1) {
		padding: 0;
	}

	body.is_sp_view #second_header .h_utility li:nth-child(2) {
		padding: 0;
	}

	body.is_sp_view #second_header .h_icon {
		display: block;
		width: 3.7rem;
		height: 2.4rem;
		margin: 0 auto 8px;
	}

	body.is_sp_view #second_header .h_utility_link {
		display: block;
		text-align: center;
	}

	body.is_sp_view #second_header .h_utility_link:hover {
		opacity: 0.6;
	}

	body.is_sp_view #second_header .h_icon_text {
		padding-left: 0.2rem;
		color: #4f4f4f;
		font-size: min(.9vw, 12px);
		line-height: 1;
	}

	body.is_sp_view #second_header .btn {
		z-index: 100;
		position: relative;
		width: 3.3rem;
		height: 2.7rem;
		margin: 10px 0 10px 10px;
	}

	body.is_sp_view #second_header .btn::before {
		position: absolute;
		top: 0;
		width: 100%;
		height: 2px;
		background: #000;
		content: "";
	}

	body.is_sp_view #second_header .btn::after {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 2px;
		background: #000;
		content: "";
	}

	body.is_sp_view #second_header .btn .btn_line {
		-webkit-transition: 0.2s;
		display: block;
		position: absolute;
		top: 49%;
		width: 100%;
		height: 2px;
		background: #000;
		transition: 0.2s;
	}
	body.is_sp_view #second_header .btn.is_open .btn_line {
		background-color: transparent;
	}
	body.is_sp_view #second_header .btn .btn_line::before {
		display: none;
	}

	body.is_sp_view #second_header .btn .btn_line::after {
		display: none;
	}

	body.is_sp_view #second_header .btn_line.is_open {
		/* 真ん中の線を透明に */
		display: none;
		background-color: transparent;
	}

	body.is_sp_view #second_header .btn_line.is_open::before,
	body.is_sp_view #second_header .btn_line.is_open::after {
		-webkit-transition: 0.2s;
		background: #fff;
		content: "";
		transition: 0.2s;
	}

	body.is_sp_view #second_header .btn_line_inner::before,
	body.is_sp_view #second_header .btn_line_inner::after {
		top: 20px;
		left: 4px;
	}

	body.is_sp_view #second_header .btn_line_inner.is_open::before,
	body.is_sp_view #second_header .btn_line_inner.is_open::after {
		top: 20px;
		left: 4px;
		width: 80%;
		height: 80%;
		background: #000;
	}

	body.is_sp_view #second_header .btn_line.is_open::before {
		/* 上の線を傾ける */
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	body.is_sp_view #second_header .btn_line.is_open::after {
		/* 上の線を傾ける */
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	body.is_sp_view #second_header .btn.is_open .btn_line {
		background-color: transparent;
	}

	body.is_sp_view #second_header .btn.is_open::before {
		-webkit-transform: rotate(45deg);
		-webkit-transition: 0.2s;
		top: 50%;
		transform: rotate(45deg);
		background: #000;
		transition: 0.2s;
	}

	body.is_sp_view #second_header .btn.is_open::after {
		-webkit-transform: rotate(-45deg);
		-webkit-transition: 0.2s;
		top: 50%;
		transform: rotate(-45deg);
		background: #000;
		transition: 0.2s;
	}
}

@media only screen and (max-width: 430px) {
	body.is_sp_view #second_header .h_logo {
		-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
		padding-top: 14px;
	}

	body.is_sp_view #second_header .h_logo {
		-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
		padding-top: 14px;
	}
}