@charset "utf-8";
 @import url("https://fonts.googleapis.com/earlyaccess/sawarabigothic.css");
@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css");
body {
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.blogentry h3{border-top:2px dashed #F96;
border-bottom:2px dashed #F96;
background:#FFC;
padding:1%;
margin-bottom:1%;}
.blogentry iframe{display:none !important;}
*{padding:0;
margin:0;
}
body {
color:#59493f;
font-size:15px;
-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(//usagi-shinkyu.com/wp-content/themes/cocoiro/images/android.png);
}
p {background-image:url(//usagi-shinkyu.com/wp-content/themes/cocoiro/image);}
h2 {background-image:url(//usagi-shinkyu.com/wp-content/themes/cocoiro/image);}
li{background:url(//usagi-shinkyu.com/wp-content/themes/cocoiro/images/android.png);
}
#index{  background:url(//usagi-shinkyu.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;}
#menu-price,#profile{background:url(//usagi-shinkyu.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(//usagi-shinkyu.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(//usagi-shinkyu.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(//usagi-shinkyu.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(//usagi-shinkyu.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(//usagi-shinkyu.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(//usagi-shinkyu.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(//usagi-shinkyu.com/wp-content/themes/cocoiro/images/line_bg.png) repeat-x;
height:40px;
}
#belt_02{background:url(//usagi-shinkyu.com/wp-content/themes/cocoiro/images/line_bg2.png) repeat-x;
height:40px;
}
#belt_03{background:url(//usagi-shinkyu.com/wp-content/themes/cocoiro/images/line_bg3.png) repeat-x;
height:40px;
}
a{text-decoration:none;
color:#ff847d;
}
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;
padding:10px 0px;
height:80px;
position: fixed;
top: -20px;
left: 0px;
width: 100%;
display: none;
z-index: 9999;
}
#logo_small{position:absolute;
left:2%;}
#gnavi,#gnavi2{font-weight:bold;
position:absolute;
top:30px;
right:2% !important;}
#change #gnavi{top:40px;}
#gnavi2 ul{
list-style:none;}
#gnavi2 li{
border:1px solid #59493f;
-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 #59493f;
-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 #59493f;}
#head_all{
overflow:hidden;
background:white;
background: url(//usagi-shinkyu.com/wp-content/themes/cocoiro/images/gnavi_bg.png) repeat-x;
min-height:140px;
}
.sticky {
position: fixed;
top: 0;
z-index: 100;
width: 100%;
border-bottom: 2px solid #333;
}
#tel_img{margin-top:-140px !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;
font-family: "Sawarabi Mincho", sans-serif;
}
#intro h2 span,#intro2 h2 span,#intro3 h2 span{
font-family: "Sawarabi Mincho", sans-serif;
font-size:20px;
color:#ff847d;
}
#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:94%;
margin:auto;}
#entry_all h2{margin-top:0 !important;
padding-top:0 !important;
border-bottom:1px solid #F99;}
#intro{margin:60px auto;
overflow:hidden;
}
#intro img{
width: 50%;
height:auto;
float:right;
display:block;
}
#intro img.nofloat{
width: auto;
height:auto;
float:none;
display:block;
margin:10px 0px;
}
#intro_text{
width: 46%;
float:left;}
#intro2{margin:60px auto;
overflow:hidden;
}
#intro2 img{
width: 50%;
height:auto;
float:left;
}
#intro3{overflow:hidden;
margin:60px auto;
}
#intro_top{
margin:auto;
text-align:center;
background:url(//usagi-shinkyu.com/wp-content/themes/cocoiro/images/top_bg.png) no-repeat bottom #ffffe0;
background-size:100% auto;
padding:20px 0px 100px 0px;
margin:20px 0;}
#intro_top h2{font-size:30px;
font-family: "Sawarabi Mincho", sans-serif;
font-weight:normal;
margin-bottom:2%;
}
#intro_top h2 span{color:#F99;}
#intro_top p{font-size:16px;
line-height:200%;}
#page_title{margin:3% 0%;
text-align:center;}
#page_title h2{font-size:36px;
font-family: "Sawarabi Mincho", sans-serif;
font-weight:normal;
color:#ff847d;
}
#page_title p{font-size:20px;
line-height:200%;}
#intro3_text{width: 44%;
float:right;
}
.topmap{
float:left;
}
#intro2_text{
float:right;
width: 46%;
}
#map_text{width: 46%;
float:right;}
#followus{display:none;
}
#followus h2{border-bottom:2px solid #ff847d;}
#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;
text-align:right;}
#entry p a{
color:#ff847d;
text-decoration:underline;}
.faq_frame h2,.prof_frame h2{margin-bottom:10px;
color:#ff847d;
font-size:16px !important;}
.faq_frame p{margin-left:20px;}
.faq_frame ul{margin:40px;
line-height:180%;}
.contact_frame{margin-bottom:20px;}
.contact_frame h2{margin-bottom:10px;
color:#ff847d;
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:200px;
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:70%;
margin:auto;
}
#entry{
margin-top:3%;
}
p.d-price{font-size:18px;
font-weight:bold;
display:block;
margin:8px 0px;
text-align:right;}
#index #gallery_all{margin-top:30px;}
.button {
display: inline-block;
width: 100%;
height: 40px;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color:#ffffe0;
border: 2px solid #ff847d;
color: #ff847d;
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 #ff847d;
}
.button:hover:after {
top: 0;
color:white;
font-weight:bold;
background-color:#ff847d;
}
#footer_wave{
height:50px;
background:url(//usagi-shinkyu.com/wp-content/themes/cocoiro/images/wave.png) white repeat-x;
background-position:center top;
margin-top:3%;
}
#footer{background:#fff1f4;
margin-top:-5px;
}
p.shopad{text-align:center;}
address{background:#ff847d;
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:94%;
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;}
#logo_small{margin-top:2%;}
#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;
}
#intro_top {padding-bottom:20% !important;}
}
@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:white;
color:white;
border-bottom:1px solid #c8a063;
}
#menu li a{display:block;  
padding:20px 0px;
color:#c8a063;  
}
#menu li a:hover{
font-weight:bold;}
#toggle img{
width:30%;
height:auto;}
#toggle{
display: block;
position: relative;
width: 100%;
background: white;
}
#toggle a{
display: block;
position: relative;
padding: 8px 0 6px;
color: #fff;
border-bottom: 2px solid #c8a063;
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: #c8a063;
}
#toggle a:before, #toggle a:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 4px;
background: white;
}
#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;
}
#intro_top p{
display:block;
width:94%;
margin:auto;
line-height:180%;
text-align:left;}
#intro_top {padding-bottom:28% !important;}
#intro_top h2{font-size:18px;
text-align:left;
width:94%;
margin:auto;
margin-bottom:10px;
font-weight:bold;
}
#page_title h2{font-size:26px;
font-family: "Sawarabi Mincho", sans-serif;
font-weight:normal;
color:#ff847d;
margin-bottom:10px;
}
#page_title p{font-size:14px;
font-weight:bold;
line-height:150%;}
}
@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;
margin-top:1% !important;
}
#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;
}
p.shoshin{font-size:12px;
text-align:right;}
#michi{width:100%;
text-align:center;
margin:auto;
margin-bottom:3%;}
#michi img{margin:20px 0px 8px 0px;}
#tab_all{margin:16px 0px;}
.tab{overflow:hidden;}
.tab li{background:#d2d2d2; padding:5px 25px; float:left; margin-right:1px;
list-style:none;}
.tab li.select{background:#eeeeee;}
.naiyou li{background:#eeeeee; padding:20px;}
.hide {display:none;}
img.profimg{width:54%;
display:block;
margin: 10px auto;}
#blogfoot{margin-top:30px;}
#line_contact{width:600px;
margin:auto;}
.closed_sc{background:#fffff0;
border:1px solid orange;
padding:16px;
margin:10px 0px;}
.closed_sc h3{font-size:16px !important;
color:orange !important;
margin-bottom:8px;
margin-top:0 !important;}
.closed_sc p{text-align:left !important;}