/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*base
--------------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
html {
	margin:0;
	padding:0;
	height:100%;
	overflow-y: scroll;
}
body, html {
	height: 100%;
}
header, footer, aside, nav, section, article, time, figure, label {
	display:block;
}
h1, h2, h3, h4, h5 {
	font-weight:normal;
}
ul, ol {
	list-style:none;
}
a {
	outline:none;
	text-decoration:none;
transition:all .3s ease;
	color: inherit;
}
a img {
	border:0;
}
a:hover img {
	border:0;
	opacity:0.5;
}
img {
	display:block;
	width: 100%;
}
fieldset {
	border:0;
}
input, select, textarea {
	-webkit-appearance:none;
	border-radius:0;
}
button {
	-webkit-appearance:none;
	border:0;
}
.clear {
	margin:0;
	padding:0;
	height:0;
	clear:both;
}
body {
	margin:0;
	padding:0;
	height:100%;
	font-size:14px;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", "Aï¿¡Aâ€™a??Aï¿¡Aâ€™AcAï¿¡a??ARAï¿¡Aâ€™A?AÂ¨AÂ§a??Aï¿¡a??AÂ´ ProN W3", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}
body {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background-color: #fff;
	/* background: url("./images/ptn.jpg"); */
    color: #00338d;
}
.voice {
  position: relative;
  padding: 1rem 2rem;
  text-align: left;
  border: 1px solid #4db0ea;
  border-radius: 0 10px 10px 10px;
  margin-top: 35px;
  font-size:14px;
  line-height:1.8em;
  color: #000;
}
.voice:after {
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  top: -24px;
  left: -1px;
  height: 24px;
  padding: 0 1em;
  content: '利用者の口コミ';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #4db0ea;
}
@media screen and (min-width: 1001px) {
.wrap {
margin:auto;
width:1000px;
overflow:hidden;
padding-bottom: 180px;
margin-top: 5px;
}
.scroll.m_t {
 padding-top: 131px;
}
a#dynamic-to-top {
 z-index: 9945;
}
/*Header
--------------------------------------------------------------------------------------------------------------*/
#top {/* width: 20%; *//* float: left; */
}
div#pc {
 display: inherit;
}
div#sp {
 display: none;
}
#top.logo_l {
 margin: 0 auto;
 width: 980px;
 overflow: hidden;
 background-position-y: 20%;
 position: relative;
    /* box-shadow: 0 0 2px #c2c2c2; */
    /* display: table; */
    vertical-align: middle;
 margin-bottom: 0px;
 background-color: white;
}
#top.logo_l::before, #top.logo_l::after {
 position:absolute;
 content: "";
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    margin: auto;
 vertical-align: middle;
}
#top h1 {/* margin:0 auto; *//* width:1000px; *//* height: 180px; *//* overflow:hidden; *//* background: url("./images/bg_top.jpg") no-repeat center; *//* background-position-y: 28%; *//* position:relative; */
text-align: center;
}
#top h1 a {
font-size: 20px;
font-weight: bold;
color: #ffffff;
padding: 4px 10px;
border-radius: 20px;
}
#top h1 a span {/* padding: 74px 0 0 0; */
width: 500px;
height: 100%;
background: url("./images/logo.png") no-repeat 0px 50%;
display:block;
background-size: 100%;
}
#top .top_desc {/* line-height:40px; *//* text-align: -webkit-center; *//* font-weight: bold; *//* font-size: 30px; *//* width: 57%; *//* height: 100%; *//* position: relative; *//* right: -212px; *//* top: 0; *//* bottom: 0; *//* margin: auto 0; *//* display: table-cell; *//* vertical-align: middle; *//* padding: 10px 20px 0px 20px; *//* color: white; */
}
.title#top {
 float: left;
 padding: 22px 0 23px;
/* border-left: solid 2px #3663b3; */
    /* border-right: solid 2px #ffffff; */
}
 nav.site_nav {
 width: 75%;
 float: right;
}
#gnav {
text-align:center;
overflow: hidden;
background: #4db0ea;
color: white;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
top: 0;
}
.nav_s {
width:100%;
position:fixed;
top:0;
z-index:9999;
}
#gnav .container {
margin:0 auto;
width: 980px;
overflow: hidden;/*height:60px;*/
}
#gnav ul {
display: table;
table-layout: fixed;
width: 100%;
}
nav.search_nav {
display: none;
}
#gnav li, .search_nav {
border-left: solid 1px white;
display: table-cell;
vertical-align: middle;
text-align: center;
}
#gnav li.current-menu-item {
 background-size: 100% 100%;
 background-color: #407f26;
}
#gnav li.current-menu-item a:hover {
background:none;
}
/*#gnav li.current-menu-item:after{
    position: absolute;
    content:"";
    border:solid 20px transparent;
    border-top:solid 20px #229a53;
    bottom: -35px;
    left:0;
    right:0;
    width:1px;
    margin:auto;
}*/
#gnav li:first-child {
/* border-left: none; */
}
#gnav li:last-child {
 border-right: solid 1px white;
}
#gnav li a, .search_nav a {
 line-height: 25px;
 font-size: 14px;
 position: relative;
 cursor: pointer;
 font-weight: bold;
 vertical-align: middle;
 display: block;
 padding: 20px 0;
}
#gnav li a:hover, .search_nav a:hover {
 background-size: 100% 100%;
 background: #407f26;
 color: white;
}
#gnav li a:hover span, .search_nav a:hover span {
box-shadow:none;
}
#gnav li a span {
display:block;
box-shadow:-1px 0 0 rgba(255, 255, 255, 0.2) inset;
}
  
/*Search
--------------------------------------------------------------------------------------------------------------*/
.search_pane {
padding:20px 0;
background: #1a1a1a;
display:none;
clear:both;
border-top: solid 4px #2d2d2d;
}
.search_pane .inner {
margin:0 auto;
padding:20px 0;
width:1000px;
background:#fff;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
}
.search_item {
float:left;
}
.search_item:nth-child(1), .search_item:nth-child(2) {
width:350px;
}
.search_item:nth-child(3) {
width:280px;
}
.search_item section {
padding:0 0 0 20px;
}
.search_item section header h3 {
line-height:36px;
border-bottom: 4px solid #407f26;
color: #1a1a1a;
text-align:center;
}
.search_item fieldset {
padding:20px 0;
}
/*.search_item:nth-child(1) section:nth-child(1) fieldset{padding:20px 0 50px 0;}*/
.search_item:nth-child(3) fieldset {
padding:20px 0 0 0;
}
.search_item:nth-child(1) fieldset p, .search_item:nth-child(2) fieldset p {
width:50%;
float:left;
position:relative;
}
.search_item fieldset p label:before {
content:"";
width:24px;
height:24px;
background:#ddd;
border-radius:50%;
position:absolute;
left:0;
top:3px;
}
.search_item fieldset p input[type="radio"] {
display:none;
}
.search_item fieldset p input[type="radio"] + label {
padding:0 0 0 30px;
line-height:30px;
cursor:pointer;
text-align:left;
color: #1a1a1a;
}
.search_item fieldset p input[type="radio"] + label:after {
content:"";
width:20px;
height:20px;
background:#fff;
border-radius:50%;
position:absolute;
left:2px;
top:5px;
}
.search_item fieldset p input[type="radio"]:checked + label:after {
content:"";
width:20px;
height:20px;
background: #1a1a1a;
border-radius:50%;
position:absolute;
left:2px;
top:5px;
}
.search_item fieldset p input[type="text"], .search_item fieldset p select {
padding:0 10px;
width:100%;
height:45px;
border: 1px solid #1a1a1a;
font-size:16px;
color: #1a1a1a;
outline:none;
}
.search_item fieldset p select {
background:url("./images/icon_select.png") no-repeat right;
background-size:40px 50px;
}
.search_item nav {
padding:20px 0 0 20px;
}
.search_item nav button {
width:100%;
height:70px;
line-height: 60px;
padding-right: 17%;
display: block;
background: url(./images/icon_readmore.png) no-repeat right center;
background-position-x: 93%;
background-size: 24px;
border: solid 4px;
background-color: #4e9a2e;
border-color: #1a1a1a !important;
box-shadow: 0 8px #1a1a1a;
color: #fff;
text-align: center;
font-size: 20px;
font-weight: bold;
border-radius: 10px;
cursor: pointer;
position: relative;
}
.search_item nav button:hover {
opacity:0.5;
}
 .search_item nav button:before, .search_item nav button:after {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 16px;
 margin: auto;
 content: "";
 vertical-align: middle;
}
.search_item nav button:before {
 width: 35px;
 height: 35px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 background: #1a1a1a;
}
.search_item nav button:after {
 right: 29px;
 width: 12px;
 height: 12px;
 border-top: 4px solid #fff;
 border-right: 4px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .search_result {
margin:0 0 40px 0;
padding: 10px 20px;
border:4px solid #eee;
}
.search_result ul {
height: 90px;
}
.search_result li {
width:33%;
float:left;
position:relative;
line-height:30px;
}
.search_result li label {
width:120px;
position:absolute;
left:0;
top:0;
text-align:right;
font-size:14px;
}
.search_result li p {
padding:0 0 0 120px;
tetx-align:center;
color: #ff4080;
font-size:16px;
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/*Contents
--------------------------------------------------------------------------------------------------------------*/
.contents {
padding: 0px 0 0 0;
}
.heading {
padding: 0;
clear:both;
border-top: solid 2px #229a53;
background-color: #fb4a78;
}
.general .heading {
 background: none;
 border-top: none;
 margin-bottom: 0;
 background-color: #407f26;
 color: white;
 z-index: 999;
}
.general .heading:first-child {
 margin-top: 0px;
}
.heading#sp {
display:none;
}
.heading h1 {
padding: 0 0 0 16px;
line-height:60px;
font-size:24px;/* color: #1a1a1a; */
font-weight: bold;
background: url(./images/bg_heading.png) no-repeat left;
background-position-x: -20px;
margin: 0 auto;
width: 1000px;
height: 60px;
}
.general .heading h1 {
background: none;
}
.general.single article, .general.review article, .general.form article {
 padding: 40px;
}
.general.single.page article {
 background-color: white;
 background-image: none;
}
.general article {
margin: 20px 10px;
padding: 40px 40px 40px;
position: relative;
font-size: 18px;
line-height: 30px;
overflow: hidden;
border: solid 2px #bcbcbc;
border-radius: 16px;
}
.general article::before, .general article::after {
 position:absolute;
 content: "";
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    margin: auto;
 vertical-align: middle;
}
.service.single article .inner {
 padding: 20px 20px 10px;
}
.general.detail, .general.review, .general.form {
 padding: 0 10px;
}
.general.review article {
margin: 0!important;
border-radius: 0!important;
box-shadow: 2px 3px 10px -3px #616103, -2px 3px 10px -3px #616103, 0px -1px 0px 0px #616103;
}
.general.review ul li:last-child article {
margin: 0 0 20px!important;
}
.general.detail article, .general.review article, .general.form article {
 background-image: none;
 margin: 0px 0px 20px 0;
 color: #1a1a1a;
 z-index: 99;
 background-color: #ffffff;
 border: solid 4px #346220;
 box-shadow: inherit;
}
.general article h2 {
 border-bottom: dotted 4px;
 margin-bottom: 20px;
 font-size: 20px;
 line-height: 30px;
 padding-bottom: 4px;
 color: #1a1a1a;
}
.general.single.page h2 {
 margin-bottom: -5px;
}
div#wp_rp_first {
 margin-bottom: 40px;
}
ul.term {
 display: table;
 table-layout: fixed;
 width: 100%;
 margin: auto;
    /* padding: 5px 0; */
    margin-bottom: 20px;
/* border: double 4px white; */
}
 ul.term li {
 width: 25%;
 display: inline-block;
 vertical-align: middle;
 text-align: center;
 border: solid #ffffff;
 color: white;
 background-color: #ea576c;
}

.widget_box {
 text-align:center;
 margin-top: 30px;
}
.widget_box h3 {
 display: none;
}
.widget_box img {
 display: inline-block;
}
/*Service
--------------------------------------------------------------------------------------------------------------*/
.list_item {
position:relative;
clear:both;
}
.list_item footer {
position:absolute;
left: 52px;
bottom: 170px;
margin: auto;
}
.list_item footer a {
 width: 896px;
    /* padding-right: 6%; */
    line-height: 70px;
 display:block;
 color: white;
 border: solid 2px;
 text-align:center;
 font-size:20px;
 font-weight: bold;
 border-radius: 100px;
 position: relative;
 background-color: #55ab32;
 border-color: #1a1a1a !important;
 box-shadow: 0 8px #1a1a1a;
}
.list_item footer a:hover {
opacity:0.5;
}
.list_item footer a:before, .list_item footer a:after {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 32px;
 margin: auto;
 content: "";
 vertical-align: middle;
}
.list_item footer a:before {
 width: 50px;
 height: 50px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 background: #1a1a1a;
}
.list_item footer a:after {
 right: 52px;
 width: 16px;
 height: 16px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 border-top: 4px solid #fff;
 border-right: 4px solid #fff;
}
.service.page article header {
padding:0 0 20px 0;
}
.service article header h1 {
padding: 20px 100px 20px 20px;
line-height: 44px;
font-size:36px;
position: relative;
color: #ffffff;
font-weight: bold;
background: url("./images/run.png")no-repeat 98% bottom #4db0ea;
background-size: 78px;/* background-color: #2d2d2d; */
border-bottom: solid 1px;
border-radius: 16px 16px 0 0;
text-shadow: -1px -1px 0px #1a1a1a, -1px 0px 0px #1a1a1a, -1px 1px 0px #1a1a1a, 0px -1px 0px #1a1a1a, 0px 1px 0px #1a1a1a, 1px -1px 0px #1a1a1a, 1px 0px 0px #1a1a1a, 1px 1px 0px #1a1a1a;
}
.service article header h1:before {
content:"";
position: absolute;
width: 18px;
height: 38px;
top: 22px;
left: 20px;
}
.service article header span {
position: absolute;
top: -20px;
left: 10px;
}
.service article header span img {
display: inline;
height: 80px;
margin-right: 10px;
}
.service article .inner {/* padding: 20px 20px 10px; */
min-height:200px;
position:relative;
background-color: white;/* border: solid 4px #2d2d2d; */
}
.service article figure {
margin-bottom: 10px;
padding: 0 32px;
overflow: hidden;
text-align: center;
}
.service article figure a {
 display: inline-block;
}
.service article.ad figure {
 margin: 0;
}
.service article figure img {/* width: 100%; */
margin: auto;
}
.service article aside {
height:60px;
margin-bottom: 5px;
}
.service article aside li {
height:60px;
font-size:24px;
line-height:60px;
float:left;
position:relative;
overflow:hidden;
color: #1a1a1a;
}
.service article aside li:nth-child(1) {
width: 45%;
margin-right: 40px;
}
.service article aside li:nth-child(2) {
width: 43%;
}
.service article aside li span {
margin:0 5px 0 0;
font-size:36px;
color: #407f26;
}
.service article aside li .rate_star {
margin:0;
width:250px;
padding:60px 0 0 0;
display:block;
background-image:url("./images/icon_rate_star.png");
position:absolute;
right:0;
top: -2px;
}
.service article aside li .star-0 {
background-position:0 0;
}
.service article aside li .star-1 {
background-position:0 -60px;
}
.service article aside li .star-2 {
background-position:0 -120px;
}
.service article aside li .star-3 {
background-position:0 -180px;
}
.service article aside li .star-4 {
background-position:0 -240px;
}
.service article aside li .star-5 {
background-position:0 -300px;
}
 .service article p {
font-size:18px;
line-height:30px;
color: #1a1a1a;/* border:1px solid #ddd; */
}
.service article.ad p {
padding-bottom: 0;
}
.service.single article p {
padding: 0 0 0px;
font-size: 18px;
line-height: 30px;
}
.service article nav {
width:100%;
display: inline-block;
clear:both;
}
.service article nav a {
font-size:20px;
font-weight: bold;
display:block;
text-align:center;
background-repeat:no-repeat;
border-radius: 5px;/* background-image: url(./images/icon_app_btn.png); */
background-color: white;
}
.service article nav a:hover {
opacity:0.5;
}
.service article nav ul {
float:right;
}
.service article .app_and a {
position: relative;
}
.service article .app_and a:before, .service article .app_and a:after {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0px;
 margin: auto;
 content: "";
 vertical-align: middle;
}
.service article .app_and a:before {
 width: 80px;
 height: 100%;
 z-index: 1;
 background: #5f9614;
}
.service article .app_and a:after {
 right: 26px;
 background-image: url(./images/icon_dl_btn_w.png);
 width: 53px;
 height: 80px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 z-index: 1;
}
.service.single a.app_hp {
 margin-bottom: 20px;
}
.service article nav a.app_hp {
width: 100%;
padding-left: 11px;
float:left;
line-height: 70px;
border: solid 2px;
color: #1a1a1a;
position: relative;
background-color: #ffd83b;
border-color: #1a1a1a !important;
border-radius: 100px;
box-shadow: 0 8px #1a1a1a;
margin-top: 10px;
margin-bottom: 18px;
padding: 0;
}
.service article nav a.app_hp:before, .service article nav a.app_hp:after {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 32px;
 margin: auto;
 content: "";
 vertical-align: middle;
}
.service article nav a.app_hp:before {
 width: 50px;
 height: 50px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 z-index: 1;
 background: #1a1a1a;
}
.service article nav a.app_hp:after {
 right: 45px;
 background-position: -14px -23px;
 background-size: 52px;
 width: 24px;
 height: 24px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 z-index: 1;
 background-image: url(../images/icon_w.png);
}
.app_hp span {
padding: 0;
display:block;
}
.app_ios {
float:left;
}
.app_ios a {
width:346px;
line-height:25px;
border:4px solid #444;
color:#444;
background-position:0 -80px;
}
.app_and {
padding:0 0 0 20px;
float:right;
}
.app_and a {
width:346px;
line-height:25px;
border: 4px solid;
background-position:0 -160px;
}
.service article nav ul li a span {
padding:15px 30px 15px 0;
display:block;/* background:url("./images/icon_dl_btn.png") no-repeat right; */
}
.service article nav ul li {
position: relative;
}
.service article nav ul div {
position: absolute;
right: 0px;
width: 346px;
bottom: -285px;
z-index: 10;
opacity: 0;
transition-duration: 0.5s;
display: none;
}
.service article nav ul div dl {
width: 250px;
margin: 0 auto;
padding: 15px;
border: 4px solid #eee;
box-sizing: border-box;
background: #fff;
}
.service article nav ul div dl dt {
font-size: 1.5em;
text-indent: 10px;
}
.service article nav ul div dl dd img {
width: 212px;
}
.service article nav ul li:hover div {
opacity: 1.0;
display: block;
}
.service article.ad p.hukidasi {
 margin-bottom:7px;
}
.service article p.hukidasi {
 padding: 8px;
 line-height: inherit;
 border: none;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
    /* margin-top: 10px; */
    margin-bottom: 15px;
 position: relative;
 background-color: #55ab32;
 color: #fff;
 z-index: 999;
}
.service article p.hukidasi:after {
 position: absolute;
 content: "";
 border: solid 20px transparent;
 border-top: solid 20px #55ab32;
 bottom: -40px;
 left: 0;
 right: 0;
 width: 1px;
 margin: auto;
}

/*About
--------------------------------------------------------------------------------------------------------------*/
.about article table {
width:100%;
border-collapse:collapse;
border-spacing:0;
text-align:center;
border-left: 2px solid #229a53;
border-top: 2px solid #229a53;
}
.about article table tr:nth-child(odd) th {
background: #ffffff;
}
.about article table tr:nth-child(even) th {
background:#f0f0f0;
}
.about article table th {
padding:20px;
font-weight:normal;
font-size:16px;
border-right: 2px dotted #229a53;
border-bottom: 2px solid #229a53;
}
.about article table td {
padding:20px;
font-size:18px;
border-right: 2px solid #229a53;
border-bottom: 2px solid #229a53;
}
.about article table tr:nth-child(odd) td {
background: #ffffff;
}
.about article table tr:nth-child(even) td {
background:#f0f0f0;
}

/*Detail
--------------------------------------------------------------------------------------------------------------*/
.detail article p {
padding:0;
line-height:30px;
font-size:16px;
font-size: 18px;
line-height: 30px;
border:0;
}

/*review
--------------------------------------------------------------------------------------------------------------*/
.review article .inner {
padding:0 0 0 200px;
min-height:180px;
position:relative;
}
.review article figure {
width:180px;
height:180px;
border-radius:50%;
position:absolute;
left:0;
top:0;
overflow:hidden;
}
.review article figure span {
padding:180px 0 0 0;
display:block;
}
.review article aside {
height:60px;
}
.review article aside li {
height:60px;
font-size:20px;
line-height:60px;
float:left;
position:relative;
overflow:hidden;
}
.review article aside li:nth-child(1), .review article aside li:nth-child(2) {
width:25%;
}
.review article aside li:nth-child(3) {
width:50%;
}
.review article aside li span {
margin:0 5px 0 0;
font-size:24px;
}
.review article p {
padding:20px;
font-size:18px;
line-height:30px;
background-color: white;
border-radius: 5px;
border: solid 4px #407f26;
margin-top: 10px;
position: relative;
}
.review article p:before {
 position:absolute;
 content:"";
 top: 50%;
 left: -28px;
 margin-top: -12px;
 border: 12px solid transparent;
 border-right: 12px solid #407f26;
 z-index: 2;
}
.review article aside li .rate_star {
margin:0;
width:250px;
padding:60px 0 0 0;
display:block;
background-image:url("./images/icon_rate_star.png");
position:absolute;
right:0;
top:0;
background-repeat:no-repeat;
}
.review article aside li .star-0 {
background-position:0 0;
}
.review article aside li .star-1 {
background-position:0 -60px;
}
.review article aside li .star-2 {
background-position:0 -120px;
}
.review article aside li .star-3 {
background-position:0 -180px;
}
.review article aside li .star-4 {
background-position:0 -240px;
}
.review article aside li .star-5 {
background-position:0 -300px;
}

/*Column
--------------------------------------------------------------------------------------*/
.column article {
padding:40px;
}
.column article header {
padding:0 0 20px 0;
}
.column article header h1 {
font-size:28px;
padding: 20px 0 20px 20px;
line-height: 40px;
border-bottom: 1px solid #eee;
position: relative;
}
.column article header h1:before {
content: "";
position: absolute;
width: 10px;
height: 38px;
left: 0;
background-color: #229a53;
}
.column article header h2 {
padding:10px 0 10px 0;
line-height:40px;
font-size:24px;
border-bottom:1px solid #eee;
}
.column article header h2:before {
content:"";
width:0;
height:0;
border-style:solid;
border-width:20px 20px 0 0;
border-color:#ffa000 transparent transparent transparent;
}
.column article header h3 {
font-size: 1.5em;
border-bottom: dotted 4px;
padding-bottom: 8px;
}
.column p {
padding:20px 0;
font-size:16px;
line-height:30px;
}
.column figure {
padding:20px 0;
text-align:center;
}
.column img {
margin:0 auto;
max-width:100%;
}
.column p img {
margin:0 0 20px 20px;
float:right;
}
.column .tel_img img {
 padding: 20px 0;
 font-size: 16px;
 line-height: 30px;
 margin: inherit;
}

/*Form
--------------------------------------------------------------------------------------------------------------*/
.form fieldset {
width:50%;
height:70px;
float:left;
position:relative;
}
.form fieldset .form_label {
width:120px;
height:50px;
line-height:50px;
text-align:cen6ter;
background: #407f26;
color: white;
position:absolute;
left:0;
top:0;
font-size:20px;
text-align:center;
}
.form fieldset .form_label:after {
content:"";
width:0;
height:0;
border-style: solid;
border-width:25px 0 25px 25px;
border-color: #ffffff #ffffff #ffffff #407f26;
position:absolute;
right:-20px;
}
.form .full {
padding:0 0 20px 0;
width:100%;
height:auto;
float:none;
clear:both;
}
.form fieldset p {
padding:0 0 0 160px;
}
.form fieldset:nth-child(1) p, .form fieldset:nth-child(3) p {
padding:0 10px 0 160px;
}
.form fieldset:nth-child(2) p, .form fieldset:nth-child(4) p {
padding:0 0 0 170px;
}
.form fieldset:nth-child(2) .form_label, .form fieldset:nth-child(4) .form_label {
left:10px;
}
.form fieldset p label:before {
content:"";
width:50px;
height:50px;
background:#ddd;
border-radius:50%;
position:absolute;
left:0;
top:0;
}
.form fieldset p input[type="radio"] {
display:none;
}
.form fieldset p input[type="radio"] + label {
padding:0 0 0 60px;
width:50%;
line-height:50px;
cursor:pointer;
background:none;
position:relative;
float:left;
text-align:left;
}
.form fieldset p input[type="radio"] + label:after {
content:"";
width:46px;
height:46px;
background:#fff;
border-radius:50%;
position:absolute;
left:2px;
top:2px;
}
.form fieldset p input[type="radio"]:checked + label:after {
content:"";
width:46px;
height:46px;
background: #1a1a1a;
border-radius:50%;
position:absolute;
left:2px;
top:2px;
}
.form fieldset p input[type="text"], .form fieldset p select {
padding:0 10px;
width:100%;
height:50px;
border:1px solid #ddd;
font-size:16px;
color:#666;
outline:none;
}
.form fieldset p select {
background:url("./images/icon_select.png") no-repeat right;
background-size:40px 50px;
background-color: white;
}
.form fieldset p textarea {
width:100%;
height:120px;
font-size:16px;
color:#666;
border:1px solid #ddd;
}
 .form .form-submit {
text-align:center;
clear:both;
}
.form .form-submit input {
width: 600px;
height:80px;
line-height:80px;
font-size:28px;
cursor:pointer;
background: url(./images/icon_readmore.png) no-repeat right center;
background-size: 40px;
background-position: 95%;
border: solid 4px;
background-color: #4e9a2e;
border-color: #1a1a1a !important;
box-shadow: 0 8px #1a1a1a;
color: #fff;
text-align: center;
font-weight: bold;
border-radius: 10px;
padding-right: 5%;
}
.form .form-submit input:hover {
opacity:0.5;
}

/*Pagination
--------------------------------------------------------------------------------------------------------------*/
.pagination {
padding: 10px 0 8px 0;
text-align:center;
}
.pagination a, .pagination span {
margin:0 5px;
padding:10px 12px;
font-size:14px;
line-height:20px;
font-family:arial, sans-serif;
}
.pagination a {
 background: #ffffff;
 color: #000000;
 border: solid 1px #346220;
}
.pagination a:hover {
background:#01a0e2;
color:#fff;
}
.pagination span {
 background: #346220;
 color: #fff;
}
span.page-numbers.dots {
 background: none;
 color: #ffffff;
}
.comm_nav {
padding:0 0 40px 0;
width:100%;
}
.comm_nav ul {
height:60px;
}
.comm_nav li {
width:50%;
}
.comm_nav .comm_nav_prev {
padding:0 20px 0 0;
float:left;
}
.comm_nav .comm_nav_next {
padding:0 0 0 20px;
float:right;
}
.comm_nav li a {
line-height:60px;
display:block;
border:4px solid #666;
color:#666;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
font-size:20px;
display:block;
text-align:center;
}
.comm_nav li a:hover {
opacity:0.5;
}

/*Footer
--------------------------------------------------------------------------------------------------------------*/
#footer {
clear:both;
padding: 10px 0;
background-color: #2d2d2d;
tion: absolute;
bottom: 0;
width: 100%;
height: 100px;
}
#footer small {
padding:10px;
font-size:12px;
line-height:20px;
color: #fff;
text-align:center;
display:block;
clear:both;
}
#footer small:last-child {/* margin-bottom:150px; */
}
#footer a {
text-decoration: underline;
}

/*Splash
--------------------------------------------------------------------------------------------------------------*/
#splash {
background:url("./images/bg_splash.jpg") no-repeat center bottom #ccc;
background-size:cover;
}
#splash_top {
width:100%;
height:420px;
}
#splash_top .inner {
margin:0 auto;
width:980px;
height:280px;
overflow:hidden;
}
#splash_top h1 {
padding:140px 0 0 0;
width:500px;
line-height:40px;
background:url("./images/splash_logo.png") no-repeat left 180px;
color: #ff4080;
font-size:15px;
}
#splash_top h1 span {
padding:100px 0 0 0;
display:block;
}
 .splash_contents {
width:100%;
background:rgba(255, 255, 255, 0.75);
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
text-align:center;
}
.verification {
margin:0 auto;
width:980px;
font-size:12px;
padding-top: 20px;
}
.verification p {
padding:20px 0;
font-size:18px;
line-height:24px;
text-align:center;
background:url("../images/icon_u19.png") no-repeat left;
}
.verification nav li {
width:50%;
float:left;
}
.verification nav li a {
line-height:80px;
display:block;
color: #fff;
border-radius: 10px;
background: url("./images/icon_readmore.png") no-repeat 24px center;
background-color: #ff4080;
background-size:24px 24px;
box-shadow: 0px 6px 0px #862546;
}
.verification nav li a:hover {
opacity:0.5;/* box-shadow:none; */
}
.verification nav li:nth-child(1) a {
margin:0 10px 0 0;
font-size:21px;
}
.verification nav li:nth-child(1) a:hover {/* background:url("./images/icon_splash_btn_h.png") no-repeat 24px center rgba(255,255,255,0.75); *//* background-size:24px 24px; */
}
.verification nav li:nth-child(2) a {
margin:0 0 0 10px;
font-size:18px;
background-color: #444444;
box-shadow: 0px 6px 0px #181818;
}
#splash_footer {
width:100%;
text-align:center;
font-size:12px;
clear:both;
}
#splash_footer small {
font-size:12px;
text-align:center;
line-height:60px;
}
}
 @media screen and (max-width: 1000px) {
.wrap {
margin: 0;
width:100%;
overflow:hidden;
padding-bottom: 188px;
}

/*SPHeader
--------------------------------------------------------------------------------------------------------------*/
div#pc {
 display: none;
}
div#sp {
 display: inherit;
}
.title#top {
}
#top {
width:100%;
margin: 0;
background-color: #4db0ea;/* color: #1a1a1a; */
}
#top.logo_l {
 z-index: 9999;
 position: inherit;
 top: inherit;
 margin-bottom: 13px;
}
.title#top h1 {
 padding: 0;
}
h1.bg_top {
width:100%;/* height:60px; */
overflow:hidden;
position:relative;
text-align:center;
background-color: #fff2f7;
}
#top h1 a {
margin:0 auto;
padding: 8px 0;
background-size: 100%;
display:block;
z-index:999999;
color: #ffffff;
text-align: center;
font-size: 19px;
font-weight: bold;
margin: 4px auto;
}
#top .top_desc {/* display:none; */
}
.logo_l img {
 width: 100%;
}
.howto {
width:100%;
position:absolute;
top:60px;
animation:anime1 3s ease 0s 1 normal;
opacity:0;
z-index:0;
}
.howto span {
padding:0 10px;
line-height:60px;
display:block;
background:#ffa000;
color:#fff;
postion:relative;
box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
font-size:18px;
text-align:center;
}
.howto span:after {
content:"";
width:0;
height:0;
border-style:solid;
border-width:0 10px 16px 10px;
border-color:transparent transparent #ffa000 transparent;
position:absolute;
left:10px;
top:-16px;
}
 @keyframes anime1 {
0% {
opacity:0;
z-index:99999;
}
10% {
opacity:100;
z-index:99999;
}
90% {
opacity:100;
z-index:99999;
}
100% {
opacity:0;
z-index:0;
}
}
 nav.site_nav {
 display: none;
}
.nav_s {
width:100%;/* position:fixed; */
top:0;
z-index:9999;
}
#gnav .container {/* margin:0 auto; *//* width: 1000px; *//* height:60px; */
}
#gnav ul {/* width: 1000px; *//* height:60px; *//* float:left; */
margin: 0;
padding : 0;
width: 100%;
}
nav.search_nav {
display: none;
}
#gnav li, .menu-item {
float:left;
display: inline-block;
list-style-type: none;
box-sizing: border-box;
border-color: #ffffff;
color: #ffffff;
background: #2d2d2d;
border-bottom: solid #ffffff;
border-width: 1px;
}
#gnav li.search_nav {
 display: none;
}
.current-menu-item {
background-color: #407f26;
color: #1a1a1a;
}
.current-menu-item a {
color: #ffffff!important;
}
#gnav li:nth-child(odd) {
}
#gnav li a, .search_nav a {
padding: 10px 0 10px 0;
line-height: 20px;
display:block;
font-size: 12px;
position:relative;
cursor:pointer;
font-weight: bold;
color: #ff4080;
background-color: #fff2f7;
}
#gnav li a:hover, .search_nav a:hover {/* background-color: #fff1cc; */
}
#gnav li a:hover span, .search_nav a:hover span {
box-shadow:none;
}
#gnav li a span {
display:block;
box-shadow:-1px 0 0 rgba(255, 255, 255, 0.2) inset;
}
 .gnav {
height:60px;
background:#ffa000;
text-align:center;
display:none;
}
.gnav ul {
margin:0 auto;
width:1000px;
position:relative;
}
.gnav li {
width:200px;
float:left;
position:relative;
}
.gnav li a {
padding:10px 0;
line-height:40px;
display:block;
color:#fff;
font-size:16px;
position:relative;
cursor:pointer;
}
.gnav li a:hover {
background:rgba(255, 255, 255, 0.2);
}
.gnav li a:hover span {
box-shadow:none;
}
.gnav li a:after {
content:"";
width:0;
height:0;
border-style:solid;
border-width:7px 0 7px 12px;
border-color:transparent transparent transparent #fff;
position:absolute;
left:10px;
top:23px;
}
.gnav li a span {
display:block;
box-shadow:-1px 0 0 rgba(255, 255, 255, 0.2) inset;
}
.gnav li:last-of-type a span {
display:block;
box-shadow:none;
}
nav.search_nav {
display: inherit;
}
li.search_nav.menu-item {
 display: none;
}
 li.search_nav.menu-item {
 display: none;
}
 .search_nav {
width: 51px;
height: 44px;
position: fixed;
top: -1px;
left: 0;
z-index: 10000;
overflow: hidden;
}
.search_nav a {
height: 44px;
display:block;
background: url(./images/icon_search.png) no-repeat 0;
background-size:44px 60px;
background-position-x: center;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.search_nav a span {
padding:60px 0 0 0;
display:block;
}
 a.meanmenu-reveal {
display: none;
}
.mean-container .mean-bar {
position:fixed;
top:0;
right:0;
z-index:99999;
}
.mean-container a.meanmenu-reveal {
padding: 8px 0 0 0;
width: 50px;
height: 43px;
position:absolute;
0right:0color: #ff4080color: #ff4080color: #ff4080color: #ff4080line-height:30pxdisplay: blockfont-family: Arial, Helvetica, sans-serif;
font-weight:700;
color: #ffffff;/* background:#fff; */
}
a.meanmenu-reveal.meanclose {
 padding-top: 11px;
}
.mean-container a.meanmenu-reveal span {
margin: 5px 10px;
height:2px;
display: block;
background: #ffffff;
}
.mean-container .mean-nav {
padding: 43px 0 0 0;
width:100%;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
}
.mean-container .mean-nav ul {
width: 100%;/* border-top:1px solid #eee; */
}
.mean-container .mean-nav ul li {
position: relative;
width: 100%;
}
.mean-container .mean-nav ul li a {
padding:0 10px;
line-height: 48px;
display: block;
font-size:14px;
text-align: left;/* color: #ffffff; */
}
.mean-container .mean-nav ul li.mean-last a {
border-width: 1px 1px 1px 1px;
}
.mean-remove {
display: none !important;
}
 .fixBox {
 position: fixed;
 top: 0;
 left: 42px;
 z-index: 9998;
}
.heading.fixBox2 {
/* position: fixed; */
    /* left: 0; */
    /* z-index: 9999; */
}
.fixBox3 {
padding: 42px 0 0 0;
}

/*SPSearch
--------------------------------------------------------------------------------------------------------------*/
.search_pane {
padding:10px 0;
background:#f0f0f0;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
}
.search_pane .inner {
margin:0 auto;
padding:10px 0;
background:#fff;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
}
 .search_pane_full {
padding: 0;
position:fixed;
top: 43px;
left:0;
right:0;
background: #ffffff;
z-index: 9999;
border: solid #407f26;
border-width: 2px 4px 4px 4px;
display: none;
}
.search_pane_full .inner {
margin:auto;
padding: 10px 0 15px;
background:#fff;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
}
 .search_item section {
padding:0 10px 0 120px;
position:relative;
}
.search_item section header h3 {
width:100px;
height: 40px;
font-size:14px;
line-height: 36px;
border-bottom: 4px solid #407f26;
text-align:center;
position:absolute;
left:10px;
top:0;
overflow: hidden;
color: #1a1a1a;
}
.search_item fieldset {
padding:0 0 10px 0;
clear:both;
}
.search_item fieldset p {
width:50%;
float:left;
position:relative;
}
.search_item fieldset .full {
width:100%;
float:none;
position:relative;
}
.search_item fieldset p label:before {
content:"";
width:24px;
height:24px;
background:#ddd;
border-radius:50%;
position:absolute;
left:0;
top:2px;
}
.search_item fieldset p input[type="radio"] {
display:none;
}
.search_item fieldset p input[type="radio"] + label {
padding:0 0 0 26px;
line-height:28px;
cursor:pointer;
font-size:12px;
}
.search_item fieldset p input[type="radio"] + label:after {
content:"";
width:20px;
height:20px;
background:#fff;
border-radius:50%;
position:absolute;
left:2px;
top:4px;
}
.search_item fieldset p input[type="radio"]:checked + label:after {
content:"";
width:20px;
height:20px;
background: #229a53;
border-radius:50%;
position:absolute;
left:2px;
top:4px;
}
.search_item fieldset p input[type="text"], .search_item fieldset p select {
padding: 0 5px;
width:100%;
height: 40px;
border: 1px solid #1a1a1a;
font-size:16px;
color: #1a1a1a;
outline:none;
}
.search_item fieldset p select {
background:url("./images/icon_select.png") no-repeat right;
background-size:40px 50px;
padding: 0 40px 0 5px;
}
.search_item nav {
padding:0 10px;
}
.search_item nav button {
height: 50px;
width: 100%;
line-height: 40px;/* margin-top: 10px; */
padding-right: 7%;
display: block;
background-size: 24px;
background-position-x: 93%;
border: solid 4px #1a1a1a;
background-color: #4e9a2e;
box-shadow: 0 8px #1a1a1a;
color: #fff;
text-align: center;
font-size: 20px;
font-weight: bold;
border-radius: 10px;
cursor: pointer;
position: relative;
}
.search_item nav button:hover {
opacity:0.5;
}
 .search_item nav button:before, .search_item nav button:after {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 16px;
 margin: auto;
 content: "";
 vertical-align: middle;
}
.search_item nav button:before {
 width: 30px;
 height: 30px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 background: #1a1a1a;
}
.search_item nav button:after {
 right: 27px;
 width: 8px;
 height: 8px;
 border-top: 4px solid #fff;
 border-right: 4px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .search_result {
margin:0;
padding:0px;
border-bottom:1px solid #eee;
}
.search_result li {
position:relative;
line-height:30px;
}
.search_result li label {
width:120px;
position:absolute;
left:0;
top:0;
text-align:right;
font-size:12px;
}
.search_result li p {
padding:0 0 0 120px;
tetx-align:center;
color: #ff4080;
font-size:14px;
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/*SPContents
--------------------------------------------------------------------------------------------------------------*/
.contents {
padding:0;
}
.heading {
padding:0 0 0 0;
clear: both;
position: fixed;
width: 100%;
left: 0;
top: 80px;
z-index: 9997;
}
.general .heading {
 margin: 0;
 border: none;
    /* background-color: #ff4080; */
    position: inherit;
}
.heading h1 {
padding: 10px 10px 10px 43px;
line-height:20px;
font-size:18px;
color:#fff;
background: url(./images/bg_heading.png) no-repeat left;
background-position-x: -8px;
border-top: solid 2px #229a53;
background-color: #fb4a78;
}
.general .heading h1 {
 background-image: none;
 border-top: none;
 color: #ffffff;
 position: relative;
 color: #ffffff;
 background-color: #407f26;
 padding: 10px;
 margin-bottom: 0;
}
.general article {
margin: 0px 0 8px 0;
padding: 8px;
position: relative;
color: #1a1a1a;
font-size: 18px;
line-height: 30px;
overflow: hidden;/* background-color: #346220; */
border: solid 1px #bcbcbc;/* box-shadow: 0 0px 0px 4px #FFCC00 inset; */
border-radius: 8px;
}
.general article::before, .general article::after {
 position:absolute;
 content: "";
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    margin: auto;
 vertical-align: middle;
}
.general.detail article, .general.review article, .general.form article {
 background-color: white;
 background-image: none;
 margin-top: 0;
 border-color: #346220;
 box-shadow: inherit;
}
.general.single article {
 padding: 8px;
 font-size: 14px;
 line-height: 20px;
}
.general.single.page article {
 background-color: white;
 background-image: none;
 margin: 10px;
}
.general.single .detail article {
 padding: 14px 14px 14px;
}
.general.review article {
 padding: 14px 14px 14px;
 margin: 0;
 border-radius: 0;
 box-shadow: none;
/* border-bottom: solid 1px #616103; */
}
.general.review ul li:last-child article {
margin-bottom: 8px;/* z-index: 99; *//* border-radius: 0 0 20px 20px; *//* border: none; */
}
.general.form article {
 padding: 14px 14px 8px;
}
.general.detail h2 {
 font-size: 16px;
 border-bottom: dotted 2px;
 margin-bottom: 10px;
 padding-bottom: 4px;
}
.general.single h2 {
 font-size: 16px;
 border-bottom: dotted 2px;
 margin-bottom: 10px;
 padding-bottom: 4px;
}
.general.single.page h2 {
 margin-bottom: -5px;
}
div#wp_rp_first {
 margin-bottom: 10px;
}
.service.single article nav ul {
padding: 0;
}
.widget_box {
 text-align:center;
 width: 100%;
 margin-top: 15px;
}
.widget_box h3 {
 display: none;
}
.widget_box img {
 display: inline-block;
}
/*SPService
--------------------------------------------------------------------------------------------------------------*/
.list_item {
margin: 0 8px 16px;
position:relative;
overflow: hidden;
}
.list_item footer {
padding: 0 17px;
position: relative;
top: -142px;
right: 0px;
margin-bottom: -43px;
display: none;
}
.list_item footer a {/* height: 45px; */
line-height:34px;
display:block;
color:#fff;
font-size: 18px;
padding: 3px 10px;
color: #fff;
text-align: center;
border-radius: 5px;
position: relative;
border: solid 4px #1a1a1a;
background-color: #4e9a2e;
box-shadow: 0 8px #1a1a1a;
color: white;
}
.list_item footer a:hover {
opacity:0.5;
}
.list_item footer a:before, .list_item footer a:after {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 16px;
 margin: auto;
 content: "";
 vertical-align: middle;
}
.list_item footer a:before {
 width: 24px;
 height: 24px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 background: #1a1a1a;
}
.list_item footer a:after {
 right: 24px;
 width: 8px;
 height: 8px;
 border-top: 4px solid #fff;
 border-right: 4px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
ul.term {
 display: table;
 table-layout: fixed;
 width: 100%;
 margin: 8px auto 2px;
 font-size: 12px;
}
 ul.term li {
 display: inline-block;
 width: 33%;
 vertical-align: middle;
 text-align: center;
 border: solid white;
 color: white;
 background-color: #ea576c;
}
.single ul.term li {
 padding: 5px 0;
}
.service.page article header {/* padding: 0 0 5px 0; */
}
.service article header h1 {
padding: 10px 50px 10px 10px;
line-height: 24px;
font-size: 18px;
font-weight: bold;
border-bottom: solid 1px #ffffff;
position: relative;
color: #ffffff;
background: url(./images/run.png)no-repeat 98% bottom #4db0ea;
background-size: 40px;
animation: moveBg 9.58s infinite linear;
text-shadow: -1px -1px 0px #1a1a1a, -1px 0px 0px #1a1a1a, -1px 1px 0px #1a1a1a, 0px -1px 0px #1a1a1a, 0px 1px 0px #1a1a1a, 1px -1px 0px #1a1a1a, 1px 0px 0px #1a1a1a, 1px 1px 0px #1a1a1a;
font-weight:600;
border-radius: 8px 8px 0 0;
}
@keyframes moveBg {
 0% {
background-position: -15% bottom;
}
 100% {
background-position: 115% bottom;
}
}
.service article header h1:before {/* content:""; */
position: absolute;
width: 9px;
height: 20px;
left: 8px;
top: 10px;
background-color: #01a0e2;
}
.service article header span {
position: absolute;
top: 10px;
right: 10px;
}
.service article header span img {
display: inline;
height: 55px;
margin-right: 10px;
}
.service article .inner {
min-height:100px;
position:relative;
background-color: white;/* padding: 8px 8px 16px; *//* border: solid 2px #2d2d2d; */
}
.service article figure {/* position:absolute; *//* left:0; *//* top:0; */
width: 100%;/* max-height: 250px; */
overflow: hidden;
}
.service article figure img {
width: 100%;/* height:auto; */
}
.service.single article .inner {
 padding: 8px 8px 16px;
}
.service article.ad aside {
margin-bottom: -10px;
}
.service article aside {/* margin: 0 0 0 100px; */
display: inline-block;
width: 100%;/* padding-top: 5px; */
font-size: 14px;
}
.service article aside ul {
}
.service article aside li {
height:30px;
line-height:30px;
position:relative;
overflow:hidden;/* padding-top:2px; */
color: #1a1a1a;
width: 80px;
float: left;
}
.service article aside li:last-child {
width: 190px;
float: left;
margin-left: 10px;
}
.service article aside li span {
font-size:16px;
color: #407f26;
}
.service article aside li .rate_star {
margin:0;
width: 121px;
padding:30px 0 0 0;
display:block;
background-image:url("./images/icon_rate_star.png");
position:absolute;
right: 0px;
top:0;
background-size:125px 180px;
background-repeat:no-repeat;
}
.service article aside li .star-0 {
background-position:0 0;
}
.service article aside li .star-1 {
background-position:0 -30px;
}
.service article aside li .star-2 {
background-position:0 -60px;
}
.service article aside li .star-3 {
background-position:0 -90px;
}
.service article aside li .star-4 {
background-position: 0px -120px;
}
.service article aside li .star-5 {
background-position:0 -150px;
}
.service article.ad nav {
 margin: 0;
}
 .service article.ad p {
 margin-bottom: 5px;
}
 .service article.ad nav a {
 margin: 0;
}
.service article p {
padding: 0px;
font-size:14px;
line-height:1.8em;
margin-top: 25px;
color: #1a1a1a;
}
.service article p br {
display: none;
}
.service article p span {
background:linear-gradient(transparent 70%, #fb88fb 0%);
}
.service article nav {
width:100%;
clear:both;
margin-top: -10px;
}
.service article nav a {
display:block;
text-align:center;
margin-top: 10px;
border-radius: 100px;
background-repeat:no-repeat;
background-size:30px 120px;
}
.service article nav a:hover {
opacity:0.5;
}
.service article nav ul {
padding:10px 0 0 0;
}
.service .list_item article nav ul {
padding: 0px 0 0px 0;
}
.service.single article nav a {
 margin: 10px 0 0;
}
.app_hp {
margin: 0 0 8px;
padding: 10px 50px 10px 20px;
line-height:40px;
background-color: #ffd83b;
border: solid 1px #1a1a1a;
box-shadow: 0 8px #1a1a1a;
color: #1a1a1a;
font-weight: bold;
background-position: 97% 0;
position: relative;
font-size: 6vw;
}
.service article nav a.app_hp:before, .service article nav a.app_hp:after {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 24px;
 margin: auto;
 content: "";
 vertical-align: middle;
}
.service article nav a.app_hp:before {
 width: 24px;
 height: 24px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 background: #1a1a1a;
}
.service article nav a.app_hp:after {
 right: 24px;
 background-position: -2px -7px;
 background-size: 28px;
 width: 24px;
 height: 24px;
 -webkit-border-radius: 25%;
 border-radius: 25%;
 z-index: 1;
 background-image: url(../images/icon_w.png);
}
.app_hp span {
display:block;
}
.app_ios {
padding:0 0 10px 0;
}
.app_ios a {
line-height:15px;
border:2px solid #444;
color:#444;
background-position:0 -40px;
}
.app_and a {
line-height:15px;
border: 2px solid #5f9614;
color: #5f9614;
background-position:0 -80px;
background-color: white;
}
.service article nav ul li a span {
padding:5px 20px 5px 0;
display:block;
background:url("./images/icon_dl_btn.png") no-repeat right;
background-size:40px;
}
.service article nav ul div {
position: absolute;
left: 0px;
width: 100%;
z-index: 10;
opacity: 0;
transition-duration: 0.5s;
display: none;
}
.service article nav ul div dl {
width: 250px;
margin: 0 auto;
padding: 15px;
border: 4px solid #eee;
box-sizing: border-box;
background: #fff;
}
.service article nav ul div dl dt {
font-size: 1.5em;
text-indent: 10px;
}
.service article nav ul div dl dd img {
width: 212px;
}
.service article nav ul li:hover div {
opacity: 1.0;
display: block;
}
.service article aside li span .br:before {
 content: "\A";
 white-space: pre;
}
.service article p.hukidasi {
 padding: 2px 8px;
 line-height: inherit;
 border: none;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 margin-top: 0px;
 margin-bottom: 8px;
 position: relative;
 background-color: #55ab32;
 color: #fff;
 z-index: 999;
}
.service article p.hukidasi:after {
 position: absolute;
 content:"";
 border:solid 20px transparent;
 border-top: solid 20px #55ab32;
 bottom: -40px;
 left:0;
 right:0;
 width:1px;
 margin:auto;
}
.service.single article p.hukidasi {
 padding: 7px 8px;
}
/*SPAbout
--------------------------------------------------------------------------------------------------------------*/
.about article table {
width:100%;
border-collapse:collapse;
border-spacing:0;
text-align:center;
border-left: 2px solid #229a53;
border-top: 2px solid #229a53;
}
.about article table tr:nth-child(odd) th {
background: #ffffff;
}
.about article table tr:nth-child(even) th {
background:#f0f0f0;
}
.about article table th {
padding:10px;
font-weight:normal;
font-size:12px;
border-right: 2px dotted #229a53;
border-bottom: 2px solid #229a53;
}
.about article table td {
padding:10px;
font-size:14px;
border-right: 2px solid #229a53;
border-bottom: 2px solid #229a53;
}
.about article table tr:nth-child(odd) td {
background: #ffffff;
}
.about article table tr:nth-child(even) td {
background:#f0f0f0;
}

/*SPDetail
--------------------------------------------------------------------------------------------------------------*/
.detail article p {
padding:0;
line-height:20px;
font-size:14px;
border:0;
}

/*SPreview
--------------------------------------------------------------------------------------------------------------*/
.review article .inner {
padding:0 0 0 100px;
min-height:90px;
position:relative;
}
.review article figure {
width:90px;
height:90px;
border-radius:50%;
position:absolute;
left:0;
top:0;
overflow:hidden;
}
.review article figure span {
padding:90px 0 0 0;
display:block;
background-size:90px;
}
.review article aside {
height:70px;
}
.review article aside li {
height:30px;
font-size:14px;
line-height:30px;
float:left;
position:relative;
overflow:hidden;
}
.review article aside li:nth-child(1), .review article aside li:nth-child(2) {
width:50%;
}
.review article aside li:nth-child(3) {
width:100%;
}
.review article aside li span {
margin:0 5px 0 0;
font-size:16px;
}
.review article p {
padding:10px;
font-size:14px;
line-height:20px;
border: 2px solid #407f26;
background-color: white;
}
.review article aside li .rate_star {
margin:0;
width:125px;
padding:30px 0 0 0;
display:block;
background-image:url("./images/icon_rate_star.png");
position:absolute;
left:30%;
top:0;
background-repeat:no-repeat;
background-size:125px 180px;
background-repeat:no-repeat;
}
.review article aside li .star-0 {
background-position:0 0;
}
.review article aside li .star-1 {
background-position:0 -30px;
}
.review article aside li .star-2 {
background-position:0 -60px;
}
.review article aside li .star-3 {
background-position:0 -90px;
}
.review article aside li .star-4 {
background-position:0 -120px;
}
.review article aside li .star-5 {
background-position:0 -150px;
}

/*SPColumn
--------------------------------------------------------------------------------------*/
.column article {
padding:10px;
}
.column article header {
padding:0 0 10px 0;
}
.column article header h1 {
font-size:16px;
padding: 10px 0 10px 16px;
line-height: 20px;
border-bottom: 1px solid #eee;
position: relative;
}
.column article header h1:before {
content:"";
position: absolute;
width: 6px;
height: 100%;
left: 0;
top: 0;
background-color: #229a53;
}
.column article header h2 {
padding:10px 0 10px 0;
line-height:20px;
font-size:16px;
border-bottom:1px solid #eee;
}
.column article header h2:before {
content:"";
width:0;
height:0;
border-style:solid;
border-width:10px 10px 0 0;
border-color:#ffa000 transparent transparent transparent;
}
.column article header h3 {
font-size: 18px;
border-bottom: dotted 2px;
padding-bottom: 4px;
}
.column p {
padding:10px 0;
font-size:14px;
line-height:20px;
}
.column figure {
padding:10px 0;
text-align:center;
}
.column img {
margin:0 auto;
max-width:100%;
}
.column p img {
margin:0 0 10px 10px;
float:right;
}
.column .tel_img img {
 padding: 20px 0;
 font-size: 16px;
 line-height: 30px;
 margin: inherit;
}

/*SPForm
--------------------------------------------------------------------------------------------------------------*/
.form fieldset {
padding:0 0 10px 0;
position:relative;
}
.form fieldset .form_label {
width:60px;
height:50px;
line-height:50px;
text-align:cen6ter;
background: #407f26;
color: white;
position:absolute;
left:0;
top:0;
font-size:14px;
text-align:center;
}
.form fieldset .form_label:after {
content:"";
width:0;
height:0;
border-style: solid;
border-width:25px 0 25px 25px;
border-color: #ffffff #ffffff #ffffff #407f26;
position:absolute;
right:-20px;
}
.form fieldset p {
padding:0 0 0 90px;
}
.form fieldset p label:before {
content:"";
width:50px;
height:50px;
background:#ddd;
border-radius:50%;
position:absolute;
left:0;
top:0;
}
.form fieldset p input[type="radio"] {
display:none;
}
.form fieldset p input[type="radio"] + label {
padding:0 0 0 60px;
width:50%;
line-height:50px;
cursor:pointer;
background:none;
position:relative;
float:left;
text-align:left;
}
.form fieldset p input[type="radio"] + label:after {
content:"";
width:46px;
height:46px;
background:#fff;
border-radius:50%;
position:absolute;
left:2px;
top:2px;
}
.form fieldset p input[type="radio"]:checked + label:after {
content:"";
width:46px;
height:46px;
background: #1a1a1a;
border-radius:50%;
position:absolute;
left:2px;
top:2px;
}
.form fieldset p input[type="text"], .form fieldset p select {
padding:0 10px;
width:100%;
height:50px;
border:1px solid #ddd;
font-size:16px;
color:#666;
outline:none;
}
.form fieldset p select {
background:url("./images/icon_select.png") no-repeat right;
background-size:40px 50px;
background-color: white;
}
.form fieldset p textarea {
width:100%;
height:120px;
font-size:16px;
color:#666;
border:1px solid #ddd;
}
 .form .form-submit {
text-align:center;
clear:both;
}
.form .form-submit input {
width:100%;/* height:60px; */
margin-bottom: 16px;
line-height: 40px;
color:#fff;
text-align:center;
font-size:18px;
cursor:pointer;
background: url(./images/icon_readmore.png) no-repeat right center;
background-size: 24px;
background-position-x: 94%;
border: solid 4px;
background-color: #407f26;
border-color: #1a1a1a !important;
box-shadow: 0 8px #1a1a1a;
color: #fff;
text-align: center;
border-radius: 10px;
padding-right: 6%;
}
.form .form-submit input:hover {
opacity:0.5;
}

/*SPPagination
--------------------------------------------------------------------------------------------------------------*/
.pagination {
padding: 0;
text-align:center;
}
.pagination a, .pagination span {
margin:0 5px;
padding: 10px 16px;
font-size:14px;
line-height: 47px;
font-family:arial, sans-serif;
}
.pagination a {
 background: #ffffff;
 color: #000000;
 border: solid 1px #346220;
}
.pagination a:hover {
background: #01a0e2;
color:#fff;
}
.pagination span {
 background: #346220;
 color: #fff;
}
span.page-numbers.dots {
 background: none;
 color: #ffffff;
 padding: 10px 0px;
}
.comm_nav {
padding:10px;
width:100%;
}
.comm_nav ul {
height:40px;
}
.comm_nav li {
width:50%;
}
.comm_nav .comm_nav_prev {
padding:0 5px 0 0;
float:left;
}
.comm_nav .comm_nav_next {
padding:0 0 0 5px;
float:right;
}
.comm_nav li a {
line-height:40px;
display:block;
border:2px solid #666;
color:#666;
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
font-size:16px;
display:block;
text-align:center;
}
.comm_nav li a:hover {
opacity:0.5;
}

/*SPFixed
--------------------------------------------------------------------------------------------------------------*/
.fixed {
position: fixed;
bottom: 0;
height: 60px;
background: url(./images/advice5.jpg) #fff no-repeat 5px 5px;
background-size: 50px;
border-top: 1px solid #ddd;
width: 100%;
z-index:1;
}
.fixed p {
margin-left: 60px;
font-size: 0.8em;
padding: 5px;
height:50px;
line-height:16px;
}
.fixed p span.strong {
color: #c00;
font-size: 1.2em;
text-decoration: underline;
}
.fixed p span.red {
color: #e00;
font-size: 1.1em;
}

/*SPFooter
--------------------------------------------------------------------------------------------------------------*/
.under_banner img {
 max-width: 100%;
}
#footer {
clear:both;
position:relative;
padding: 10px 0;/* margin-top: 20px; */
background-color: #2d2d2d;
color: #fff;
position: absolute;
bottom: 0;
width: 100%;
height: 156px;
}
#footer small {
padding:5px 20px;
font-size:12px;
line-height:20px;
color: #fff;
text-align:center;
display:block;
clear:both;
}
#footer small:last-child {
margin-bottom: 72px;
}
#footer a {
 text-decoration:underline;
}
a#dynamic-to-top {
 z-index: 9999;
}
footer div.footer_fixed {
 position: fixed;
 bottom: 0;
}
footer div.footer_fixed img {
 vertical-align: bottom;
 width: 70%;
 margin: 0 auto;
}
/*Splash
--------------------------------------------------------------------------------------------------------------*/
.splash_contents {
width:100%;
background:rgba(255, 255, 255, 0.75);
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
text-align:center;
position:fixed;
bottom:0px;
}
.verification {
font-size:12px;
padding-top: 10px;
}
.verification p {
padding:10px 0;
font-size:14px;
line-height:20px;
text-align:center;
background:url("../images/icon_u19.png") no-repeat left;
}
.verification nav li {
padding:0 10px 15px 10px;
}
.verification nav li a {
line-height:60px;
display:block;
color: #fff;
border-radius: 10px;
background: url("./images/icon_readmore.png") no-repeat 8px center;
background-color: #ff4080;
background-size: 24px 24px;
box-shadow: 0px 6px 0px #862546;/* padding-left: 40px; */
}
.verification nav li a:hover {
opacity:0.5;
}
.verification nav li:nth-child(1) a {
font-size:18px;
}
.verification nav li:nth-child(2) a {
font-size:12px;
background-color: #444444;
box-shadow: 0px 6px 0px #181818;
}
#splash_footer {
padding:0 0 10px 0;
width:100%;
text-align:center;
font-size:12px;
clear:both;
}
#splash_footer small {
font-size:8px;
text-align:center;
line-height:20px;
}
}
 @media screen and (max-width:1000px) {
#splash {
background: url("./images/bg_splash.jpg") no-repeat center bottom #ccc;
background-position-x: 80%;
background-size:cover;
}
#splash_top {
width:100%;
height:100px;
}
#splash_top .inner {
height:100px;
overflow:hidden;
}
#splash_top h1 {
padding:10px 0 0 10px;
line-height:40px;
background: url("./images/splash_logo.png") no-repeat 10px 44px;
background-size:225px 50px;
color: #ff4080;
font-size:11px;
text-align:left;
}
#splash_top h1 span {
padding:60px 0 0 0;
display:block;
}
}
@media screen and (max-width:420px) {
#splash {
background: url(./images/bg_splash_s.jpg) no-repeat center bottom #ccc;
background-size: cover;
background-position-x: 79%;
}
#splash_top {
width:100%;
height:300px;
padding-top: 50%;
}
#splash_top .inner {
height: 108px;
overflow:hidden;
background: rgba(255, 255, 255, 0.75);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
#splash_top h1 {
padding: 10px 75px 0 75px;
line-height: 16px;
background: url("./images/splash_logo.png") no-repeat center 45px;
background-size:225px 50px;
color: #444444;
font-size:11px;
text-align:center;
}
#splash_top h1 span {
padding:60px 0 0 0;
display:block;
}
.verification nav li a {
line-height:40px;
}
}
.spicon {
	border-radius: 25px;
	clear: both;
	display: block;
	max-width: 70% !important;
}
.rankicon {
	float: right;
	width: 60px;
}
.textSplitLoad {
	display: none;
}
.split {
	visibility: hidden;
}
a {
}
h2.search {
	padding: 10px 10px 10px 10px;
	line-height: 20px;
	font-size: 18px;
	color: #fff;
	background-color: #229a53;
	/* background: url(./images/bg_heading.png) no-repeat left #22e536; */
    /* background-size: 30px 30px; */
    border-bottom: dotted 4px;
}
 @media screen and (min-width: 1001px) {
.wp_rp_wrap .related_post_title {
padding: 0 0 0 16px;
line-height: 60px;
font-size: 24px;
color: #fff;
background-color: #0099ff;
border-radius: 20px;
border-bottom: none;
margin-bottom: 10px;
}
div.wp_rp_content {
}
 div.wp_rp_footer {
 text-align: right !important;
 overflow: hidden !important;
 margin-bottom: 40px;
}
div.wp_rp_footer a {
 display: inline-block !important;
 color: #999 !important;
 font-size: 11px !important;
 text-decoration: none !important;
}
div.wp_rp_footer a.wp_rp_edit {
 color: #fff !important;
 font-size: 12px !important;
 text-decoration: underline !important;
 font-weight: bold !important;
 background: #f79124 !important;
 border-radius: 2px !important;
 padding: 3px 6px;
}
ul.related_post {
margin: 0 0 00px 0;
padding: 40px;
border: 8px solid #0099ff;
border-radius: 20px;
position: relative;
}
ul.related_post li {
 position: relative !important;
 display: inline-block !important;
 vertical-align: top !important;
 zoom: 1 !important;
 *  display: inline !important;
 width: 32% !important;
 margin: 10px 10px 10px 0px !important;
 padding: 0 !important;
 background: none !important;
 text-align: center;
}
ul.related_post li a {
 position: relative !important;
 display: block !important;
 font-size: 12px !important;
 line-height: 1.5em !important;
 text-decoration: none !important;
 margin-bottom: 5px !important;
 text-indent: 0 !important;
}
ul.related_post li img {
 display: block !important;
 width: 100% !important;
 height: 100% !important;
 max-width: 150px !important;
 margin: 0 auto !important;
 padding: 0 !important;
 background: none !important;
 border: none !important;
 border-radius: 3px !important;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}
 ul.related_post li a img.wp_rp_santa_hat {
 display: none !important;
}
 ul.related_post li small {
 font-size: 80%;
}
 @media screen and (max-width: 480px) {
 ul.related_post li {
 display: inline-block !important;
 width: 100px !important;
 clear: both !important;
}
 ul.related_post li a:nth-child(1) {
 float: left !important;
}
 ul.related_post li a:nth-child(2) {
 font-size: 14px !important;
}
 ul.related_post li img {
 width: 100px !important;
 height: 100px !important;
}
}
 ul.related_post li .wp_rp_category a {
 display: inline !important;
}
}
@media screen and (max-width: 1000px) {
.wp_rp_wrap .related_post_title {
padding: 10px 10px 10px 10px;
line-height: 20px;
font-size: 18px;
color: #fff;
background-color: #0099ff;
border-bottom: none;
margin-bottom: 10px;
border-radius: 20px;
}
div.wp_rp_content {
}
 div.wp_rp_footer {
 text-align: right !important;
 overflow: hidden !important;
 margin-bottom: 8px;
}
div.wp_rp_footer a {
 display: inline-block !important;
 color: #999 !important;
 font-size: 11px !important;
 text-decoration: none !important;
}
div.wp_rp_footer a.wp_rp_edit {
 color: #fff !important;
 font-size: 12px !important;
 text-decoration: underline !important;
 font-weight: bold !important;
 background: #f79124 !important;
 border-radius: 2px !important;
 padding: 3px 6px;
}
ul.related_post {
margin: 0;
padding: 10px;
border: 4px solid #0099ff;
position: relative;
border-radius: 20px;
margin: 0;
}
ul.related_post li {
 position: relative !important;
 display: inline-block !important;
 vertical-align: top !important;
 zoom: 1 !important;
 *  display: inline !important;
 width: 100px !important;
 margin: 8px 8px 8px 8px !important;
 padding: 0 !important;
 background: none !important;
}
ul.related_post li a {
 position: relative !important;
 display: block !important;
 font-size: 12px !important;
 line-height: 1.5em !important;
 text-decoration: none !important;
 margin-bottom: 5px !important;
 text-indent: 0 !important;
}
ul.related_post li img {
 display: block !important;
 width: 100px !important;
 height: 100px !important;
 max-width: 100% !important;
 margin: 0 !important;
 padding: 0 !important;
 background: none !important;
 border: none !important;
 border-radius: 3px !important;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}
 ul.related_post li a img.wp_rp_santa_hat {
 display: none !important;
}
 ul.related_post li small {
 font-size: 80%;
}
 @media screen and (max-width: 480px) {
 ul.related_post li {
 display: inline-block !important;
 width: 27% !important;
 clear: both !important;
}
 ul.related_post li a:nth-child(1) {
 float: left !important;
}
 ul.related_post li a:nth-child(2) {
 font-size: 14px !important;
}
 ul.related_post li img {
 width: 100% !important;
 height: 100% !important;
}
}
 ul.related_post li .wp_rp_category a {
 display: inline !important;
}
}
