@charset "UTF-8";
/*
Theme Name: kau_responsive2018
Theme URL: https://.kautdoor.com/
Author: Spacekey.Inc
Author URI: http://www.spacekey.co.jp/
Description: Default theme developed for KAUTODOOR website
License: © 2007-2018 spacekey Inc ALL Rights Reserved.
*/

/*.karte-c {display: none !important}*/

/*
####################################################################################
  reset - custom html5doctor v1.6.1
####################################################################################
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-feature-settings : "palt";
}
body {
	font-size: 16px;
	line-height: 1.8;
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
	-webkit-font-smoothing: antialiased;
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}
nav ul {
	list-style: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
sup { font-size: 0.5em; color: #555; }


/*
####################################################################################
  common
####################################################################################
*/

a {
	color: #003f8d;
	text-decoration: underline;
}
a:hover {
	filter: brightness(108%);
}
p.linkbtn-outer {
	margin: 2rem 0;
	text-align: center;
}
a.linkbtn, #ajaxmorebtn {
	display: inline-block;
	padding: 0.5rem 0.8rem;
	border: 3px solid #003f8d;
	border-radius: 4px;
	font-size: 0.9rem;
	font-weight: bold;
	color: #003f8d;
	text-decoration: none;
	cursor: pointer;
}
a.linkbtn:hover, #ajaxmorebtn:hover {
	background-color: #003f8d;
	color: #fff;
}

main {
	width: 100%;
}
section {
	margin: 30px 0 60px;
	width: 100%;
}
section article {
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
	max-width: 960px;
	box-sizing: border-box;
}
section h2 {
	margin: 40px 0 25px;
	padding: 0 10px 10px 10px;
	border-bottom: 2px solid #111;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
section h3 {
	margin: 25px 0 15px;
	padding: 5px;
	background-color: #63a5e8;
	font-size: 1.05rem;
	line-height: 1.6;
	color: #fff;
	text-align: center;
}
section p {
	margin-bottom: 1.2rem;
	font-size: 0.9rem;
	line-height: 1.8;
}
section ul {
	margin: 20px 0;
}
section li {
	margin: 0 0 10px 25px;
	font-size: 0.95rem;
	line-height: 1.4;
	list-style: square;
}
img {
	width: 100%;
	height: auto;
	line-height: 1;
}
img.img-responsive {
	width: auto;
	max-width: 100%;
}
.txtB { font-weight: bold; }
.txtC { text-align: center; }
.txtR { text-align: right; }
.txtXS { font-size: 70%; color: #444; }
.txtS { font-size: 85%; color: #444; }
.txtL { font-size: 120%; }
.txtXL { font-size: 140%; }
.txtRed { color: #e71f19; }
.lineHeight120 { line-height: 1.2; }
.lineHeight140 { line-height: 1.4; }
.redB {
	font-size: 110%; color: #e71f19; font-weight: bold; letter-spacing: 0.05em;
}
.blueB {
	font-size: 110%; color: #00a0e9; font-weight: bold; letter-spacing: 0.05em;
}
@media screen and (min-width: 640px) {
	.txtC-pc { text-align: center; }
	.txtR-pc { text-align: right; }
}

@media screen and (max-width: 639px) {
	.only-pc { display: none; }
}
@media screen and (min-width: 640px) {
	.only-sp { display: none; }
}
@media screen and (min-width: 375px) {
	br.w375 { display: none; }
}
@media screen and (min-width: 414px) {
	br.w414 { display: none; }
}

picture img {
	vertical-align: bottom;
}


section.uservoice1point {
	margin: 4rem auto 2rem;
	padding: 1rem;
	background-color: #f6f6f6;
	border: 3px solid #6ca0de;
	box-sizing: border-box;
	border-radius: 0 10px 10px 10px;
	position: relative;
}
section.uservoice1point span.voicetitle {
	display: inline-block;
	padding: 5px 15px 0;
	background-color: #6ca0de;
	border-radius: 10px 10px 0 0;
	font-size: 1rem;
	color: #fff;
	letter-spacing: 0.05rem;
	position: absolute;
	height: 30px;
	top: -35px;
	left: -3px;
}
section.uservoice1point p {
	margin: 0; padding: 0;
	font-size: 0.9rem;
	color: #222;
}

span#a8sales {
	display: block;
	height: 0;
}

/* flexbox */
.flexbox-container-vertical-center, .flex-pc-sec2 { margin: 20px 0; }
.flexbox-container-vertical-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 30px 0;
}
.flex-pc-sec2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
@media screen and (min-width: 640px) {
	.flexbox-container-vertical-center, .flex-pc-sec2 { margin: 30px 0; }
	.flex-pc-sec2 {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.flex-pc-sec2 > div {
		width: 48%;
	}
}
.block { display: block !important; }


/*
####################################################################################
  header
####################################################################################
*/

header {
	background: #003f8d;
	width: 100%;
	height: 70px;
	position: fixed;
	z-index: 999;
}
.header-wrap {
	padding: 0 10px;
}
#brand-caption {
	padding-top: 3px;
	font-size: 0.6rem;
	line-height: 24px;
	color: #fff;
}

.header-wrap-inner {
	position: relative;
	height: 40px;
}
#logo {
	position: absolute;
	width: 88px;
	left: 0;
	top: 0;
}
#logo img {
	width: 100%;
	height: auto;
}

#nav-category { display: none; }

#nav-assist {
	position: absolute;
	right: 35px; top: 0;
}
#nav-assist ul {
	display: flex;
	justify-content: flex-end;
}
#nav-assist li {
	margin-right: 5px;
	font-size: 8px;
	line-height: 1.3;
	text-align: center;
}
#nav-assist a {
	color: #fff;
	text-decoration: none;
}
#nav-assist img {
	width: auto;
	height: 20px;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .2s;
	box-sizing: border-box;
}
.menu-trigger {
	position: absolute;
	width: 35px;
	height: 40px;
	text-align: center;
	right: 0; top: 0;
}
.menu-trigger span:nth-child(-n+3) {
	position: absolute;
	left: 8px;
	width: 24px;
	height: 3px;
	background-color: #fff;
	border-radius: 3px;
}
.menu-trigger span:nth-of-type(1) { top: 1px; }
.menu-trigger span:nth-of-type(2) { top: 8px; }
.menu-trigger span:nth-of-type(3) { top: 15px; }
.menu-trigger span:nth-of-type(4) {
	font-size: 8px;
	line-height: 1;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 23px;
	left: 0;
	white-space: nowrap;
}

.menu-trigger.open span:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 9px;
	left: 9px;
}
.menu-trigger.open span:nth-of-type(2) {
	width: 0%;
	opacity: 0;
}
.menu-trigger.open span:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 9px;
	left: 9px;
}

.menu-trigger.active {
	-webkit-animation: menu-open .6s;
	animation: menu-open .6s;
}
@-webkit-keyframes menu-close {
	30% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@keyframes menu-close {
	30% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes menu-open {
	30% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@keyframes menu-open {
	30% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
}
#main-menu-container {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	display: none;
	z-index: 999;
	top: 70px;
}
#main-menu-container #main-menu {
	position: absolute;
	top: 0;
	right: -100%;
	width: 100%;
	z-index: 1000;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
#main-menu-container #main-menu #section-cta {
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
}
#main-menu-container #main-menu.open {
	transform: translateX(-100%);
}
.cp #section-visual {
	padding-top: 30px;
}

@media screen and (max-width: 639px) {
	#btn-request-header { display: none; }
	.wrap1 { position: absolute !important; }
	.wrap2 { position: absolute; right: 0; width: 50px; height: 50px; }
	.wrap2 nav { display: none; }
	.wrap2 a.menu-trigger {
		position: absolute;
		right: 0;
		top: 0;
		height: 50px;
	}
}



/*
####################################################################################
  visual
####################################################################################
*/

#section-visual {
	margin: 0;
	background-color: #6ca0de;
	color: #fff;
}
#section-visual article {
	width: 100%;
	max-width: 960px;
}
#section-visual p.catchcopy1 {
	margin: 0;
	padding: 30px 15px 10px;
	line-height: 1.3;
	font-weight: bold;
	letter-spacing: 0.05em;
}
#section-visual p.catchcopy1 span {
	display: block;
	text-align: center;
}
#section-visual .catch1 {
	margin-bottom: 5px;
	font-size: 1.1rem;
}
@media screen and (max-width: 320px) {
	#section-visual .catch1 { font-size: 0.9rem; }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
	#section-visual .catch1 { font-size: 1.05rem; }
}

#section-visual .catch2 { margin-bottom: 5px; font-size: 1.9rem; }
@media screen and (max-width: 320px) {
	#section-visual .catch2 { font-size: 1.5rem; }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
	#section-visual .catch2 { font-size: 1.7rem; }
}

#section-visual h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
}
@media screen and (max-width: 320px) {
	#section-visual h1 { font-size: 1.0rem; }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
	#section-visual h1 { font-size: 1.05rem; }
}

#section-visual p.catchcopy2 {
	margin: 15px 0;
	padding: 0 15px;
	font-size: 0.9rem;
	line-height: 1.6;
}

/* トップのキャッチコピー用 - 190404 */
#section-visual {}
#section-visual h1 .catchtext1 { display: inline-block; padding-top: 20px; font-size: 0.9em; }
#section-visual h1 .catchtext2 { font-size: 1.4em; font-weight: bold; }

@media screen and (min-width: 321px) and (max-width: 375px) {
	#section-visual h1 .catchtext1 { font-size: 1.0em; }
	#section-visual h1 .catchtext2 { font-size: 1.6em; }
}
@media screen and (min-width: 376px) and (max-width: 639px) {
	#section-visual h1 .catchtext1 { font-size: 1.2em; }
	#section-visual h1 .catchtext2 { font-size: 2em; }
}
@media screen and (min-width: 640px) {
	#section-visual h1 .catchtext1 { font-size: 1.6em; }
	#section-visual h1 .catchtext2 { font-size: 3em; }
}


/*
####################################################################################
  unified
####################################################################################
*/

#section-unified {
	margin: 0;
	padding-top: 70px;
	background-color: #111;
}
#section-unified p {
	margin: 0;
	padding: 12px 10px;
	font-size: 11px;
	color: #ff0;
	line-height: 1.4;
	width: 100%;
	max-width: 1118px;
	box-sizing: border-box;
}
#section-unified p span {
	font-weight: bold;
}
#section-unified p a {
	color: #ff0;
}
#section-unified p a:hover {
	text-decoration: none;
}


/*
####################################################################################
  firstview v2
####################################################################################
*/

#section-firstview-v2 {
	margin: 0;
	padding: 70px 0 0 0;
	background-color: #f7fafd;
}
#section-firstview-v2 article {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1118px;
	box-sizing: border-box;
}
#section-firstview-v2 p.catchcopy {
	margin: 0;
	padding: 40px 0 25px;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 8vw;
	text-align: center;
	line-height: 1.6;
	color: #111;
	letter-spacing: 0.1rem;
}
#section-firstview-v2 p.catchcopy span {
	display: inline-block;
}
#section-firstview-v2 p.logo-brand {
	margin: 0 0 10px;
	text-align: center;
}
#section-firstview-v2 p.logo-brand img {
	vertical-align: bottom;
	width: 60%;
	max-width: 250px;
}
#section-firstview-v2 p.logo-gear {
	margin: -25px 0 0;
	text-align: center;
}
#section-firstview-v2 p.logo-gear img {
	vertical-align: bottom;
	width: 40%;
	max-width: 200px;
}
#section-firstview-v2 h1 {
	font-size: 0.8rem;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	color: #555;
}
#section-firstview-v2 h1 span {
	font-size: 1.1em;
	font-weight: bold;
}
#section-firstview-v2 p.yahooauction-no1 {
	position: absolute;
	display: inline-block;
	right: 5px;
	top: 5px;
	width: 23%;
	max-width: 120px;
	height: auto;
}
#section-firstview-v2 p.request-fv {
	margin: 15px 0;
	text-align: center;
}
#section-firstview-v2 p.request-fv img {
	max-width: 600px;
}

.itemimg {
	position: relative;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-size: cover;
	width: 100%;
	height: 100px;
	-webkit-animation: bgscroll 40s linear infinite;
	animation: bgscroll 40s linear infinite;
}
@-webkit-keyframes bgscroll { 0% {background-position: 0 0;} 100% {background-position: -1600px 0;}}
@keyframes bgscroll { 0% {background-position: 0 0;} 100% {background-position: -1600px 0 ;}}


/*
####################################################################################
  firstview v3
####################################################################################
*/

#section-firstview-v3 {
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: 1.4;
	text-align: center;
}
#section-firstview-v3 div.inner {
	margin: 0;
	padding: 100px 20px 30px 20px;
	background-size: auto 510px;
	background-repeat: repeat-x;
	background-position: center bottom;
	min-height: 580px;
	box-sizing: border-box;
	position: relative;
}
#section-firstview-v3 article {
	margin: 0 auto;
	padding: 30px 20px;
	background-color: rgba(40, 160, 220, 0.9);
	border-radius: 10px;
	width: 100%;
	max-width: 960px;
	box-sizing: border-box;
	position: relative;
	z-index: 100;
}
#section-firstview-v3 p.campno1 {
	margin: 0;
	padding: 0;
	font-size: 0.85rem;
}
#section-firstview-v3 p.catchcopy {
	margin: 0;
	padding: 0.3rem 0 1.2rem;
	font-size: 8.5vw;
	font-weight: bold;
}
#section-firstview-v3 p.catchcopy span {
	display: inline-block;
}
#section-firstview-v3 h1 {
	font-size: 0.8rem;
	font-weight: normal;
}
#section-firstview-v3 h1 span {
	display: inline-block;
}
#section-firstview-v3 h1 span:last-child {
	font-size: 1.1em;
	font-weight: bold;
}
#section-firstview-v3 p.request-fv {
	margin: 20px 0;
}
#section-firstview-v3 p.request-fv img {
	max-width: 480px;
}
#section-firstview-v3 p.campno1-memo {
	margin: 0;
	padding: 0;
	font-size: 0.7rem;
}
#section-firstview-v3 div.slide {
	width: 100%;
	height: 510px;
	background-size: auto 100%;
	background-color: #f7fafd;
	animation: bg-slider 60s linear infinite;
	position: absolute;
	bottom: 0;
	z-index: 50;
}
#section-firstview-v3 p.tsuri-line {
	margin: -1rem 0 1.5rem;
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
}
#section-firstview-v3 p.tsuri-line a {
	color: #fff;
}
#section-firstview-v3 p.tsuri-line a:hover {
	text-decoration: none;
}
@keyframes bg-slider {
	from { background-position: 0 0; }
	to { background-position: -1750px 0; }
}

@media screen and (min-width: 640px) {
	#section-firstview-v3 div.inner {
		padding: 20px;
		min-height: 510px;
	}
	#section-firstview-v3 article {
		padding: 60px 30px 30px;
	}
	#section-firstview-v3 p.campno1 {
		font-size: 1.4rem;
		font-weight: bold;
	}
	#section-firstview-v3 p.catchcopy {
		padding: 0.8rem 0 1.8rem;
		font-size: 3rem;
	}
	#section-firstview-v3 h1 {
		font-size: 1.2rem;
	}
}


/*
####################################################################################
  firstview
####################################################################################
*/

#section-firstview {
	margin: 0;
	padding: 70px 0 0 0;
	background-color: #f5f2ef;
}
#section-firstview article {
	margin: 0 auto;
	padding: 0;
	max-width: 960px;
	width: 100%;
	box-sizing: border-box;
}
#section-firstview section {
	margin: 0;
}
#section-firstview .visual {
	padding: 75px 20px 55px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	color: #5d3f1f;
	text-shadow: #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
#section-firstview .visual p {
	text-align: center;
}
#section-firstview .visual-txt1 {
	margin-bottom: 5px;
	font-size: 8vw;
	font-weight: bold;
}
#section-firstview .visual-txt2 {
	margin-bottom: 0;
	padding-right: 10px;
	font-size: 25vw;
	font-family: 'Timmana',serif;
	font-weight: 700;
	line-height: 1;
	vertical-align: middle;
}
#section-firstview .visual-txt2 img {
	padding: 0 15px 20px 0;
	width: 30vw;
	height: auto;
	vertical-align: middle;
}
#section-firstview .visual-txt3 {
	font-size: 0.5rem;
	line-height: 1.2;
	color: #fff;
	text-shadow: #613614 1px 1px 2px, #613614 -1px 1px 2px, #613614 1px -1px 2px, #613614 -1px -1px 2px;

}
#section-firstview h1 {
	margin: 0 0 20px;
	font-size: 6vw;
	line-height: 1.4;
	text-align: center;
}
#section-firstview h1 span {
	font-size: 7vw;
	font-weight: 900;
}

#section-firstview .feature {
	padding: 40px 20px 30px;
}
#section-firstview ul {
	margin: 0 0 30px;
}
#section-firstview li {
	position: relative;
	margin: 0 0 10px 0;
	padding: 15px 20px 10px 20px;
	background-color: rgba(255,255,255,0.9);
	border: 3px solid #fff;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
	border-radius: 10px;
	box-sizing: border-box;
	list-style: none;
}

.ribbon {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: absolute;
}
.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #2980b9;
}
.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 5px 0;
	background-color: #e71f19;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	text-transform: uppercase;
	text-align: center;
}
.ribbon-top-left {
	top: -8px;
	left: -8px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}
.ribbon-top-left::before {
	top: 0;
	right: 0;
}
.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}
.ribbon-top-left span {
	right: -40px;
	top: 10px;
	transform: rotate(-45deg);
}

#section-firstview h2 {
	margin: 0 0 0.3rem 0;
	padding: 0;
	border: none;
	font-size: 0.9rem;
	color: #57a4e8;
	letter-spacing: 0;
	text-align: center;
}

#section-firstview h2 span:first-child {
	display: inline-block;
	padding-right: 5px;
}
#section-firstview h2 span:last-child {
	display: inline-block;
	font-size: 1.6em;
	color: #e71f19;
	letter-spacing: 0.05rem;
}
@media screen and (min-width: 375px) {
	#section-firstview h2 {
		font-size: 0.9rem;
	}
}
@media screen and (min-width: 414px) {
	#section-firstview h2 {
		font-size: 1.0rem;
	}
}

#section-firstview h2 br {
	display: none;
}
#section-firstview h2:before, #section-firstview h2:after {
	border: none;
}
#section-firstview .feature-txt {
	margin: 0;
	font-size: 0.75rem;
	text-align: center;
	color: #222;
	line-height: 1.4;
}

#section-firstview .btn-request {
	padding: 0;
	box-sizing: border-box;
	display: block;
}

@media screen and (min-width: 640px) {
	#section-firstview ul {
		display: flex;
		justify-content: space-between;
	}
	#section-firstview li { width: 32%; }
	#section-firstview p.content {
		font-size: 1rem;
	}
}



/*
####################################################################################
  no1
####################################################################################
*/

#section-no1 {
}
#section-no1 .txtCatch {
	display: inline-block;
	background: linear-gradient(transparent 70%, #ffc778 70%);
	font-size: 6vw;
	font-weight: bold;
	line-height: 1.2;
}
@media screen and (min-width: 640px) {
	#section-no1 .txtCatch {
		font-size: 3vw;
	}
}
@media screen and (min-width: 960px) {
	#section-no1 .txtCatch {
		font-size: 32px;
	}
}
#section-no1 h3 {
	background-color: transparent;
	color: #003f8d;
	letter-spacing: 1px;

}
@media screen and (min-width: 640px) {
	#section-no1 h3 {
	}
}


/*
####################################################################################
  3point
####################################################################################
*/

#section-3point {}
#section-3point ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#section-3point li {
	margin: 0 0 10px;
	padding: 0;
	border: 3px solid #eee;
	background-color: #fff;
	list-style: none;
	width: 100%;
}
#section-3point div {
}
#section-3point p {
	margin: 0;
	padding: 8px 10px 10px;
	font-size: 1.05rem;
	font-weight: bold;
	color: #e71f19;
	line-height: 1.4;
	text-align: center;
}
@media screen and (min-width: 640px) {
	#section-3point li {
		width: 32%;
	}
}



/*
####################################################################################
  lead
####################################################################################
*/

#section-lead {
	margin-top: 20px;
	text-align: center;
}
#section-lead h2 {
	margin-bottom: 10px;
	background: none;
	font-size: 16px;
	line-height: 1.4;
	color: #003f8d;
}
#section-lead h2 span {
	font-size: 28px;
}
#section-lead p.problem {
	font-size: 14px;
	font-weight: bold;
	color: #7cc5c1;
	letter-spacing: 0.05em;
}
#section-lead p {
	font-size: 12px;
}


/*
####################################################################################
  itemlist
####################################################################################
*/

#section-itemlist {
	margin: 0;
	overflow: hidden;
}
#section-itemlist ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#section-itemlist li {
	margin: 0 2% 2% 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 8px;
	line-height: 1.2;
	list-style: none;
	width: 49%;
}
#section-itemlist li:nth-child(2n) { margin-right: 0%; }
#section-itemlist li a {
	display: block;
	border: 1px solid #f5f2ef;
	color: #333;
	text-decoration: none;
	position: relative;
}
#section-itemlist li a:hover {
	border: 2px solid #57a4e8;
}
#section-itemlist li img {
}

#section-itemlist span.brandlogo {
	display: block;
	padding: 3px 5px;
	background-color: #f5f2ef;
	position: absolute;
	width: 35%;
	left: 0px; top: 0px;
}
@keyframes blink {
	0% { opacity: 0.3; }
	5% { opacity: 0.8; }
	10% { opacity: 1; }
	100% { opacity: 1; }
}
div.enhance-icon {
	display: block;
	position: absolute;
	right: -5px;
	top: -5px;
	width: 35%;
	animation: blink 3s ease-in-out infinite alternate;
}

#section-itemlist span.item-price {
	display: block;
	padding: 5px 3px;
	background-color: rgba(255,255,255,0.85);
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
}
#section-itemlist li .itemname {
	display: block;
	margin-bottom: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #111;
}
#section-itemlist li .price {
	display: block;
	font-size: 13px;
	color: #e71f19;
	font-weight: bold;
}
#section-itemlist li .price.enhance {
	font-size: 16px;
}
#section-itemlist li .itemrank {
	display: block;
	font-size: 12px;
	color: #555;
}
#section-itemlist li .pricetitle {
	display: inline-block;
	margin-right: 5px;
	padding: 4px;
	background-color: #333;
	font-size: 9px;
	color: #eee;
}

#section-catelink {
	margin-top: 0;
}
#section-catelink p {
	margin: 0 0 0.5rem 0;
	text-align: center;
	overflow: hidden;
}
#section-catelink p span {
	display: inline-block;
	position: relative;
	font-size: 0.95rem;
	font-weight: bold;
	color: #111;
}
#section-catelink p span:before,
#section-catelink p span:after {
	content: "";
	border-bottom: 2px solid #111;
	width: 30px;
	margin: 0 10px;
	position: absolute;
	bottom: 13px;
}
#section-catelink p span:before { right: 100%; }
#section-catelink p span:after { left: 100%; }

#section-catelink ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}
#section-catelink li {
	margin: 0 0 0.5rem 0;
	box-sizing: border-box;
	list-style: none;
	width: 100%;
	text-align: center;
}
#section-catelink a.linkbtn {
	width: 100%;
	box-sizing: border-box;
}


/*
####################################################################################
  slider
####################################################################################
*/

#section-slider {
}


/*
####################################################################################
  example
####################################################################################
*/

#section-example {
	padding: 0;
}
#section-example h2 {
	margin-bottom: 0;
	padding: 20px 0 0 10px;
	background: url(img/top/img_example_staff.jpg) right top no-repeat;
	background-size: 100px auto;
	font-size: 12px;
	line-height: 1.4;
	color: #6595d0;
	text-align: left;
}
#section-example h2 span {
	font-size: 32px;
	color: #003f8d;
}
#section-example .swiper-container .swiper-slide {
	text-align: center;
}
#section-example .swiper-container .swiper-slide img {
	display: block;
	margin-bottom: 8px;
	box-sizing: border-box;
	border: 3px solid #f3f3f3;
}
#section-example .swiper-container .swiper-slide a,
.everyitem li a {
	text-decoration: none;
	color: #222;
}
#section-example .swiper-container .swiper-slide .brandname {
	display: block;
	margin-bottom: 5px;
	font-size: 10px;
	line-height: 1.0;
}
#section-example .swiper-container .swiper-slide .itemname {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
}
#section-example .swiper-container .swiper-slide .price {
	font-size: 20px;
	color: #e71f19;
	font-weight: bold;
}
#section-example .swiper-container .swiper-slide .pricetitle {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 4px;
	background-color: #eee;
	border-radius: 5px;
	font-size: 9px;
	color: #333;
}
.swiper-button-next, .swiper-button-prev {
	margin-top: -45px !important;
	width: 30px !important;
	height: 30px !important;
	background-size: 30px 30px !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url(img/common/ico_slider_prev.png) !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url(img/common/ico_slider_next.png) !important;
}


/*
#####################################################################################
  cta
#####################################################################################
*/

#section-cta {
	margin: 20px 0 60px;
	padding: 20px 0;
	background-color: #003f8d;
	text-align: center;
	color: #fff;
}
#section-cta a {
	display: block;
}
#section-cta p {
	margin-bottom: 0;
}
#section-cta .btn-request {
	margin-bottom: 5px;
}

#section-cta p.assessment {
	margin-bottom: 25px;
	font-size: 0.9rem;
}
#section-cta p.assessment span {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 0px 15px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: bold;
	color: #003f8d;
}

#section-cta dl {
	margin: 10px 0 15px;
}
#section-cta dt {
	margin-bottom: 3px;
	font-size: 0.8rem;
	text-align: center;
	white-space: nowrap;
}
#section-cta dd {
	margin: 0 auto;
	padding: 5px;
	background-color: #111;
	border-radius: 5px;
	font-size: 0.8rem;
	font-weight: bold;
	text-align: center;
	max-width: 400px;
}
#section-cta dd span.period {
	display: inline-block;
	margin: 0 12px 0 5px;
	padding: 3px 8px;
	background-color: #ff0;
	border-radius: 5px;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1;
	color: #111;
}
#section-cta dd span:last-child {
	margin-right: 0;
}

#section-cta .btn-line {
	margin-bottom: 10px;
}
#section-cta p.tel {
	font-size: 14px;
	font-weight: bold;
	color: #ccc;
}
#section-cta p.tel a {
	margin: 5px 0;
	font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}
#section-cta p.corp-link {
	font-size: 0.75rem;
	text-align: right;
}
#section-cta p.corp-link a {
	color: #eee;
}
section p#highprice { margin: 0; }
section p.top-request {
	margin: 0;
	padding: 15px 10px;
}
#section-diff img { vertical-align: bottom; }
#section-diff p.top-request {
	padding: 10px;
	background-color: #003f8d;
	border-radius: 0 0 5px 5px;
}

.tel-txt {
	padding: 15px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}
.tel-txt p {
	line-height: 1.4;
}
.tel-txt p:first-child {
	font-size: 1rem;
	font-weight: bold;
}
.tel-txt p:first-child span {
	font-size: 0.7em;
	font-weight: normal;
}
.tel-txt p:last-child {
	padding: 0.5rem 0 0;
	font-size: 2.2rem;
	font-family: Arial,serif;
	font-weight: bold;
	font-style: italic;
	line-height: 0.9;
}
@media screen and (min-width: 375px) {
	.tel-txt p:last-child {
		font-size: 2.4rem;
	}
}
@media screen and (min-width: 414px) {
	.tel-txt p:last-child {
		font-size: 2.6rem;
	}
}

a.tel-txt.firstview-tel-txt {
	margin-top: 32px;
	padding: 16px 0;
	justify-content: space-between;
	border-top: 1px solid rgba(255,255,255,.5);
	border-bottom: 0;
}
a.tel-txt.firstview-tel-txt p:first-child {
	width: 50%;
}

@media screen and (max-width: 640px) {
	a.tel-txt.firstview-tel-txt {
		width:  calc(100% + 40px);
		margin-top: 32px;
		margin-left: -20px;
		padding: 16px 0;
		display: block;
		border-bottom: 0;
	}
	a.tel-txt.firstview-tel-txt p:first-child {
		width: 100%;
		font-size: 14px;
	}
}



/*
####################################################################################
  monthly - only toppage
####################################################################################
*/

#section-monthly {
}
#section-monthly h2 span {
	display: inline-block;
	margin-right: 10px;
	padding: 3px 10px;
	background-color: #fff;
	border-radius: 10px;
	color: #003f8d;
}
.accbox {
}
.accbox label {
	display: block;
	margin: 5px 0 0 0;
	padding: 10px 12px;
	background: #6595d0;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	cursor : pointer;
	transition: all 0.5s;
	text-align: center;
}
.accbox label:first-child {
	margin-top: 0;
}
.accbox label:after {
	content: ' \f13a';
	font-family: 'Font Awesome 5 Free';
	padding-right: 8px;
}
.accbox input {
	display: none;
}
.accbox .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	transition: 0.1s;
}
.cssacc:checked + label + .accshow {
	height: auto;
	padding: 5px 4px 4px;
	background: #f3f3f3;
	border: 1px solid #eee;
}
.cssacc:checked + label:after {
	content: ' \f139';
}
.accshow ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin: 0;
}
.accshow li {
	margin: 0;
	font-size: 11px;
	text-align: center;
	list-style: none;
	width: 24%;
}
.accshow li img {
	display: block;
	width: 96%;
	height: auto;
}
.accshow.bonus li {
	text-align: center;
	width: 49%;
}
.accshow.bonus li img {
	width: 100%;
}
#section-monthly article.everyitem {
	margin-top: 20px;
}
.everyitem p {
	font-weight: bold;
	text-align: center;
}
.everyitem ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.everyitem li {
	margin: 0 0 1% 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 8px;
	line-height: 1.2;
	list-style: none;
	width: 16%;
}
.everyitem li img {
	display: block;
	margin-bottom: 2px;
	padding: 2px;
	border: 1px solid #eee;
	box-sizing: border-box;
}



/*
####################################################################################
  reason
####################################################################################
*/

#section-reason {
}
article.ex-price {
	margin: 20px 0 0;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fafafa;
}
p.ex-item {
	margin: 0 0 10px;
	padding: 0;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}
p.ex-itemimg {
	padding: 0;
	text-align: center;
}
p.ex-itemimg img {
	border: 3px solid #f6f6f6;
	box-sizing: border-box;
}
p.ex-other {
	margin: 0 0 3px 0;
	font-size: 0.9rem;
	list-style: none;
	text-align: center;
	width: 100%;
}
p.ex-other span {
	display: inline-block;
	margin: 0 5px 3px 0;
	padding: 1px 5px;
	background-color: #f3f3f3;
	border-radius: 5px;
}
p.ex-kautodoor {
	display: inline-block;
	margin: 0;
	font-size: 1.5rem;
	font-weight: bold;
	color: #e71f19;
	width: 100%;
	text-align: center;
}
p.ex-kautodoor span {
	display: inline-block;
	padding: 2px 8px;
	background-color: #6595d0;
	border-radius: 5px;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.4;
	color: #fff;
}
#section-reason article > p {
	margin: 30px 0;
	font-size: 1rem;
}



/*
####################################################################################
  possible
####################################################################################
*/

#section-possible {
}
#section-possible h3 {
	margin: 30px 0 20px;
	padding: 0 0 0.5rem 0;
	background: none;
	border-bottom: 1px solid #f0f0f0;
	font-size: 1.0rem;
	color: #555;
}
ul.possible-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.possible-list li {
	margin: 0 0 1rem;
	width: 48%;
	font-size: 0.8rem;
	font-weight: bold;
	color: #e5007f;
	list-style: none;
}
ul.possible-list li img {
	border-radius: 5px;
}


/*
####################################################################################
  compare
####################################################################################
*/

#section-compare {
}


/*
####################################################################################
  factor
####################################################################################
*/

#section-factor {
}


/*
####################################################################################
  3step
####################################################################################
*/

#section-3step {}
#section-3step li {
	margin: 0 0 20px 0;
	padding: 25px 20px;
	border: 2px solid #f3f3f3;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 2px #f9f9f9;
	box-sizing: border-box;
	list-style: none;
}
#section-3step p.stepNo {
	display: block;
	margin: 0 auto 20px;
	padding: 0 3rem;
	background-color: #57a4e8;
	border-radius: 15px;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 22px;
	color: #fff;
	text-align: center;
}
#section-3step h4 {
	margin: 0 0 20px;
	padding: 0 1rem;
	font-size: 1.4rem;
	color: #57a4e8;
	letter-spacing: 0.02em;
	line-height: 1;
	text-align: center;
}
#section-3step li>i {
	display: block;
	margin: 0 0 20px;
	font-size: 3rem;
	color: #999;
	text-align: center;
}
#section-3step p.content {
	margin: 0;
	font-size: 0.9rem;
}

@media screen and (min-width: 640px) {
	#section-3step ol {
		display: flex;
		justify-content: space-between;
	}
	#section-3step li { width: 32%; }
	#section-3step p.content {
		font-size: 1rem;
	}
}


/*
####################################################################################
  カンタン、高価であんしん買取
####################################################################################
*/

#section-easy {}
#section-easy table {
	border-collapse: separate;
	width: 100%;
}
#section-easy th, #section-easy td {
	padding: 0.5rem 0.3rem;
	border: 1px solid #f5f2ef;
	line-height: 1.4;
	vertical-align: middle;
}
#section-easy th {
	font-size: 0.75rem;
	color: #222;
}
#section-easy tr:first-child th {
	border-radius: 5px 5px 0 0;
}
#section-easy tr:first-child th:first-child {
}
#section-easy tr:nth-child(n+2) th {
	border-radius: 5px 0 0 5px;
}
#section-easy th.none {
	border: none;
}
#section-easy th.shop {
	background-color: #f9f7f6;
}
#section-easy th.shop.sellKautodoor {
	background-color: #5fcdc8;
	border: 3px solid #5fcdc8;
	font-size: 0.85rem;
	color: #fff;
}
#section-easy th.kind {
	background-color: #f9f7f6;
	white-space: nowrap;
}
#section-easy td {
	font-size: 0.75rem;
	text-align: center;
}
#section-easy td i {
	display: block;
	margin-bottom: 5px;
	font-size: 1.8em;
}
#section-easy td.sellKautodoor {
	background-color: #ebf9f8;
	border-left: 3px solid #5fcdc8;
	border-right: 3px solid #5fcdc8;
	font-size: 0.85em;
	font-weight: bold;
}
#section-easy td.sellKautodoor i {
	font-size: 2.2em;
	color: #e71f19;
}
#section-easy tr:last-child td.sellKautodoor {
	border-bottom: 3px solid #5fcdc8;
	border-radius: 0 0 5px 5px;
}
@media screen and (min-width: 640px) {
	#section-easy th, #section-easy td {
		padding: 1rem 0.5rem;
	}
	#section-easy th {
		font-size: 1.3rem;
	}
	#section-easy th.shop.sellKautodoor {
		font-size: 1.5rem;
		letter-spacing: 0.2rem;
	}
	#section-easy td {
		font-size: 0.9rem;
	}
	#section-easy td.sellKautodoor {
		font-size: 1.1rem;
	}
}

section ul.incentive {
	margin: 0;
}
section ul.incentive li {
	margin: 0 0 10px;
	box-sizing: border-box;
	list-style: none;
}
section ul.incentive + p {
	font-size: 0.75rem;
	line-height: 1.6;
	font-weight: bold;
}
section ul.incentive + p span {
	color: #e71f19;
}

@media screen and (min-width: 640px) {
	section ul.incentive {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	section ul.incentive li {
		display: flex;
		align-items: center;
		width: 49%;
	}
	section ul.incentive + p {
		text-align: center;
	}
}

.compare {
	margin: 0 0 10px;
}
.compare li {
	margin: 0 0 5px;
	padding: 20px 10px 10px;
	background-color: #635c54;
	border-radius: 8px;
	box-shadow: 0px 0px 5px 2px #f9f9f9;
	box-sizing: border-box;
	color: #fff;
	list-style: none;
}
.compare .itemname {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1;
	text-align: center;
}
.compare .itemname span:nth-child(1) {
	display: block;
	margin-bottom: 3px;
	font-size: 0.8rem;
}
.compare .itemname span:nth-child(2) {
	display: block;
	margin-bottom: 5px;
	font-size: 1.0rem;
	font-weight: bold;
	color: gold;
}
.compare .itemname span:nth-child(3) {
	display: block;
	font-size: 0.75rem;
	color: #eee;
}
.compare .itemimage {
	margin: 0;
	border-bottom: 1px solid #f5f2ef;
	text-align: center;
}
.compare .itemimage img {
	padding: 10px 20px;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	box-sizing: border-box;
	vertical-align: bottom;
}
.kautodoor-price {
	margin: 0;
	padding: 5px 10px;
	background-color: #fff;
	line-height: 1.2;
	color: #e71f19;
	text-align: center;
}
.kautodoor-price span {
	display: block;
	padding: 2px 0;
	font-size: 0.85rem;
	font-weight: bold;
}
.kautodoor-price span:nth-child(2) {
	font-size: 1.3rem;
	font-style: italic;
}
.other-price {
	margin: 0;
	padding: 8px;
	background-color: #f9f7f6;
	border-radius: 0 0 5px 5px;
	font-size: 0.7rem;
	color: #555;
	text-align: center;
}
.other-price span {
	font-weight: bold;
}
.compare-attention {
	font-size: 0.65rem;
	line-height: 1.5;
	color: #999;
}

@media screen and (min-width: 321px) {
	.compare {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.compare li {
		width: 49%;
	}
}
@media screen and (min-width: 640px) {
	.compare li {
		padding: 20px 15px 15px;
		width: 24%;
	}
	.compare .itemimage img {
		padding: 20px;
	}
	.compare-attention {
		padding-left: 15px;
		font-size: 0.8rem;
		line-height: 1.5;
	}
}

.matome {
	margin: 0 0 10px;
}
.matome li {
	margin: 0 0 5px;
	padding: 20px 10px 10px;
	background-color: #635c54;
	border-radius: 8px;
	box-shadow: 0px 0px 5px 2px #f9f9f9;
	box-sizing: border-box;
	color: #555;
	list-style: none;
}
.matome .matomename {
	font-size: 1.0rem;
	font-weight: bold;
	color: gold;
	text-align: center;
}
.matome .matomeitem {
	margin: 0;
	padding: 10px;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	border-radius: 5px 5px 0 0;
	font-size: 0.8rem;
	line-height: 1.8;
}
.matome .matomeitem span {
	font-size: 0.9em;
}
@media screen and (min-width: 640px) {
	.matome {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.matome li {
		width: 49.2%;
	}
	.matome .matomeitem {
		padding: 20px;
	}
}


/*
####################################################################################
  shareNo.1
####################################################################################
*/

#section-share {}
#section-share ul {
	margin-top: 30px;
}
#section-share li {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}
#section-share h3 {
	margin: 0 0 10px;
}
#section-share p {
	margin: 0 0 10px 0;
	font-size: 0.75rem;
	text-align: center;
}

@media screen and (min-width: 375px) {
	#section-share p {
		font-size: 0.8rem;
	}
}
@media screen and (min-width: 414px) {
}

@media screen and (min-width: 640px) {
	#section-share ul {
		display: flex;
		justify-content: space-between;
	}
	#section-share li { width: 49%; }
	#section-share p {
		font-size: 1rem;
	}
}


/*
####################################################################################
  LINE
####################################################################################
*/

#section-line {
}


/*
####################################################################################
  voice
####################################################################################
*/

#section-voice {
}
#section-voice dl {
}
#section-voice dt {
	margin: 25px 0 15px;
	padding: 15px 5px 10px 5px;
	background-color: #f5f2ef;
	border-radius: 5px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	color: #e71f19;
	text-align: center;
}
#section-voice dt span {
	font-size: 0.7em;
	font-weight: normal;
	color: #333;
}
#section-voice dd {
	padding: 10px;
	font-size: 0.9rem;
}


/*
####################################################################################
  gearhack
####################################################################################
*/

#section-gearhack {
	padding: 0;
}


/*
####################################################################################
  NG
####################################################################################
*/

section#ng-item {
	margin: 0 auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #fff;
	border: 3px solid #f5f2ef;
	width: calc(100% - 40px);
	max-width: 960px;
	box-sizing: border-box;
}
section#ng-item article {
	padding: 0;
}
section#ng-item h2 {
	margin: 0;
	padding: 10px 0 20px;
	font-size: 1.1rem;
	color: #222;
}
section#ng-item h2, section#ng-item h2::before, section#ng-item h2::after {
	border: none;
}
section#ng-item h3 {
	margin: 0 0 1rem;
	padding: 8px;
	background-color: #f5f2ef;
	font-size: 0.9rem;
	color: #444;
	letter-spacing: 0;
}
section#ng-item p {
	font-size: 0.9rem;
}
section#ng-item ul {
	margin: 0 0 2rem;
}
section#ng-item li {
	font-size: 0.85rem;
	line-height: 1.5;
}
section#ng-item table, section#ng-item-detail table {
	width: 100%;
	border: 1px solid #f5f2ef;
	border-collapse: collapse;
}
section#ng-item table th, section#ng-item table td, section#ng-item-detail table th, section#ng-item-detail table td {
	display: block;
	padding: 0.2rem 0.8rem;
	border: 1px solid #f5f2ef;
	font-size: 0.85rem;
	vertical-align: middle;
}
section#ng-item table ul, section#ng-item-detail table ul {
	margin: 0.2rem 0;
}
section#ng-item table li, section#ng-item-detail table li {
	margin: 0 0 0 15px;
	font-size: 0.75rem;
}


/*
####################################################################################
  item, brand
####################################################################################
*/

#section-item, #section-brand {
}
#section-item ul, #section-brand ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#section-item li, #section-brand li {
	margin: 0 2% 2% 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 0.7rem;
	line-height: 1.2;
	list-style: none;
}
#section-item li {
	width: 23.5%;
}
#section-brand li {
	width: 32%;
}
#section-item li:nth-child(4n), #section-brand li:nth-child(3n) {
	margin-right: 0;
}
#section-item li a, #section-brand li a {
	display: block;
	color: #444;
	text-align: center;
	text-decoration: none;
	height: 100%;
}
#section-item li img, #section-brand li img {
	display: block;
	margin-bottom: 5px;
	padding: 8px;
	border: 1px solid #eee;
	box-sizing: border-box;
}
#section-item li a:hover, #section-brand li a:hover { color: #222; }
#section-item li a:hover img, #section-brand li a:hover img { border-color: #ddd; }
#section-item li a:hover img, #section-brand li a:hover img { background-color: #f5f5f5; }
#section-brand-detail {
	font-size: 0.9rem;
}
#section-brand-detail p {
	padding: 0 4%;
}
#section-brand-detail img {
	width: auto;
}


/*
####################################################################################
  corp-purchase
####################################################################################
*/

.corp-purchase header .wrap2 nav  { background-color: #333; }
.corp-purchase #section-visual {
	padding-top: 70px;
	background-color: #003f8d;
}


.corp-purchase #section-visual p.catchcopy1 {
}
.corp-purchase #section-visual p.catchcopy1 span.catch1 {
	margin-top: 1.5rem;
	font-size: 1.4rem;
}
.corp-purchase #section-visual p.catchcopy1 span.catch2 {
	margin-top: 1rem;
	font-size: 1.6rem;
	color: #fff100;
}
.corp-purchase #section-visual p.catchcopy1 span.catch1 span {
	display: inline-block;
	padding: 0 0.5rem;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff100;
}


p.tel-corp-txt {
	margin: 0;
	padding: 0 10px 5px;
	font-size: 0.8rem;
	line-height: 1.4;
	text-align: center;
}
p.tel-corp-head {
	margin: 0;
	padding: 0 10px 10px 10px;
}
p.tel-corp-contact {
	margin: 0 0 1rem 0;
	padding: 10px;
	background-color: #999;
	border-radius: 5px;
}
p.tel-corp-contact img {
	vertical-align: bottom;
}
#corp-recommend {
	text-align: center;
}
#corp-recommend article div.inner {
	padding: 1rem 0 0.5rem;
	background-color: #f3f3f3;
}
#corp-recommend ul {
	margin: 0;
	display: inline-block;
}
#corp-recommend ul li {
	margin: 0 0 0.6rem 0;
	font-size: 0.85rem;
	text-align: left;
	list-style: none;
}
#corp-recommend ul li i {
	color: #c51b1b;
}
p.tel-corp-contact span {
	display: block;
	margin-bottom: 5px;
	font-size: 0.7rem;
	line-height: 1.4;
	text-align: center;
	color: #fff;
}



/*
####################################################################################
  404
####################################################################################
*/
#page404 section { margin: 0; }
#page404 section h1 {
	margin: 0;
	padding: 40px 0;
	font-size: 1.8rem;
	color: #003f8d;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 639px) {
	#page404 #section-title { padding-top: 89px; }
}
#page404 #section-content ul { margin: 0 0 0 10px; }
#page404 #section-content li {
	margin: 0 0 10px 0;
	list-style: none;
}


/*
####################################################################################
  footer
####################################################################################
*/
footer {
	margin-top: 50px;
}
#pagetop a {
	display: block;
	margin: 0 auto;
	padding: 8px;
	background-color: #f5f2ef;
	color: #003f8d;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	max-width: 960px;
}
#pagetop a:hover {
	background-color: #003f8d;
	color: #fff;
}
.breadcrumb {
	padding: 8px 10px;
	border-top: 1px solid #f5f2ef;
}
.breadcrumb li {
	display: inline;
	font-size: 12px;
	list-style: none;
}
.breadcrumb li:after {
	content: '>';
	padding: 0 3px;
	color: #999;
}
.breadcrumb li:last-child:after {
	content: '';
}
footer nav#ghlink {
	border-top: 1px solid #f5f2ef;
	border-right: none;
}
footer nav#ghlink ul li {
	border-right: none;
	border-bottom: none;
	text-align: center;
	width: 100%;
}
footer nav#ghlink ul li a {
	font-weight: bold;
	color: #e71f19;
}
footer nav#ghlink ul li a:hover {
	color: #1daea6;
}

footer nav#inlink {
	border-top: 1px solid #f5f2ef;
}
footer nav ul, #main-menu nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main-menu nav ul {
	background-color: #ddd;
}
footer nav ul li, #main-menu nav ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f5f2ef;
	box-sizing: border-box;
	font-size: 0.75rem;
	list-style: none;
	width: 50%;
}
footer nav ul li:nth-child(2n+1),
#main-menu nav ul li:nth-child(2n+1) {
	border-right: 1px solid #f5f2ef;
}
footer nav ul li a, #main-menu nav ul li a {
	display: block;
	padding: 8px 5px 8px 10px;
	text-decoration: none;
}
#main-menu nav ul li {
	background-color: #57a4e8;
}
#main-menu nav ul li a {
	color: #fff;
}
#outlink { background-color: #f9f7f6; }
footer p {
	padding: 20px 10px;
	background-color: #003f8d;
	font-size: 0.7rem;
	line-height: 1.4;
	text-align: center;
	color: #fff;
}

#fix_request {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	line-height: 0;
	vertical-align: bottom;
}
#fix_request img {
	width: 100%; height: auto;
}
@media screen and (min-width: 640px) {
	#fix_request { display: none; }
}


/*
####################################################################################
  trouble - 告知
####################################################################################
*/

#trouble {
	margin: 40px auto 60px;
	padding: 0 15px;
	color: #777;
	box-sizing: border-box;
}
#trouble article {
	margin: 0 auto;
	padding: 10px 15px;
	border: 2px solid #f5f2ef;
	box-sizing: border-box;
}
@media screen and (min-width: 640px) {
	#trouble article {
		width: 960px;
		text-align: center;
	}
}
#trouble p {
	margin: 0;
	font-size: 0.75rem;
	line-height: 1.6;
	color: #777;
}

/* コロナ対応 */
#trouble article {
	border: 3px solid #c33;
}
@media screen and (min-width: 640px) {
	#trouble p {
		font-size: 0.9rem;
		line-height: 1.8;
	}
}
#trouble p {
	color: #444;
}




/*
####################################################################################
  bring - 持ち込みサービス開始
####################################################################################
*/

#bring {
	margin: 0 0 20px;
	padding: 10px 15px;
	background-color: #f0f0f0;
	box-sizing: border-box;
}
#bring article {
	margin: 0 auto;
	padding: 10px 15px;
	box-sizing: border-box;
}
@media screen and (min-width: 640px) {
	#bring article {
		width: 960px;
		text-align: center;
	}
}
#bring p {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.6;
	color: #333;
}
#bring p span {
	font-size: 1.1em;
	font-weight: bold;
	color: #003f8d;
}



/*
####################################################################################
  TSA
####################################################################################
*/

@media screen and (max-width: 639px) {
	.tsa-finish main {
		padding-top: 90px;
	}
}
p.tsa-coupon-disable, p.tsa-coupon-enable {
	margin: 0 !important;
	line-height: 0;
}
p.coupon-limit {
	padding: 0.1rem 0;
	background-color: #e71b0f;
	font-size: 1rem;
	color: #fff;
	text-align: center;
}
form.coupon-button {
	text-align: center;
}

/* iOSでのデフォルトスタイルをリセット */
input.tsa-coupon-button {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input.tsa-coupon-button::-webkit-search-decoration {
	display: none;
}
input.tsa-coupon-button::focus {
	outline-offset: -2px;
}
input.tsa-coupon-button {
	display: inline-block;
	background-color: #3ABAC7;
	border-style: none;
	border-radius: 5px;
	padding: 15px 10px;
	font-size: 0.95rem;
	color: #fff;
	cursor: pointer;
}


/*
####################################################################################
  会員特典
####################################################################################
*/

.modal_wrap input {
	display: none;
}
.modal_overlay {
	display: flex;
	justify-content: center;
	overflow: auto;
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	transition: opacity 0.5s, transform 0s 0.5s;
	transform: scale(0);
}
.modal_trigger {
	position: absolute;
	width: 100%;
	height: 100%;
}
.modal_content {
	position: relative;
	align-self: center;
	width: 90%;
	max-width: 800px;
	padding: 20px 20px 10px;
	border-radius: 10px;
	box-sizing: border-box;
	background: #fff;
	line-height: 1.4em;
	transition: 0.5s;
}
.close_button {
	font-size: 30px;
	color: #999;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 15px;
}
.close_button:hover {
	color: #ccc;
}
.modal_wrap input:checked ~ .modal_overlay {
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s;
}

.open_button {
	display: inline-block;
	margin: 0;
	padding: 10px 20px;
	background-color: #18a8c0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
@media screen and (max-width: 413px) {
	.open_button {
		width: auto;
	}
}
.open_button:hover {
	opacity: 0.8;
}

.modal_content {}
.benefit_title {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 16px;
	font-weight: bold;
	color: #e71f19;
	text-align: center;
}
.modal_content dl {
}
.modal_content dt {
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 2px solid #18a8c0;
	font-size: 14px;
	font-weight: bold;
	color: #111;
	line-height: 1.8;
}
.modal_content dt span {
	display: inline-block;
	margin-right: 8px;
	padding: 3px 10px 1px;
	background-color: #18a8c0;
	border-radius: 3px 3px 0 0;
	color: #fff;
}
.modal_content dd {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 12px;
	color: #555;
	line-height: 1.6;
}
.benefit-txt {
	margin: 20px 0 10px 0;
	padding: 10px 12px;
	background-color: #f1f1f1;
	border-radius: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #111;
	line-height: 1.5;
}
@media screen and (min-width: 640px) {
	.modal_content {
		padding: 30px 30px 20px;
	}
	.benefit_title {
		font-size: 22px;
	}
	.modal_content dt {
		font-size: 16px;
	}
	.modal_content dd {
		font-size: 14px;
	}
	.benefit-txt {
		font-size: 14px;
	}
}


#section-benefits {
	margin: 0 0 15px 0;
	padding: 15px;
	background-color: #f5f5f5;
	border: 3px solid #f1f1f1;
	border-radius: 10px;
	text-align: center;
}
@media screen and (min-width: 414px) {
	#section-benefits {
		padding: 30px;
	}
}
#section-benefits ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style: none;
}
#section-benefits li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
@media screen and (min-width: 414px) {
	#section-benefits li {
		margin: 0;
		width: 48%;
	}
}
#section-benefits li img {
	margin-right: 10px;
	width: auto; height: 24px;
	line-height: 1.6;
	vertical-align: middle;
}
#section-benefits li a {
	display: block;
	padding: 10px 15px;
	background-color: #111;
	border-radius: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#section-benefits label {
}
#section-benefits p {
	font-size: 14px;
}
#section-benefits p.get-service {
	margin: 25px 0 5px;
}
#section-benefits p.nologin {
	margin: 25px 0 5px;
}
@media screen and (min-width: 640px) {
	#section-benefits p.nologin br {
		display: none;
	}
}


/* CP1920 */
/* header */
#cp1920 {
	padding-top: 70px;
	background-color: #ff0;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.5;
	text-align: center;
}
#cp1920 a {
	display: block;
	color: #e71f19;
	text-decoration: none;
}
#cp1920 a:hover {
	text-decoration: underline;
}
#section-firstview-v3 div.inner {
	/*
        padding-top: 0;
    */
	min-height: 510px;
}
@media screen and (max-width: 639px) {
	#cp1920 + main > #section-title {
		padding-top: 30px;
	}
}
@media screen and (min-width: 640px) {
	#cp1920 {
		padding-top: 0;
		font-size: 1.3rem;
	}

}

/*
####################################################################################
  storesell
####################################################################################
*/

.store_sell {
	font-size: 1rem;
	box-sizing: border-box;
	width: 100%;
	max-width: 960px;
	height: auto;
	display: flex;
	margin: auto;
	padding: 0;
	text-align: center;
	color: #333333;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}
.store_sell .store_sell_cont p {
	margin: 0;
	line-height: 1.8;
	text-indent: 0em;
	text-align: left;
	padding: 0 0 0 1.0em;
}

.store_sell .store_sell_cont p:not(.citation) {
	margin-bottom: 0.5rem;
}

.storesell_step{
	display: flex;
	justify-content: space-around;
}

.storesell_step img{
	max-width: 80%;
}

.storesell_bring{
	width: 33%;

}

.storesell_check{
	width: 33%;
}

.storesell_pay{
	width: 33%;
}

.store_info{
	display: flex;
	justify-content: space-around;
}

.store_btn {
	display: inline-block;
	padding: 0.15em 0.8em;
	text-decoration: none;
	background: #00b377;/*ボタン色*/
	color: #FFF;
	border-bottom: solid 3px #627295;
	border-radius: 3px;
}
.store_btn:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(3px);
	transform: translateY(3px);/*下に動く*/
	border-bottom: none;/*線を消す*/
}

@media only screen and (max-width: 767px) {
	.store_sell .store_sell_cont {
		width: 100%;
		max-width: 100%;
		border-radius: 0;
	}

	.store_info p {
		margin: 0;
		line-height: 1.8;
		text-indent: 0em;
		text-align: left;
		padding: 0 0.5em 0 0.5em;
		font-size: 0.8em;
	}
	.storesell_step p{
		font-size: 0.7em;
	}

	.itabashi_store{
		width: 50%;
	}

	.rcshonan_store{
		width: 50%;
	}
}