@charset "utf-8";
 @import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/earlyaccess/sawarabigothic.css");
@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css");
@import url("https://fonts.googleapis.com/css?family=Kite+One");
body {
font-family: "Sawarabi Gothic", sans-serif;
}
.blogentry iframe{display:none !important;}
*{padding:0;
margin:0;
}
body {
color:#705f48;
font-size:14px;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-background-size: 100% auto; 
-moz-background-size: 100% auto; 
-o-background-size: 100% auto; 
-ms-background-size: 100% auto;
border:0;
}
h1{	background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/android.png);
}
p {background-image:url(//freestyle-seitai.com/wp-content/themes/cocoiro/image);}
h2 {background-image:url(//freestyle-seitai.com/wp-content/themes/cocoiro/image);}
li{background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/android.png);
}
#index{  background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/IMG_2816.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position:absolute;
top: 0;
left: 0;
width: 100%;
height:100% !important;
content: "";
z-index: -1;}
#relaxation-menu{background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/IMG_2817.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position:absolute;
top: 0;
left: 0;
width: 100%;
height:100% !important;
content: "";
z-index: -1;}
#blog{ background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/IMG_2819.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position:absolute;
top: 0;
left: 0;
width: 100%;
height:100% !important;
content: "";
z-index: -1;}
#news,#webmaster-and-privacypolicy{background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/IMG_2820.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position:absolute;
top: 0;
left: 0;
width: 100%;
height:100% !important;
content: "";
z-index: -1;}
#access{ background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/IMG_2821.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position:absolute;
top: 0;
left: 0;
width: 100%;
height:100% !important;
content: "";
z-index: -1;}
#faq{background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/IMG_2822.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position:absolute;
top: 0;
left: 0;
width: 100%;
height:100% !important;
content: "";
z-index: -1;}
#contact,#note{ background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/IMG_2823.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position:absolute;
top: 0;
left: 0;
width: 100%;
height:100% !important;
content: "";
z-index: -1;}
#thanks{background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/IMG_2824.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position:absolute;
top: 0;
left: 0;
width: 100%;
height:100% !important;
content: "";
z-index: -1;}
#belt_01{background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/belt_01.jpg) no-repeat center center;
background-size: 100% auto;
height:350px;
}
#belt_01_2{background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/belt_01_2.jpg) no-repeat center center;
background-size: 100% auto;
height:350px;
}
#belt_02{background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/belt_02.jpg) no-repeat center center;
background-size: 100% auto;
height:350px;
}
#belt_01 h2,#belt_01_2 h2,#belt_02 h2{
position: relative;
top: 50%;
right: 0 !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
a{text-decoration:none;
color:#90c31f;
}
a:hover{color:#7da81c;}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}
p{line-height:180%;}
#head_none{display:none;}
#change{
overflow:hidden;
background:white;
background: url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/gnavi_bg.png);
padding:10px 0px;
height:80px;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
display: none;
z-index: 9999;
}
#logo_small{position:absolute;
top:-10px;
left:2%;}
#gnavi,#gnavi2{font-weight:bold;
position:absolute;
top:20px;
right:2% !important;}
#gnavi2 ul{
list-style:none;}
#gnavi2 li{
border:1px solid #362e2b;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-right:none;
max-width:120px;
max-height:50px;
float:left;
padding-top:3px;
line-height:none;
text-align:center;}
#gnavi2 li img{width:100%;
height:auto;}
#gnavi span{font-size:12px;}
#gnavi ul{width:720px;
overflow:hidden;}
#gnavi li{list-style:none;
border:1px solid #362e2b;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-right:none;
width:120px;
max-height:50px;
float:left;
padding-top:3px;
line-height:none;
text-align:center;}
#gnavi li:last-child,#gnavi2 li:last-child{border-right:1px solid #362e2b;}
#head_all{
overflow:hidden;
background:white;
background: url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/gnavi_bg.png);
padding:8px 0px;
min-height:65px;
}
.sticky {
position: fixed;
top: 0;
z-index: 100;
width: 100%;
border-bottom: 2px solid #333;
}
#tel_img{margin-top:-80px !important;
width:40%;
max-width:470px;
margin-bottom:20px;
}
#tel_img img{width:100%;
height:auto;}
#content{
margin-top:39.4%;
background:white;
padding:20px 0px;
}
img.h2img{display:block;
margin:auto;
margin-top:30px;
margin-bottom:20px;}
h2{font-size:16px;}
#intro h2,#intro2 h2,#intro3 h2{
line-height:200%;
padding-bottom:10px;
font-size:16px;
color:#90c31f;
font-family: "Sawarabi Mincho", sans-serif;
}
#intro h2 span,#intro2 h2 span,#intro3 h2 span{
font-family: 'Kite One', sans-serif;
font-size:24px;
}
#intro h3,#intro2 h3,#intro3 h3{
font-size:20px;
color:#900;}
#intro p,#intro2 p,#intro3 p{
line-height:180%;
margin:0px 0px 10px 0px;}
.red_mincho{
font-family:"Sawarabi Mincho", sans-serif;
color:#f39700;
font-size:20px;
margin:16px 0px;}
.red_mincho2{
font-family:"Sawarabi Mincho", sans-serif;
color:#f39700;
font-size:16px;
margin:16px 0px;}
#new_entry p{text-align:right;}
#new_entry ul{margin-top:15px;}
#new_entry li{line-height:180%;
list-style:none;}
#new_entry,#intro,#intro2,#intro3,#entry_all,#gallery_all,#category_all{
width:85%;
margin:auto;}
#entry_all h2{margin-top:0 !important;
padding-top:0 !important;}
#intro{margin:60px auto;
overflow:hidden;
}
#intro img{
width: 48%;
height:auto;
float:right;
display:block;
}
#intro img.nofloat{
width: auto;
height:auto;
float:none;
display:block;
margin:10px 0px;
}
#intro_text{
width: 44%;
float:left;}
#intro2{margin:60px auto;
overflow:hidden;
}
#intro2 img{
width: 48%;
height:auto;
float:left;
}
#intro3{overflow:hidden;
margin:60px auto;
}
#d_slider{width:48% !important;
float:left;
}
#d_slider img{
width: 100%;
height:auto;
}
#intro3_text{width: 44%;
float:right;
}
.topmap{
float:right;
}
#intro2_text{
float:right;
width: 44%;
}
#map_text{width: 44%;
float:left;
margin-right:10px;}
#followus{display:none;
}
#followus h2{border-bottom:2px solid #90c31f;}
#inMenu{
display:block;
font-weight:bold;
font-size:16px;
margin-top:15px;
list-style:none;}
#inMenu span{
display:block;
text-align:right;
margin-top:-25px;}
#intro h2,#intro2 h2{margin-bottom:0px;}
ul.naiyo{font-weight:normal;
font-size:14px;
padding-left:2em;
margin-bottom:20px;}
ul.setumei{font-weight:normal;
font-size:14px;
margin-bottom:20px;
}
ul.naiyo li{list-style:circle;}
ul.menuname li{margin-bottom:20px;
border-bottom:1px solid #796955;}
#entry_all{overflow:hidden;}
#entry1{width: 44%;
float:left;
margin-bottom:30px;
margin-right:12%;}
#entry2{width: 44%;
float:left;
margin-bottom:30px;}
#entry2::after{overflow:hidden;}
#entry1 h2,#entry2 h2{margin-top:20px;}
#entry1 .date,#entry2 .date{font-size:12px;
margin-bottom:10px;}
#entry img{margin:20px 0px;
max-width:100%;
height:auto;}
#entry h2{
font-size:18px;}
#entry h3{
font-size:18px;
font-weight:bold;
color:#81511c;
margin-top:20px;
}
#entry p{line-height:200%;}
#entry p.date{
display:block;
margin-bottom:20px !important;}
#entry p a{
color:#90c31f;
text-decoration:underline;}
#entry{margin:20px 0px;
}
.faq_frame h2{margin-bottom:10px;
color:#90c31f;
font-size:16px !important;}
.faq_frame p{margin-left:20px;}
.faq_frame ul{margin:40px;
line-height:180%;}
.contact_frame h2{margin-bottom:10px;
color:#90c31f;
font-size:18px !important;}
.contact_frame h3{font-size:14px;
margin-top:20px;}
.contact_frame ul{padding: 0.5em 20px 1em 30px;
list-style: disc;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}
.contact_frame li{padding-bottom:10px;}
.fpage2{margin-top:20px;}
#access_all{overflow:hidden;}
#intro2 img.telimg{width:300px;}
.infotext h2{margin-bottom:0 !important;}
.infotext p{margin-bottom:15px;}
#entry_list{
overflow:hidden;
display:block;
padding:10px 0px;
border-bottom:1px dashed #f0ecd4;
box-sizing:border-box;}
#list_nail{width:17%;
display:block;
padding-right:3% !important;
float:left;
}
#list_nail img{width:100%;
max-width:150px;
height:auto;}
#list_text{width:80%;
float:left;}
a.more-link{
display:block;
margin-top:8px;
font-weight:bold;}
.next{width:100%;
overflow:hidden;
margin:20px auto;
}
.backpage a,.nextpage a,.list_back a{display:block;
zoom:1;
line-height:normal;}
.backpage{float:left;
border:1px solid #f0ecd4;
padding:0;
margin:0;
padding:8px;
margin:20px 0px;
}
.nextpage{float:right;
border:1px solid #f0ecd4;
padding:0;
margin:0;
padding:8px;
margin:20px 0px;
}
.list_back{
clear:both;
width:200px;
margin:auto;
border:1px solid #f0ecd4;
text-align:center;
padding:8px;
}
#entry_all{width:650px;
margin:auto;}
#entry{
width:100%;
}
p.d-price{font-size:18px;
font-weight:bold;
display:block;
margin:8px 0px;
text-align:right;}
#gallery_all{width:85%;
overflow:hidden;}
#index #gallery_all{margin-top:30px;}
.gallery_list{list-style:none;
width:99%;
margin:0 auto;
margin-right:-1%;}
.gallery_list li{
text-align:center;
display:inline-block;
width:23%;
margin-right:1%;
margin-bottom:1%;}
.gallery_list img{padding:5px;
background:white;
box-sizing:border-box;
border:1px solid #CCC;
width:250px;
height:250px;
}
.button {
display: inline-block;
width: 100%;
height: 40px;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color:#e9fbc1;
border: 2px solid #90c31f;
color: #90c31f;
line-height: 40px;
overflow: hidden;
margin:20px 0px;
font-weight:bold;
box-sizing: border-box;
}
.button:before,
.button:after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button:after {
top: -100%;
width: 100%;
height: 100%;
}
.button,
.button:before,
.button:after {
-webkit-transition: all .3s;
transition: all .3s;
}
.button:hover {
color: white;
font-weight:bold;
border: 2px solid #90c31f;
}
.button:hover:after {
top: 0;
color:white;
font-weight:bold;
background-color:#90c31f;
}
#footer_wave{
height:54px;
background:url(//freestyle-seitai.com/wp-content/themes/cocoiro/images/wave.png) white repeat-x;
background-position:center top;
}
#footer{background:#fcf9d0;
margin-top:-5px;
}
p.shopad{text-align:center;}
address{background:#90c31f;
text-align:center;
color:white;
margin-top:20px;
padding:20px 0px;
}
address a{color:white;} #page-top{
width:54px;
height:54px;
display:none;
position:fixed;
right:16px;
bottom:30px;
z-index:9999;
}
#page-top p{
margin:0;
padding:0;
text-align:center;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
#move-page-top{
color:#fff;
line-height:54px;
text-decoration:none;
display:block;
cursor:pointer;
}
#snsw{width:400px;
margin:20px auto;
overflow:hidden;
}
#fb{width:400px !important;}
#tw{width:400px !important;
float:right;}
#cation{width:400px !important;
margin:auto;
margin-bottom:20px;}
.fb-page{min-width:480px !important;}
#fb h2,#tw h2,#cation h2{
padding-bottom:5px;
margin-bottom:10px;
border-bottom:2px solid #a08846;
}
#menu-box{ 
display: none;
}
#breadcrumb{width:85%;
margin:auto;}
@media screen and (max-width: 1240px) { #new_entry,#intro,#intro2,#entry_list,#gallery_all,#gallery_all,#category_all{
width:94%;
margin:30px auto;}
#breadcrumb{width:94%;
margin:auto;}
.topmap {
float:none;
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
margin-top:20px;
}
.topmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#map_text{float:none;
width:100%;}
.gallery_list img{padding:5px;
background:white;
box-sizing:border-box;
border:1px solid #CCC;
width:230px;
height:230px;
}
}
@media screen and (max-width: 1050px) {
.gallery_list img{padding:5px;
background:white;
box-sizing:border-box;
border:1px solid #CCC;
width:200px;
height:200px;
}
#logo_small img{max-width:200px;
height:auto;}
#gnavi ul,#gnavi2 ul{width:100%;
margin-left:230px;}
#gnavi li,#gnavi2 li{width:12%;}
#gnavi li img,#gnavi2 img{width:100%;
height:auto;}
}
@media screen and (max-width: 900px) {
#snsw{width:400px !important;
margin:20px auto !important;
overflow:hidden;
}
#fb{width:400px !important;
float:none !important;
}
#tw{width:400px !important;
float:none !important;
margin-top:20px;}
.gallery_list li{	text-align:center;
display:inline-block;
width:30%;
margin-right:1%;
margin-bottom:1%;
}
.gallery_list img{padding:5px;
background:white;
box-sizing:border-box;
border:1px solid #CCC;
width:210px;
height:210px;
}
}
@media screen and (max-width: 752px) {
#content{margin-top:46% !important;}
#tel_img{margin-top:0px !important;
width:70%;
margin:auto;
}
#tel_img img{width:100%;
height:auto;
max-width:470px;
}
#new_entry,#intro,#intro2,#intro3{
width:94%;
margin:20px auto;}
#breadcrumb{width:94%;
margin:auto;}
#menu-box{ 
display: none;
}
#menu-box{display:inline;
width:100%;
display: block;
position: fixed;
top: 0;
left: 0;
z-index:9999;
}
#head_all{
display: none;
background:none;
}
#change{display:none !important;
background:none;}
#logo_small{display:none;}
#menu{
display: none;
}
#menu li{
width: 100%;
text-align:center;
background:#f2fab2;
color:white;
border-bottom:1px solid #90c31f;
}
#menu li a{display:block;  
padding:20px 0px;
color:#90c31f;  
}
#menu li a:hover{
font-weight:bold;}
#toggle img{
width:30%;
height:auto;}
#toggle{
display: block;
position: relative;
width: 100%;
background: #f2fab2;
}
#toggle a{
display: block;
position: relative;
padding: 8px 0 6px;
color: #fff;
border-bottom: 2px solid #90c31f;
text-align: center;
text-decoration: none;
}
#toggle:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 20px;
margin-top: -10px;
background: #90c31f;
}
#toggle a:before, #toggle a:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 4px;
background: #f2fab2;
}
#toggle a:before{
margin-top: -6px;
}
#toggle a:after{
margin-top: 2px;
}
#intro3{width:94%;}
.gallery_list li{	text-align:center;
display:inline-block;
width:30%;
margin-right:1%;
margin-bottom:1%;
}
.gallery_list img{padding:5px;
background:white;
box-sizing:border-box;
border:1px solid #CCC;
width:190px;
height:190px;
}
}
@media screen and (max-width: 695px) {
.gallery_list li{	text-align:center;
display:inline-block;
width:30%;
margin-right:1%;
margin-bottom:1%;
}
.gallery_list img{padding:5px;
background:white;
box-sizing:border-box;
border:1px solid #CCC;
width:165px;
height:165px;
}
#cation{width:90% !important;}
}
@media screen and (max-width: 590px) {
.gallery_list li{	text-align:center;
display:inline-block;
width:47%;
margin-right:1%;
margin-bottom:1%;
}
.gallery_list img{padding:5px;
background:white;
box-sizing:border-box;
border:1px solid #CCC;
width:160px;
height:160px;
}
}
h2.aisatu{padding-top:20px;}
input{height:20px;
margin-top:10px;
margin-bottom:10px;}
textarea{margin-top:10px;}
input.wpcf7-submit,input.wpcf7-confirm
,input.wpcf7-back{padding: 10px 30px;
font-size: 16px;
height:auto;
}
#con_form{padding-top:20px;}
.wpcf7 span{
color:red;}
#e_page{
text-align:center;
margin-bottom:20px !important;}
#e_page img{display:block;
margin:auto;}
div.wp_social_bookmarking_light{display:block;}
#blogbottom{
margin-top:40px;
margin-bottom:30px;
border:1px solid #b4a798;
padding:16px;
text-align:center;}
#blogbottom h2{margin-bottom:20px;} #twitter {
background-color: #00acee;
}
#pocket {
background-color: #EE4056;
}
#facebook {
background-color: #3b5998;
}
#ggl-plus {
background-color: #dd4b39;
}
#hatena {
background-color: #2D4C86;
} .button-area {
width: 100%;
margin: 10px 0;
}
.button-area:after {
content: '';
clear: both;
display: block;
}
.button-area-title {
font-weight: 700;
margin: 0 0 8px;
text-align: center;
}
.title-fill {
display: block;
background-color: #444;
color: #fff;
font-size: 14px;
width: 100%;
padding: 6px 15px;
box-sizing: border-box;
}
.button-whole {
float: left;
width: 19%;
margin: 0 0.5% 0 0.5%;
box-sizing: border-box;
}
.button-link {
display: block;
text-align: center;
color: #fff !important;
font-size: 14px !important;
padding: 10px 0 !important;
box-sizing: border-box;
border-radius: 3px;
text-decoration: none;
}
.button-link:hover {
text-decoration: none !important;
filter:alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}
.f_logo{display: block;
margin-left: auto;
margin-right: auto;}
img.foot_img{width:100%;
margin-bottom:20px;}
#breadcrumb {
font-size: 12px !important;
color:#a9a9a9;
}
#breadcrumb a {
color:#a9a9a9;
text-decoration: none;
}
div#breadcrumb {
clear: both;
margin: 0;
margin:auto;
}
div#breadcrumb a {
color:#a9a9a9;
}
div#breadcrumb div {
display: inline;
font-size: 12px;
}
#breadcrumb div a {
color:#a9a9a9;
text-decoration: none;
}
.hatori_sc{background:#f2fed5;
padding:16px;
margin-top:20px;}
.hatori_sc h3{font-size:16px !important;
color:#9C0 !important;
margin-bottom:8px;}
.hatori_sc p{text-align:left !important;}