@charset "UTF-8";

@media screen and (max-width:900px) {

img {
	max-width: 100%;
	height: auto;
}
.headerIn,
#topintro,
.topintro6,
#topChiiki,
.topChiiki6,
#topMinpaku,
#topMinka,
#chiikidekiru,
.chiikidekiruWrap,
#topAccess,
#topWatashitachi,
.swiper-container {
	width: auto;
}
body {
	/*overflow: hidden;*/
}
.pc {
	display: none;
}
.sp {
	display: block;
}
header {
	height: 60px;
}
.headerIn {
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	padding: 0 10px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	z-index: 999;
}
.headerL {
	width: 170px;
	padding: 15px 0;
}
.headerR {
	display: none;
}
.spMenu {
	display:block;
	position:  relative;
	top: 0;
	width: auto;
	margin: 0 -10px;
}
.spMenu .spMenuBtn {
	width: 45px;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 13px 10px 13px 0;
	z-index: 999;
}
.spMenu .spMenuBtn:before {
	content: "";
	display: block;
	background: #888888;
	position: absolute;
	top: 0;
	width: 100%;
	height: 3px;
}
.spMenu .spMenuBtn.on:before {
	-webkit-transform: translateY(20px) rotate(-315deg);
    transform: translateY(20px) rotate(-315deg);
	top: -3px;
}
.spMenu .spMenuBtn:after {
	content: "";
	display: block;
	background: #888888;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3px;
}
.spMenu .spMenuBtn.on:after {
	-webkit-transform: translateY(-20px) rotate(315deg);
    transform: translateY(-20px) rotate(315deg);
	top: 36px;
}
.spMenu .spMenuBtn span {
	display: block;
	background: #888888;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	margin: auto;
}
.spMenu .spMenuBtn.on span {
	display: none;
}
.spMenu ul {
	display: none;
	position: fixed;
	top: 60px;
	bottom: 0;
	width: 100%;
	overflow-y: auto;
}
.spMenu ul li {
	background: #e95550;
	border-bottom: 1px solid #ffffff;
}
.spMenu ul li a {
	display: block;
	color: #ffffff;
	padding: 15px 0;
	text-align: center;
	font-size: 15px;
	text-decoration: none !important;
}
#nav {
	display: none !important;
	opacity: 0 !important;
}
#backtotop {
	width: 50px;
	height: 50px;
	right: 2%;
	bottom: 5%;
}

#topChiikiImg {
	height: 200px;
}
#topintro {
    padding: 20px 10px 75px;
}
#topintro div {
    margin-top: 58px;
}
.topBottomLogo {
	width: 65%;
}
.topCatch1 {
	left: 0;
	right: 0;
	width: 65%;
	margin: auto;
	text-align: center;
}
.topintro1,
.topintro2,
.topintro3 {
    top: -19%;
    bottom: 0;
    right: 4%;
    height: auto;
    margin: auto;
}
.topintro1 {
	width: 24%;
}
.topintro2 {
	width: 42%;
}
.topintro3 {
	width: 42%;
}
.topintro4 {
	width: 9%;
    height: auto;
    right: 85%;
    top: -106%;
}
.topintro6 {
	top: 0;
	left: 0;
	height: auto;
	font-size: 4vw;
}
.topintro6 span {
	display: block;
    font-size: 6.5vw;
	margin-bottom: 30px
}
.topintro6 span br {
	display: block;
}
.topintro6 br {
	display: none;
}
#topChiiki {
	padding: 25px 10px 50px;
}
#topChiiki #topChiikiCatch {
	padding: 0;
}
#topChiiki div {
	margin-top: 50px;
}
#topChiiki .topChiikiKushinav {
	margin-top: 30px;
}
#topChiiki #topChiikiCatch h3,
#topMinpaku #topMinpakuCatch h3,
#topMinkaTi h3,
#topAccess #topAccessCatch h3,
#topWatashitachi #topWatashitachiCatch h3 {
    width: 9%;
	padding: 0 5%;
	text-align: center;
}
#topChiiki #topChiikiCatch h3 img,
#topMinpaku #topMinpakuCatch h3 img,
#topMinkaTi h3 img,
#topAccess #topAccessCatch h3 img,
#topWatashitachi #topWatashitachiCatch h3 img {
	width: 100%;
}
#topChiiki #topChiikiCatch p {
	padding: 0;
	font-size: 4.4vw;
}.topWatashitachiSec3b
#topChiiki #topChiikiCatch p:last-child {
	padding: 30px 10px 0 0;
}
#topChiiki #topChiikiCatch div {
    width: 72%;
}
.topChiiki1 {
    width: 9%;
    height: auto;
    top: -130%;
    right: 5%;
}
.topChiiki2 {
    width: 26%;
    height: auto;
    top: -113%;
    right: 5%;
}
.topChiiki3 {
    width: 9%;
    height: auto;
    top: -127%;
    right: 5%;
}
.topChiiki4 {
    width: 9%;
    height: auto;
    top: -141%;
    right: 81%;
}
.topChiiki5 {
    width: 26%;
    height: auto;
    top: -145%;
    right: 5%;
}
.topChiikiIll1 {
    width: 27%;
    height: auto;
    top: -63%;
    left: 0;
    right: auto;
}
.topChiikiIll2 {
    width: 18%;
    height: auto;
    top: -55%;
    right: 5%;
}
.topChiikiIll3 {
    width: 24%;
    height: auto;
    top: 71%;
    right: 0;
}
.topChiikiIll4 {
    width: 38%;
    height: auto;
    bottom: -13%;
    left: 0;
}
.topChiiki6 {
    top: -10%;
    left: 0;
	font-size: 4vw;
}
.topChiiki6 span {
	display: block;
	margin-bottom: 20px;
	font-size: 6.5vw;
}
.topChiiki6 br {
	display: none;
}
#topMinpaku {
    padding: 25px 10px 50px;
}
#topMinpaku #topMinpakuCatch {
    padding: 0;
    margin-top: 50px;
}
#topMinpaku #topMinpakuCatch p {
    font-size: 4.4vw;
    padding: 17% 0;
}
#topMinpaku #topMinpakuCatch div {
    width: 72%;
}
#topMinpaku div {
	margin-top: 50px;
}
.topMinpaku1 {
    width: 9%;
    height: auto;
    top: -20%;
    right: 5%;
}
.topMinpaku2 {
    width: 9%;
    height: auto;
    top: -40%;
    right: 5%;
}
.topMinpaku3 {
    width: 9%;
    height: auto;
    top: -42%;
    right: 5%;
}
.topMinpaku4 {
    width: 9%;
    height: auto;
    top: -40%;
    right: 5%;
}
.topMinpaku5 {
    width: 9%;
    height: auto;
    top: -45%;
    right: 5%;
}
.topMinpaku6 {
    width: 9%;
    height: auto;
    top: -39%;
    right: 5%;
}
.topMinpaku7 {
    width: 9%;
    height: auto;
    top: -70%;
    right: 5%;
}
.topMinpaku8 {
    width: 9%;
    height: auto;
    top: -40%;
    right: 5%;
}
.topMinpaku9 {
    width: 9%;
    height: auto;
    top: -69%;
    right: 5%;
}
#topMinpaku div.lastCatch {
    margin-top: 105px;
}
#topMinpaku .topBottomLogo {
	margin-top: 100px !important;
}
#topMinkaTi {
	width: auto;
    padding: 75px 10px 20px;
}
#topMinkaTi div:first-child {
	width: 26%;
	margin: 20% 0 0 5%;
	font-size: 5.5vw;
}
#topMinkaTi div:last-child {
	width: 42%;
	margin-top: 20%;
	font-size: 5.5vw;
}
#topMinkaTi h3 {
	margin: 0 0 0 6%;
}
.topMinkaSec {
	width: 50%;
    padding: 0 0 20px;
}
.topMinkaSec a {
	display: block;
}
.topMinkaSec span {
	padding-bottom: 11px;
	font-size: 15px;
}
#topMinka {
	padding-bottom: 50px;
}
#topMinka .topMinkaSec:nth-child(3n) {
	width: 50%;
}
.topMinkaSec div {
    font-size: 15px;
}
.topMinkaSec img {
    padding-bottom: 0;
}
.topprice {
	width: auto;
	padding: 30px 10px;
}
.topprice p {
	font-size: 14px;
}
.toppriceBo {
	padding: 25px 0 10px;
}
.toppriceBoBo {
	display: block;
	float: none !important;
	max-width: 350px;
	width: 100%;
	margin: 0 auto 20px;
	font-size: 20px;
	padding: 20px 5px;
}
.topprice h2 {
	margin-bottom: 0.5em;
	font-size: 25px;
}
.toppriceIppaku span {
	width: 20%;
}
.toppriceIppaku span:nth-child(2n) {
    width: 60%;
	margin: 0;
    font-size: 4vw;
}
.toppriceSec span:nth-child(1n) {
    font-size: 4vw;
}
.toppriceSec span:nth-child(1n) strong {
    padding-bottom: 0;
    font-size: 5vw;
}
.toppriceSec span:nth-child(2n) {
    font-size: 5vw;
    padding-left: 3%;
}
.toppriceSec span:nth-child(3n) {
    font-size: 9vw;
}
.toppriceZei {
    font-size: 4vw;
}
.toppriceZei span:last-child {
    width: 85%;
    margin: 0;
}
.toppriceZei span:first-child {
    width: 15%;
}
#chiikidekiru {
	margin: 0 auto 65px;
	padding-top: 75px;
}
.chiikidekiruTiL {
	width: auto;
	float: none;
	padding-top: 0;
}
.chiikidekiruTi {
	padding: 15px 0;
	font-size: 22px;
}
.chiikidekiruTi2 {
    margin: 0 10px 15px;
    padding-top: 15px;
    font-size: 15px;
}
.chiikidekiruTiR {
    width: auto;
	max-width: 230px;
}
.chiikidekiruWrap {
	display: block;
}
.chiikidekiruSec {
    width: auto;
    padding: 0 10px 20px;
    font-size: 15px;
    float: none;
    text-align: center;
}
.chiikidekiruSec:nth-child(3n) {
	padding: 0 10px 20px;
}
.chiikidekiruSec h3 {
    padding: 12px 0 3px;

    font-size: 18px;
}
.chiikidekiruBo {
    margin: 0 auto;
    padding: 20px 0;
    width: 95%;
}
.chiikidekiruBoBo {
    max-width: 350px;
    margin:  0 auto;
    font-size: 20px;
    padding:  20px 5px;
}
.chiikidekiruLast {
	width: 95%;
	margin: 0 auto;
	padding: 0 0 60px 0;
	font-size: 14px;
	text-align: center;
}
#topAccess {
    padding: 75px 10px 50px;
}
#topAccess #topAccessCatch {
	padding: 0;
}
#topAccess #topAccessCatch .iframeMap {
	position: relative;
	width: 100%;
	padding-bottom: 70%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
#topAccess #topAccessCatch .iframeMap iframe,
#topAccess #topAccessCatch .iframeMap object,
#topAccess #topAccessCatch .iframeMap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#topAccess #topAccessCatch div {
    width: 72%;
}
#topAccess #topAccessCatch div h4 {
    margin: 0 0 10px 0;
    font-size: 22px;
}
#topAccess #topAccessCatch div h4 + p {
	font-size: 14px;
}
#topAccess .topAccessGuide {
    margin: 32px 0 13px;
}
#topAccess .topAccessLink {
	margin-top: 20px;
}
#topAccess .topAccessLink ul li {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	margin: 0 0 10px;
	padding: 0 5px;
	box-sizing: border-box;
}
#topAccess .topAccessLink ul li a {
	display: block;
    font-size: 12px;
    border-radius: 3px;
    padding: 6px 1px;
}
#topWatashitachi {
    padding: 75px 10px 50px;
}
#topWatashitachi #topWatashitachiCatch {
	padding: 0;
}
#topWatashitachi #topWatashitachiCatch div {
    width: 51%;
    margin: 3% 13% 0 0;
}
#topWatashitachiSec {
    width: auto;
    padding: 0 10px;
    font-size: 15px;
    text-align: left;
}
#topWatashitachiSec br {
	display: none;
}
#topWatashitachiSec h2 {
    font-size: 20px;
}
#topWatashitachiSec h2 br {
	display: block;
}
.topWatashitachiSec2 {
    width: auto;
    padding-top: 50px;
}
.topWatashitachiSec2a {
    width: auto;
    float: none;
	margin-bottom: 20px;
    padding: 0 10px;
    text-align: center;
}
.topWatashitachiSec2b {
    width: auto;
    float: none;
    padding: 0 10px;
    font-size: 15px;
}
.topWatashitachiSec2b h3 {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.topWatashitachiSec3 {
    width: auto;
    padding: 0 10px 45px;
    border-bottom: 1px solid #000000;
}
.topWatashitachiSec3a {
	width: auto;
}
.topWatashitachiSec3b {
    margin: 0 auto;
    max-width: 350px;
    width: auto;
    display: block;
    float: none;
    font-size: 20px;
    padding: 20px 5px;
}
#minkapage {
	width: auto;
}
.swiper-container {
	height: auto;
	margin: 0 0 40px 0;
}
.swiper-slide {
	line-height: 1;
}
.minkapage1 {
	width: auto;
	margin: 0 10px;
}
.minkapage1L {
	float: none;
	width: auto;
	margin-bottom: 20px;
	text-align: center;
}
.minkapage1R {
	float: none;
	width: auto;
	font-size: 15px;
}
.minkapage1R h2 {
    text-align: center;
    font-size: 23px;
    margin-bottom: 11px;
}
.minkapage2 {
	width: auto;
	margin: 20px 10px 0;
}
.minkapage2L {
	float: none;
	width: auto;
}
.minkapage2R {
	float: none;
	width: auto;
	overflow: hidden;
}
.minkapage2R img {
	display: block;
	float: left;
	width: 48%;
	margin: 1%;
}
.minkapage2L h3 .minkapage2linec {
	width: 26%;
	margin: 0;
}
.minkapage2L div {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.minkapage2L div span:first-child {
	display: block;
	float: none;
	width: auto;
}
.minkapage2L div span:last-child {
	display: block;
	float: none;
	width: auto;
	font-size: 15px;
}
.minkapage2L h3 .minkapage2line {
	width: 37%;
}
.minkapageBo {
	max-width: 300px;
	width: 100%;
	padding: 30px 0;
}
.minkapageBo a {
	padding: 15px 0;
	font-size: 18px;
}
.minkapage2L div ul {
	text-align: center;
}
.minkapage2L div ul li {
    margin: 1%;
    width: 46%;
}

/*/////////////////////////サイトポリシー・プライバシーポリシー///////////////////////*/
.policy {
	width: auto;
	margin: 30px 10px 50px;
	font-size: 15px;
}
.policy .section {
	margin-bottom: 30px;
	padding-bottom: 15px;
}
.policy h3 {
	margin-bottom: 10px;
	font-size: 20px;
}
.policy .section dl dt {
	margin-bottom: 5px;
	font-size: 18px;
}
.policy .section dl dd {
	font-size: 15px;
	margin: 0 0 20px 0;
}
.policy .section dl dd p {
	margin-bottom: 15px;
}
.policy .section dl dd ul {
	margin: 15px 0;
}
.policyLink {
	float: none;
    display: block;
    margin: 3% 0;
	text-align: center;
}

footer {
	width: auto;
    padding: 30px 10px 5px;
}
footer p,
footer div {
	width: auto;
	overflow: hidden;
	line-height: 1.5;
}
footer p {
    padding-bottom: 10px;
}
footer div .copyright {
    float: none;
	display: block;
	text-align: center;
}
footer div ul {
    float: none;
    width: auto;
    padding: 20px 0 10px;
    text-align: center;
}
footer div ul li:first-child {
	margin-left: 0;
}

}