@charset "utf-8";

/* #####共通部分##### */
body {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	min-width: 1000px;
}

body a {
	color: #000;
}

body a:hover {
	opacity: 0.8;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.content {
	width: 1000px;
	margin: 0 auto;
}

/* ##### クリスマスの雪だるま ##### */
/*.nav::before {
	content: "";
	display: inline-block;
	width: 69px;
	height: 120px;
	background-image: url(../img/parts/946330_02.png);
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 11px;
	left: 80%;
}*/


.nav ul li .active {
	border-bottom: 12px solid #ff672e;
	padding-bottom: 31px;
}

.top-footer #page-top {
	display: none;
}

.second-footer #page-top {
	top: -25px;
	left: calc(50% - 1.5rem);
}

#page-top :hover {
	opacity: 1.0;
}

.second-footer .fa-circle {
	font-size: 3.0rem;
	color: #ff672e;
}

.second-footer .fa-angle-up {
	font-size: 2.5rem;
	top: -9px;
	left: 4px;
}
/* #####共通部分ここまで##### */



/* #####ヘッダー部分##### */
/* トップページのヘッダー */
.top-header {
	overflow: hidden;
	background-color: #fff;
}

.top-header .header {
	width: 1000px;
	margin: 0 auto;
	padding: 1.0rem 0;
}

.top-header h1 {
	width: 175px;
	float: left;
}

.top-header ul {
	display: none;
}

.top-header p {
	display: inline-block;
	margin-top: 0.5rem;
	margin-left: 1.0rem;
}

.top-header .header + p::before {
	content: "";
	display: block;
	background-image: url(../img/parts/parts_01.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 54px;
	height: 16px;
	float: left;
	margin-right: 1.0rem;
	margin-top: 0.3rem;
}

.top-header .header + p::after {
	content: "";
	display: block;
	background-image: url(../img/parts/parts_02.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 57px;
	height: 16px;
	float: right;
	margin-left: 1.0rem;
	margin-top: 0.3rem;
}

.top-img {
	background: url("../img/top/top_01.jpg") no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #fe8456;
}

.top-img::before {
	content: "";
	display: block;
	padding-top: 33%; /* 縦横比 */
}

.inner-top-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
/* トップページのヘッダーここまで */



/* 下層ページのヘッダー */
.second-header {
	overflow: hidden;
	padding: 0.4px 0;
	background-color: #fff;
}

.mail-header {
	padding: 0.4px 0 7.6px 0;
}

.second-header .header {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.second-header h1 {
	width: 175px;
	float: left;
	margin-top: 1.0rem;
}

.second-header ul {
	float: right;
	padding: 1.3rem 2.0rem 1.3rem 0;
	overflow: hidden;
}

.second-header ul li {
	float: left;
}

.second-header ul li:nth-of-type(1) p {
	font-size: 1.5rem;
	padding-right: 1.0rem;
	line-height: 1.5rem;
	font-weight: bold;
}

.second-header ul li:nth-of-type(1) p::before {
	content: "\f098";
	font-family: FontAwesome;
	display: block;
	float: left;
	margin-right: 0.5rem;
	font-size: 2.0rem;
}

.second-header ul li:nth-of-type(1) span{
	display: block;
	width: 100%;
	text-align: center;
}

.second-header ul li:nth-of-type(2) i, .second-header ul li:nth-of-type(3) i {
	font-size: 2.0rem;
	padding: 0.5rem;
}

.second-header ul li:nth-of-type(2) {
	border-left: 2px solid #000;
}

.second-header ul li:nth-of-type(2) i {
	color: #3b579d;
	display: none;
}

.second-header ul li:nth-of-type(3) i {
	display: none;
}

/* 下層ページのヘッダーここまで */
/* #####ヘッダー部分ここまで##### */



/* #####ナビ部分##### */
.nav {
	width: 100%;
	border-top: 2px solid #fe8456;
	border-bottom: 2px solid #fe8456;
	height: 110px;
	background-color: #fff;
}

.nav ul {
	width: 1000px;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
}

.nav ul li {
	display: table-cell;
	text-align: center;
}

.nav ul li a {
	font-weight: 600;
	display: block;
	padding: 40px 0;
}

.nav ul li a:hover {
	border-bottom: 12px solid #ff672e;
	background-color: #faf7f5;
	padding-bottom: 31px;
}
/* #####ナビ部分ここまで##### */



/* #####コンテンツ部分##### */
/* トップページ */
.content .top-text {
	text-align: center;
	margin-bottom: 5.0rem;
}

.content .top-text h2 {
	font-size: 2.0rem;
	font-weight: bold;
	margin: 5.0rem 0 2.0rem 0;
}

.content .top-text h2 + p {
	color: #ff672e;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

.content .top-text p span {
	font-size: 2.0rem;
	font-weight: bold;
	margin-left: 1.5rem;
}

.banner {
	margin: 10.0rem 0;
}

.banner img {
	width: 887px;
	height: auto;
	margin: 0 auto;
	display: block;
}

.top-entrance {
	margin-left: -999rem;
	margin-right: -999rem;
	padding-left: 999rem;
	padding-right: 999rem;
	background-image: url(../img/parts/parts_03.jpg);
	background-size: auto;
	background-repeat: repeat;
	background-position: center center;
}

.top-entrance ul {
	overflow: hidden;
	padding: 3.0rem 0;
}

.top-entrance ul li {
	float: left;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 1.0rem 2.0rem 1.0rem 2.0rem;
	width: calc(100% / 2 - 5.0rem);
	margin-right: 0.5rem;
}

.top-entrance ul li a {
	display: block;
}

.top-entrance ul li:nth-of-type(1) a::before {
	content: "店舗紹介";
	display: block;
	color: #654b30;
	font-weight: bold;
	width: 30%;
	text-align: center;
	margin: 0 auto 1.0rem auto;
}

.top-entrance ul li:nth-of-type(2) a::before {
	content: "オーナー紹介";
	display: block;
	color: #654b30;
	font-weight: bold;
	width: 30%;
	text-align: center;
	margin: 0 auto 1.0rem auto;
}

.top-entrance ul li a::after {
	content: "\f105";
	font-family: FontAwesome;
	color: #fff;
	display: block;
	background-color: #654b30;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 2.0rem;
	height: 3.0rem;
	margin: 0 auto;
	padding-left: 1.0rem;
	font-size: 3.0rem;
	line-height: 2.8rem;
}

.top-entrance ul li:nth-of-type(2) {
	margin-right: 0;
	margin-left: 0.5rem;
}

.top-entrance ul li a img {
	width: 100%;
	border: 1px solid #1e0d06;
}

.top-link {
	margin: 8.0rem 0;
}

.top-link ul {
	overflow: hidden;
	width: 100%;
}

.top-link ul li {
	float: left;
}

.top-link ul li:nth-of-type(1) {
	width: 66.7%;
	height: 18.5rem;
	background-image: url(../img/top/top_04.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.top-link ul li:nth-of-type(2) {
	width: 33.3%;
	height: 18.5rem;
	background-image: url(../img/top/top_05.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.top-link ul li:nth-of-type(5) {
	width: calc(667px / 3);
	height: auto;
	background-image: url(../img/top/top_07.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
}

.super-ion {
	width: calc(50% - 2.0rem);
	height: 16.5rem;
	float: right;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #fff;
	padding: 1.0rem;
}

.super-ion h4 {
	font-size: 1.8rem;
	line-height: 2.0rem;
}

.super-ion p:nth-of-type(2) {
	font-size: 0.9rem;
}

.super-ion a {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	background-color: #908378;
	text-align: center;
	padding: 0.2rem 1.5rem;
	color: #fff;
	font-weight: bold;
	display: block;
	margin-top: 1.0rem;
	width: 55%;
	float: right;
	border-radius: 3.0rem;
	-webkit-border-radius: 3.0rem;
	-moz-border-radius: 3.0rem;
}

.super-ion a::after {
	content: "\f04b";
	font-family: FontAwesome;
	margin-left: 0.5rem;
	float: right;
}

.access {
	padding: 30.5% 30%;
}

.menu {
	padding: 21% 30%;
}

.access a, .menu a {
	color: #fff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: bold;
	text-align: center;
	display: block;
}

.access a p, .menu a p {
	display: block;
	text-align: center;
	margin: 0;
	font-size: 2.0rem;
	font-weight: 500;
	text-shadow: 2px 2px 2px #000;
}

.access a span, .menu a span {
	display: block;
	text-align: center;
	margin: 0;
	font-size: 0.8rem;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000;
}

.access a::after, .menu a::after {
	content: "\f101";
	font-family: FontAwesome;
	font-size: 2.0rem;
	text-shadow: 2px 2px 2px #000;
}

.menu a p, .menu a span, .menu a::after {
	text-shadow: none;
}

.top-link ul li:nth-of-type(4) a {
	display: block;
	height: 220px;
}

.top-link ul li:nth-of-type(4) {
	width: 443px;
	border-left: 1px solid #c5c5c5;
}

.top-link ul li:nth-of-type(5) {
	width: calc(667px / 3);
}
/* トップページここまで */



/* 臨時休業のお知らせ */
.notice {
	width: calc(100% - 3.0rem);
	padding: 1.5rem;
	margin-top: 3.0rem;
	border: 2px solid #f47518;
}

.notice span {
	font-size: 1.5rem;
	width: 100%;
	text-align: center;
}

.notice p {
	margin-top: 1.0rem;
}

.kinga > img {
	margin-top: 3.0rem;
	width: 100%;
}
/* 臨時休業のお知らせここまで */



/* 店舗紹介 */
.shop-01 {
	width: 1000px;
	margin: 3.0rem auto;
}

.shop-01 img {
	width: 100%;
}

.shop-01::before {
	content: "";
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(../img/parts/mark_01.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 3.0rem auto;
}

.shop-02 {
	overflow: hidden;
	width: 1000px;
	margin: 3.0rem auto;
	padding: 3.0rem 0;
	margin-left: -999rem;
	margin-right: -999rem;
	padding-left: 999rem;
	padding-right: 999rem;
	background-color: #faf7f5;
}

.shop-02::before {
	content: "";
	display: block;
	width: 300px;
	height: 130px;
	background-image: url(../img/parts/mark_02.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 3.0rem auto;
}

.shop-02 img {
	border: 1px solid #ff672e;
	width: 100%;
}

.inner-img {
	float: left;
	margin-right: 3.5rem;
	width: 40.5%;
	height: 13.5rem;
	padding: 3.5rem;
	background-color: #fff;
}

.shop-02 dl {
	overflow: hidden;
	font-size: 0.9rem;
}

.shop-02 dl dt {
	float: left;
	width: 25%;
	padding: 0.5rem 0;
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
}

.shop-02 dl dd {
	width: 75%;
	margin-left: 25%;
	margin-bottom: 0.5rem;
	padding: 0.5rem 0 0.5rem 1.0rem;
	font-size: 0.9rem;
	border-left: 1px solid #a9a9a9;
}

.shop-02 dl dd:nth-of-type(2) {
	font-size: 1.8rem;
	font-weight: bold;
}

.shop-03 {
	margin: 0 auto 10.0rem auto;
	padding-top: 2.0rem;
}

#map1 {
	width: 880px;
	height: 450px;
	margin: 0 auto;
}
/* 店舗紹介ここまで */



/* オーナー紹介 */
.owner-wrapper {
	overflow: hidden;
	background-image: url(../img/parts/orner_bg.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
}

.owner-01 {
	width: 680px;
	margin: 0 auto;
}

.owner-01 .inner-img {
	float: none;
	margin-right: 0;
	width: calc(100% - 7.0rem);
	height: 21.0rem;
	padding: 3.5rem;
	background-color: #fcf3e6;
}

.owner-01::before {
	content: "";
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(../img/parts/mark_04.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 3.0rem auto;
}

.owner-01 .inner-img img, .owner-02 .inner-img img {
	width: 100%;
	border: 2px solid #bf9271;
}

.owner-01 h4 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #ff672e;
	text-align: center;
	margin: 3.0rem 0;
}

.owner-01 h4::after {
	content: "";
	display: block;
	width: 65px;
	height: 65px;
	float: right;
	background-image: url(../img/parts/mark_05.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.owner-01 p {
	text-align: center;
	margin-bottom: 1.5rem;
}

.owner-02 {
	width: 480px;
	margin: 5.0rem auto 10.0rem auto;
	text-align: center;
}

.owner-02 .inner-img {
	float: none;
	margin-right: 0;
	width: calc(100% - 7.0rem);
	height: 29.0rem;
	padding: 3.5rem;
	background-color: #fcf3e6;
}

.owner-02 h5 {
	font-size: 1.5rem;
	margin: 3.0rem 0 1.0rem 0;
}

.owner-02 h5 span {
	font-size: 0.8rem;
	line-height: 1.5rem;
	margin-right: 0.5rem;
}

.owner-02 p {
	font-size: 1.0rem;
}

@media (max-width: 414px) {
	.owner-02 p {
		font-size: 1.2rem;
	}

}
/* オーナー紹介ここまで */



/* メニュー */
.menu-list {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}

.menu-list::before {
	content: "";
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(../img/parts/mark_09.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 3.0rem auto;
}

.menu-list dt {
	float: left;
	padding: 1.5rem 0;
	font-size: 1.1rem;
}

.menu-list dd {
	padding: 1.5rem 1.0rem 1.5rem 0;
	border-bottom: 1px solid #ff672e;
	font-weight: 500;
}

.menu-list dt:nth-of-type(3) span, .menu-list dt:nth-of-type(5) span {
	margin-left: 4.5rem;
}

.menu-list dt::before {
	content: "●";
	display: block;
	float: left;
	margin-right: 0.3rem;
}

.menu-list dt:nth-of-type(3)::before, .menu-list dt:nth-of-type(5)::before {
	display: none;
}

.menu-list dd:nth-of-type(3), .menu-list dd:nth-of-type(5) {
	padding: 1.5rem 0 1.5rem 0;
}

.menu-list dd:nth-of-type(2), .menu-list dd:nth-of-type(4) {
	border-bottom: none;
}

.menu-list dd {
	text-align: right;
	font-size: 1.1rem;
	letter-spacing: 0.1rem;
}

.menu-list + span {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 0.8rem;
	margin: 1.0rem 0 10.0rem 0;
}
/* メニューここまで */



/* トリートメント */
.treat-01 h3 {
	font-size: 1.8rem;
	width: 100%;
	text-align: center;
	color: #803606;
	font-weight: 500;
	margin-bottom: 3.0rem;
}

.treat-01 h3::before {
	content: "";
	display: block;
	width: 180px;
	height: 180px;
	margin: 1.5rem auto;
	background-image: url(../img/parts/mark_06.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.treat-01 img {
	width: 100%;
}

.treat-02 > p, .treat-03 > p:first-child {
	display: block;
	width: calc(100% / 3);
	text-align: center;
	color: #fff;
	font-weight: 600;
	padding: 0.3rem 0;
	background-color: #502609;
	border-radius: 3.0rem;
	-webkit-border-radius: 3.0rem;
	-moz-border-radius: 3.0rem;
	margin: 5.0rem auto;
}

.treat-02 ul {
	overflow: hidden;
	width: 100%;
}

.treat-02 ul li {
	float: left;
	width: calc(100% / 4 - 1.2rem);
}

.treat-02 ul li::after {
	content: "\f105";
	font-family: FontAwesome;
	float: right;
	font-size: 2.5rem;
	color: #ff672e;
	position: relative;
	top: -255px;
	left: 22px;
}

.treat-02 ul li:first-child::after {
	top: -227px;
}

.treat-02 ul li:last-child::after {
	display: none;
}

.treat-02 ul li::before {
	content: "1";
	display: block;
	width: 25px;
	height: 25px;
	color: #fff;
	font-size: 1.5rem;
	padding: 0 0 10px 10px;
	margin: 0 auto 0.5rem auto;
	background-color: #ff672e;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.treat-02 ul li:nth-of-type(2)::before {
	content: "2";
}

.treat-02 ul li:nth-of-type(3)::before {
	content: "3";
}

.treat-02 ul li:nth-of-type(4)::before {
	content: "4";
}

.treat-02 ul li:nth-of-type(1), .treat-02 ul li:nth-of-type(2), .treat-02 ul li:nth-of-type(3) {
	margin-right: 1.5rem;
}

.treat-02 ul li:nth-of-type(4) {
	margin-right: 0;
}

.treat-02 ul li img {
	width: 100%;
}

.treat-02 ul li p {
	padding: 0.5rem;
	font-size: 1.0rem;
}

.treat-03 {
	margin: 5.0rem auto;
	width: 580px;
}

.treat-03 .inner-img {
	float: none;
	margin-right: 0;
	margin-top: 10.0rem;
	width: calc(100% - 7.0rem);
	height: 17.0rem;
	padding: 3.5rem;
	background-color: #f9f5f2;
}

.treat-03 .inner-img img {
	width: 100%;
	border: 1px solid #92836e;
}

.treat-03::before {
	content: "";
	display: block;
	width: 110px;
	height: 110px;
	margin: 1.5rem auto;
	background-image: url(../img/parts/mark_07.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	position: relative;
	top: 50px;
	left: calc(50% - 55px);
}

.treat-03 h5 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	line-height: 2.0rem;
	font-size: 1.5rem;
	text-align: center;
	margin: 3.0rem 0 0 0;
}

.treat-03 h5::after {
	content: "";
	display: block;
	width: 270px;
	height: 30px;
	background-image: url(../img/parts/mark_08.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 1.5rem auto;
}

.treat-03 p {
	font-weight: bold;
	color: #ff672e;
	text-align: center;
	line-height: 1.8rem;
}

.treat-04 {
	background-image: url(../img/parts/parts_04.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 3.0rem;
	margin: 3.0rem 0 10.0rem 0;
	width: calc(100% - 6.0rem);
/*	height: calc(465px - 6.0rem);*/
	height: calc(213px - 6.0rem);
}

.treat-04 dl {
	overflow: hidden;
}

.treat-04 dl dt {
	color: #ff672e;
	font-size: 1.3rem;
	font-weight: 500;
	width: 100%;
}

.treat-04 dl dd {
	width: 100%;
	text-indent: 1.0rem;
	margin-bottom: 2.0rem;
}
/* トリートメントここまで */



/* メールフォーム */
form#mailformpro {
	padding: 5.0rem 0px !important;
}

form#mailformpro dl dt {
	padding: 2.0rem 0 !important;
}

form#mailformpro dl dd {
	padding: 2.0rem 5px 2.0rem 170px !important;
}

.mfp_element_submit, .mfp_element_reset, .mfp_element_submit, .mfp_element_reset, .mfp_element_button {
	background: #ff672e;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.2rem;
	padding: 0.5rem 3.0rem;
}

.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
	text-shadow: none;
}

.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover {
	background: rgba(255, 103, 46, 0.8);
	box-shadow: none;
}

.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date {
	box-shadow: none;
}

dd.mfp:nth-child(3) > input, dd.mfp:nth-child(5) > input, dd.mfp:nth-child(7) > input {
	width: 10.0rem !important;
	height: 2.0rem;
	font-size: 1.0rem;
}

dd.mfp:nth-child(9) > input, dd.mfp:nth-child(11) > input {
	width: 20.0rem !important;
	height: 2.0rem;
	font-size: 1.0rem;
}

#mfp_element_8 {
	height: 10.0rem !important;
}

table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
	padding: 1.0rem 0;
	font-size: 1.0rem;
}

div#mfp_phase_confirm h4 {
	font-size: 1.2rem;
	padding: 3.0rem 0 1.0rem 0;
}

#mail {
	margin: 3.0rem 0 10.0rem 0;
}

.thanks {
	margin: 10.0rem auto;
}

.thanks h2 {
	width: 100%;
	text-align: center;
	font-size: 1.5rem;
}

div.mfp_thanks p {
	text-align: center;
}

.thanks a {
	display: block;
	padding: 0.5rem 1.0rem;
	width: 35%;
	text-align: center;
	margin: 3.0rem auto 0 auto;
	border: 1px solid #ff672e;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
/* メールフォームここまで */

/* #####コンテンツ部分ここまで##### */



/* #####フッター部分##### */
.top-footer {
	background: url("../img/parts/footer_top.jpg") no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
}

.top-footer::before {
	content: "";
	display: block;
	padding-top: 23.7%; /* 縦横比 */
}

.in-footer {
	width: 100%;
	height: auto;
}

.second-footer {
	border-top: 2px solid #ff672e;
	background-color: #faf7f5;
}

.top-footer ul, .second-footer ul {
	overflow: hidden;
	width: calc(1000px - 30px);
	margin: 21px auto;
	padding: 15px;
}

.top-footer ul li, .second-footer ul li {
	width: calc(970px / 6);
	float: left;
}

.top-footer ul li a, .second-footer ul li a {
	font-weight: 600;
	display: block;
	padding: 10px;
	width: calc(100% - 20px);
}

.top-footer p, .second-footer p {
	width: 100%;
	background-color: #000;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}
/* #####フッター部分ここまで##### */