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

/* フォントインストール */
@font-face {
	font-family: 'Noto Sans CJK JP';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/NotoSansCJKjp-Regular.woff') format('woff');
	font-display: swap;
}

/*--------------------------------------------------------------------------
   reset
   ---------------------------------------------------------------------------*/
   h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]), p, span, small, dl, dt, dd, ol, ul, li {
   	margin: 0;
   	font-size: 100%;
   }

   ul {
   	margin: 0;
   	padding: 0;
   	vertical-align: baseline;
   }

   img {
   	vertical-align: top;
   }

   li {
   	list-style-type: none;
   	vertical-align: baseline;
   }

   input, button, textarea, select {
   	margin: 0;
   	padding: 0;
   	background: none;
   	border: none;
   	border-radius: 0;
   	outline: none;
   	-webkit-appearance: none;
   	-moz-appearance: none;
   	appearance: none;
   }

   * {
   	box-sizing: border-box;
   }
   * {
   	min-height:0;
   	min-width : 0;
   }
   .cf::after {
   	content: "";
   	display: block;
   	clear: both;
   }

/*--------------------------------------
　Base
---------------------------------------*/
html {
	font-size: 62.5%;
}

body {
	color: #333;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2;
	letter-spacing: .03em;
	min-width: 1100px;
	-webkit-font-smoothing: subpixel-antialiased;
}

@media all and (-ms-high-contrast:none) {
	body, p, li, dt, dd, th, td, span, a, h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]), h1:not([class]) a, h2:not([class]) a, h3:not([class]) a, h4:not([class]) a, h5:not([class]) a, h6:not([class]) a {
		font-family: 'Noto Sans JP',"メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	}
}

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

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	opacity: 0.6;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.strong {
	font-weight: bold;
}

.f110 {
	font-size: 110%;
}

.f120 {
	font-size: 120%;
}

.f130 {
	font-size: 130%;
}

.f150 {
	font-size: 150%;
}

.f200 {
	font-size: 200%;
}

.f300 {
	font-size: 300%;
}

p:not([class]) span:not([class]){
	font-weight: bold;
	color: #333;
	border-bottom: 2px solid #eb838a;
}
.lists span{
	font-weight: bold;
	color: #333;
	border-bottom: 2px solid #eb838a;
}
.contents p {
	max-width: 1100px;
	margin: 20px auto;
}



@media screen and (min-width: 481px) {
	.sp,
	.sp_br {
		display: none!important;
	}
}

/*hタグ reset*/
.index .addParts01 h2:not([class]), .category .addParts01 h1:not([class]), .page .addParts01 h1:not([class]), .index .addParts02 h2:not([class]), .category .addParts02 h1:not([class]), .page .addParts02 h1:not([class]), .index .float-wrap h2:not([class]), .category .float-wrap h1:not([class]), .page .float-wrap h1:not([class]), .index .box-wrap h2:not([class]), .category .box-wrap h1:not([class]), .page .box-wrap h1:not([class]), .index .frame-wrap h2:not([class]), .category .frame-wrap h1:not([class]), .page .frame-wrap h1:not([class]), .index .addParts01 h3:not([class]), .category .addParts01 h2:not([class]), .page .addParts01 h2:not([class]), .index .addParts02 h3:not([class]), .category .addParts02 h2:not([class]), .page .addParts02 h2:not([class]), .index .addParts03 h3:not([class]), .category .addParts03 h2:not([class]), .page .addParts03 h2:not([class]), .index .float-wrap h3:not([class]), .category .float-wrap h2:not([class]), .page .float-wrap h2:not([class]), .index .box-wrap h3:not([class]), .category .box-wrap h2:not([class]), .page .box-wrap h2:not([class]), .index .frame-wrap h3:not([class]), .category .frame-wrap h2:not([class]), .page .frame-wrap h2:not([class]), .index .addParts01 h4:not([class]), .category .addParts01 h3:not([class]), .page .addParts01 h3:not([class]), .index .addParts02 h4:not([class]), .category .addParts02 h3:not([class]), .page .addParts02 h3:not([class]), .index .float-wrap h4:not([class]), .category .float-wrap h3:not([class]), .page .float-wrap h3:not([class]), .index .box-wrap h4:not([class]), .category .box-wrap h3:not([class]), .page .box-wrap h3:not([class]), .index .frame-wrap h4:not([class]), .category .frame-wrap h3:not([class]), .page .frame-wrap h3:not([class]), .index .addParts01 h5:not([class]), .category .addParts01 h4:not([class]), .page .addParts01 h4:not([class]), .index .addParts02 h5:not([class]), .category .addParts02 h4:not([class]), .page .addParts02 h4:not([class]), .index .float-wrap h5:not([class]), .category .float-wrap h4:not([class]), .page .float-wrap h4:not([class]), .index .box-wrap h5:not([class]), .category .box-wrap h4:not([class]), .page .box-wrap h4:not([class]), .index .frame-wrap h5:not([class]), .category .frame-wrap h4:not([class]), .page .frame-wrap h4:not([class]), .contents .addParts10 h2:not([class]) {
	display: block;
	width: auto;
	height: auto;
	min-width: initial;
	min-width: auto;
	min-height: initial;
	min-height: auto;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
	color: #333;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
	text-shadow: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
	position: static;
}

.index .addParts01 h2:not([class]) a, .category .addParts01 h1:not([class]) a, .page .addParts01 h1:not([class]) a, .index .addParts02 h2:not([class]) a, .category .addParts02 h1:not([class]) a, .page .addParts02 h1:not([class]) a, .index .float-wrap h2:not([class]) a, .category .float-wrap h1:not([class]) a, .page .float-wrap h1:not([class]) a, .index .box-wrap h2:not([class]) a, .category .box-wrap h1:not([class]) a, .page .box-wrap h1:not([class]) a, .index .frame-wrap h2:not([class]) a, .category .frame-wrap h1:not([class]) a, .page .frame-wrap h1:not([class]) a, .index .addParts01 h3:not([class]) a, .category .addParts01 h2:not([class]) a, .page .addParts01 h2:not([class]) a, .index .addParts02 h3:not([class]) a, .category .addParts02 h2:not([class]) a, .page .addParts02 h2:not([class]) a, .index .float-wrap h3:not([class]) a, .category .float-wrap h2:not([class]) a, .page .float-wrap h2:not([class]) a, .index .box-wrap h3:not([class]) a, .category .box-wrap h2:not([class]) a, .page .box-wrap h2:not([class]) a, .index .frame-wrap h3:not([class]) a, .category .frame-wrap h2:not([class]) a, .page .frame-wrap h2:not([class]) a, .index .addParts01 h4:not([class]) a, .category .addParts01 h3:not([class]) a, .page .addParts01 h3:not([class]) a, .index .addParts02 h4:not([class]) a, .category .addParts02 h3:not([class]) a, .page .addParts02 h3:not([class]) a, .index .addParts03 h4:not([class]) a, .category .addParts03 h3:not([class]) a, .page .addParts03 h3:not([class]) a, .index .float-wrap h4:not([class]) a, .category .float-wrap h3:not([class]) a, .page .float-wrap h3:not([class]) a, .index .box-wrap h4:not([class]) a, .category .box-wrap h3:not([class]) a, .page .box-wrap h3:not([class]) a, .index .frame-wrap h4:not([class]) a, .category .frame-wrap h3:not([class]) a, .page .frame-wrap h3:not([class]) a, .index .addParts01 h5:not([class]) a, .category .addParts01 h4:not([class]) a, .page .addParts01 h4:not([class]) a, .index .addParts02 h5:not([class]) a, .category .addParts02 h4:not([class]) a, .page .addParts02 h4:not([class]) a, .index .float-wrap h5:not([class]) a, .category .float-wrap h4:not([class]) a, .page .float-wrap h4:not([class]) a, .index .box-wrap h5:not([class]) a, .category .box-wrap h4:not([class]) a, .page .box-wrap h4:not([class]) a, .index .frame-wrap h5:not([class]) a, .category .frame-wrap h4:not([class]) a, .page .frame-wrap h4:not([class]) a, .contents .addParts10 h2:not([class]) a {
	display: inline;
	min-height: initial;
	min-height: auto;
	font-size: 100%;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
	text-shadow: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
	position: static;
}

.index .addParts01 h2:not([class])::before, .category .addParts01 h1:not([class])::before, .page .addParts01 h1:not([class])::before, .index .addParts02 h2:not([class])::before, .category .addParts02 h1:not([class])::before, .page .addParts02 h1:not([class])::before, .index .float-wrap h2:not([class])::before, .category .float-wrap h1:not([class])::before, .page .float-wrap h1:not([class])::before, .index .box-wrap h2:not([class])::before, .category .box-wrap h1:not([class])::before, .page .box-wrap h1:not([class])::before, .index .frame-wrap h2:not([class])::before, .category .frame-wrap h1:not([class])::before, .page .frame-wrap h1:not([class])::before, .index .addParts01 h3:not([class])::before, .category .addParts01 h2:not([class])::before, .page .addParts01 h2:not([class])::before, .index .addParts02 h3:not([class])::before, .category .addParts02 h2:not([class])::before, .page .addParts02 h2:not([class])::before, .index .float-wrap h3:not([class])::before, .category .float-wrap h2:not([class])::before, .page .float-wrap h2:not([class])::before, .index .box-wrap h3:not([class])::before, .category .box-wrap h2:not([class])::before, .page .box-wrap h2:not([class])::before, .index .frame-wrap h3:not([class])::before, .category .frame-wrap h2:not([class])::before, .page .frame-wrap h2:not([class])::before, .index .addParts01 h4:not([class])::before, .category .addParts01 h3:not([class])::before, .page .addParts01 h3:not([class])::before, .index .addParts02 h4:not([class])::before, .category .addParts02 h3:not([class])::before, .page .addParts02 h3:not([class])::before, .index .addParts03 h4:not([class])::before, .category .addParts03 h3:not([class])::before, .page .addParts03 h3:not([class])::before, .index .float-wrap h4:not([class])::before, .category .float-wrap h3:not([class])::before, .page .float-wrap h3:not([class])::before, .index .box-wrap h4:not([class])::before, .category .box-wrap h3:not([class])::before, .page .box-wrap h3:not([class])::before, .index .frame-wrap h4:not([class])::before, .category .frame-wrap h3:not([class])::before, .page .frame-wrap h3:not([class])::before, .index .addParts01 h5:not([class])::before, .category .addParts01 h4:not([class])::before, .page .addParts01 h4:not([class])::before, .index .addParts02 h5:not([class])::before, .category .addParts02 h4:not([class])::before, .page .addParts02 h4:not([class])::before, .index .float-wrap h5:not([class])::before, .category .float-wrap h4:not([class])::before, .page .float-wrap h4:not([class])::before, .index .box-wrap h5:not([class])::before, .category .box-wrap h4:not([class])::before, .page .box-wrap h4:not([class])::before, .contents .addParts10 h2:not([class])::before {
	content: none;
	display: inline;
	min-height: initial;
	min-height: auto;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
	text-shadow: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
	position: static;
}

.index .addParts01 h2:not([class])::after, .category .addParts01 h1:not([class])::after, .page .addParts01 h1:not([class])::after, .index .addParts02 h2:not([class])::after, .category .addParts02 h1:not([class])::after, .page .addParts02 h1:not([class])::after, .index .float-wrap h2:not([class])::after, .category .float-wrap h1:not([class])::after, .page .float-wrap h1:not([class])::after, .index .box-wrap h2:not([class])::after, .category .box-wrap h1:not([class])::after, .page .box-wrap h1:not([class])::after, .index .frame-wrap h2:not([class])::after, .category .frame-wrap h1:not([class])::after, .page .frame-wrap h1:not([class])::after, .index .addParts01 h3:not([class])::after, .category .addParts01 h2:not([class])::after, .page .addParts01 h2:not([class])::after, .index .addParts02 h3:not([class])::after, .category .addParts02 h2:not([class])::after, .page .addParts02 h2:not([class])::after, .index .float-wrap h3:not([class])::after, .category .float-wrap h2:not([class])::after, .page .float-wrap h2:not([class])::after, .index .box-wrap h3:not([class])::after, .category .box-wrap h2:not([class])::after, .page .box-wrap h2:not([class])::after, .index .frame-wrap h3:not([class])::after, .category .frame-wrap h2:not([class])::after, .page .frame-wrap h2:not([class])::after, .index .addParts01 h4:not([class])::after, .category .addParts01 h3:not([class])::after, .page .addParts01 h3:not([class])::after, .index .addParts02 h4:not([class])::after, .category .addParts02 h3:not([class])::after, .page .addParts02 h3:not([class])::after, .index .addParts03 h4:not([class])::after, .category .addParts03 h3:not([class])::after, .page .addParts03 h3:not([class])::after, .index .float-wrap h4:not([class])::after, .category .float-wrap h3:not([class])::after, .page .float-wrap h3:not([class])::after, .index .box-wrap h4:not([class])::after, .category .box-wrap h3:not([class])::after, .page .box-wrap h3:not([class])::after, .index .frame-wrap h4:not([class])::after, .category .frame-wrap h3:not([class])::after, .page .frame-wrap h3:not([class])::after, .index .addParts01 h5:not([class])::after, .category .addParts01 h4:not([class])::after, .page .addParts01 h4:not([class])::after, .index .addParts02 h5:not([class])::after, .category .addParts02 h4:not([class])::after, .page .addParts02 h4:not([class])::after, .index .float-wrap h5:not([class])::after, .category .float-wrap h4:not([class])::after, .page .float-wrap h4:not([class])::after, .index .box-wrap h5:not([class])::after, .category .box-wrap h4:not([class])::after, .page .box-wrap h4:not([class])::after, .index .frame-wrap h5:not([class])::after, .category .frame-wrap h4:not([class])::after, .page .frame-wrap h4:not([class])::after, .contents .addParts10 h2:not([class])::after {
	content: none;
	display: inline;
	min-height: initial;
	min-height: auto;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
	text-shadow: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
	position: static;
}

/*--------------------------------------
　Header
---------------------------------------*/
header .headTopArea {
	width: 1100px;
	margin: 6px auto;
}

header .headTopArea .rightTxt {
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: right;
	font-weight: normal;
}

/*--------------------------------------
　visArea
---------------------------------------*/
#visArea {
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

#visArea .mainArea {
	display: table;
	background: url("img/mv_pic_ct.jpg") center top no-repeat;
	background-size: cover;
	height: 160px;
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
	position: relative;
}

#visArea .mainArea .mainAreaInner {
	display: table-cell;
	vertical-align: middle;
}

#visArea .mainArea .siteNameArea {
	margin: 0;
}

#visArea .mainArea .siteName {
	font-size: 2.2rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0 0 8px;
}

#visArea .mainArea .siteName a {
	display: block;
}

#visArea .mainArea .siteName img {
	margin: 0 auto;
}

#visArea .mainArea .siteNameSmall {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.03em;
	text-align: center;
}

/*--------------------------------------
　Global Nav
---------------------------------------*/
#g-nav {
	background-color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

#g-nav::before {
	content: "";
	background: linear-gradient(to right, rgba(187,187,187,1), rgba(187,187,187,1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	background-size: 6px 1px;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
}

#g-nav::after {
	content: "";
	background: linear-gradient(to right, rgba(187,187,187,1), rgba(187,187,187,1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	background-size: 6px 1px;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#g-nav ul {
	display: flex;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 1100px;
	height: auto;
	margin: 0 auto;
}

#g-nav li {
	width: 100%;
	min-height: 80px;
	text-align: center;
	position: relative;
}

#g-nav li::before {
	content: "";
	background: linear-gradient(#bbb,#bbb);
	background-size: 1px 1px;
	width: 1px;
	height: calc(100% - 40px);
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

#g-nav li:last-child::after {
	content: "";
	background: linear-gradient(#bbb,#bbb);
	background-size: 1px 1px;
	width: 1px;
	height: calc(100% - 40px);
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

#g-nav li a {
	display: table;
	width: 100%;
	height: 100%;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.6;
	padding: 20px 12px;
	position: relative;
}

#g-nav li a span {
	display: table-cell;
	vertical-align: middle;
	font-weight: inherit;
	color: inherit;
	border-bottom: none;
}

#g-nav li a:hover::after {
	content: "";
	width: 100%;
	height: 3px;
	background-color: #749e3c;
	position: absolute;
	left: 0;
	bottom: 2px;
	opacity: 1;
}

#g-nav li a:hover {
	opacity: 1;
}

/*--------------------------------------
　Pankuzu
---------------------------------------*/
#pankuzuWrap {
	margin: 0;
}

#pankuzu {
	font-size: 1.3rem;
	margin: 0 auto;
	padding: 12px 0;
	width: 1100px;
}

#pankuzu span {
	border-bottom: none;
	font-weight: inherit;
	color: inherit;
}

/*--------------------------------------
　Main Contents
---------------------------------------*/
.contents {
	margin: 0 auto 0;
	padding: 0;
	width: 1100px;
}

.index {
	width: 100%;
	margin: 5rem auto 0;
	padding: 0;
}

.category, .page {
	float: left;
	width: 830px;
	margin: 0;
	padding: 60px 0 0;
}

/*--------------------------------------
　Side
---------------------------------------*/
#side {
	float: right;
	width: 220px;
}

#side .sideTopBox {
	background: #ffd0a4;
	border: solid 1px #fff;
	margin: 60px auto 40px;
	padding: 10px 0px 0;
	border-radius: 5px;
	position: relative;
	box-shadow: 0px 0px 0px 2px #ffd0a4;
	width: 216px;
}

#side .sideTopBox a {
	display: block;
	padding: 35px 20px 20px;
}

#side .sideTopBox .catch {
	font-size: 1.6rem;
	margin: 0 0 15px;
	font-weight: bold;
	text-align: center;
	line-height: 1.625;
	padding: 10px;
}

#side .sideTopBox .imgBox {
	margin: 0;
	padding: 10px;
}

#side .sideTopBox p {
	line-height: 1.714285714;
	padding: 0 10px 10px;
}

#side .sideTopBox a {
	opacity: 1;
}

#side .sideTopBox .dtlBtn {
	display: block;
	text-align: left;
	color: #333;
	background: url(img/arrow_black.png) right 10px center no-repeat #fff;
	background-size: 6px auto;
	border-radius: 20px;
	padding: 10px 25px 10px 10px;
	margin: 20px 0 0;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 1.3rem;
}

#side .sideTopBox .dtlBtn:hover {
	color: #fff;
	background: url(img/arrow_white.png) right 10px center no-repeat #749e3c;
	background-size: 6px auto;
}

#side .sideBox {
	margin: 0 0 30px;
	border-top: 2px solid #f69453;
}

#side .sideBox .sttl {
	font-size: 1.5rem;
	font-weight: bold;
	/*background: url(img/side_line.png) no-repeat bottom left;*/
}

#side .sideBox .sttl a {
	display: block;
	padding: 15px;
}

#side .sideBox .sttl a:hover {
	background: #e8e8e8;
}

#side .sideBox ul {
	padding: 0;
	margin: 0;
}

#side .sideBox ul li {
	background-image: none;
	padding: 0;
	position: relative;
}

#side .sideBox ul li::before {
	content: "";
	background: linear-gradient(to right, rgba(246,148,83,1), rgba(246,148,83,1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	background-size: 6px 1px;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
}

#side .sideBox ul li a {
	display: block;
	padding: 10px 25px 10px 12px;
	font-size: 1.3rem;
	font-weight: 500;
	background: url(img/arrow_black.png) no-repeat right 10px center;
	background-size: 5px auto;
	text-decoration: none;
}

#side .sideBox ul li a:hover {
	opacity: 0.7;
	text-decoration: none;
	background: url(img/arrow_black.png) no-repeat right 10px center #e8e8e8;
}

#side .sideBox .subList {
	margin: 0;
}

#side .sideBox .subList li {
	margin: 0;
}

#side .sideBox .subList li a {
	display: block;
	padding: 10px 28px 10px 15px;
}

#side .sideBox .subList li a::before {
	content: "└";
	margin: 0 5px 0 0;
}

/*--------------------------------------
Footer
---------------------------------------*/
footer {
	margin: 8rem 0 0;
	padding: 0;
	background-color: #fff9ea;
}

footer .areaInner {
	width: 100%;
	padding: 6.0rem 0 5.0rem 0;
}

footer .areaInner .inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}

footer .areaInner .logo {
	width: 40%;
	margin: 0 auto 5.0rem;
}

footer .areaInner .logo a {
	display: block;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #333;
	text-decoration: none;
}

footer .areaInner .logo a:hover {
	opacity: 0.7;
}

footer .areaInner .footBox {
	margin: 0 0 3.0rem 0;
}

footer .areaInner .footBox .sttl {
	border-bottom: 1px solid #ffb368;
	padding: 0 0 1.0rem 0;
	margin: 0 0 1.4rem 0;
}

footer .areaInner .footBox .sttl a {
	display: block;
	font-size: 1.6rem;
	color: #333;
	background: url("img/foot_arrow.png") left center no-repeat;
	background-size: 15px auto;
	border: none;
	padding: 0.3rem 0 0.3rem 2.0rem;
	margin: 0;
}

footer .areaInner .footBox .sttl a:hover {
	text-decoration: none;
	opacity: 0.7;
}

footer .footBox ul {
	padding: 0 2.0rem;
}

footer .areaInner .footBox .accChild {
	padding: 0;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

footer .areaInner .footBox .accChild li.subCat {
	width: 25%;
	margin: 0.5rem 0;
}
footer .areaInner .footBox .accChild li.subCat a {
	display: inline-block;
	background: url("img/arrow_black.png") 5px 10px no-repeat;
	background-size: 5px auto;
	padding: 0 0 0 1.5rem;
}

/*noticeArea*/
footer .areaInner .noticeArea {
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	border-radius: 0;
	padding: 2.5rem 3.0rem;
	margin: 5.0rem auto 0;
}

footer .areaInner .noticeArea p {
	font-size: 1.2rem;
	color: #333;
	margin: 0;
}

footer .areaInner p.ucp {
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: center;
	color: #333;
	margin: 1.5rem auto 0;
}

footer .botArea {
	background-color: #fff;
}

footer .botArea .inner {
	width: 1100px;
	padding: 1.2rem 0 1.5rem;
	margin: 0 auto;
}

footer .botArea .inner.cf {
	content: none;
}

footer p.sitemap a {
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: right;
	float: right;
	padding: 0.5rem 0;
	text-decoration: underline;
}

footer p.sitemap a:hover {
	text-decoration: none;
}

footer p.copy {
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: left;
	color: #333;
	float: left;
	padding: 0.5rem 0;
	margin-top: 0;
}

footer a {
	color: #333;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

/*--------------------------------------
　PageTop
---------------------------------------*/
#page-top {
	position: fixed;
	bottom: 2.0rem;
	right: 2.0rem;
	z-index: 100;
	width: 60px;
}

#page-top img:hover {
	opacity: 0.7;
}

/* ================== */
/*  サイトマップ　　　*/
/* ================== */
.contents .page.mappage h2:not([class]) {
	margin: 68px auto 28px;
}

.contents .page.mappage h2:not([class]) a:hover {
	color: #333;
	text-decoration: none;
	opacity: 0.7;
}

.contents .page.mappage ul {
	margin: 0 auto 0.6rem;
}

.contents .page.mappage ul li {
	padding: 0 0 0.6rem 2.2rem;
}

.contents .page.mappage ul.subList li:last-child {
	margin: 0 0 1.0rem;
}

.contents .page.mappage ul li a:hover {
	opacity: 0.7;
}

.contents .page.mappage ul.subList li a {
	font-size: 1.4rem;
}

/* ================== */
/*  メインコンテンツ　*/
/* ================== */
.index h1:not([class]),.index h2:not([class]),.index h3:not([class]),.index h4:not([class]),.index h5:not([class]),.index h6:not([class]),.index h7 {
	max-width: 1100px;
	margin: 0 auto;
}

.index h2:not([class]), .category h1:not([class]), .page h1:not([class]),.h2-link {
	width: calc(100% - 10px);
	font-size: 3.0rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: .11em;
	text-align: center;
	padding: 30px 20px;
	margin: 25px 0 50px;
	position: relative;
	box-shadow: 10px 10px #ed6a40;
	border: 1px solid #ed6a40;
	background: #fff;
	font-weight: bold;
}

.h2-link {

}

.h2-link a{
	background: url(img/arrow_black.png) right 0 center no-repeat #fff;
	display: inline-block;
	width: 100%;
	padding-right: 2rem;
}

.h2-link.green {
	box-shadow: 10px 10px #749e3c;
	background-color: #fff;
	border: 1px solid #8cbe48;
}

.h2-link span {
	color: #ed6a40;
	border-bottom: none;
}

.addParts08 .h2-link  {
	font-size: 2.6rem;
	margin-top: 0;
	text-align: left;
}

.addParts08 .h2-link small {
	font-size: 2.2rem;
}



.index h2:not([class]) {
	margin: 85px auto 30px;
}

.category h1:not([class]), .page h1:not([class]) {
	margin: 0 0 40px;
}



.index h3:not([class]), .category h2:not([class]), .page h2:not([class]) {
	font-size: 2.6rem;
	margin: 98px auto 38px;
	line-height: 1.4;
	letter-spacing: .11em;
	padding: 24px 20px 24px 54px;
	border-top: 3px solid #749e3c;
	border-bottom: 1px solid #749e3c;
	position: relative;
	font-weight: normal;
}

.index h3:not([class])::before, .category h2:not([class])::before, .page h2:not([class])::before {
	content: "";
	position: absolute;
	background: url("img/h3-before.png") no-repeat;
	width: 30px;
	height: 30px;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
}

.index h4:not([class]), .category h3:not([class]), .page h3:not([class]) {
	font-size: 2.2rem;
	font-weight: normal;
	margin: 70px auto 30px;
	padding: 15px 20px 15px 25px;
	line-height: 1.5;
	letter-spacing: .11em;
	border-bottom: 3px solid #f59e3d;
	background: #eceae3;
	position: relative;
}

.index h4:not([class])::after, .category h3:not([class])::after, .page h3:not([class])::after {
	content: "";
	width: 45px;
	height: 45px;
	background: url("img/h4:not([class])_ico.png") center no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	left: 4px;
	transform: translate(0%, -50%);
}

.index h5:not([class]), .category h6:not([class]), .category h4:not([class]), .category h5:not([class]), .category h6:not([class]), .page h4:not([class]), .page h5:not([class]), .page h6:not([class]) {
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 1.5;
	padding: 0 20px 13px 20px;
	margin: 70px auto 30px;
	position: relative;
}

.index h5:not([class])::after, .category h6:not([class])::after, .category h4:not([class])::after, .category h5:not([class])::after, .category h6:not([class])::after, .page h4:not([class])::after, .page h5:not([class])::after, .page h6:not([class])::after {
	content: "";
	background: linear-gradient(to right, #a5d164, #a5d164 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	background-size: 6px 1px;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.sitemap h2:not([class]) a {
	color: #333;
}

/*--------------------------------------
　list
---------------------------------------*/
.contents ul:not([class]) {
	max-width: 1100px;
	margin: 25px auto 25px;
	padding: 10px 10px 0;
}

.contents ul:not([class]) li {
	padding: 0 0 6px 20px;
	position: relative;
	line-height: 2.142857143;
	letter-spacing: .11em;
}

.contents ul:not([class]) li::before {
	content: '';
	display: block;
	background-color: #f69453;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 12px;
	left: 0;
}

.contents ul:not([class]) li a, .contents ol:not([class]) li a {
	text-decoration: underline;
}

.contents ul:not([class]) li a:hover, .contents ol:not([class]) li a:hover {
	opacity: 1;
	text-decoration: none;
}

.contents ol:not([class]) {
	max-width: 1100px;
	margin: 25px auto 25px;
	padding: 10px 10px 0;
}

.contents ol:not([class]) li {
	padding: 2px 0 2px 30px;
	list-style: none;
	position: relative;
	counter-increment: number;
}

.contents ol:not([class]) li::before {
	display: block;
	background-color: #eb838a;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 3px;
	left: 0;
	color: #fff;
	text-align: center;
	line-height: 1.7;
	font-weight: bold;
	font-size: 1.2rem;
}

.contents ol:not([class]) li:nth-child(-n + 9)::before {
	content: counter(number);
}

.contents ol:not([class]) li:nth-child(n + 10)::before {
	content: counter(number);
}

/* ul,ol reset */
.contents .addParts01 ul, .contents .addParts01 ol, .contents .addParts02 ul, .contents .addParts02 ol, .contents .addParts03 ul, .contents .addParts03 ol, .contents .float-wrap ul, .contents .float-wrap ol, .contents .box-wrap ul, .contents .box-wrap ol, .contents .frame ul, .contents .frame ol {
	padding: 0;
	margin: 0;
}

.contents .addParts01 ul li, .contents .addParts01 ol li, .contents .addParts02 ol li, .contents .addParts03 ul li, .contents .addParts03 ol li, .contents .float-wrap ul li, .contents .float-wrap ol li, .contents .box-wrap ul li, .contents .box-wrap ol li, .contents .frame ul li, .contents .frame ol li {
	padding: 0;
}

.contents .addParts01 ul li::before, .contents .addParts01 ol li::before, .contents .addParts02 ol li::before, .contents .addParts03 ul li::before, .contents .addParts03 ol li::before, .contents .float-wrap ul li::before, .contents .float-wrap ol li::before, .contents .box-wrap ul li::before, .contents .box-wrap ol li::before, .contents .frame ul li::before, .contents .frame ol li::before {
	content: none;
	display: inline;
	min-height: initial;
	min-height: auto;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
	color: #000;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
	text-shadow: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
	position: static;
}

/*--------------------------------------
　recommend,check,point
---------------------------------------*/
.index .recommend, .category .recommend, .page .recommend, .index .check, .category .check, .page .check, .index .point, .category .point, .page .point, .index .rank, .category .rank, .page .rank {
	display: block;
	font-weight: bold;
}

.index .recommend a, .category .recommend a, .page .recommend a, .index .check a, .category .check a, .page .check a, .index .point a, .category .point a, .page .point a, .index .rank a, .category .rank a, .page .rank a {
	display: block;
	font-size: 100%;
}

.index .recommend::before, .category .recommend::before, .page .recommend::before, .index .check::before, .category .check::before, .page .check::before, .index .point::before, .category .point::before, .page .point::before, .index .rank::before, .category .rank::before, .page .rank::before {
	z-index: 0;
	background: none;
	box-shadow: 0px 0px 0px;
}

.index .recommend::after, .category .recommend::after, .page .recommend::after, .index .check::after, .category .check::after, .page .check::after, .index .point::after, .category .point::after, .page .point::after, .index .rank::after, .category .rank::after, .page .rank::after {
	z-index: 0;
	background: none;
	box-shadow: 0px 0px 0px;
}

/*recommend*/
.contents .recommend {
	width: 100%;
	max-width: 1100px;
	min-height: 98px;
	font-size: 2.2rem;
	line-height: 1.4;
	border-bottom: solid 1px #f59e3d;
	padding: 2.0rem 2.0rem 2.0rem 9.4rem;
	margin: 3.0rem auto 2.0rem;
	position: relative;
	display: flex;
	align-items: center;
}

.contents .recommend::before {
	content: "おすすめ";
	width: 74px;
	height: 74px;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 74px;
	letter-spacing: 0;
	text-align: center;
	color: #fff;
	background: url("img/rank_recommend.png") 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	top: 13px;
	left: 0;
}

.contents .recommend a {
	color: #5c7c87;
	text-decoration: underline;
}

/*check*/
.contents .check {
	width: 100%;
	max-width: 1100px;
	min-height: 98px;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.4;
	border-bottom: solid 1px #f3783c;
	padding: 2.0rem 2.0rem 2.0rem 9.4rem;
	margin: 3.0rem auto 2.0rem;
	position: relative;
	display: flex;
	align-items: center;
}

.contents .check::before {
	content: "CHECK";
	width: 74px;
	height: 74px;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 74px;
	letter-spacing: 0;
	text-align: center;
	color: #fff;
	background: url("img/check.png") 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	top: 13px;
	left: 0;
	padding-top: 5px;
}

.contents .check a {
	color: #566556;
	text-decoration: underline;
}

/*point*/
.contents .point {
	width: 100%;
	max-width: 1100px;
	min-height: 98px;
	font-size: 2.2rem;
	line-height: 1.4;
	letter-spacing: .11em;
	font-weight: 500;
	border-bottom: solid 1px #729e3c;
	padding: 2.0rem 2.0rem 2.0rem 9.4rem;
	margin: 3.0rem auto 2.0rem;
	position: relative;
	display: flex;
	align-items: center;
	font-weight: bold;
}

.contents .point::before {
	content: "POINT";
	width: 74px;
	height: 74px;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 74px;
	letter-spacing: 0;
	text-align: center;
	color: #fff;
	background: url("img/point_top.png") 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	top: 13px;
	left: 0;
	padding-top: 5px;
}

.contents .point a {
	color: #7c6853;
	text-decoration: underline;
}

/*rank_wrap*/
.contents .rank_wrap {
	counter-reset: num;
	margin: 3.0rem auto 2.0rem;
}

.contents .rank_wrap .rank {
	width: 100%;
	max-width: 1100px;
	min-height: 98px;
	font-size: 2.2rem;
	line-height: 1.4;
	color: #f59e3d;
	border-bottom: solid 1px #f59e3d;
	padding: 2.0rem 2.0rem 2.0rem 9.4rem;
	margin: 3.0rem auto 2.0rem;
	position: relative;
	display: flex;
	align-items: center;
}

.contents .rank_wrap .rank::before {
	content: counter(num, decimal-leading-zero);
	counter-increment: num;
	width: 74px;
	height: 74px;
	font-size: 2.2rem;
	line-height: 74px;
	letter-spacing: 0;
	text-align: center;
	color: #f59e3d;
	background: url("img/rank.png") 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	top: 13px;
	left: 0;
}

.contents .rank a {
	color: #333;
	text-decoration: underline;
}

/*recommend_number_wrap*/
.contents .recommend_number_wrap {
	counter-reset: num;
	margin: 3.0rem auto 2.0rem;
}

.contents .recommend_number_wrap .recommend::before {
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	padding: 2.0rem 0;
}

.contents .recommend_number_wrap .recommend::after {
	content: counter(num, decimal-leading-zero);
	counter-increment: num;
	width: 74px;
	font-size: 2.2rem;
	line-height: 1;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 48px;
	left: 0;
}

/*check_number_wrap*/
.contents .check_number_wrap {
	counter-reset: num;
	margin: 3.0rem auto 2.0rem;
}

.contents .check_number_wrap .check::before {
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	padding: 2.0rem 0;
}

.contents .check_number_wrap .check::after {
	content: counter(num, decimal-leading-zero);
	counter-increment: num;
	width: 74px;
	font-size: 2.2rem;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 48px;
	left: 0;
}

/*point_number_wrap*/
.contents .point_number_wrap {
	counter-reset: num;
	margin: 3.0rem auto 10rem;
}

.contents .point_number_wrap .point::before {
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	padding: 2.0rem 0;
}

.contents .point_number_wrap .point::after {
	content: counter(num, decimal-leading-zero);
	counter-increment: num;
	width: 74px;
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 47px;
	left: 0;
}

.contents .point_number_inner {
	max-width: 1100px;
	padding: 0 3rem;
	margin: 0 auto 30px;
}

.caption {
	margin: 8px 0 0;
	padding-bottom: 5px;
	font-size: 1.0rem;
	line-height: 1.3;
	word-break: break-all;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: auto;
	scrollbar-width: thin;
}

.caption a {
	color: #999;
}

.caption::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background: #ccc;
}

.caption::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius: 10px;
}
/*--------------------------------------
　float img
---------------------------------------*/
.float-wrap {
	max-width: 1100px;
	margin: 75px auto;
	box-sizing: border-box;
}

.float-wrap img {
	width: 100%;
}

.float-wrap .flame {
	position: relative;
}

.float-wrap .fl {
	width: 350px;
	margin: 0 30px 10px 0;
	text-align: center;
}

.float-wrap .fr {
	width: 350px;
	margin: 0 0 10px 30px;
	text-align: center;
}

.float-wrap .ct {
	width: 500px;
	margin: 0 auto 20px;
	text-align: center;
}

.contents .float-wrap.ct .catch {
	display: table;
	margin: auto;
}

.contents .float-wrap .catch {
	font-size: 2.0rem;
	line-height: 2.25;
	color: #333;
	text-align: left;
	display: table;
	border-bottom: 3px solid #333;
	padding: 5px 0;
	font-weight: normal;
}

.contents .float-wrap .catch-child {
	font-size: 2.0rem;
	line-height: 1.7;
	color: #fff;
	text-align: left;
	display: table;
	background-color: #f69453;
	padding: 5px 10px;
	font-weight: 500;
}

/*  btns*/
.btn-internal,
.btn-web {
	text-align: center;
	margin: 30px auto;
	padding: 0 75px;
	position: relative;
	display: table;
	border-radius: 5rem;
	max-width: 80%;
}

.btn-internal {
	background: #525252;
	box-shadow: 5px 5px 0 0 #222222;
	transition: .2s;
}

.btn-web {
	background: #2097c6;
	box-shadow: 5px 5px 0 0 #15769c;
	transition: .2s;
}

.btn-tel {
	background: #f6cc3b;
	box-shadow: 5px 5px 0 0 #ad902b;
}

.btn-internal.upper {
	margin-bottom: 10rem;
}

.btn-web a,
.btn-internal a {
	display: table-cell;
	padding: 22px 30px;
	font-size: 1.9rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	position: relative;
	border-radius: 5rem;
	margin: 0 30px;
	transition: .2s;
}

.btn-web a {
	background: url("img/arrow_white.png") right center no-repeat;
}

.btn-internal a {
	background: url("img/arrow_white.png") right center no-repeat;
}

.btn-internal.upper a {
	background: url("img/arrow_upper.png") right center no-repeat;
}

.btn-internal.upper a {
	margin: 0 50px;
}

.btn-web:hover {
	background: #ef6767;
	box-shadow: 5px 5px 0 0 #af4b4b;
}

.btn-internal:hover,
.btn-internal.upper:hover {
	background: #868686;
	box-shadow: 5px 5px 0 0 #646464;
}

.btn-internal a:hover,
.btn-web a:hover {
	opacity: 1;
}

.contents .btn-link {
	max-width: 1100px;
	margin: 30px auto;
	text-align: right;
}

.btn-link a {
	font-family: 'Noto Sans CJK JP', sans-serif;
	position: relative;
	display: inline-block;
	padding: 5px 16px 4px 0;
	background: url(img/ico_arrow.png) right 0 center no-repeat;
	background-size: 8px auto;
	line-height: 1.3;
	text-decoration: none;
	font-weight: bold;
}

.btn-link a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.btn-tel {
	display: none;
}
.acBtn {
	display: table;
	padding: 22px 105px;
	font-size: 1.9rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	position: relative;
	border-radius: 5rem;
	margin: auto;
	transition: .2s;
	background: #525252 url(img/arrow_white_down.png) no-repeat right 50px center;
	background-size: 11px auto;
	box-shadow: 5px 5px 0 0 #222222;
	transition: .2s;
	width: auto;
	max-width: 80%;
	cursor: pointer;
}
.acBtn:hover{
	opacity: .6;
}
/* ================== */
/*  テーブル　　　　　*/
/* ================== */
.contents .table-layout {
	padding: 0;
}

.contents table {
	width: 100%;
	max-width: 1100px;
	table-layout: fixed;
	margin: 40px auto 40px;
	border: solid 1px #333;
}

.contents table th {
	width: 22%;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	color: #333;
	background: #eceae3;
	border: solid 1px #333;
	padding: 14px 16px;
	font-weight:bold;
}


.contents table td {
	line-height: 2.4rem;
	padding: 14px 20px;
	background: #FFF;
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: left;
	border: solid 1px #333;
}

.contents .table-top tr:first-child th:first-child {
	width: 13%;
}

/*--------------------------------------
　box-wrap
---------------------------------------*/
.contents .box-wrap {
	width: 100%;
	max-width: 1100px;
	margin: 100px auto;
}

.contents .box-wrap .box {
	display: block;
	width: 400px;
	margin: 0 0 0;
	box-sizing: border-box;
	float: left;
	position: relative;
}

.contents .box-wrap .box:nth-child(even) {
	float: right;
}

.contents .box-wrap .box:nth-child(n+3) {
	margin-top: 40px;
}

.contents .box-wrap .box .permalink {
	display: none;
}

.contents .box-wrap .box .thumb {
	position: relative;
}

.contents .box-wrap .box .thumb img {
	width: 100%;
	height: 27rem;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}

/*box-head*/
.index .box-wrap .box-head, .category .box-wrap .box-head, .page .box-wrap .box-head {
	display: block;
}

.index .box-wrap .box-head a, .category .box-wrap .box-head a, .page .box-wrap .box-head a {
	display: block;
	font-size: 100%;
}

.index .box-wrap .box-head a:hover, .category .box-wrap .box-head a:hover, .page .box-wrap .box-head a:hover {
	color: #333;
	text-decoration: none;
}

.index .box-wrap .box-head::after, .category .box-wrap .box-head::after, .page .box-wrap .box-head::after {
	content: none;
}

.contents .box-wrap .box p {
	margin: 0;
}

/*type-a*/
.contents .box-wrap .type-a {
	background: #fff4d6;
}

.contents .box-wrap .type-a .box-head {
	font-size: 2.0rem;
	line-height: 1.4;
	font-weight: bold;
	color: #333;
	padding: 25px 17px;
}

.contents .box-wrap .type-a .box-head a {
	display: block;
	width: 100%;
	font-size: 2.0rem;
	line-height: 1.4;
	color: #f59e3d;
	background: url("img/arrow_black.png") right center no-repeat;
	background-size: 8px auto;
	padding: 0 20px 0 0;
	position: relative;
	text-align: center;
}

.contents .box-wrap .type-a .box-head a:hover {
	opacity: 0.7;
}

.contents .box-wrap .type-a .box-body {
	padding: 0 20px 20px;
}

.contents .box-wrap .type-a .box-body .smallPic {
	width: 83px;
	float: left;
}

.contents .box-wrap .type-a .box-body p {
	width: 264px;
	float: right;
}

/*--------------------------------------
　frame-wrap
---------------------------------------*/
.contents .frame-wrap {
	width: 100%;
	max-width: 1100px;
	margin: 100px auto 80px;
}

.contents .frame-wrap .inner {
	margin: 0 auto;
}

.contents .frame {
	display: block;
	box-sizing: border-box;
	width: 266px;
	margin: 0 0 0 16px;
	background-color: #fff;
	float: left;
}

.contents .frame-wrap .frame:first-child {
	margin: 0;
}

.contents .frame-wrap .frame:nth-child(3n+1) {
	margin: 0;
}

.contents .frame-wrap .frame:nth-child(n+4) {
	margin-top: 16px;
}

.contents .frame-wrap .frame a {
	display: block;
	text-decoration: none;
}

/*frame-head*/
.index .frame .frame-head, .category .frame .frame-head, .page .frame .frame-head {
	display: block;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.5;
}

.index .frame .frame-head a, .category .frame .frame-head a, .page .frame .frame-head a {
	width: auto;
	font-size: 100%;
	text-decoration: none;
}

.index .frame .frame-head a:hover, .category .frame .frame-head a:hover, .page .frame .frame-head a:hover {
	opacity: 0.7;
}

.contents .frame .frame-head p {
	margin: 0;
}

.contents .frame .frame-body {
	padding: 0 10px 35px;
}

.contents .frame .frame-body .frame-catch {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	color: #000;
	margin: 0 0 15px;
}

.contents .frame .frame-body p {
	margin: 0;
}

.contents .frame p.caption {
	margin: 10px 15px 0;
}

/*type-b*/
.contents .frame-wrap .type-b {
	border: 10px solid #ffd1a4;
}

.contents .frame-wrap .type-b.child {
	border: 10px solid #ffb368;
}

.contents .frame-wrap .type-b.green {
	border: 10px solid #a9c184;
}

.contents .frame-wrap .type-b .frame-head {
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-size: 1.8rem;
	line-height: 1.6;
	padding: 20px 20px 20px;
	margin: 0 0 25px;
	position: relative;
	letter-spacing: .11em;
}

.contents .frame-wrap .type-b.child .frame-head {
	font-size: 1.9rem;
	margin: 0;
}

.contents .frame-wrap .type-b .frame-head::after {
	content: "";
	border-bottom: 2px dotted #f69453;
	width: calc(100% - 20px);
	height: 1px;
	position: absolute;
	left: 10px;
	bottom: 0;
	top: inherit;
	right: inherit;
	z-index: inherit;
	transform: none;
}

.contents .frame-wrap .type-b.child .frame-head::after {
	border-bottom: none;
}

.contents .frame-wrap .type-b .frame-head.green::after {
	border-bottom: 2px dotted #a9c184;
}

.contents .frame-wrap .type-b .frame-head a {
	display: block;
	width: 100%;
	background: url("img/arrow_black.png") right center no-repeat;
	background-size: 8px auto;
	padding: 0 20px 0 0;
	position: relative;
	font-weight: bold;
}

.contents .frame-wrap .type-b.child .frame-head a {
	color: #ed6a40;
}

.contents .frame-wrap .type-b .frame-head a:hover {
	opacity: 0.7;
}

.contents .frame-wrap .type-b .thumb {
	width: 200px;
	margin: 0 auto;
}

.contents .frame-wrap .type-b .caption {
	text-align: center;
	padding: 0 20px;
}

.contents .frame-wrap .type-b .frame-body {
	margin: 25px auto 0;
}

.contents .frame-wrap .type-b.child .frame-body {
	margin: 10px auto 0;
}

.contents .frame-wrap .type-b table {
	box-sizing: border-box;
	width: 100%;
	letter-spacing: 0;
	margin: 20px auto;
}

.contents .frame-wrap .type-b table th {
	width: 33%;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 12px 10px;
}

.contents .frame-wrap .type-b table td {
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 12px 10px;
	word-wrap: break-word;
}

.contents .frame-wrap .type-b table:last-of-type {
	margin-bottom: 0;
}

/*type-c*/
.contents .frame-wrap .type-c {
	background-color: #f5f5dc;
}

.contents .frame-wrap .type-c .eng {
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.06em;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 #333, -1px -1px 0 #333, -1px 1px 0 #333, 1px -1px 0 #333, 0px 1px 0 #333, 0-1px 0 #333, -1px 0 0 #333, 1px 0 0 #333;
	margin: -10px 0 0;
}

.contents .frame-wrap .type-c .frame-head {
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: 500;
	border-bottom: 2px solid #fff;
	padding: 2rem;
	margin: 0 0 2.5rem;
	position: relative;
	letter-spacing: normal;
}

.contents .frame-wrap .type-c .frame-head a {
	display: block;
	width: 100%;
	background: url("img/arrow_black.png") right center no-repeat;
	background-size: 8px auto;
	padding: 0 20px 0 0;
	position: relative;
	letter-spacing: normal;
}

.contents .frame-wrap .type-c .frame-head a:hover {
	opacity: 0.7;
}

.contents .frame-wrap .type-c .thumb {
	width: 160px;
	margin: 0 auto 25px;
}

.contents .frame-wrap .type-c .thumb img {
	border-radius: 100px;
}

/*btn-web*/
.contents .frame .frame-body .btn-web {
	width: 85%;
	margin: 25px auto 0;
}

/*共通パーツ*/
.lower_bottom {
	background: #f8f6ef;
	margin-top: 3rem;
}

.lower_bottom.child {
	width: 100%;
	background-image: url(img/bg_lower_bottom.png);
	background-size: 10px 10px;
	background-color: #ececec;
	margin-bottom: 8rem;
	position: relative;
}

.lower_bottom .addInner {
	width: 1100px;
	margin: auto;
	padding: 6rem 0;
}

.lower_bottom .addTopArea {
	margin: 0 auto 2rem;
	background: url(img/sttl_left.png) left 15% center no-repeat, url(img/sttl_right.png) right 14% center no-repeat;
}

.lower_bottom .addTopArea .sttl {
	text-align: center;
	font-size: 3.4rem;
	letter-spacing: 4px;
	width: 60%;
	margin: auto;
	font-weight: bold;
}

.lower_bottom .addTopArea .sttl small {
	font-size: 2.8rem;
	letter-spacing: 1px;
	font-weight: bold;
}

.lower_bottom .addTopArea .sttl .red {
	color: #e3616a;
	border-bottom: none;
}

.lower_bottom .block_wrap {
	display: flex;
	justify-content: space-between;
}

.lower_bottom .block {
	width: 260px;
	background: #fff;
	padding: 1rem 1rem 2rem 1rem;
	border: 2px solid #f69453;
}

.lower_bottom .block .companyCategory {
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: .03em;
	text-align: center;
	padding: .3rem 2rem 1rem;
}

.lower_bottom .block .companyName {
	font-family: 'Noto Sans CJK JP', sans-serif;
	font-size: 2.3rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .03em;
	padding: .5rem .5rem 1.2rem;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
	display:inherit;
}
.lower_bottom .block .companyName .s {
    font-size:2rem;
}

.lower_bottom.child .sttl {
	line-height: 1.4;
	margin-bottom: 6rem;
}

.lower_bottom.child .sttl span {
	border-bottom: none;
	color: #ed6a40;
}

.house-image-wrapper {
	background-color: #ffd1a4;
	padding: 1rem;
}

.house-image {
	background: url(./img/house-image.png) center no-repeat;
	width: 174px;
	height: 138px;
	padding: 40px 23px 0px;
	margin: 0 auto;
}

.house-image__lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.house-image__lists:last-child {
	margin-bottom: 0;
}

.house-image__list--top {
	margin-right: 15px;
}

.house-image__list {
	margin-right: 10px;
}

.house-image__list:last-child {
	margin-right: 0;
}

.house-image img {
	width: auto;
}

.lower_bottom .plan_tit {
	font-size: 1.6rem;
	background: #eb838a;
	color: #fff;
	padding: 5px 8px;
}

.lower_bottom .plan_tit span {
	font-size: 1.3rem;
	color: #fff;
}

.lower_bottom .price {
	font-size: 2.8rem;
	color: #da5b63;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	padding: .5rem;
	border: 2px solid #eb838a;
}

.lower_bottom .price span {
	font-size: 1.4rem;
	color: #333;
	border-bottom: none;
}

.lower_bottom .check_li {
	margin: 20px 0 2rem;
	padding: 10px;
	background-size: 12px 12px;
  background-color: #f0f0f0;
  background-image: linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
}

.lower_bottom .check_li .li_tit {
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0 0 1rem;
}

.lower_bottom .check_li ul {
	width: 100%;
}

.lower_bottom ul li {
	line-height: 1.5;
	padding: 0.8rem .5rem;
	position: relative;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	width: calc((100% - .5rem)/2);
	float: left;
	margin: 0 .5rem .7rem 0;
	background: #f59e3d;
}

.lower_bottom ul li.on {
	background: #dbdbdb;
}

.lower_bottom ul li:nth-child(even) {
	margin: 0 0 .7rem 0;
}


.corresponding-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.corresponding-item1 {
	position: relative;
	width: 48%;
	background-color: #00704A;
	border-radius: 5px;
	color: #fff;
	letter-spacing: .03em;
	padding: 2px 0 3px 38px;
	margin-bottom: 5px;
}

.corresponding-item2 {
	position: relative;
	width: 48%;
	background-color: #a3cb47;
	border-radius: 5px;
	color: #fff;
	letter-spacing: .03em;
	padding: 2px 0 3px 38px;
	margin-bottom: 5px;
}
.corresponding-item3 {
	position: relative;
	width: 48%;
	background-color: #08b693;
	border-radius: 5px;
	color: #fff;
	letter-spacing: .03em;
	padding: 2px 0 3px 38px;
	margin-bottom: 5px;
}
.corresponding-item4 {
	position: relative;
	width: 48%;
	background-color: #709931;
	border-radius: 5px;
	color: #fff;
	letter-spacing: .03em;
	padding: 2px 0 3px 38px;
	margin-bottom: 5px;
}
.corresponding-item5 {
	position: relative;
	width: 48%;
	background-color: #4b9b94;
	border-radius: 5px;
	color: #fff;
	letter-spacing: .03em;
	padding: 2px 0 3px 38px;
	margin-bottom: 5px;
}


.corresponding-item1.on,
.corresponding-item2.on,
.corresponding-item3.on,
.corresponding-item4.on,
.corresponding-item5.on {
	position: relative;
	width: 49%;
	background-color: #c4c4c4;
	border-radius: 5px;
	color: #fff;
	letter-spacing: .03em;
	padding: 2px 0 3px 38px;
	margin-bottom: 5px;
}

.corresponding-item1::before,
.corresponding-item2::before,
.corresponding-item3::before,
.corresponding-item4::before,
.corresponding-item5::before {
	content: "";
	position: absolute;
	width: 23px;
	height: 23px;
	top: 5px;
	left: 8px;
}

.corresponding-item1::before {
	background: url(./img/corresponding-item1.png) no-repeat;
}
.corresponding-item2::before {
	background: url(./img/corresponding-item2.png) no-repeat;
}
.corresponding-item3::before {
	background: url(./img/corresponding-item3.png) no-repeat;
}
.corresponding-item4::before {
	background: url(./img/corresponding-item4.png) no-repeat;
}
.corresponding-item5::before {
	background: url(./img/corresponding-item5.png) no-repeat;
}

.corresponding-item1.on::before {
	background: url(./img/corresponding-item1_on.png) no-repeat;
}
.corresponding-item2.on::before {
	background: url(./img/corresponding-item2_on.png) no-repeat;
}
.corresponding-item3.on::before {
	background: url(./img/corresponding-item3_on.png) no-repeat;
}
.corresponding-item4.on::before {
	background: url(./img/corresponding-item4_on.png) no-repeat;
}
.corresponding-item5.on::before {
	background: url(./img/corresponding-item5_on.png) no-repeat;
}


.lower_bottom .plan-name {
	background-color: #eceae3;
	font-size: 13px;
	letter-spacing: .03em;
	padding: 0 10px;
	margin-bottom: 5px;
}

.lower_bottom .plan-price {
	line-height: 1.714285714;
	letter-spacing: .03em;
	padding: 0 10px;
	margin-bottom: 20px;
}

.lower_bottom .btn-web {
	width: 90%;
	margin: auto;
	padding: 0 15px;
}

.lower_bottom .btn-web a {
	padding: 1.5rem 3rem;
}






/*  PC END  */





@media screen and (max-width: 480px) {
	html,body {
		width: 100%;
		position: relative;
	}

	.pc {
		display: none!important;
	}

	.pc_br {
		display: none!important;
	}

	body {
		width: 100%;
		min-width: initial;
		min-width: auto;
		font-size: 1.4rem;
		line-height: 1.8;
	}

	.index > p, .category > p, .page > p {
		width: 100%;
	}

	.contents p {
		max-width: 100%;
		margin: 2.0rem auto 2.0rem;
	}

	a:hover {
		opacity: 1;
	}

    /*--------------------------------------
　Header
---------------------------------------*/
header .headTopArea {
	width: 100%;
	margin: 6px auto;
	padding: 0 5px;
}

header .headTopArea .rightTxt{
	text-align: center;
}

    /*--------------------------------------
　visArea
---------------------------------------*/
#visArea {
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

#visArea .mainArea {
	background: none;
	height: auto;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

#visArea .mainArea .mainAreaInner {
	display: block;
	background: none;
}

#visArea .mainArea .siteNameArea {
	display: table;
	background: url("img/mv_pic_sp.jpg") center top no-repeat;
	background-size: cover;
	height: 100px;
	width: 100%;
}

#visArea .mainArea .siteNameAreaInner {
	display: table-cell;
	vertical-align: middle;
	padding: 3rem 0;
}

#visArea .mainArea .siteName {
	font-size: 1.8rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0 0 0.6rem;
	text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 0px 2px 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;
}

#visArea .mainArea .siteNameSmall {
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.03em;
	text-align: center;
	text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 0px 2px 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;
}

#visArea .mainArea .siteName img.sp {
	width: 65%;
	margin: 0 auto;
}

    /*--------------------------------------
　spMenuBox
---------------------------------------*/
/*navWrap*/
#navWrap {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	background-color: #faf5d2;
	margin: 0 auto;
}

/*navTop*/
#navWrap .navTop {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #b5b5b5;
	position: fixed;
	top: 0;
	opacity: 0;
	z-index: 9999;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

body.open #navWrap .navTop {
	top: 0 !important;
	opacity: 1!important;
}

#navWrap .navTopInner {
	display: block;
	width: 100%;
	padding: 0.5rem 0;
	position: relative;
}

#navWrap .siteName {
	display: table-cell;
	vertical-align: middle;
	width: 48%;
	font-size: 1.15rem;
	font-weight: 500;
	line-height: 1.4;
	padding: 0 1.0rem 0 1.0rem;
	text-align: center;
	border-right: 1px solid #bbb;
}

#navWrap .siteName img {
	width: 85%;
}

#navWrap .recommendBtn {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.1rem;
	text-align: center;
	padding: 0 1.2rem;
	position: relative;
	color: #da5b63;
	letter-spacing: 1px;
	border-right: 1px solid #bbb;
	font-weight: bold;
}

#navWrap .recommendBtn::after {
	content: '';
	position: absolute;
	right: 3px;
	bottom: 3px;
	border-top: 4px solid transparent;
	border-right: 4px solid #e3616a;
	border-bottom: 4px solid #e3616a;
	border-left: 4px solid transparent;
	z-index: 1;
}

#menuBtn {
	display: table-cell;
	vertical-align: middle;
	box-sizing: content-box;
	width: 25px;
	height: 50px;
	padding: 0 1.0rem;
	cursor: pointer;
	z-index: 9999;
}

#menuBtn .menu {
	width: 21px;
	height: 16px;
	position: absolute;
	top: calc(50% - 8px);
	outline: none;
	border: none;
	background: url("img/sp_ico_menu.png") center no-repeat;
	background-size: 100%;
}

body.open #menuBtn .menu {
	width: 21px;
	height: 16px;
	background: url("img/sp_ico_close.png") center no-repeat;
	background-size: 100%;
}

/*navSp*/
#navSp {
	position: fixed;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 249, 234,.94);
	z-index: 999;
	display: none;
}

#navSp > div {
	height: 100%;
	overflow-y: scroll;
}

#navSp a {
	text-decoration: none;
}

/* 以下装飾など */
#navSp .navBox:first-child {
	border-top: 1px solid #ccc;
	overflow: hidden;
}

#navSp .navBox .sttl a, #navSp .sitemap a {
	display: block;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.4;
	color: #000;
	background: url("img/arrow_black.png") 96% center no-repeat;
	background-size: 6px auto;
	padding: 1.5rem 9% 1.5rem 4%;
}

#navSp .navBox .tglMenu a {
	background: url("img/arrow_black_down.png") 96% center no-repeat;
	background-size: 10px auto;
}

#navSp .navBox .sttl.collapsible a {
	background: url("img/arrow_black_down.png") 96% center no-repeat;
	background-size: 10px auto;
}

#navSp .navBox .sttl a br {
	display: none;
}

#navSp .navBox .sttl.open > a {
	background: url("img/arrow_black_up.png") 96% center no-repeat;
	background-size: 10px auto;
}

#navSp .navBox .sttl, #navSp .sitemap {
	border-bottom: 1px solid #b5b5b5;
	padding: 0;
	margin: 0;
}

#navSp .sitemap {
	margin: 0 0 100px;
}

#navSp .navBox .accChild {
	display: none;
	font-size: 1.3rem;
	padding: 0;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.8);
}

#navSp .navBox .accChild li {
	float: none;
}

#navSp .navBox .accChild li a {
	display: block;
	box-sizing: border-box;
	color: #000;
	background: url("img/arrow_black.png") 95.5% center no-repeat;
	background-size: 5px auto;
	border-bottom: 1px solid #b5b5b5;
	padding: 1.2rem 9% 1.2rem 7%;
}

/*navBottom*/
#navBottom {
	display: block;
	width: 85%;
	position: relative;
	margin: 7.5% auto 7.5%;
}

#navBottom a {
	display: block;
	text-decoration: none;
	background: url("img/banner_bg.png") left top repeat;
	border-top: 3px solid #bee6a0;
	padding: 4%;
	position: relative;
	z-index: 1;
}

#navBottom a::before {
	content: "";
	background: url("img/banner_illust01.png") no-repeat;
	background-size: 100% auto;
	width: 49px;
	height: 86px;
	position: absolute;
	top: -10px;
	right: -8px;
}

#navBottom a::after {
	content: "";
	background: url("img/banner_illust02.png") no-repeat;
	background-size: 100% auto;
	width: 40px;
	height: 64px;
	position: absolute;
	left: -8px;
	bottom: -10px;
}

#navBottom .tit {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.01em;
	padding: 0 15% 0 3%;
	margin-bottom: 1.0rem;
}

#navBottom .txtArea {
	background-color: #fff;
	padding: 0 0 6%;
}

#navBottom .catch {
	font-size: 1.3rem;
	line-height: 1.4;
	letter-spacing: 0.01em;
	border-bottom: 1px dotted #ccc;
	padding: 3.5% 5%;
}

#navBottom .txt {
	padding: 3.5% 5%;
}

#navBottom .txt p {
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0.01em;
	color: #508291;
	margin: 0;
}

#navBottom .btn {
	width: 75%;
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: 0.01em;
	text-align: center;
	color: #fff;
	background-color: #82b4c3;
	border-radius: 5px;
	padding: 3.5% 4% 3.2% 4%;
	margin: 0 auto;
	box-shadow: 2px 2px 0px rgba(80,130,145,1);
}

body.open {
	height: inherit !important;
}

    /*--------------------------------------
side
---------------------------------------*/
#side {
	display: none;
}

    /*--------------------------------------
pankuzu
---------------------------------------*/
#pankuzuWrap {
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	padding: 1.0rem 0;
	margin: 0 auto 3.0rem;
	overflow: auto;
	white-space: nowrap;
	position: relative;
}

#pankuzu {
	box-sizing: border-box;
	width: 92%;
	font-size: 1.1rem;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #333;
	padding: 0.7rem 0 0.7rem;
	margin: 0 auto;
	white-space: nowrap;
}

#pankuzu a {
	color: #333;
	text-decoration: underline;
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

#pankuzu a:hover {
	color: #333;
	text-decoration: underline;
}

#pankuzu span:last-child {
	margin-right: 4%;
}

#pankuzu a span:last-child {
	margin-right: 0;
}

    /*--------------------------------------
Main Contents
---------------------------------------*/
.contents {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.index {
	width: 100%;
	margin: 0;
	padding: 0;
}

.category, .page {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0 4%;
}

.category > h1:not([class]):first-of-type, .page > h1:not([class]):first-of-type {
	margin: 0 auto 3.5rem;
}

    /*--------------------------------------
　Side
---------------------------------------*/
#side {
	display: none;
}

    /*--------------------------------------
Footer
---------------------------------------*/
footer {
	width: 100%;
	margin-top: 0;
}

footer .areaInner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 3.0rem 0 2.5rem;
}

footer .areaInner .inner {
	width: 100%;
	padding: 0;
}

footer .areaInner .logo {
	display: block;
	box-sizing: border-box;
	width: auto;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	color: #000;
	padding: 0 1rem;
	margin: 0 auto 2.0rem;
}

footer .areaInner .logo a {
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	color: #333;
	transition: none;
}
footer .areaInner .logo img {
	width: 78%;
	height: auto;
	}

footer .areaInner .logo a:hover {
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

footer .areaInner .logo + .footBox {
	border-top: 1px solid #ffb368;
}

footer .areaInner .footBox {
	margin: 0;
}

footer .areaInner .footBox .sttl {
	border: none;
	padding: 0;
	margin: 0;
}

footer .areaInner .footBox .sttl a {
	display: block;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: 600;

	color: #333;
	background: url("img/arrow_black_down.png") right 10px center no-repeat;
	background-size: 10px auto;
	padding: 1.0rem 4.0rem 1.0rem 4%;
	transition: none;
}

footer .areaInner .footBox .sttl a:hover {
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

footer .areaInner .footBox .sttl.open a {
	background: url("img/arrow_black_up.png") right 10px center no-repeat;
	background-size: 10px auto;
}

footer .areaInner .footBox .sttl {
	border-bottom: 1px solid #ffb368;
	padding: 0;
	margin: 0;
}

footer .footBox ul {
	padding: 0;
}

footer .areaInner .footBox .accChild {
	display: none;
	font-size: 1.3rem;
	padding: 0;
	box-sizing: border-box;
	background-color: #ccc;
}

footer .areaInner .footBox .accChild li {
	display: block;
	float: none;
}

footer .areaInner .footBox .accChild li a {
	display: block;
	box-sizing: border-box;
	font-size: 1.3rem;
	color: #333;
	background: #fff url("img/arrow_black.png") 96.5% center no-repeat;
	background-size: 6px auto;
	border-bottom: 1px solid #ffb368;
	padding: 1.0rem 9% 1.0rem 4%;
}

footer .areaInner .footBox .accChild li.subCat {
	width: 100%;
	margin: 0;
}

footer .areaInner .footBox .accChild li.subCat:nth-of-type(4n + 1) {
	margin: 0 0 0 0;
}

footer .areaInner .footBox .accChild li.subCat a {
	display: block;
	background: #fff url("img/arrow_black.png") 96.5% center no-repeat;
	background-size: 6px auto;
	padding: 1.0rem 9% 1.0rem 4%;
}

footer .areaInner .footBox .accChild li.subCat a::before {
	content: none;
	font-size: 1.2rem;
	position: relative;
	left: -2px;
	margin-right: 0.2rem;
}

footer .areaInner .footBox .accChild .subList {
	padding: 0;
	margin: 0;
}

footer .areaInner .footBox .accChild .subList li {
	padding: 0;
	display: block;
	float: none;
	margin: 0;
}

footer .areaInner .footBox .accChild .subList li::before {
	content: none;
	color: #000;
	margin-right: 0;
}

footer .areaInner .footBox .accChild .subList li a {
	font-size: 1.3rem;
	padding: 1.0rem 9% 1.0rem 9%;
	background: #fff url("img/arrow_black.png") 96.5% center no-repeat;
	background-size: 6px auto;
}

footer .areaInner .footBox .accChild .subList li a::before {
	content: "└";
	display: block;
	color: #000;
	position: absolute;
	top: 12px;
	left: 4%;
	margin-right: 0.4rem;
}

footer .areaInner .noticeArea {
	box-sizing: border-box;
	width: 92%;
	margin: 2.5rem auto 0rem;
	background: #fff;
	padding: 1.5rem;
	font-size: 1.2rem;
	line-height: 1.8;
	border-radius: 0;
}

footer .areaInner .noticeArea p {
	font-size: 1.2rem;
}

footer .areaInner p.ucp {
	font-size: 1.1rem;
	line-height: 1.4;
	text-align: center;
	color: #333;
	margin: 1.5rem auto 0;
}

footer .botArea {
	background: #fff;
}

footer .botArea .inner {
	width: 92%;
	padding: 1.2rem 0 1.2rem;
	margin: 0 auto;
}

footer .botArea .inner .cf {
	content: none;
}

footer p.sitemap {
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: right;
	padding: 0.5rem 0;
}

footer p.copy {
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
	color: #000;
	padding: 0.5rem 0;
}

footer p.sitemap a {
	color: #000;
	text-decoration: underline;
}

footer p.copy a {
	color: #000;
	text-decoration: none;
}

footer a {
	text-decoration: none;
}

footer a:hover {
	text-decoration: none;
}

    /*--------------------------------------
　PageTop
---------------------------------------*/
#page-top {
	position: fixed;
	bottom: 4%;
	right: 4%;
	width: 50px;
}

#page-top img {
	width: 100%;
}

/* ================== */
/*  サイトマップ　　　*/
/* ================== */

.contents .page.mappage h2:not([class]) {
	margin: 5.0rem auto 2.0rem;
}

.contents .page.mappage h2:not([class]) a:hover {
	color: #333;
	text-decoration: none;
	opacity: 1;
}

.contents .page.mappage ul {
	margin: 1.0rem auto 1.0rem;
}

.contents .page.mappage ul li {
	padding: 0 0 0.6rem 1.6rem;
}

.contents .page.mappage ul.subList li:last-child {
	margin: 0 0 1.0rem;
}

.contents .page.mappage ul li a:hover {
	opacity: 1;
}

.contents .page.mappage ul.subList li a {
	font-size: 1.4rem;
}

/* ================== */
/*  メインコンテンツ　*/
/* ================== */
.index h1:not([class]),.index h2:not([class]),.index h3:not([class]),.index h4:not([class]),.index h5:not([class]),.index h6:not([class]),.index h7, .category h1:not([class]),.category h2:not([class]),.category h3:not([class]),.category h4:not([class]),.category h5:not([class]),.category h6:not([class]),.category h7, .page h1:not([class]),.page h2:not([class]),.page h3:not([class]),.page h4:not([class]),.page h5:not([class]),.page h6:not([class]),.page h7 {
	max-width: 100%;
	margin: 0 auto;
}

.index h2:not([class]), .category h1:not([class]), .page h1:not([class]), .h2-link {
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	padding: 2.0rem 3.0rem 2.0rem 2rem;
	margin: 2.5rem auto 3.0rem;
	position: relative;
}

.index h2:not([class]) {
	margin: 8.5rem auto 3.0rem;
	padding: 3rem 0;
}

.category h1:not([class]), .page h1:not([class]) {
	margin: 2.5rem 0 8.0rem;
}

.index h2:not([class])::before, .category h1:not([class])::before, .page h1:not([class])::before {
	content: "";
	width: calc(100% - 15px);
	height: 100%;
	position: absolute;
	top: -13px;
	left: 0;
	z-index: -1;
}

.index h2:not([class])::after, .category h1:not([class])::after, .page h1:not([class])::after {
	content: "";
	width: calc(100% - 15px);
}

.index h3:not([class]), .category h2:not([class]), .page h2:not([class]) {
	font-size: 1.8rem;
	margin: 5.5rem auto 2.5rem;
	line-height: 1.4;
	padding: 1.2rem 2rem 1.2rem 45px;

}

.index h3:not([class])::before, .category h2:not([class])::before, .page h2:not([class])::before {
	transform: translateY(-50%) scale(.7);
	left: 5px;
}

.index h4:not([class]), .category h3:not([class]), .page h3:not([class]) {
	font-size: 1.8rem;
	margin: 4.0rem auto 2.0rem;
	padding: 1.2rem 1.0rem 1.2rem 1.2rem;
	line-height: 1.5;
	position: relative;
}

.index h5:not([class]), .category h6:not([class]), .category h4:not([class]), .category h5:not([class]), .category h6:not([class]), .page h4:not([class]), .page h5:not([class]), .page h6:not([class]) {
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 0 1.0rem 1.1rem 1.0rem;
	margin: 4.0rem auto 1.5rem;
	position: relative;
}

.sitemap h2:not([class]) a {
	color: #333;
}

    /*--------------------------------------
　list
---------------------------------------*/
.contents ul:not([class]) {
	width: 100%;
	box-sizing: border-box;
	margin: 2.0rem auto 2.0rem;
	padding: 0 3% 0;
}

.contents ul:not([class]) li {
	font-size: 1.3rem;
	min-height: 12px;
	padding: 0 0 0.3rem 8%;
	position: relative;
}

.contents ul:not([class]) li::before {
	content: '';
	width: 8px;
	height: 8px;
	top: 10px;
}
.contents ol:not([class]) {
	width: 100%;
	box-sizing: border-box;
	margin: 2.0rem auto 2.0rem;
	padding: 0 3% 0;
}

.contents ol:not([class]) li {
	font-size: 1.3rem;
	padding: 0 0 0.3rem 8%;
	list-style: none;
	position: relative;
	counter-increment: number;
}

.contents ol:not([class]) li::before {
	width: 16px;
	height: 16px;
	top: 5px;
	font-size: 1.0rem;
	line-height: 1.6;
	letter-spacing: -0.5px;
}

.contents ol:not([class]) li:nth-child(-n + 9):before {
	content: counter(number);
}

.contents ol:not([class]) li:nth-child(n + 10):before {
	content: counter(number);
}

    /*--------------------------------------
　recommend,check,point
---------------------------------------*/
/*recommend*/
.contents .recommend {
	min-height: 70px;
	height: auto;
	font-size: 1.6rem;
	line-height: 1.4;
	padding: 1.5rem 1.5rem 1.5rem 6.2rem;
	margin: 2.0rem auto 1.5rem;
	position: relative;
	display: flex;
	align-items: center;
}

.contents .recommend::before {
	content: "おすすめ";
	width: 50px;
	height: 50px;
	font-size: 1.0rem;
	font-weight: normal;
	line-height: 50px;
	letter-spacing: 0;
	text-align: center;
	background: url("img/rank_recommend.png") 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	top: 10px;
	left: 0;
}

.contents .recommend a {
	text-decoration: underline;
}

/*check*/
.contents .check {
	min-height: 70px;
	height: auto;
	font-size: 1.6rem;
	line-height: 1.4;
	padding: 1.5rem 1.5rem 1.5rem 6.2rem;
	margin: 2.0rem auto 1.5rem;
}

.contents .check::before {
	content: "CHECK";
	width: 50px;
	height: 50px;
	font-size: 1.0rem;
	line-height: 50px;
	letter-spacing: 0;
	text-align: center;
	background: url("img/check.png") 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	top: 10px;
	left: 0;
}

.contents .check a {
	text-decoration: underline;
}

/*point*/
.contents .point {
	min-height: 70px;
	height: auto;
	font-size: 1.6rem;
	line-height: 1.4;
	padding: 1.5rem 1.5rem 1.5rem 6.2rem;
	margin: 2.0rem auto 1.5rem;
}

.contents .point::before {
	content: "POINT";
	width: 50px;
	height: 50px;
	font-size: 1.0rem;
	line-height: 50px;
	letter-spacing: 0;
	text-align: center;
	background: url("img/point_top.png") 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	top: 10px;
	left: 0;
}

.contents .point a {
	text-decoration: underline;
}

/*rank_wrap*/
.contents .rank_wrap .rank {
	min-height: 70px;
	height: auto;
	font-size: 1.6rem;
	line-height: 1.4;
	padding: 1.5rem 1.5rem 1.5rem 6.2rem;
	margin: 2.0rem auto 1.5rem;
}

.contents .rank_wrap .rank::before {
	content: counter(num, decimal-leading-zero);
	counter-increment: num;
	width: 50px;
	height: 50px;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 50px;
	letter-spacing: 0;
	text-align: center;
	background: url("img/rank.png") 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	top: 10px;
	left: 0;
}

.contents .rank a {
	color: #333;
	text-decoration: underline;
}

/*recommend_number_wrap*/
.contents .recommend_number_wrap {
	counter-reset: num;
	margin: 3.0rem auto 2.0rem;
}

.contents .recommend_number_wrap .recommend::before {
	display: block;
	font-size: 0.9rem;
	line-height: 1;
	padding: 1.2rem 0;
}

.contents .recommend_number_wrap .recommend::after {
	content: counter(num, decimal-leading-zero);
	counter-increment: num;
	width: 50px;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 35px;
	left: 0;
}

/*check_number_wrap*/
.contents .check_number_wrap {
	counter-reset: num;
	margin: 3.0rem auto 2.0rem;
}

.contents .check_number_wrap .check::before {
	display: block;
	font-size: 0.9rem;
	line-height: 1;
	padding: 1.2rem 0;
}

.contents .check_number_wrap .check::after {
	content: counter(num, decimal-leading-zero);
	counter-increment: num;
	width: 50px;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 35px;
	left: 0;
}

/*point_number_wrap*/
.contents .point_number_wrap {
	counter-reset: num;
	margin: 3.0rem auto 2.0rem;
}

.contents .point_number_wrap .point::before {
	display: block;
	font-size: 0.9rem;
	line-height: 1;
	padding: 1.2rem 0;
}

.contents .point_number_wrap .point::after {
	content: counter(num, decimal-leading-zero);
	counter-increment: num;
	width: 50px;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 35px;
	left: 0;
}

    /*--------------------------------------
　float-wrap
---------------------------------------*/
.contents .float-wrap {
	position: relative;
	margin: 4rem 0;
}

.contents .float-wrap .flame {
	width: 90%;
	margin: 0 auto;
}

.contents .float-wrap .float-img {
	box-sizing: border-box;
	width: auto;
	margin: 0 auto 1.0rem;
	text-align: center;
}

.contents .float-wrap img {
	box-sizing: border-box;
	max-width: 100%;
}

.contents .float-wrap .sttl {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	font-size: 1.6rem;
	line-height: 1.4;
}

.contents .float-wrap .catch {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 1.5rem;
	display: inline;
	padding: 5px;
}

.contents .float-wrap p {
	margin: 1rem 0 0;
	width: 100%;
}

.contents .float-wrap .catch-child {
	font-size: 1.6rem;
}

.contents .float-wrap .fl {
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 1.0rem 0;
	text-align: center;
	float: none;
	top: 0;
	margin: 0 auto 2rem;
}

.contents .float-wrap .fr {
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 1.0rem 0;
	text-align: center;
	float: none;
}

.contents .float-wrap .ct {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 1.0rem;
	padding: 0 0 1.0rem;
	text-align: center;
}

.contents .float-wrap .fl.t_small {
	box-sizing: content-box;
	width: 40%;
	padding: 0 6% 0.5rem 0;
	text-align: center;
	float: left;
}

.contents .float-wrap .fr.t_small {
	box-sizing: content-box;
	width: 40%;
	padding: 0 0 0.5rem 6%;
	text-align: center;
	float: right;
}

.contents .float-wrap .fl.t_small .flame, .contents .float-wrap .fr.t_small .flame {
	width: 100%;
}

.contents .float-wrap .float-body.fl {
	width: auto;
	position: static;
	text-align: left;
}

.contents .float-wrap .float-body.fr {
	width: auto;
	position: static;
	text-align: left;
}

/*float-wrap-head*/
.index .float-wrap .float-wrap-head, .category .float-wrap .float-wrap-head, .page .float-wrap .float-wrap-head {
	display: table;
	width: auto !important;
	height: auto;
	background: none;
	border: none;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	color: #000;
	margin: 0 auto 0.8rem;
	position: relative;
}

.index .float-wrap .float-wrap-head a, .category .float-wrap .float-wrap-head a, .page .float-wrap .float-wrap-head a {
	width: auto;
	font-size: 100%;
	text-decoration: none;
}

.index .float-wrap .float-wrap-head a:hover, .category .float-wrap .float-wrap-head a:hover, .page .float-wrap .float-wrap-head a:hover {
	color: #000;
	text-decoration: none;
}

.index .float-wrap .float-body.fl .float-wrap-head, .category .float-wrap .float-body.fl .float-wrap-head, .page .float-wrap .float-body.fl .float-wrap-head, .index .float-wrap .float-body.fr .float-wrap-head, .category .float-wrap .float-body.fr .float-wrap-head, .page .float-wrap .float-body.fr .float-wrap-head {
	width: 100%;
}

.contents .float-wrap .float-wrap-head::after {
	content: none;
}

/*  btns*/
.contents .btn-internal, .contents .btn-web, .contents .btn-tel, .contents .btn-link {
	max-width: 100%;
	text-align: center;
	margin: 2.0rem auto;
	padding: 0 3rem;
	width: 88%;
}

.btn-internal a,
.btn-web a {
	font-size: 1.4rem;
}

.contents .btn-internal.upper {
	width: 88%;
	margin-bottom: 5rem;
}

.contents .btn-internal.upper a {
	padding: 1.8rem 4rem;
}

.contents .btn-link {
	max-width: 100%;
	text-align: left;
	background-size: 8px auto;
	border: 1px solid #bbb;
	border-radius: 35px;
}

.btn-link a {
	display: block;
	padding: 1.6rem 3.8rem 1.6rem 2.0rem;
	font-size: 1.4rem;
	color: #333;
	text-align: center;
	text-decoration: none;
	background: url(img/ico_arrow.png) right center no-repeat;
}

.btn-link a:hover {
	opacity: 1;
	text-decoration: none;
}

.btn-tel {
	max-width: 1100px;
	text-align: center;
	margin: 30px auto;
	padding: 0 3rem;
	position: relative;
	display: table;
	border-radius: 5rem;
	background: #f6cc3b;
	box-shadow: 5px 5px 0 0 #ad902b;
}

.btn-tel a {
	display: table-cell;
	font-weight: bold;
	color: #333;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	position: relative;
	border-radius: 5rem;
	padding: 1.8rem 2rem 1.8rem;
	margin: 0 30px;
	background: url("img/ico_tel.png") right center no-repeat;
}

/* ================== */
/*  テーブル　　　　　*/
/* ================== */

.table-top-wrapper {
	overflow: auto;
	white-space: nowrap;
}

.table-top-wrapper::-webkit-scrollbar {
	height: 5px;
}
.table-top-wrapper::-webkit-scrollbar-track {
	background: #333;
}
.table-top-wrapper::-webkit-scrollbar-thumb {
	background: #999;
}

.contents table {
	width: auto;
	margin: 3.0rem auto 3.0rem;
}
.contents table th {
	width: 30%;
	padding: 1rem;
}

    /*--------------------------------------
　box-wrap
---------------------------------------*/
.contents .box-wrap {
	max-width: 100%;
	margin: 6.0rem auto;
}

.contents .box-wrap .box {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	margin: 0 0 3rem;
	float: none;
	position: relative;
}

.contents .box-wrap .box:nth-child(even) {
	float: none;
}

.contents .box-wrap .box:nth-child(even)::before {
	content: none;
}

.contents .box-wrap .box:nth-child(n+3) {
	margin-top: 0;
}

.contents .box-wrap .box:last-child {
	margin: 0;
}

.contents .box-wrap .box .permalink {
	display: none;
}

.contents .box-wrap .box .thumb {
	position: relative;
}

/*box-head*/
.index .box-wrap .box-head, .category .box-wrap .box-head, .page .box-wrap .box-head {
	display: block;
}

.index .box-wrap .box-head a, .category .box-wrap .box-head a, .page .box-wrap .box-head a {
	display: block;
	font-size: 100%;
}

.index .box-wrap .box-head a:hover, .category .box-wrap .box-head a:hover, .page .box-wrap .box-head a:hover {
	color: #333;
	text-decoration: none;
}

.index .box-wrap .box-head::after, .category .box-wrap .box-head::after, .page .box-wrap .box-head::after {
	content: none;
}

.contents .box-wrap .box p {
	margin: 0;
}

.contents .box-wrap .box .btn-internal {
	margin: 2.0rem auto;
}

/*type-a*/
.contents .box-wrap .type-a .thumb {
	position: relative;
}

.contents .box-wrap .box .thumb img {
	height: 20rem;
}

.contents .box-wrap .type-a .box-head {
	font-size: 1.7rem;
	line-height: 1.4;
	color: #333;
	padding: 1rem 0rem;
	margin: 0 0 0;
}

.contents .box-wrap .type-a .box-head a {
	display: block;
	width: 100%;
	font-size: 1.7rem;
	line-height: 1.4;
	background: url("img/arrow_black.png") right center no-repeat;
	background-size: 8px auto;
	padding: 0 2.0rem 0 0;
	position: relative;
}

.contents .box-wrap .type-a .box-head a:hover {
	opacity: 1;
}

.contents .box-wrap .type-a .box-body .smallPic {
	width: 75px;
	float: left;
}

.contents .box-wrap .type-a .box-body p {
	width: calc(100% - 95px);
	float: right;
}

    /*--------------------------------------
　frame-wrap
---------------------------------------*/
.contents .frame-wrap {
	margin: 5rem auto;
	max-width: 100%;
}

.contents .frame-wrap .inner {
	margin: 0 auto;
}

.contents .frame {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 2.0rem;
	background-color: #fff;
	float: none;
}

.contents .frame-wrap .frame:first-child {
	margin: 0 0 2.5rem;
}

.contents .frame-wrap .frame:nth-child(3n+1) {
	margin: 0 0 2.5rem;
}

.contents .frame-wrap .frame:nth-child(n+4) {
	margin-top: 0;
}

.contents .frame-wrap .frame:last-child {
	margin: 0 0 0;
}

.contents .frame-wrap .frame a {
	display: block;
	text-decoration: none;
}

/*frame-head*/
.index .frame .frame-head, .category .frame .frame-head, .page .frame .frame-head {
	font-size: 1.7rem;
	line-height: 1.4;
}

.index .frame .frame-head a, .category .frame .frame-head a, .page .frame .frame-head a {
	width: auto;
	font-size: 100%;
	text-decoration: none;
}

.index .frame .frame-head a:hover, .category .frame .frame-head a:hover, .page .frame .frame-head a:hover {
	opacity: 1;
}

.contents .frame .frame-head p {
	margin: 0;
}

.contents .frame .frame-body {
	padding: 0 1.5rem 3.0rem;
}

.contents .frame .frame-body .frame-catch {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	color: #000;
	margin: 0 0 1.5rem;
}

.contents .frame .frame-body p {
	margin: 0;
}

.contents .frame p.caption {
	margin: 1.0rem 1.0rem 0;
}


/*type-b*/
.contents .frame-wrap .type-b .frame-head,
.contents .frame-wrap .type-b.child .frame-head {
	font-size: 1.7rem;
	line-height: 1.5;
	padding: 1.8rem 1.5rem;
	margin: 0 0 2.0rem;
	position: relative;
}

.contents .frame-wrap .type-b .frame-head a {
	display: block;
	width: 100%;
	background: url("img/arrow_black.png") right center no-repeat;
	background-size: 8px auto;
	padding: 0 2.0rem 0 0;
	position: relative;
}

.contents .frame-wrap .type-b .frame-head a:hover {
	opacity: 1;
}

.contents .frame-wrap .type-b .thumb {
	width: 80%;
	margin: 0 auto;
}

.contents .frame-wrap .type-b .caption {
	text-align: center;
	padding: 0 1.0rem;
}

.contents .frame-wrap .type-b .frame-body {
	margin: 2.0rem auto 0;
}

.contents .frame-wrap .type-b table {
	box-sizing: border-box;
	width: 100%;
	letter-spacing: 0;
	margin: 2.0rem auto;
}

.contents .frame-wrap .type-b table th {
	display: table-cell;
	width: 30%;
	font-size: 1.3rem;
	line-height: 1.4;
	border-right: 1px solid #333;
	padding: 1.0rem 1.0rem;
}

.contents .frame-wrap .type-b table td {
	display: table-cell;
	font-size: 1.3rem;
	line-height: 1.4;
	padding: 1.0rem 1.0rem;
	word-wrap: break-word;
}

.contents .frame-wrap .type-b table:last-of-type {
	margin-bottom: 0;
}

/*type-c*/
.contents .frame-wrap .type-c {
	background-color: #f5f5dc;
}

.contents .frame-wrap .type-c .eng {
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.06em;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 #333, -1px -1px 0 #333, -1px 1px 0 #333, 1px -1px 0 #333, 0px 1px 0 #333, 0-1px 0 #333, -1px 0 0 #333, 1px 0 0 #333;
	margin: 3.0rem 0 0;
	position: relative;
	top: -1.0rem;
}

.contents .frame-wrap .type-c .frame-head {
	font-size: 1.7rem;
	line-height: 1.5;
	font-weight: 500;
	border-bottom: 2px solid #fff;
	padding: 0.5rem 1.8rem 2.0rem;
	margin: 0 0 2.0rem;
	position: relative;
}

.contents .frame-wrap .type-c .frame-head a {
	display: block;
	width: 100%;
	background: url("img/arrow_black.png") right center no-repeat;
	background-size: 8px auto;
	padding: 0 2.0rem 0 0;
	position: relative;
}

.contents .frame-wrap .type-c .frame-head a:hover {
	opacity: 1;
}

.contents .frame-wrap .type-c .thumb {
	width: 60%;
	margin: 0 auto 2.0rem;
}

.contents .frame-wrap .type-c .thumb img {
	border-radius: 100px;
}

/*btn-web*/
.contents .frame .frame-body .btn-web {
	width: 85%;
	margin: 25px auto 0;
}

/*　共通パーツ*/
.lower_bottom {
	margin: 2rem auto 0;
	padding: 0;
}

.lower_bottom .addInner {
	width: 100%;
	padding: 4rem 4%;
}

.lower_bottom .addTopArea {
	margin: 0 auto 0rem;
	background: url(img/sttl_left.png) left center no-repeat, url(img/sttl_right.png) right center no-repeat;
	line-height: 1.6;
	padding: 0 2rem;
}

.lower_bottom .addTopArea .sttl {
	font-size: 2rem;
	width: 100%;
	margin-bottom: 3rem;
}

.lower_bottom .addTopArea .sttl small {
	font-size: 1.6rem;
}

.lower_bottom .block {
	width: 100%;
	margin: 0 0 3rem;
	padding: 1.5rem;
}

.lower_bottom .block_wrap {
	display: block;
}

.lower_bottom .block .companyName {
	font-size: 2.3rem;
}

.lower_bottom ul li {
	width: calc((100% - 1.6rem)/2);
	margin: 0 .8rem .8rem 0;
}

.lower_bottom ul li:nth-child(even) {
	margin: 0 0 .8rem 0;
}

.lower_bottom .btn-web, .lower_bottom .btn-tel {
	width: 88%;
	margin: auto;
	margin: 1.5rem auto;
}

.lower_bottom .btn-web a {
	padding: 1.5rem 3.0rem;
}

.house-image-wrapper {
	margin-bottom: 2rem;
}
.addParts08 .h2-link {
	font-size: 1.9rem;
}
.addParts08 .h2-link small {
	font-size: 1.6rem;
}
}