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

body {
  height:auto !important;
}


/* Web Font
--------------------------------------------*/
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-vfdd75');
	src:url('fonts/icomoon.eot?#iefix-vfdd75') format('embedded-opentype'),
  url('fonts/icomoon.woff?-vfdd75') format('woff'),
  url('fonts/icomoon.ttf?-vfdd75') format('truetype'),
  url('/fonts/icomoon.svg?-vfdd75#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-clock a:before {
    content: "\e94e";
}


/* Reset default
--------------------------------------------*/
body {
  font-size:12px;
  background:url(../img/bg.png) top no-repeat;
  background-size:160% auto;
  -moz-background-size:160% auto;
  -webkit-background-size:160% auto;
  -o-background-size:160% auto;
  -ms-background-size:160% auto;
}

img {
  max-width:100%;
  vertical-align:bottom;
}

ul {
  margin:0;
  padding:0;
}

li {
  list-style:none;
}

a {
  text-decoration:none;
}

p {
  line-height:1.6;
}


/* Header
--------------------------------------------*/
header {
  margin-bottom:3%;
}

header h1 {
  margin:32px 3% 0;
  text-align:center;
}

header nav ul {
  text-align:right;
}

header nav li a {
  display:block;
  padding:16px 3% 16px 0;
  background:rgba(255,255,255,0.80);
  border-bottom:2px solid rgba(254,216,1,0.80);
  color:rgba(0,0,0,1.00); font-weight:bold;
}

#nav_adjust {
  position:fixed;
  left:3%;
  top:48px;
  color:#FFFFFF;
  font-weight:bold;
  z-index:9999;
  padding:0;
  margin:0;
  width:64px;
  text-align:center;
}


/* Common
--------------------------------------------*/
section {
  -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -o-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -ms-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

section ul{padding:12px;}

section dt{
	margin-left:0px;
padding-left:12px;
padding-top:5px;
}

section dd{
	margin-left:0px;
padding:12px;
border-bottom:1px solid #827777;
}

#contents_wrapper {
  margin:0 3%;
}

#under_wrapper {
  margin:24px 3%;
}


/* Top page
--------------------------------------------*/
#service_intro {
  margin-bottom:6%;
}

#service_intro section {
  margin-bottom:3%;
  background:#FFFFFF;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

#service_intro section:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

#service_intro h2 {
  margin:0;
}

.pick_up {
  border:3px solid #ff3c38;
}

.pick_up p {
  background:#ff3c38;
  color:#FFFFFF;
}

.green {
  border:3px solid #3ec300;
}

.green p {
  background:#3ec300;
  color:#FFFFFF;
}

.pink {
  border:3px solid #ff467a;
}

.pink p {
  background:#ff467a;
  color:#FFFFFF;
}

.blue {
  border:3px solid #30C5FF;
}

.blue p {
  background:#30C5FF;
  color:#FFFFFF;
}

#service_intro p {
  margin:0;
  padding:2.5%;
}

#inner_service {
  overflow:hidden;
}

#inner_service section {
  width:48.5%;
  float:left;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

#inner_service section:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

#inner_service section:first-child {
  margin-right:3%;
}

#top_explain section {
  margin-bottom:6% !important;
  background:#FFFFFF;
}

#top_explain h3 {
  background:#f93b37;
  color:#FFFFFF;
  text-align:center;
  margin:0;
  padding:8px;
}

#top_explain p, #top_explain ul {
  padding:2.5%; margin:0;
}

#top_explain li {
  padding:6px 8px;
}

#top_explain li:first-child {
  padding-top:0;
}

#top_explain li:nth-child(even) {
  background:#fff6c2;
}

#banners {
  margin-bottom:6%;
}

#banners li {
  margin-bottom:3%;
  -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -o-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -ms-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
}


/* Lower common
--------------------------------------------*/
.lower section {
  margin-bottom:24px;
}

#lower_intro {
  box-shadow:none;
}



#lower_intro p {
  background:#dcf2ff;
  border-radius:8px;
  padding:12px;
}

#lower_intro2 p {
  background:#dcf2ff;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  padding:12px;
}

#lower_intro2 h3 {
  background: #0D4AB4;
  border-bottom:3px #D5C033 solid;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  padding:12px;
}



.lower p {
  padding:12px;
  margin:0;
}

/* lower h3 */
.lower h3 {
  margin:0;
  padding:12px 0;
  text-align:center;
  color:#FFFFFF;
  font-size:16px;
  text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
  font-weight:bold;
  background-color: #ff467a;
  /*background-image: -webkit-linear-gradient(-45deg, #455765 25%, transparent 25%, transparent 50%, #455765 50%, #455765 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #ff648f 25%, transparent 25%, transparent 50%, #ff648f 50%, #ff648f 75%, transparent 75%, transparent);
  background-size: 16px 16px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
}

.colored01 {
  background:#30C5FF !important;
}

.colored02 {
  background:#3ec300 !important;
}

/*.color01 { background:#3ec300; }
.color02 { background:#30c5ff; }
.color03 { background:#ff467a; }
.color04 { background:#fed900; }
.color05 { background:#0072f5; }
.color06 { background:#b641dc; }
.color07 { background:#41dc95; }*/

/* lower h4 */
.lower h4 {
  background:#0072f5;
  margin:24px 3% 8px;
  padding:8px;
  color:#FFFFFF;
  text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
  border-radius:25px;
  text-align:center;
  -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -o-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -ms-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

/* plans */
#plans {
  box-shadow:none;
}

#plans h2 {
  margin:0;
}

#plans table {
  margin:0 3% 16px;
  overflow:hidden;
  width:94%;
}

#plans th, #plans td {
  padding:8px;
}

#plans th {
  border:2px solid #FFFFFF;
  box-sizing:border-box;
}

#plans td {
  background:#FFFFFF;
  color:#ff467a;
  font-weight:bold;
  border:2px solid #fff;
  border-bottom:2px solid #dcf2ff;
  box-sizing:border-box;
  width:70%;
}

#plans tr:last-child td {
  border-bottom:2px solid #fff !important;
  box-sizing:border-box;
}

.back_color {
  background:#dcf2ff;
  padding:16px 0;
}

caption {
  caption-side:bottom;
  font-size:10px;
  text-align:left;
  padding-top:4px;
}

.lower_ul {
  margin:0 3%;
  background:#FFFFFF;
  border-radius:8px;
  padding:8px;
}

.lower_ul li {
  border-bottom:2px solid #dcf2ff;
  padding:6px 0;
}

.lower_ul li:last-child {
  border-bottom:none;
}

#plans p {
  margin:0 3%;
  text-align:center;
  background:#FFFFFF;
  border-radius:8px;
  padding:8px;
}


/* Under
--------------------------------------------*/
#sell_nav li {
  border-bottom:1px solid #fff;
}

#sell_nav li:last-child {
  border-bottom:0;
}

#sell_nav li a {
  background:#0072f5;
  width:100%;
  display:block;
  padding:8px 0 8px 8px;
  color:#fff;
  font-size:18px;
  line-height:20px;
  font-weight:bold;
  box-sizing:border-box;
  vertical-align: bottom;
}



nav#footmenu li {
  border-bottom:1px solid #fff;
  text-align:center;
  padding-top:;
  font-weight:bold;
}

nav#footmenu li:first-child {
	padding-top:5px;
}


nav#footmenu li:last-child {
  border-bottom:0;
}

nav#footmenu li a {
  background:#0072f5;
  width:100%;
  display:block;
  padding:8px 0 8px 8px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  box-sizing:border-box;
  vertical-align:middle;
  text-align:left;
}


footer {
  margin-top:6%;
}

#to_top{margin:0;
margin-top:0px;}

#to_top a {
  text-align:center;
  background:#0072f5;
  padding:12px 0;
  display:block;
  color:#FFFFFF;
  font-weight:bold;
}

#copy {
  text-align:center;
  font-weight:bold;
  background:#fed900;
  padding:4px 0;
  font-size:10px;
  margin:0;
}


aside{padding:12px;}

.dropcap{font-size:22px;}


.size98{width:98%;
margin:0 auto;
padding-bottom:5px;}

.gray{color:#635F5F;}

.black{
	color:
	#000000;
}

.liunder li{border-bottom:1px solid #E7BC52;
margin-bottom:5px;
padding-bottom:3px;}


ul#sitemap li{
	height:50px;
	background-color:#fff;
	padding:5px;
	opacity:0.5;
	border-bottom:1px solid #2446C9;
		
	}
	
ul#sitemap a{
	font-size:18px;
	display:block;
	line-height:20px;
	color:#000000;
	padding-top:5px;
}


.text_q{font-size:20px;
color:#1E0DB0;
font-weight:bold;
margin-right:10px;
}

.text_a{font-size:20px;
color: #EB349A;
font-weight:bold;
margin-right:10px;

}


.star{color:#EC1199;
font-weight:bold;
padding-right:5px;
}

#sns{height:auto;
display:block;
overflow:hidden;
margin-bottom:0px;
text-align:center;
box-shadow:none;
}

#sns ul{margin:0px;}

#sns li{float:left;
list-style:none;
padding-right:25px;
}

#sns img {
	width:34px;
	height:34px;
}

#sns li:last-child img{
	width:30px;
	height:30px;
	padding-top:2px;}