/*
Theme Name: うつのみやレンタカー
Version: 1.1
*/
html,
body {
	width: 100%;
}

body {
   font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 16px;
	line-height: 2em;
	color: #000;
	margin: 0;
	-webkit-text-size-adjust: none;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

div.clear {
	clear: both;
}

div.clear hr {
	display: none;
}
img{
	vertical-align:top;
}

a {
	color: #0056b5;
}

a:hover {
	text-decoration: none;
}

#vi { background: url(images/bkg.png); background-size: cover;}
#vi-in {max-width: 1100px; width: 90%; display: block; margin: auto; padding: 3em 0 0 0;}
#vi h1 {margin: 0; page: 0; font-size: 4.4vw; line-height: 1.2;text-align: center;　}
#vi h1 a { text-decoration: none; color:#000; }
#vi h1 span{background:linear-gradient(transparent 70%, #fe0 70%); padding-left: .5em; padding-right: .5em; padding-bottom: .1em;}
#mvin { display: flex;justify-content: space-between; align-items: center; padding: 3em 0 0 0;}
#mvin section { flex-basis: 48%;}
#mvin img { width: 100%;}
#mvin h2 { font-size: 3vw; font-weight: bold; line-height: 1.3;margin: 0; padding: 0;}
#subp {display: flex;justify-content: space-between;}
#subp img { max-width: 250px; width: 50%;}
.cer{width: 70px; height: 70px; border-radius: 50%; background: #fe0; text-align:center;line-height: 70px;font-size: 20px; font-weight: bold; display: inline-block;}
#price {  display: flex; align-items: center; }
#price section { flex-basis: auto;}
.prc {font-family: "Roboto Condensed", sans-serif;
	  font-weight: 800;
	  font-style: normal;
  font-size: 12vw; display: inline-block; line-height: 1; color: #d00;text-shadow:
  0 1px #fff,
  1px 1px #fff,
  1px 1px #fff,
  1px 1px #fff,
  1px 1px #fff,
  1px 1px 8px #fff;}
  .en { font-size: 4vw; font-weight: bold; color: #d00;text-shadow:
	  0 1px #fff,
	  1px 1px #fff,
	  1px 1px #fff,
	  1px 1px #fff,
	  1px 1px #fff,
	  1px 1px 8px #fff;}
#subp p { font-size: 1.1vw; line-height: 1.3; font-weight: bold;}
#yoyaku { display: block; background: #1a4ad2; }
#yoyaku-in { max-width: 1100px; width: 90%; display: flex;justify-content: center; align-items: center; padding: 2em 0; margin: auto; color: #fff;}
#yoyaku-in section { padding: 0 1em;}
#yc { font-size:2vw; font-weight: bold;}
#op {font-size:16px;}
#htel {font-size:4vw;}
#htel a { color: #fff; text-decoration: none;}
#osusume-in { max-width: 1100px; width: 90%; display: flex; justify-content: center;align-items: center; padding: 2em 0; margin: auto;}
#osusume-in section { padding: 0 1em;}
#osusume-in section:first-of-type img { max-width: 350px; width: 100%;}
#osusume-in h3 { font-size: 30px;}
#osusume-in ul {margin: 0 0 2em 0; padding: 0;}
#osusume-in li { font-size: 20px; font-weight: bold; line-height: 1.8; list-style: none;}
#osusume-in li::before { content:"◉"; padding-right: .5em; color: #00baff;}
.red { color: #ff0000; }
.smtx { font-size: 20px;}
#osusume-in p { line-height: 1.4;}
#nin-t { background: #00baff; display: block; width: 100%;}
#nin-t h2 { font-size: 3vw; font-weight: bold; line-height: 1.3; display: block; padding: .8em 1em; text-align: center; color: #fff;}
#nini-in {max-width: 1100px; width: 90%; display: block; padding: 2em 0; margin: auto; text-align: center;}
#nini-in h3 { font-size: 3vw;}
#nini-in ul { width: 50%; display: block; list-style: none; margin:auto; padding: 0;}
#nini-in li { display: block; background: #fe0; padding: 1em; margin: 2% 0; font-size: 2.6vw; font-weight: bold;}
#access {max-width: 1100px; width: 90%; display: block; padding: 2em 0; margin: auto; }
#access h3 { display: block; background: #1a4ad2; color: #fff; font-size:24px; padding: .6em 1em; margin: 0 0 1em 0;}
#access h4 {font-size: 18px; line-height: 1.5; margin: 0; padding: .5em 0; }
#fd { max-width: 1100px; width: 90%; display: block; text-align: center; padding: 2em 0; margin: auto; }
#fd h4 { font-size: 26px;}
#fdl { font-size: 36px; font-weight: bold; padding-bottom: .3em;}
#fdls {font-size: 20px; font-weight: bold; padding-bottom: .3em;}
#fdad {padding: 1em 0 0 0; font-size: 24px; font-weight: bold;  }
#fdad a { color: #000; text-decoration: none;}
#bt a { background: #00baff; border-radius: 6em; padding: 1em 2em; color: #fff; text-decoration: none; font-size: 18px; font-weight: bold; -webkit-transition: all .8s;
	transition: all .8s;}
#bt a:hover {background: #1a4ad2;}
.btm {font-size: 14px; padding-bottom: 4em;}
#copyright {font-size: 14px; background: #e9e9e9; display: block; text-align: center; padding: 1em 0;}
table {
	border: 1px #dddddd solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0 4em 0;
	width: 100%;
}

table th {
	padding: 1em;
	border: 1px #dddddd solid;
	border-width: 0 0 1px 1px;
	font-weight: normal;
	background: #f2f2f2;
	vertical-align: middle;
}



table th span {
	color: red;
}

table td {
	padding: 1em;
	border: 1px #dddddd solid;
	border-width: 0 0 1px 1px;
	background: #fff;
	vertical-align: middle;
}

table td.txc {
	text-align: center;
}

table p {
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

img.aligncenter {
	display: block;
	margin: 0 auto 1em auto;
}

img.alignright {
	margin: 0 0 1em 1em;
	display: inline;
}

img.alignleft {
	margin: 0 1em 1em 0;
}

.alignright {
	margin: 0 0 1em 1em;
	float: right;
}

.alignleft {
	margin: 0 1em 1em 0;
	float: left;
}
@media only screen and (max-width: 800px) {
	#vi-in {padding: 2em 0 1em 0;}
#mvin { padding: 1em 0 0 0;}
.cer{width: 40px; height: 40px; border-radius: 50%; background: #fe0; text-align:center;line-height: 40px;font-size: 14px; font-weight: bold; display: inline-block;}
#vi h1 {margin: 0; page: 0; font-size: 7vw; line-height: 1.3;text-align: center;　}
#vi h1 span{background:linear-gradient(transparent 70%, #fe0 70%); padding-left: 0em; padding-right: 0em; padding-bottom: .1em;}
.sp { display: none;}
#osusume-in section:first-of-type img { max-width: 200px; width: 100%;}
}
@media only screen and (max-width: 648px) {
	#subp {display: block; position: relative; }
	#subp img { width: 40%; display: block; position:absolute; right: 0; top:1.5em;}
	#subp p { font-size: 10px; line-height: 1.3; font-weight: bold;}
	#yoyaku-in { display: block; text-align: center; padding: 1em 0;}
	#yoyaku-in section { padding: 0;}
	#yc { font-size:4vw; font-weight: bold;}
	#op {font-size:16px; padding-bottom: .5em;}
	#htel {font-size:8vw;}
	#osusume-in section:first-of-type img { display: block; margin: auto;}
	#osusume-in { display: block;}
	#nini-in { text-align: left;}
	#nin-t h2 { font-size: 28px; }
	#nini-in h3 { font-size: 28px; text-align: center;}
	#nini-in ul { width: 80%; text-align: center;}
	#nini-in li { font-size: 20px; }
	#bt a { background: #00baff; border-radius: 6em; padding: 1em 1em; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; -webkit-transition: all .8s;
	transition: all .8s;}
	#fd h4 { font-size: 20px;}
	#fdl { font-size: 30px; font-weight: bold; padding-bottom: .3em;}
	#fdls {font-size: 18px; font-weight: bold; padding-bottom: .3em;}
	.prc {font-size: 50px; }
}