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

#wrap {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 12px;
    line-height: 1.8;
}


#head {
	clear: both;
	width: calc(100% - 6vw);
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding: 10px 4vw;
}
#headwrap {
	clear: both;
	height: auto;
}
#logo {
	width: 16vw;
	padding-top: 0px;
	max-width: 68px;
	padding-right: 3vw;
	float: left;
}
#logo img{
	width: 100%;
	height: auto;
}
#telwrap {
	text-align: center;
	max-width: 300px;
	width: 70vw;
	padding-top: 4.6vw;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
}

#telwrap img:nth-of-type(1){
	width: 62%;
	height: auto;
	display: inline;
}
#telwrap a img{
	width: 34%!important;
	height: auto;
	display: inline;
}
#telwrap img:nth-of-type(2){
	width: 4%;
	height: auto;
	display: inline;
}
#mainimg {
	position: relative;
	top: auto;
	z-index: 0;
	margin-bottom: -110px;
	margin: 0 auto;
	width: 100%;
}
#mainimg img {
	width: 100%;
	height: auto;
	position: relative;
	left: auto;
	transform: translateX(0);
}.titleimg{
	
	height: auto;
}
.countimg{
	background-image: url(../img/date_sp.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	width: 100%;
	text-align: center;
	font-size: 18vw;
	line-height: 1em;
	padding-top: 61vw;
	font-weight: bold;
	height: 29vw;
	position: absolute;
	margin-bottom: 0px;
	top: 0px;
}
.countimg p {
	padding-bottom: 0px;
}

.countimg span  {
	font-size: 8vw;
	line-height: 1em;
}


#cont {
    clear: both;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    position: relative;
    text-align: center;
}
.bg-shibahu {
    background-image: url(../img/shibahu-bg.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
}
#cont .bg-shibahu .main {
    background-image: url(../img/main-sp.jpg);
    background-repeat: no-repeat;
	background-size: 100% auto;
    background-position: center top;
    padding-top: 75vw;
    position: relative;
}
.coment {
    
	position: relative;
	top:0px;
	margin-bottom: 0px;
}
.coment-area {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
	margin-bottom: 20px;
}
.coment-area p img{
	width: 100%;
	height: auto;
}
.result-area {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.result-area .cel2{
	display: inline-block;
	margin: 0px;
}
.result-area .cel2 img{
	width: 100%;
	height: auto;
}

.result-area-w {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 80%;
    padding: 10% 5%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
}
.result-area-w .title{
	width: 100%;
	max-width: 305px;
	margin: 0 auto;
}
.result-area-w .title img{
	width: 100%;
	height: auto;
}
.result-area-w .centerphoto{
	max-width:271px;
	margin: 0 auto;
}
.result-area-w .centerphoto img{
	width: 100%;
	height: auto;
}

#result_prof {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: bold;
}
#result_prof .photo {
	float: none;
	padding-right: 0px;
	margin: 0 auto;
	width: 120px;
}
#result_prof .photo img{
	width: 100%;
	height: auto;
}
#result_prof p.come {
	padding-top: 10px;
	text-align: left;
}
.txt24 {
    font-size: 16px;
}


.cont_info {
    padding-top: 0px;
    background-image: url(../img/entry-bg-sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
    top: auto;
    background-size: 800px auto;
}
.maptitle{
    text-align: center;
    margin-top: 0px;
	margin-bottom: 0;
	padding-top: 40px;
    font-size: 14px;
    background-image: url(../img/kazari-sp.png);
    background-size: 575px auto;
    background-position: center 0px;
    background-repeat: no-repeat;
}
.maptitle img{
	width: 230px;
	height: auto;
}
.entry-title {
    position: relative;
    top: 0vw;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 0vw;
    
	
}
.entry-title .imgtitle {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 20px;
}

.etcatch {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6em;
	padding-bottom: 10px;
	padding-top: 10px;
}


.entry-title h3 {
	background-image: none;
	background-color: #000;
	color: #FFFFFF;
	font-size: 26px;
	line-height: 1.4em;
	font-weight: bold;
	padding-top: 26px;
	padding-bottom: 26px;
	top: -25vw;
	position: relative;
	margin-bottom: -25vw;
}
.entry-title h3:after{
	content: " ";
	position: absolute;
	width: 107%;
	height: 100%;
	background-image: url("../../img/bg_entry-title_sp.png");
	background-size: 100% auto;
	left: 50%;
	top: -2.3vw;
	background-position: center top;
	transform: translateX(-50%);
	background-repeat: no-repeat;
}
.entry-title .bn01 {
	background-color: #FFFFFF;
	width: 59%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 13%;
	padding-right: 13%;
}

.entry-title .bn01 .photo {
	display: block;
	padding-right: 0px;
	vertical-align: middle;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}
.entry-title .bn01 .box {
	display: block;
	text-align: left;
	vertical-align: middle;
}
.entry-title .bn01 h4 {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.6em;
	color: #00902F;
	padding-bottom: 0px;
}
.entry-title .bn02 {
	background-color: #FFFFFF;
	width: 69%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 8%;
	padding-right: 8%;
	float: none;
}
.entry-title .bn02 .photo {
	width: 13%;
	padding-right: 8%;
	vertical-align: middle;
	padding-left:0;
}
.entry-title .bn02 .box {
	width: 76%;
	text-align: left;
	vertical-align: middle;
}
.entry-title .bn02 h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.6em;
	padding-bottom: 0px;
}
.entry-title ol li {
	text-indent: -17px;
	margin-left: 17px;
}
.entry-title .bn03{
	background-color: #FFFFFF;
	width: 69%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 8%;
	padding-right: 8%;
	float: none;
}

.entry-title .bn03 .photo {
	width: 13%;
	padding-right: 8%;
	vertical-align: middle;
	padding-left:0;
}
.entry-title .bn03 .box {
	width: 76%;
	text-align: left;
	vertical-align: middle;
}
.entry-title .bn03 h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.6em;
	padding-bottom: 0px;
}
.entry-title .cap {
	clear: both;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	line-height: 1.2em;
	padding-bottom: 20px;
	padding-top: 0;
	width: 85%;
}



.entry-title img{
	max-width: 360px;
	height: auto;
	width: 100%;
	margin-bottom: 0px;
}
.entryimg {
	padding-bottom: 9vw;
	width: 100%;
	margin: 0 auto;
}

.maparea {
    position: relative;
    padding-bottom: 140px;
    width: 300px;
	height: 1200px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
}
.hokaido {
	position: absolute;
	top:15px;
	right: -25px;
}
.iwate{
	position: absolute;
	top:260px;
	left:140px;
}

.miyagi{
	position: absolute;
	top:345px;
	left:140px;
	z-index: 10;
}
.niigata{
    position: absolute;
    top: 440px;
    left: -30px;
}
.hukushima{
    position: absolute;
    top: 455px;
    left: 125px;
}
.nagano{
    position: absolute;
    top: 605px;
    left: -25px;
}
.gunma{
    position: absolute;
    top: 580px;
    left: 60px;
}
.tochigi{
    position: absolute;
    top: 588px;
    left: 150px;
}
.ibaraki{
    position: absolute;
    top: 605px;
    left: 240px;
}
.saitama{
    position: absolute;
    top: 758px;
    left: 40px;
	z-index: 30;
}
.saitama02{
    position: absolute;
    top: 758px;
    left: 139px;
}
.chiba{
    position: absolute;
    top: 860px;
    left: 240px;
}
.kanagawa{
    position: absolute;
    top: 915px;
    left: 40px;
}
.entryimg img {
	width: 100%;
	height: auto;
}
.foot-banner {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.foot-banner li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
	width: 40%;
	margin: 0 3%;
}
.foot-banner li img{
	width: 100%;
	height: auto;
}

.footlink {
    padding-bottom: 76px;
}


.footlink {
	width: 77.2vw;
	margin: 0 auto;
    padding-bottom: 9vw;
}
.footlink img:nth-of-type(1){
	width: 62%;
	height: auto;
	display: inline;
}
.footlink a img{
	width: 34%!important;
	height: auto;
	display: inline;
}
.footlink img:nth-of-type(2){
	width: 4%;
	height: auto;
	display: inline;
}




#footwrap {
	background-color: #EFEFEF;
	clear: both;
	overflow: hidden;
}
#foot {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.adbox {
	text-align: center;
	float: none;
	padding-top: 0px;
	padding-bottom: 20px;
	background: #fff;
}
.adbox h5{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
}
.adbox .telnum {
	font-size: 26px;
	line-height: 1.6em;
	font-weight: bold;
	padding-bottom: 0px;
}
.adbox .telnum img {
	height: 30px;
	width: auto;
}

.telnum .txtmin {
	font-size: 12px;
}
.telnum img {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
	padding-bottom: 0px;
	font-size: medium;
}
.footsns {
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: left;
}
.footsns.kiyaku{
	margin-top: 0;
}
.footsns ul li {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    padding-left: 10px;
	width: 30%;
	text-align: left;

}
.footsns ul li img{
	width: 100%;
	height: auto;
}
.footsns ul li a{
	font-size:10px;
}

.footlogo{
	width: 100%;
	float: none;
	padding-top: 6vw;
	padding-bottom: 6vw;
	background-color: #FFFFFF;
}
.footlogo img{
	width: 26vw;
	height: auto;
}
#cr {
	background-color: #3E3E3E;
	color: #fff;
	font-size: 12px;
	line-height: 1.2em;
	padding-top: 20px;
	padding-bottom: 20px;
}

.sidelist {
	padding-bottom: 20px;
}
.sidelist li {
	line-height: 20px;
}
.sidelist  a {
	color: #EB6D51;
	text-decoration: none;
}

.midashi {
	clear: both;
	width: auto;
	font-size: 22px;
}
.midashi02 {
	background-repeat: no-repeat;
	clear: both;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 18px;
}

.komidashi {
}
.txtbox {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.linebox {
	clear: both;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
.centerphoto {
	text-align: center;
	clear: both;
	padding-bottom: 30px;
	width:100%;
}
.centerphoto img {
	width:100%;
	height:auto;
}
.centertxt {
	text-align: center;
	clear: both;
}
.tbl {
	width: 100%;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	clear: both;
}
.tbl td {
	text-align: left;
	vertical-align: top;
}
.tbl th {
	text-align: left;
	vertical-align: top;
}
.pagetop {
	text-align: right;
	clear: both;
	padding-bottom: 50px;
	font-size: 12px;
	line-height: 20px;
	color: #F15A24;
}
.pc-none{
	display: block;
}
.sp-none{
	display: none;
}

.pc-none02{
	display: inline-block;
}
.sp-none02{
	display: none;
}
form .tbl {
	width: 100%;
}

form th ,form td{
	display: block;
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
.form01, .form02 {
	width: 100%;
}
.telbox {
	width: auto;
}
#contmainimg {
    position: relative;
    top: 0px;
    z-index: 0;
    margin: 0 auto 0px;
    width: 100%;
	
}
#contmainimg img{
	width: 100%;
	height: auto;
}

.contentarea{
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
}
.contentarea .menutitle img{
	width: 260px;
	height: auto;
}
.menuarea {
	font-size:0;
    width: 96%;
    max-width: 1035px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 30px;
	text-align: left;
}

.menubox {
    border-width: 2px;
    border-style: solid;
    border-radius: 10px 10px 0px 0px;
	width: calc(46% - 4px);
	position: relative;
	display: inline-block;
	margin: 2%;
	vertical-align: top;
}
.menubox a{
	text-decoration: none;
	color:#333;
}
.menu-upper{
	min-height: 80px;;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.menu-kazari{
    background-image: url(../img/kazari01.png);
    background-repeat: no-repeat;
    background-position: center 90%;
    background-size: 140px auto;
	padding: 2px 0;
}
.nidan01 {
    position: relative;
	padding-left: 30px;
}
.nidan02 {
    position: relative;
	padding-left: 30px;
	margin-top: 8px;
}

.num{
    color: #fff;
    font-weight: bold;
    font-size: 11px;
	line-height: 20px;
	text-align: center;
	width: 25px;
	padding-bottom: 5px;
    background-image: url(../img/number-bg.png);
	background-repeat: no-repeat;
    background-position: left top;
	background-size: 25px auto;
	position: absolute;
	left:2px;
	top:1px;
}
.road-name{
	text-align: center;
	color:#fff;
	font-size:14px;
	font-weight: bold;
}
.sa-name{
	text-align: center;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	line-height: 1.2;
}
.mark{
	text-align: center;
	color:#fff;
	font-size:11px;
	font-weight: bold;
	margin: 0px;
}
div.mark{
	margin:10px 0 8px; 
}
.mark span{
	background: #797979;
	border:1px solid #fff;
	padding: 2px 4px;
	border-radius : 50%;
	margin: 0 2px;
}
.mark2{
	text-align: center;
	color:#fff;
	font-size:11px;
	font-weight: bold;
	margin: 2px;
}
.mark2 span{
	background: #797979;
	border:1px solid #fff;
	padding: 2px 4px;
	border-radius : 50%;
	margin: 0 2px;
}
.menu-photo img{
	width: 100%;
	height: auto;
}
.menu-coment{
    font-size: 12px;
    font-weight: bold;
    padding: 10px 20px;
    line-height: 1.4;
    background-image: url(../img/icon-link.png);
    background-position: 99% 96%;
    background-repeat: no-repeat;
    background-size: 10px auto;
}
.back-btn a {
    width: 200px;
	font-size:16px;
    border: 2px solid #666666;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #333333;
    border-radius: 40px;
    margin-top: 40px;
    -webkit-box-shadow: 0px 5px 5px #CCCCCC;
    box-shadow: 0px 5px 5px #CCCCCC;
	transition: 0.2s;
}
.back-btn a:hover{
	transform: translateY(5px);
	box-shadow: 0px 0px 5px #CCCCCC;
}
.tohyo-area {
    background-color: #FFF9B4;
    text-align: center;
    padding: 30px
}
.tohyo-area .tohyo-btn img{
	width: 100%;
	max-width: 400px;
	height: auto;
}
.foot-banner .title {
    color: #00418D;
    font-weight: bold;
    font-size: 18px;
}
.foot-banner .txt {
    font-size: 16px;
	margin-bottom: 20px;
}
.voice-area {
	background-image: url(../img/voice-img.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 80px auto;
	padding-left: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.voice-area .voicebox {
	border-radius: 10px;
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.menutitle {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 20px;
}
#foot_prof {
	width: 88%;
}

#foot_prof .photo {
	width: 35%;
	padding-right: 6%;
	padding-top: 0px;
	padding-bottom: 0;
}
#foot_prof .photo img {
	width: 100%;
	height: auto;
}
#foot_prof strong  {
	font-size: 14px;
	line-height: 1.6em;
	padding-top: 20px;
}
#foot_prof .come {
	clear: both;
}

#foot_prof strong span {
	font-size: 16px;
}
.fir-voice {
	width: calc(85% - 30px);
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 20px;
}
.fir-voice .voice-area .voicebox{
	text-align: left;
}
.main-end {
    position: absolute;
    top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9999;
}
.main-end img {
    width: 240px!important;
	height: auto;
}
.end-img{
	position: absolute;
    top:40%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.end-img img{
	width: 280px;
	max-width: 280px;
	height: auto;
}
.end-img2{
	position: absolute;
    top:60%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.end-img2 img{
	width: 280px;
	max-width: 280px;
	height: auto;
}
.rank {
    position: absolute;
    top: 85vw;
    left: 20px;
}

.rank img {
    width: 150px;
    height: auto;
}