@font-face {
font-family: 'icomoon';
src:  url(//fufu.pet/hatano/wp-content/themes/fufu20171201/icon/fonts/icomoon.eot?4yywmb);
src:  url(//fufu.pet/hatano/wp-content/themes/fufu20171201/icon/fonts/icomoon.eot?4yywmb#iefix) format('embedded-opentype'),
url(//fufu.pet/hatano/wp-content/themes/fufu20171201/icon/fonts/icomoon.ttf?4yywmb) format('truetype'),
url(//fufu.pet/hatano/wp-content/themes/fufu20171201/icon/fonts/icomoon.woff?4yywmb) format('woff'),
url(//fufu.pet/hatano/wp-content/themes/fufu20171201/icon/fonts/icomoon.svg?4yywmb#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-home:before {
content: "\e930";
}
.icon-home2:before {
content: "\e93e";
}
.icon-instagram:before {
content: "\e900";
color: #e4405f;
}
.icon-googleplus:before {
content: "\e901";
color: #dc4e41;
}
.icon-facebook:before {
content: "\e902";
color: #3b5998;
}
.icon-line:before {
content: "\e903";
color: #00c300;
}
.icon-youtube:before {
content: "\e904";
color: #f00;
}
.icon-twitter:before {
content: "\e905";
color: #1da1f2;
}
.icon-3606:before {
content: "\e906";
}
.icon-bag-man:before {
content: "\e907";
}
.icon-bird:before {
content: "\e908";
}
.icon-born:before {
content: "\e909";
}
.icon-bus:before {
content: "\e90a";
}
.icon-cat:before {
content: "\e90b";
}
.icon-chinchilla:before {
content: "\e90c";
}
.icon-chinchilla2:before {
content: "\e90d";
}
.icon-degu:before {
content: "\e90e";
}
.icon-dog2:before {
content: "\e90f";
}
.icon-dogfood:before {
content: "\e910";
}
.icon-ebi:before {
content: "\e911";
}
.icon-ferret1:before {
content: "\e912";
}
.icon-ferret2:before {
content: "\e913";
}
.icon-fish2:before {
content: "\e914";
}
.icon-gage:before {
content: "\e915";
}
.icon-ham:before {
content: "\e916";
}
.icon-hedge:before {
content: "\e917";
}
.icon-menu:before {
content: "\e918";
}
.icon-menu_3:before {
content: "\e919";
}
.icon-momkids:before {
content: "\e91a";
}
.icon-moru:before {
content: "\e91b";
}
.icon-nest:before {
content: "\e91c";
}
.icon-open:before {
content: "\e91d";
}
.icon-paper-bag1:before {
content: "\e91e";
color: #4b4b4b;
}
.icon-paper-bag2:before {
content: "\e91f";
}
.icon-parrot3:before {
content: "\e920";
}
.icon-poodle:before {
content: "\e921";
}
.icon-rabbit:before {
content: "\e922";
}
.icon-rank3:before {
content: "\e923";
}
.icon-rolling:before {
content: "\e924";
}
.icon-squirrel2:before {
content: "\e925";
}
.icon-standinghedge:before {
content: "\e926";
}
.icon-turtle:before {
content: "\e927";
}
.icon-yamamoto:before {
content: "\e928";
}
.icon-clock:before {
content: "\e929";
}
.icon-pencil:before {
content: "\e92a";
}
.icon-search:before {
content: "\e92b";
}
.icon-heart:before {
content: "\e92c";
}
.icon-refresh:before {
content: "\e92d";
}
.icon-sun-fill:before {
content: "\e92e";
}
.icon-moon-fill:before {
content: "\e92f";
}
.icon-office:before {
content: "\e931";
}
.icon-folder-open:before {
content: "\e932";
}
.icon-phone:before {
content: "\e942";
}
.icon-display:before {
content: "\e956";
}
.icon-mobile:before {
content: "\e958";
}
.icon-scissors:before {
content: "\ea5a";
}
.icon-number:before {
content: "\e933";
}
.icon-number1:before {
content: "\e934";
}
.icon-number2:before {
content: "\e935";
}
.icon-number3:before {
content: "\e936";
}
.icon-number4:before {
content: "\e937";
}
.icon-number5:before {
content: "\e938";
}
.icon-number6:before {
content: "\e939";
}
.icon-number7:before {
content: "\e93a";
}
.icon-number8:before {
content: "\e93b";
}
.icon-injection:before {
content: "\e93c";
}
.icon-camera:before {
content: "\f030";
}
.icon-question-circle:before {
content: "\f059";
}
.icon-info-circle:before {
content: "\f05a";
}
.icon-exclamation-circle:before {
content: "\f06a";
}
.icon-calendar:before {
content: "\f073";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-circle:before {
content: "\f111";
}
.icon-chevron-circle-right:before {
content: "\f138";
}
.icon-paw:before {
content: "\f1b0";
}
.icon-automobile:before {
content: "\f1b9";
}
.icon-car:before {
content: "\f1b9";
}
.icon-subway:before {
content: "\f239";
}
.icon-user-circle-o:before {
content: "\f2be";
}
.icon-drivers-license-o:before {
content: "\f2c3";
}
.icon-id-card-o:before {
content: "\f2c3";
}
.icon-shower:before {
content: "\f2cc";
}.kime-top
{position: absolute;
top:0.7rem;
border:0px solid black;
width:100%;
text-align:center !important;
}
.kime-text, .kime-tate-text{
font-family: 'M PLUS Rounded 1c', sans-serif;
line-height:2.4rem;
display:inline-block;
text-align:left;
color: white;
font-weight: 700;
font-size:2rem;
padding:1rem 1.5rem 1rem 2rem;
text-shadow:rgb(255, 102, 153) 2px 0px 0px, rgb(255, 102, 153) 1.75517px 0.958851px 0px, rgb(255, 102, 153) 1.0806px 1.68294px 0px, rgb(255, 102, 153) 0.141474px 1.99499px 0px, rgb(255, 102, 153) -0.832294px 1.81859px 0px, rgb(255, 102, 153) -1.60229px 1.19694px 0px, rgb(255, 102, 153) -1.97998px 0.28224px 0px, rgb(255, 102, 153) -1.87291px -0.701566px 0px, rgb(255, 102, 153) -1.30729px -1.5136px 0px, rgb(255, 102, 153) -0.421592px -1.95506px 0px, rgb(255, 102, 153) 0.567324px -1.91785px 0px, rgb(255, 102, 153) 1.41734px -1.41108px 0px, rgb(255, 102, 153) 1.92034px -0.558831px 0px,
rgb(255, 255, 0) 4px 0px 0px, rgb(255, 255, 0) 3.87565px 0.989616px 0px, rgb(255, 255, 0) 3.51033px 1.9177px 0px, rgb(255, 255, 0) 2.92676px 2.72656px 0px, rgb(255, 255, 0) 2.16121px 3.36588px 0px, rgb(255, 255, 0) 1.26129px 3.79594px 0px, rgb(255, 255, 0) 0.282949px 3.98998px 0px, rgb(255, 255, 0) -0.712984px 3.93594px 0px, rgb(255, 255, 0) -1.66459px 3.63719px 0px, rgb(255, 255, 0) -2.51269px 3.11229px 0px, rgb(255, 255, 0) -3.20457px 2.39389px 0px, rgb(255, 255, 0) -3.69721px 1.52664px 0px, rgb(255, 255, 0) -3.95997px 0.56448px 0px, rgb(255, 255, 0) -3.97652px -0.432781px 0px, rgb(255, 255, 0) -3.74583px -1.40313px 0px, rgb(255, 255, 0) -3.28224px -2.28625px 0px, rgb(255, 255, 0) -2.61457px -3.02721px 0px, rgb(255, 255, 0) -1.78435px -3.57996px 0px, rgb(255, 255, 0) -0.843183px -3.91012px 0px, rgb(255, 255, 0) 0.150409px -3.99717px 0px, rgb(255, 255, 0) 1.13465px -3.8357px 0px, rgb(255, 255, 0) 2.04834px -3.43574px 0px, rgb(255, 255, 0) 2.83468px -2.82216px 0px, rgb(255, 255, 0) 3.44477px -2.03312px 0px, rgb(255, 255, 0) 3.84068px -1.11766px 0px, rgb(255, 255, 0) 3.9978px -0.132717px 0px;
} @media screen and (min-width:1550px){
.kime-text{
font-size:2.4rem;
line-height:3rem;
}}
@media screen and (min-width:1260px)and (max-width:1550px){
.kime-text{
font-size:2.1rem;  
}}
@media screen and (min-width:1004px)and (max-width:1260px){
.kime-text{
font-size:1.7rem;
padding:1rem 1.2rem 1rem 1.5rem;
}}
@media screen and (min-width:740px)and (max-width:1004px){
.kime-text{
font-size:1.7rem;
padding:1rem 1rem 1rem 2rem;
}}
@media screen and (min-width:600px)and (max-width:740px){
.kime-text{
font-size:2.8rem;
padding:1rem 8rem;
line-height:3rem;
}}
@media screen and (max-width:600px){
.kime-text{
padding:1rem 8rem;
font-size:2.4rem;
line-height:3rem;
}}
@media screen and (max-width:480px){
.kime-text{
font-size:2.4rem;
padding:1rem 2rem;   
line-height:3rem;
}}
@media screen and (max-width:415px){
.kime-text{
font-size:2rem;
line-height:2.4rem; 
padding:1rem 0.8rem 1rem 0.9rem;
}}
@media screen and (max-width:375px){
.kime-text{
font-size:1.8rem;
line-height:2.2rem;    
padding:1rem 0.8rem 0rem 0.9rem;
}}
@media screen and (max-width:320px){
.kime-text{
font-size:1.6rem;
padding:1rem 0.5rem 0rem 0.6rem;
line-height:2.2rem;
}} @media screen and (min-width:1550px){
.kime-tate-text{
font-size:2.4rem;
padding:1.5rem 2rem 1rem 2rem;
border:0px solid white;
line-height:3.5rem;
}}
@media screen and (min-width:1260px)and (max-width:1550px){
.kime-tate-text{
font-size:2.1rem;
padding:1.6rem 1.5rem 1rem 1.5rem;
border:0px solid white;
}}
@media screen and (min-width:1004px)and (max-width:1260px){
.kime-tate-text{
font-size:1.7rem;
padding:1.1rem 1rem 0rem 1rem;
border:0px solid white;
}}
@media screen and (min-width:740px)and (max-width:1004px){
.kime-tate-text{
font-size:1.7rem;
padding:1.5rem 1rem 1rem 1rem;
border:0px solid white;
}}
@media screen and (min-width:600px)and (max-width:740px){
.kime-tate-text{
font-size:2.8rem;
padding:2.5rem 10rem 1rem 2rem;
border:0px solid white;
}}
@media screen and (max-width:600px){
.kime-tate-text{
font-size:2.4rem;
padding:4rem 4rem 4rem 2rem;
border:0px solid white;
}}
@media screen and (max-width:480px){
.kime-tate-text{
font-size:2.4rem;
padding:1.8rem 2rem 1.5rem 2rem;
border:0px solid white;
}}
@media screen and (max-width:415px){
.kime-tate-text{
font-size:2.2rem;
padding:1rem 1.5rem 0rem 2rem;
border:0px solid white;
}}
@media screen and (max-width:375px){
.kime-tate-text{
font-size:1.9rem;
padding:0.8rem 2rem 0rem 1rem;
border:0px solid white;
}}
@media screen and (max-width:320px){
.kime-tate-text{
font-size:1.6rem;
padding:0.6rem 1.5rem 0.5rem 1rem;
border:0px solid white;
}}
.kime-bottom
{position: absolute;
left:0rem;
bottom:0.7rem;
border:0px solid black;
width:100%;
text-align:center !important;
}
.kime-right {
position: absolute;
top:0rem;
right: 0rem;
writing-mode: vertical-rl;
text-orientation: upright;
border:0px solid green;
} .original {
position: absolute;
top:0.5rem;
right: 0.5rem;
}
@media screen and (max-width:330px){
.original {
position: absolute;
top:0.1rem;
right: 0.2rem;
}}
svg {
font-family:'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'sans-serif' !important;
border:0px black solid;
font-weight: 500;
letter-spacing:-1px;
width: 8.5rem;
height:5rem;
}
.foreground {font-size: 14px;
fill: #fff;
}
.background1 {font-size: 14px;
stroke: white;
stroke-width: 0.7;
}
.background2 {font-size: 14px;
stroke: #ff6600;
stroke-width: 2.8;
}
.background3 {font-size: 14px;
stroke: #ffff00;
stroke-width: 6;
}
@media screen and (max-width:330px){
.foreground,.background1,.background2,.background3	{font-size:1.3rem;}} .centerdeco {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 6.5rem;
z-index:999;
}
.soldout {
position: absolute;
bottom:0.7rem;
right: 0.7rem;
}
.lefttop
{position: absolute;
left:0.5rem;
top:0.5rem;}
@media screen and (max-width:330px){
.lefttop {
position: absolute;
top:0.3rem;
left: 0.3rem;
}}
.beta {
position: absolute;
top:0.6rem;
right: 0.6rem;
}
@media screen and (max-width:330px){
.beta {
position: absolute;
top:0.3rem;
right: 0.3rem;
}}
@media screen and (max-width:330px){
.beta img {
max-width:5.7rem;
}}  .rare {
position: absolute;
bottom:0.6rem;
right: 0.6rem;
}
@media screen and (max-width:330px){
.rare {
position: absolute;
bottom:0.3rem;
right: 0.3rem;
}}
@media screen and (max-width:330px){
.rare img {
max-width:5.7rem;
}}
.boy {
position: absolute;
bottom:0.6rem;
left: 0.5rem;
}
@media screen and (max-width:330px){
.boy {
position: absolute;
bottom:0.3rem;
left: 0.3rem;
} }
@media screen and (max-width:330px){
.boy img {
width:2.7rem;
height:auto;
} }
.outiga{
text-align:center;
}
.soldout2{
border-radius: 0 0 10px 10px;
width: 100%;
border-left:solid 0.2rem white;
border-right:solid 0.2rem white;
border-bottom:solid 0rem white;
position:absolute;
bottom:0.4rem;
height:3.5rem;
background-color: yellow;
}
.soldout3{
border-radius: 0 0 10px 10px;
width: 100%;
border-left:solid 0.2rem white;
border-right:solid 0.2rem white;
border-bottom:solid 0rem white;
position:absolute;
bottom:0.2rem;
height:3.5rem;
background-color: yellow;
}
.soldout6{
border-radius: 0 0 10px 10px;
width: 100%;
border-left:solid 0.2rem white;
border-right:solid 0.2rem white;
border-bottom:solid 0rem white;
position:absolute;
bottom:0.2rem;
height:3.5rem;
background-color: darkorange;
}
.soldout7{
border-radius: 0 0 10px 10px;
width: 100%;
border-left:solid 0.2rem white;
border-right:solid 0.2rem white;
border-bottom:solid 0rem white;
position:absolute;
bottom:0.2rem;
height:3.5rem;
background-color: #ccc;
}
.soldout4{
border-radius: 0 0 10px 10px;
width: 100%;
border-left:solid 0.2rem white;
border-right:solid 0.2rem white;
border-bottom:solid 0rem white;
position:absolute;
bottom:0.2rem;
height:3.5rem;
background-color: #FBC5DD;
}
.soldout5{
border-radius: 0 0 10px 10px;
width: 100%;
border-left:solid 0.2rem white;
border-right:solid 0.2rem white;
border-bottom:solid 0rem white;
position:absolute;
bottom:0.2rem;
height:3.5rem;
background-color: #68B6FB;
}
.bottom_center{
width: 100%;
position:absolute;
bottom:0.2rem;
height:3.5rem;
background-color: #ccffff;
}
.bottom_center_text{
width:100%;
position:absolute;
bottom:0.5rem;
margin:auto;
}
.bottom_text{
width:100%;
position:absolute;
margin:auto;
bottom:0.8rem;
} .fluffy {
animation: fluffy1 3s ease infinite;
}
@keyframes fluffy1 {
0% { transform:translateY(0) }
5% { transform:translateY(0) }
10% { transform:translateY(0) }
20% { transform:translateY(-7px) }
25% { transform:translateY(0) }
30% { transform:translateY(-7px) }
50% { transform:translateY(0) }
100% { transform:translateY(0) }
} .blinking6{
-webkit-animation:blink 0.6s ease-in-out infinite alternate;
-moz-animation:blink 0.6s ease-in-out infinite alternate;
animation:blink 0.6s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
} .blinking10{
-webkit-animation:blink 1.2s ease-in-out infinite alternate;
-moz-animation:blink 1.2s ease-in-out infinite alternate;
animation:blink 1.2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
} .qa{font-weight:bold;
text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;}
h2.qa{
text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;}.lined-paper-top-dog {margin: 0 auto;
text-align:center;
border-radius: 0.5rem 0.5rem 0 0;
border-left: 0.1rem solid #68B6FB;
border-right: 0.1rem solid #68B6FB;
border-top: 0.1rem solid #68B6FB;
float:left;
width: 100%;
height: 6.5rem;
background-color: #D5ECFE; 
background-image: url(https://allpet.jp/animal/wp-content/themes/animal-pc/image/new-dog2.svg),url(https://allpet.jp/animal/wp-content/themes/animal-pc/image/new-dog1.svg);
background-position: 0rem 1.1rem, right;
background-repeat: no-repeat;
padding-top:0.7rem;
}
.lined-paper-top-dog p,.lined-paper-top-dog2 p{
display:block; line-height:5.5rem;
}
.lined-paper-top-dog2 {margin: 0 auto;
text-align:center;
line-height:1.8rem;
border-radius: 0rem 0rem 0 0;
border-left: 0.1rem solid #68B6FB;
border-right: 0.1rem solid #68B6FB;
border-top: 0rem solid #68B6FB;
float:left;
width: 100%;
height: 6.5rem;
background-color: #D5ECFE; 
background-image: url(https://allpet.jp/animal/wp-content/themes/animal-pc/image/new-dog3.svg),url(https://allpet.jp/animal/wp-content/themes/animal-pc/image/new-dog4.svg);
background-position: 0 1.1rem, right;
background-repeat: no-repeat;
margin-top:0rem;
padding-top:0.7rem;
}
.lined-paper-top3 {margin: 0 auto;
text-align:center;
line-height:1.8rem;
border-radius: 0.8rem 0.8rem 0 0;
border-left: 0.1rem solid #cccccc;
border-right: 0.1rem solid #cccccc;
border-top: 0.1rem solid #cccccc;
float:left;
width: 100%;
height: 5rem;
background-color: #ffffff; 
background-image: url(https:///fufu.pet/hatano/wp-content/themes/fufu20171201/image/santa.png),url(https:///fufu.pet/hatano/wp-content/themes/fufu20171201/image/snowman.png);
background-size:45px, 55px;
background-position: 0.8rem 0.4rem, right 0.5rem;
background-repeat: no-repeat;
}
.lined-paper-bottom-dog {margin: 0 auto;
line-height:1.8rem;
border-left: 0.1rem solid #68B6FB;
border-right: 0.1rem solid #68B6FB;
padding:1.95rem;
padding-bottom:1.75rem;
float:left;
width: 100%;
background-color: #ffffff; 
background-image: 
linear-gradient(rgba(153,204,255,.3) .1em, transparent .1em);
background-size: 100% 1.8rem;
}
.lined-paper-bottom-dog2 {margin: 0 auto 1.2rem auto;
line-height:2.2rem;
padding:2.45rem;
padding-bottom:1.5rem;
float:left;
width: 100%;
background-color: #ffffff; 
background-image: 
linear-gradient(rgba(153,204,255,.3) .1em, transparent .1em);
background-size: 100% 2.2rem;
border-radius:0 0 0.5rem 0.5rem; border: 0.1rem solid #68B6FB; border-top:none; margin-bottom:1.2rem;
}.info-space
{
display:none;
width:100%;
}
.info-toggle
{margin:1.5rem auto;
width:13rem;
cursor:	pointer;
height:5rem;
border-radius: 3px;
border:1px solid #fff;
color:#fff;
font-size: 0rem;
line-height:5rem;
text-align: center;
background-color:#ff9999;
vertical-align: top;
padding:0 0.5rem 0 0.5rem;}
@media screen and (min-width:600px){
.info-toggle:hover
{background-color:#68B6FB;}}
.info-toggle-content
{
display:inline-block;
vertical-align: top;
height:5rem;
padding-top:0.9rem;
font-size: 1.4rem;
line-height:1.6rem;
}
.info-toggle-mark
{
display:inline-block;
vertical-align: top;
height:5rem;
padding-top:1.4rem;
font-size: 2rem;
line-height:2rem;
margin-right:1rem;
}
.info-active
{margin:1.5rem auto;
width:13rem;
cursor:	pointer;
height:5rem;
border-radius: 3px;
border:1px solid #fff;
color:#fff;
font-size: 2.5rem;
line-height:5rem;
text-align: center;
background-color:#68B6FB;
vertical-align: top;
padding:0 1.5rem 0 0.5rem;
}
.info-close
{
width:12.8rem;
color:#fff;
margin-left:-0.5rem;
font-size:4rem;
} .infothumb{
display:inline-block;
float:left;
margin-right:0.5rem;   
width:43px;
height:43px;
}
.infothumb img{width:100%;
border:0.1rem solid white;
border-radius:0.5rem;  
height:auto;}
.newinfo {
margin: 0rem 0.5rem 0.7rem 0rem;
padding-bottom:0.7rem;
border-bottom: dashed 1px #ff9999;
}
.newinfo a:hover > .infothumb img {opacity: 0.7}
.info-date-box{
width:7rem;
margin-right:0.3rem;
display:inline-block;
text-align:center;
vertical-align: top;}
.info-date-box-content{
background-color:white;
padding:0.1rem 0.2rem 0.1rem 0.2rem;
border-radius:0.3rem;
}
.info-box-text{
height:2.1rem;
border:solid 0rem red;
width: calc(100% - 55px);
padding:0rem 0.2rem 0 0.2rem;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.new {margin: 0.7rem 0.5rem 0.7rem 0rem;
padding-bottom:0.7rem;
border-bottom: dashed 1px #ff9999; }
.new a {font-size: 1.2rem;}
.new img{
vertical-align: middle;
margin: 0px 0 0px 0px;
}
.new a img:hover{opacity: .5;}
.new ul{
font-size: 10px;
margin: 0;
display: inline-block;
padding: 0;
white-space: nowrap;
width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.new ul li{
display:inline-block;} .infopost{
position: relative;	
border: 0.1rem  dashed #ff9999;
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem #FBC5DD, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #FBC5DD;
width: 100%;
padding:1rem;
float: left;
margin-bottom:7rem;
}
h2.infopost{
width:auto;
position: absolute;
display: inline-block;
border-top: 0.1rem  dashed #ff9999;
border-left: 0.1rem  dashed #ff9999;
border-right: 0.1rem  dashed #ff9999;
border-bottom: none;
border-radius: 1rem 1rem 0 0;
top: -4.6rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
font-size: 1.6rem;
background: #FBC5DD;
box-shadow: 0 0 0 0.5rem #FBC5DD,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
color: #444444;
font-weight: bold;
text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;}.circle img{
box-shadow: 0 0 0 0.3rem #fff, 0px 0px 0px 0.4rem #cccccc;	
width:5.5rem;
height:5.5rem;
border-radius:50%;
border:solid 0px #fff;
display: inline-block;
margin: 3px 0 0px 2px;
} div#logoad	{
width: 18.5rem;
height:66px;
float:left;
position: relative;
margin: 0 0 0 3rem;
display: inline-block;
}
.arrow_cover{  position: absolute;
background: #ffffff;
border: solid 1px #cccccc;
height: 97%;
width: 100%;
border-radius: 10px;
z-index: -1;}
.arrow_box {
position: absolute;
background: #fff1cf;
height: 97%;
width: 100%;
border-radius: 10px;
z-index: 10;
}
.arrow_box:after {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: -2;
background: #fff1cf;
bottom: 17px;
left: -25px;
}
.arrow_box:before {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: -2;
background: #cccccc;
bottom: 6px;
left: -18px;
}  .balloon_left {
position: relative;
display:inline-block;
max-width:calc(100% - 8.5rem);
margin: 0 0 0rem 3rem;
} .balloon-text-left {
float: left;
position: relative;
padding: 0.6rem 0.6rem 0.3rem 0.6rem;
border: 1px solid #aaa;
border-radius: 10px;
max-width: 100%;
display: inline-block;
background-color:white;
z-index: 10;
min-height:6.3rem;
margin-bottom:-0.7rem;
}
.balloon-text-left p{line-height:1.8rem;}  .balloon_left:before {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: 1;
background: #cccccc;
top: 17px;
left: -18px;
}
.balloon_left:after {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: 1;
background: #fff1cf;
top: 6px;
left: -25px;
} .balloon_right {
float:right;
position: relative;
display:inline-block;
max-width:calc(100% - 8.5rem);
margin: 0 3rem 2rem 0rem;
} .balloon-text-right {
position: relative;
padding: 0.6rem 0.6rem 0.3rem 0.6rem;
border: 1px solid #aaa;
border-radius: 10px;
max-width: 100%;
display: inline-block;
background-color:white;
z-index: 10;
min-height:6.3rem;
}
.balloon-text-right {
float: left;
}
.balloon-text-right p{line-height:1.8rem;}  .balloon_right:before {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: 1;
background: #cccccc;
top: 17px;
right: -18px;
}
.balloon_right:after {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: 1;
background: #fff1cf;
top: 6px;
right: -25px;
}* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;    
}
html {
height: 100%;
overflow-y:scroll;
}
body {
margin: 0px;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/675326_60.jpg);
min-width: 320px; 
}
img { border-style:none; } 
a img { border-style:none; }
A:link {text-decoration:none} 
A:visited{color: #d35134}
A:hover{color: #d35134}
.trimming img {width:100%;
border-radius:10px;
border: 0.2rem solid #ffffff;
height:auto;}
.fm_left{float:left;
width:35%;
margin-right:2.5%;
margin-bottom:1rem;
text-align:center;
background-color: #ffffff;
border-radius:1rem;
border: solid #00ccff 0.1rem;
padding:0.5rem 0.3rem 0.3rem 0.3rem;
}
.fm_left img{border: 0rem solid #ffffff; vertical-align:bottom;}
.pagination a {
padding: 3px 8px;
display: inline-block;
border: solid 1px #00ccff;
color: #ffffff;
background-color: #FBC5DD;
font-size: 1.6rem;
text-decoration: none;
}
.pagination a:hover {
background-color: #00ccff;}
.pagination span {
padding: 3px 8px;
color: #666666;
font-size: 1.6rem;
text-decoration: none;	
display: inline-block;
}
.pagination span.current {
padding: 3px 8px;	
color: #ffffff;
background-color: #00ccff;
border: 1px solid #00ccff;
}
.pagination {
position:relative !important;     
overflow: hidden;
margin-top: 15px;
margin-bottom: 0px;  
text-align: center;
clear: both;
background-color: transparent;
}
.pagination h2.screen-reader-text { display: none; } .dogtag    {
float: left;
line-height: 30px; 
height: 30px !important;
margin: 0.4rem 0 0 0rem;
}
.dogtag a  {
display:block;    
padding: 0 15px;
font-size: 1.4rem;
margin-right: 0.3rem;
border-radius:1rem;
border:1px #ffffff solid;
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
.dogtag a:hover {
border-radius: 1rem;
background-color:#f6ad49;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
} .cat-item {
text-align:left;
display: inline-block;
list-style-type: none;
margin: 10px;
}
.newopa img:hover{opacity: .5;}
.opa img {width:100%;
border-radius:10px;
border: 0.2rem solid #ffffff;
height:auto;}
.opa img:hover{opacity: .7;}
.newopa img {width:100%;
border-radius:10px;
padding:0.2rem;
background-color: #ffffff;
height:auto;}
.caption {
font-size: 1.4rem;
line-height:100%;
width: 100%;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin: 5px 0px 0px 0px;
text-align:center;
}
@media screen and (max-width:1004px){
.caption_fufu {
font-size: 1.6rem;}}
.caption_fufu {
font-size: 1.6rem;
line-height:100%;
width: 100%;
margin: 5px 0px 0px 0px;
text-align:left;
}
.caption_price {
font-size: 1.4rem;
line-height:100%;
width: 100%;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin: 0px 0px 0px 0px;
}
.caption_price_br {
font-size: 1rem;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.precontent	{
width: 100%;
float: left;
margin: 0px 0px 0px 0px;
}
.caption_trimming {
text-align: left;
font-size: 1.6rem;
line-height:100%;
width: 100%;
margin: 0px 0px 0px 0px;
padding:0 0.5rem 0 0.6rem}
.position{
position: relative;
} .fullflexbox {
border: 0px solid red;
margin: 1rem 0rem 0rem 0rem;
display:inline-block;
vertical-align: top;
padding:0 2px;  
}
@media screen and (min-width:1550px){
.fullflexbox {
width: 11.1%;
height: auto;
}
}
@media screen and (min-width:1260px)and (max-width:1550px){
.fullflexbox {
width: 11.1%;
height: auto;
padding:0 1px; 
}
}
@media screen and (min-width:1004px)and (max-width:1260px){
.fullflexbox {
width: 16.65%;
height: auto;
padding:0 1px; 
}
}
@media screen and (min-width:740px)and (max-width:1004px){
.fullflexbox {
width: 25%;
height: auto;
padding:0 1px; 
}
}
@media screen and (min-width:480px)and (max-width:740px){
.fullflexbox {
width: 25%;
height: auto;
padding:0 1px; 
}
}
@media screen and (max-width:480px){
.fullflexbox {
width: 33.33%;
margin: 1rem 0rem 0rem 0rem;
height: auto;
padding:0 1px; 
}
}
.fullflexbox:hover .newopa img{opacity: .7;} 
.fullflexbox:hover .caption_fufu a{color: #d35134}
.fullflexbox:hover .caption a{color: #d35134} .search-flexbox {
border: 0px solid red;
margin: 1rem 0rem 0rem 0rem;
display:inline-block;
vertical-align: top;
padding: 0px; 
}
@media screen and (min-width:1550px){
.search-flexbox {
width: 10.83%;
height: auto;
}
}
@media screen and (min-width:1260px)and (max-width:1550px){
.search-flexbox {
width: 10.74%;
height: auto;
}
}
@media screen and (min-width:1004px)and (max-width:1260px){
.search-flexbox {
width: 16.20%;
height: auto;
}
}
@media screen and (min-width:740px)and (max-width:1004px){
.search-flexbox {
width: 24.48%;
height: auto;
}
}
@media screen and (min-width:480px)and (max-width:740px){
.search-flexbox {
width: 24.15%;
height: auto;
}
}
@media screen and (max-width:480px){
.search-flexbox {
width: 32.19%;
margin: 1rem 0rem 0rem 0rem;
height: auto;
}
}
.search-flexbox:hover .newopa img{opacity: .7;} 
.search-flexbox:hover .caption_fufu a{color: #d35134}
.search-flexbox:hover .caption a{color: #d35134}
.rabbit_position_right2{position:relative;
box-shadow: 0 0 0 0.5rem #fff1cf, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-bottom:3rem;
margin-top:1rem;
background-color: #fff1cf;
border-radius: 0.5rem;
padding:0rem;
}
@media screen and (max-width:1004px){
.rabbit_position_right2 {
width: 100%;
margin-bottom:2.3rem;
}}
.rightsection_list{
position:relative;
border: 0.1rem  dashed #f6ad49;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #fddea5, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #fddea5;
width: calc(100% - 1.6rem);
margin:4rem auto 0rem auto;
padding:0.1rem 1rem 1rem 1rem;
} @media screen and (max-width:800px){
.rightsection_list {margin:4rem auto 2.5rem auto;}}
.rightsection_list h1{
width:auto;
border-top: 0.1rem  dashed #f6ad49;
border-left: 0.1rem  dashed #f6ad49;
border-right: 0.1rem  dashed #f6ad49;
border-bottom:none;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -4.45rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
background: #fddea5;
font-size:1.6rem;
font-weight: bold;
box-shadow: 0 0 0 0.5rem #fddea5,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;}
.stel{
line-height:100%;
border: solid 0rem red;
margin-bottom:0.5rem;
font-weight:bold;
color:#fff;
}
.call_box_mail {
width: 5rem;
float: right;
height:5rem;
border-radius: 3px;
border:1px solid #fff;
font-size: 1.3rem;
padding-top: 1rem;
text-align: center;
background-color:#d66a35;
margin-right:0.5rem;
}
.call_box_tel {
border:1px solid #fff;
width: 5rem;
float: right;
height:5rem;
border-radius: 3px;
font-size: 1.3rem;
padding-top: 1rem;
text-align: center;
background-color:#d66a35;
margin-right:1rem;
} .call_box_mail2 {
width: 5rem;
float: right;
height:5rem;
border-radius: 3px;
border:1px solid #fff;
font-size: 1.3rem;
font-weight:bold;
padding-top: 1rem;
padding-right:0.2rem;
text-align: center;
background-color:#d66a35;
margin-right:1rem;}
.call_box_mail:hover {background-color:#68B6FB;} .call_box_tel2 {
border:1px solid #fff;
width: 5rem;
float: right;
height:5rem;
border-radius: 3px;
font-size: 1.3rem;
font-weight:bold;
padding-top: 1rem;
padding-right:0.2rem;
text-align: center;
background-color:#d66a35;
margin-right:0.5rem;}
.call_box_tel:hover {background-color:#68B6FB;} #wrapper {
width: 100%; 
min-width: 320px;
margin: 0 auto;
padding: 0; overflow:hidden;
}
@media screen and (max-width:800px){
#wrapper
{
margin-top:7rem; width:100%;
margin-bottom:0rem;
}
} #wrapper_middle {
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/roof3.png); overflow:hidden;
background-position: top ;
background-repeat: repeat-x ;
width: 100%; 
min-width: 320px;
height:auto;
margin: 0 auto;
padding-bottom: 2rem;
}
@media screen and (max-width:800px){
#wrapper_middle{ background-image:none;	
padding-bottom:2rem;
}}   #wrapper_bottom {
overflow-x: hidden;
width: 100%; 
min-width: 320px;
padding: 1rem 0; }   .container{height: auto; margin: auto; border: solid 0px black; background-color: #33CC00;}
@media screen and (min-width:1550px){.container{width: 1550px;}}
@media screen and (min-width:1260px)and (max-width:1550px){.container{width: 1190px;}}
@media screen and (min-width:1004px)and (max-width:1260px){.container{width: 895px;}}
@media screen and (min-width:800px)and (max-width:1004px){.container{width: 730px;}}
@media screen and (max-width:800px)
{.container	{
width: 100%; padding: 0rem;
border-top: 0.1rem  dashed #99FF99;
border-bottom: 0.1rem  dashed #99FF99;
box-shadow: 0 0 0 0.5rem #33CC00, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-bottom:0.9rem;
}} .container_middle {height: auto; margin: auto; padding-top: 5rem;}
@media screen and (min-width:1550px){.container_middle{width: 1550px;}}
@media screen and (min-width:1260px)and (max-width:1550px){.container_middle{width: 1190px;}}
@media screen and (min-width:1004px)and (max-width:1260px){.container_middle{width: 895px;}}
@media screen and (max-width:800px){.container_middle{padding-top: 0rem;}}
@media screen and (min-width:740px)and (max-width:1004px){.container_middle{width: 730px;}}
@media screen and (max-width:740px){.container_middle	{width: 100%; }} .container_bottom{height: auto; margin: auto; background-color:#00ccff; padding: 0 0.2rem;}
@media screen and (min-width:1550px){.container_bottom{width: 1550px;}}
@media screen and (min-width:1260px)and (max-width:1550px){.container_bottom{width: 1190px;}}
@media screen and (min-width:1004px)and (max-width:1260px){.container_bottom{width: 895px;}}
@media screen and (max-width:800px){.container_bottom{padding-top: 0rem;}}
@media screen and (min-width:740px)and (max-width:1004px){.container_bottom{width: 730px;}}
@media screen and (max-width:740px){.container_bottom	{width: 100%; }}  div#logobox	{
border: solid 0px red;
width: 100%;
margin:0 0 0.5rem 0;
} div#logopic{
float: left;
height: 5rem; 
width: 18rem;
}
@media screen and (max-width:800px){#logopic{display: none; height:2rem;}}  div#pet	{
font-size:1.4rem;
color:#fff;
width: 100%;
float:left;
font-weight:bold;
margin: 0.5rem 0rem 0.5rem 0 ;
text-shadow: #00523A 1px 1px 3px;
}
@media screen and (min-width:601px)and (max-width:800px){#pet{text-align:center;}}
@media screen and (max-width:600px){
div#pet{font-size:1.4rem; margin-bottom:0rem;}}
div#pet p{display:block; margin:0;} div.navnav{
margin: -10px 0px 17px 0px;
width: 100%;
float:left;
}
div.navbox{
width: 100%;
float:left;
margin:0px 0px 0px 0px;
}
.nav   {
border: solid 0px red;
height: 30px; margin: 0 0 0 0px; }
.nav ul    {
margin:0px 0px 0px -40px; }
.nav li    {
display: block;
float: left;
line-height: 30px; height: 30px; margin: 0; padding: 0; position: relative; font-weight:bold;
z-index: 1;
margin-top:1.8rem;
}
.nav li a  {
display: block;
height: 30px;
line-height: 30px;
padding: 0 15px;
font-size: 1.6rem;
margin-right: 2rem;
border: 0.15rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #d66a35, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
.nav .current-menu-item a, .nav .current_page_item a, .nav a:hover {
border: 0.15rem  dashed #d66a35;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #f6ad49,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#f6ad49;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
.nav ul ul { display: none; position: absolute;
top: 30px; }
.nav ul ul li { float: none; width: 200px; margin: 12px 0 0px 0;
}
.nav ul ul ul li { margin: 0px 0px 5px 5px;
}
.nav ul ul li a {  border: 0.15rem  dashed #d66a35;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #f6ad49, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#f6ad49;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
.nav ul li:hover > ul {
display: block; }
.nav ul ul li ul { left: 200px; top: 0; }
@media screen and (max-width:800px){
.navnav	{display: none;}}  .breadcrumb{
width: 100%;
font-size: 1.6rem;
margin:1rem 0 1.5rem 0;
float:left;
border: solid 0px #fff;
color:#96514d;
padding-left:0.7rem;
}
.breadcrumb div {
float:left;
overflow: hidden;
display: inline;
}
.breadcrumb span.sp{
margin:0 5px;
}
@media screen and (max-width:800px){.breadcrumb{padding: 0rem 0.5rem;}}
@media screen and (max-width:740px){.breadcrumb{ font-size:1.4rem;}}
@media screen and (max-width:740px){.breadcrumb a{ text-decoration: underline;}} a.whitelink:link, a.whitelink:visited, a.whitelink:active, a.whitelink:hover {
color : #96514d; 
} #left{margin-right:2rem; margin-top:4rem; float:left;padding:0 1rem;}
@media screen and (min-width:1550px){#left{width: 30.5%;}}
@media screen and (min-width:1260px)and (max-width:1550px){#left{width: 36.3%;}}
@media screen and (min-width:1004px)and (max-width:1260px){#left{width: 39%;}}
@media screen and (min-width:740px)and (max-width:1004px){#left{width: 50%;}}
@media screen and (max-width:740px){#left{width: 100%; margin-bottom:2.3rem;}}  #rightside{float: left; padding: 0 1rem; margin-top:4rem;}
@media screen and (min-width:1550px){#rightside	{width: 68.21%;}}
@media screen and (min-width:1260px)and (max-width:1550px){#rightside{width: 62.02%;}}
@media screen and (min-width:1004px)and (max-width:1260px){#rightside{width: 58.76%;}}
@media screen and (min-width:740px)and (max-width:1004px){#rightside{width: 47.25%;}}
@media screen and (max-width:740px){#rightside{width: 100%; }}  #letter{margin: auto auto;padding:0 1rem;}
@media screen and (min-width:1550px){#letter{width: 30.5%;}}
@media screen and (min-width:1260px)and (max-width:1550px){#letter{width: 36.3%;}}
@media screen and (min-width:1004px)and (max-width:1260px){#letter{width: 39%;}}
@media screen and (min-width:740px)and (max-width:1004px){#letter{width: 50%;}}
@media screen and (max-width:740px){#letter{width: 100%; }}  .fmpost{
border: 0.1rem  dashed #00ccff;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #ccffff, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #ccffff;
width: 100%; padding:0.2rem 1rem 0 1rem;
margin-bottom:1rem;
}
@media screen and (max-width:800px){
.fmpost {margin: 0rem auto 1rem auto; float:none;}}
h1.fmpost{
width: calc(100% - 1.2rem);
border: 0.1rem  dashed #ccffff;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #00ccff, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#00ccff;
margin:0 auto 1.5rem auto;
padding: 0.5rem 1rem 0.5rem 1rem; 
font-size: 1.6rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
h2.fmpost{
width: calc(100% - 1.2rem);
border: 0.1rem  dashed #ccffff;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #00ccff, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#00ccff;
margin:0 auto 1.5rem auto;
padding: 0.5rem 1rem 0.5rem 1rem; 
font-size: 1.6rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
h4 .fmpost {
border-radius:1rem 1rem 0 0;
font-size: 1.6rem;
color: #ffffff;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #f6ad49;	
text-shadow: #96514d 1px 1px 3px;
}
h4.view {
border-radius:1rem 1rem 0 0;
font-size: 1.4rem;
color: #ffffff;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #f6ad49;	
text-shadow: #96514d 1px 1px 3px;
}
.fmpost ul{
font-size: 1.4rem}
.fmpost p	{
border: solid 0px red;
display:block;
font-size: 1.6rem;
margin:0rem 0rem 0rem 0rem;
}
.fmpost img{
border-radius:10px;
max-width:100%;
height: auto;
}
.kira_snowman{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/jan.jpg);
}
.kira_snowman p {margin-top:2rem;}
.kira_snowman img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_feb{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/feb.jpg);
}
.kira_feb p {margin-top:2rem;}
.kira_feb img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_mar{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/mar.jpg);
}
.kira_mar p {margin-top:2rem;}
.kira_mar img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_apr{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/apr.jpg);
}
.kira_apr p {margin-top:2rem;}
.kira_apr img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_may{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/may.jpg);
}
.kira_may p {margin-top:2rem;}
.kira_may img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_jun{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/jun.jpg);
}
.kira_jun p {margin-top:2rem;}
.kira_jun img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_jul{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/jul.jpg);
}
.kira_jul p {margin-top:2rem;}
.kira_jul img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_aug{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/aug.jpg);
}
.kira_aug p {margin-top:2rem;}
.kira_aug img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_sep{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/sep.jpg);
}
.kira_sep p {margin-top:2rem;}
.kira_sep img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_oct{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/oct.jpg);
}
.kira_oct p {margin-top:2rem;}
.kira_oct img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_nov{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/nov.jpg);
}
.kira_nov p {margin-top:2rem;}
.kira_nov img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_dec{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/607800.jpg);
}
.kira_dec p {margin-top:2rem;}
.kira_dec img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_p{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/370101.png);
}
.kira_p p {margin-top:2rem;}
.kira_p img{
border-radius:50%;
max-width:250px;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.kira_miyabi{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/miyabi.jpg);
}
.kira_miyabi p {margin-top:2rem;}
.kira_miyabi img{
border-radius:50%;
max-width:250px;
height:auto;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.xmas{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/xmas.jpg);
}
.xmas p {margin-top:2rem;}
.xmas img{
border-radius:50%;
max-width:200px;
height:auto;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.shochu-message{
margin:0 auto;
padding:0.2rem 1rem 0.2rem 3rem;
width:90%;
text-align:center;
background-color:white;
border-radius: 5rem 5rem 5rem 5rem;}
.shochu{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/shochu1.jpg);
}
.shochu p {margin-top:2rem;}
.shochu img{
border-radius:50%;
max-width:200px;
height:auto;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff }
.zansho{ width:100%;
float:left;
margin-top:1rem;
margin-bottom:2rem;
border-radius:2rem;
padding: 10rem 0;
box-shadow: 0 0 0 0.1rem #ffffff, 0px 0px 4px 3px rgba(10, 10, 0, 0.4);
background-size:cover;
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/trimming_back/zansho.jpg);
}
.zansho p {margin-top:2rem;}
.zansho img{
border-radius:50%;
max-width:200px;
height:auto;
display: block;
margin: 0 auto;
box-shadow: 0 0 0 0.2rem #ffffff } .fm_date{font-size:1.6rem;}
.fm_thumb{border: 0.2rem red solid; border-radius:1rem; } .fm_position{position:relative;
box-shadow: 0 0 0 0.5rem #fff1cf, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-top:2.5rem;
background-color: #fff1cf;
border-radius: 0.5rem;
padding:0 0.3rem 0rem 0.3rem;}
.fm_position:first-of-type {
margin-top: 0;
}
.fm_position a:hover .opa img {opacity: 0.7}
.fm_position_center{position:relative;
text-align:center;
box-shadow: 0 0 0 0.5rem #fff1cf, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-bottom:3rem;
background-color: #fff1cf;
border-radius: 0.5rem;
padding:0 0rem 0rem 0rem;}
.fm_position_center a:hover .opa img {opacity: 0.7}
info100{width:100%;} h3.infotitle{ width: calc(100% - 1.2rem);
border: 0.1rem  dashed #fbc5dd;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #ff9999, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#ff9999;
margin:0 auto 1.5rem auto;
padding: 0.5rem 1rem 0.5rem 1rem; 
font-size: 1.6rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
.info_left{float:left;
width:33%;
margin: 0 1rem -0.3rem 0;
text-align:center;
background-color: #ffffff;
border-radius:1rem;
border: solid #ff9999 0.1rem;
padding:0.4rem 0.3rem 0.3rem 0.3rem;
}
.info_left img{vertical-align:bottom;}
.fm_right{
float:left;
width:62.5%;
}
.fm_right_bottom{text-align:center;
float:left;
width:62.5%;
position:absolute;
bottom:1.8rem;
left:37.5%;
}
.fm_button{display:inline}
.fm_more{
position:absolute;
bottom:1.8rem;
left:50%;
height: 30px;
line-height: 28px;
padding: 0 2rem;
font-size: 1.6rem;
margin: 1.5rem 0 0rem 0;
border: 0.1rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #d66a35, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
}
.fm_more:hover{
border: 0.1rem  dashed #d66a35;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #f6ad49,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#f6ad49;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
.newlink:hover > .fm_more{
border: 0.1rem  dashed #fddea5;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #d66a35, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}  .mpost{
border: solid 0px red;
width:100%;
}
.mpost h2{
border-radius:1rem;
font-size: 1.4rem;
color: #ffffff;
text-align:center;
margin: 0 0 0.5rem 0;
font-color:#FFF;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #f6ad49;	
text-shadow: #96514d 1px 1px 3px;
}
h2.search{
border: 0.1rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #f6ad49, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
padding: 0.6rem 0.5rem 0.5rem 0.5rem;     
color: #ffffff;
text-align:center;
margin: 0 0 0.5rem 0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #f6ad49;
text-shadow: #96514d 1px 1px 3px;
font-size:1.6rem;
font-weight: bold;
}
.mpost ul{margin-top:0rem;
padding-right:1rem;
margin-bottom:0rem;
font-size: 1.4rem}
.mpost ol{margin-top:0rem;margin-bottom:0rem;
padding-right:1rem;
font-size: 1.4rem}
.mpost p	{
border: solid 0px red;
display:block;
font-size: 1.4rem;
color: #444444;
margin:0px 1rem 0px 1rem;
}
.mpost h3{font-size:1.6rem; margin-top:0rem; margin-bottom:1rem;
}
.mpost h4{font-size:1.6rem;
margin: 1rem 0 0 1rem;
}
.mpost h5{font-size:1.4rem;
margin: 1rem 0rem 0rem 1rem;
}
.mpost img{
border-radius:10px;
margin-bottom: 1px;
margin-top: 0px;
max-width:100%;
height: auto;
}  .line{
margin:0.5rem 0rem 0rem 0;
float:right;}
.line img{
border-radius:1rem;}
.more-link {
float: left;
margin:0.5rem 0 0rem 0;
font-size: 1.2rem;
font-weight: bold;
padding: 4px 15px 3px 15px;
border-radius:1rem;
border: solid 0.2rem;
}
p.postinfo	{
color: #444444;
text-align: right;
}
p.postinfo a{
color: #444444;
text-decoration: none;
} .aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft	{
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.alignright	{
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.wp-caption	{
border: solid 1px #aaaaaa;
text-align: center;
padding-top: 0px;
} span.oldpage	{float: left}
span.newpage	{float: right}
p.pagelink a{
font-size: 1.2rem;
}
p.pagelink	{
overflow: hidden;
width: 100%;
}   .rightsection_blue{
border: 0.1rem  dashed #00ccff;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #ccffff, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #ccffff;
width: 100%; padding:0.2rem 1rem 0 1rem;
float: left;
}
@media screen and (max-width:800px){
.rightsection_blue {margin: 0rem auto 2.5rem auto; float:none;}}
.rightsection_blue h2{
border: 0.1rem  dashed #ccffff;
border-radius:1rem;
box-shadow: 0 0 0 5px #00ccff, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);	
background-color:#00ccff;
margin: 0px 0px 0 0px;
padding: 0.6rem 0.5rem 0.5rem 0.5rem;
font-size: 1.4rem;
color: #ffffff;
font-weight:bold;
text-shadow: blue 1px 1px 3px;
text-align:center;
}
.center{
text-align : center;
} .title{
width: 100%;
float:right;
margin:0px 0px 0px 0px; 
}
.title h2{
border-radius:0.2rem;
font-size: 12px;
color: #ffffff;
background-color:#444444;
text-align:center;
margin: 0px 0px 3px 0px;
font-color:#FFF;
padding: 5px 5px 5px 5px; 
}
.clear {
clear: both;
}  p.fee	{
font-size: 0.45em;
font-family: Verdana, Helvetica, sans-serif;
padding: 8px 16px 0px 16px;
margin: 0px;
}
p.fee a	{
color: #444444;
text-decoration: none;
}
p.fee img	  {
vertical-align: top;
margin-right: 8px;
} p.feed	{
font-size: 0.75em;
font-family: Verdana, Helvetica, sans-serif;
padding: 15px;
margin: 10px 0;
}
p.feed a	{
color: #444444;
text-decoration: none;
}
p.feed img	{
vertical-align: middle;
margin-right: 8px;
}
.opacity a:hover {opacity: .7;} .flex-box {
border: 0px solid green;
margin: 1rem 0rem 0rem 0rem;
display:inline-block;
vertical-align: top;
}
@media screen and (min-width:1550px){
.flex-box {
width: 16.65%;
height: auto;
padding:0 3px;
}
}
@media screen and (min-width:1260px)and (max-width:1550px){
.flex-box {
width: 25.0%;
height: auto;
padding:0 3px;
}
}
@media screen and (min-width:1004px)and (max-width:1260px){
.flex-box {
width: 25.0%;
height: auto;
padding:0 3px;
}
}
@media screen and (min-width:740px)and (max-width:1004px){
.flex-box {
width: 33.33%;
height: auto;
padding: 0 2px;
}
}
@media screen and (min-width:481px)and (max-width:740px){
.flex-box {
width: 25%;
height: auto;
padding: 0 2px;
}
}
@media screen and (max-width:480px){
.flex-box {
width: 33.33%;
height: auto;
padding: 0 2px; 
}
}
.flex-box:hover .newopa img{opacity: .7;} 
.flex-box:hover .caption_fufu {color: #d35134}
.flex-box:hover .caption {color: #d35134}
.infotitle h3{width: calc(67% - 1.5rem);
float:right;
border: 0.15rem  dashed #fbc5dd;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #ff9999, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#ff9999;
margin:0.8rem 0 1rem 0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
font-size: 1.4rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
.osirase {
width:8rem;
position: absolute;
bottom: 0.3rem;
right: 0;
left: 0;
margin: auto;
}
.flexbox p {
width: 100%;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding: 0px 0px 0px 0;
margin: 0 0 -3px 0;
}  #error{
width: 100%;
float:left}
#error h2{
font-size: 16px;
color: #444444;
text-align:center;
} .thumbnailtop_left_top {
font-size: 1rem;
position: absolute;
top: 0.2rem;
left: 0.5rem;
text-align: left;
color: #fff;
padding:0.2rem;
}
.thumbnailtop_right_top {
font-size: 1rem;
position: absolute;
top: 0.2rem;
right: 0.5rem;
text-align: left;
color: #fff;
padding:0.2rem;
}
.thumbnailtop_left_bottom {
font-size: 1rem;
position: absolute;
bottom: 0.7rem;
left: 0.5rem;
text-align: left;
color: #fff;
padding:0.2rem;
}
.thumbnailtop_right_bottom {
font-size: 1rem;
position: absolute;
bottom: 0.7rem;
right: 0.5rem;
text-align: left;
color: #fff;
padding:0.2rem;
}
.thumbnailtop_left_top_white {
position: absolute;
top: 0.6rem;
left:0.6rem;
text-align: center;
border-radius: 0.3rem; 
background-color: #FF0;
padding: 0.1rem 0.3rem 0rem 0.3rem;
color: #000;
font-size: 1rem;
}
.thumbnailtop_left_bottom_white {
position: absolute;
bottom: 1rem;
left:0.6rem;
text-align: center;
border-radius: 0.3rem; 
background-color: #FF0;
padding: 0.1rem 0.3rem 0rem 0.3rem;
color: #000;
font-size: 1rem;
}
.thumbnailtop_right_top_white {
position: absolute;
top: 0.6rem;
right:0.6rem;
text-align: center;
border-radius: 0.3rem; 
background-color: #FF0;
padding: 0.1rem 0.3rem 0rem 0.3rem;
color: #000;
font-size: 1rem;
}
.thumbnailtop_right_bottom_white {
position: absolute;
bottom: 1rem;
right:0.6rem;
text-align: center;
border-radius: 0.3rem; 
background-color: #FF0;
padding: 0.1rem 0.3rem 0rem 0.3rem;
color: #000;
font-size: 1rem;
}
@media screen and (min-width:740px){
.thumbnailtop_left_top,
.thumbnailtop_right_top,
.thumbnailtop_left_bottom,
.thumbnailtop_right_bottom,
.thumbnailtop_left_top_white,
.thumbnailtop_left_bottom_white,
.thumbnailtop_right_top_white,
.thumbnailtop_right_bottom_white {
font-size: 1.4rem;
}} .new{margin: 0.5rem 1rem 0 0rem;
border-bottom: dotted 2px #999999; }
.new a {font-size: 1.2rem;}
.new img{
vertical-align: middle;
margin: 0px 0 0px 0px;
}
.new a img:hover{opacity: .5;}
.new ul{
font-size: 10px;
margin: 0;
display: inline-block;
padding: 0;
white-space: nowrap;
width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.new ul li{
display:inline-block;}
.search_side_one{
display:inline-block;
}
.search_end{
margin: 0 0 1.5rem 0;
} #searchform {
margin: 0px 8px 0px 0px;
width:30%; border: solid 0px blue;
float:right;
position: relative;
}
@media screen and (min-width:1004px)and (max-width:1550px){#searchform{width: 33%;}}
@media screen and (min-width:801px)and (max-width:1004px){#searchform{width: 29%;}}
@media screen and (max-width:800px){#searchform{display: none;}}
@media print{#searchform{display: none;}}
#searchform #s {
width:100%;
float:right;
padding: 3px 0px 3px 12px;
height: 5rem;
line-height: 1;
border: solid 3px #f6ad49;
border-radius: 10px;
font-size: 14px;
}
#searchform #ss {
width:100%;
float:right;
padding: 3px 0px 3px 12px;
height: 5rem;
line-height: 1;
border: solid 3px #f6ad49;
border-radius: 10px;
font-size: 14px;
}
input[type=submit]{
font-family: icomoon ;
}
#searchform #searchsubmit {
position: absolute;
top: 0;
right: 0px;
cursor: pointer;
width: 20%;
height: 5rem;
background: #fddea5;
border: solid 3px #f6ad49;
border-radius: 10px;
font-size: 2rem;
color: #666666;
}
@media screen and (min-width:800px)and (max-width:1004px){#searchform #searchsubmit {width: 24%;}}
.call{
float:left;
width: 100%;
display: none;
margin-bottom: 0.5rem;
}
@media screen and (max-width:600px){.call{display: block;}}
.ftel {
width: 48.5%;
float: left;
height:3.9rem;
border-radius: 10px;
font-size: 1.2rem;
padding-top: 0.5rem;
text-align: center;
background: -moz-linear-gradient(
top,
#fff3db 0%,
#ffc821 25%,
#cc6633);
background: -webkit-gradient(
linear, left top, left bottom,
from(#fff3db),
color-stop(0.25, #ffc821),
to(#cc6633));
border: 1px solid #b85f00;
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px -1px 0px rgba(255,255,255,0.7);
text-shadow:
0px -1px 1px rgba(000,000,000,0.2),
0px 1px 0px rgba(255,255,255,0.3);
}
.rtel {
width: 48.5%;
float: right;
height:3.9rem;
border-radius: 10px;
font-size: 1.2rem;
padding-top: 0.5rem;
text-align: center;
background: -moz-linear-gradient(
top,
#fff3db 0%,
#ffc821 25%,
#cc6633);
background: -webkit-gradient(
linear, left top, left bottom,
from(#fff3db),
color-stop(0.25, #ffc821),
to(#cc6633));
border: 1px solid #b85f00;
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px -1px 0px rgba(255,255,255,0.7);
text-shadow:
0px -1px 1px rgba(000,000,000,0.2),
0px 1px 0px rgba(255,255,255,0.3);
} .minisearch{width: 60%; margin: 0 auto 0 auto;}
@media screen and (max-width:600px){.minisearch{width:100%;}} #searchform_e {
padding: 0 1rem 0 1rem;
margin: 1rem 0px 1rem 0px;
width: calc(100% - 1rem); border: solid 0px blue;
float:left;
position: relative;
}
#searchform_e #s {
width:100%;
float:left;
padding: 0.3rem 0px 0.3rem 1.2rem;
height: 3.7rem;
line-height: 1;
border: solid 0.3rem #f6ad49;
border-radius: 1rem;
font-size: 1.4rem;
}
input[type=submit]{
font-family: icomoon ;
}
#searchform_e #searchsubmit_e {
position: absolute;
top: 0rem;
right: 0px;
cursor: pointer;
width: 20%;
height: 3.7rem;
background: #fddea5;
border: solid 0.3rem #f6ad49;
border-radius: 1rem;
font-size: 1.6rem;
color:#444444;
}
#din{display:none}
.dib_search{
width: 100%;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display:inline-block;} .ftlc {
margin-bottom:-3rem;
float:left;
width: 49.5%;
}
@media screen and (max-width:1004px){
.ftlc {
width: 100%;
margin:0 0 0rem 0;
}
}
.ftlc p{
font-size: 1.4rem;
} .ftrc {
width: 49.5%;
float:right; }
.ftrc p{
font-size: 1.4rem;
}
@media screen and (max-width:1004px){
.ftrc {
margin:0.5rem 0 0rem 0;
width: 100%;
float:left;}
} .ftrc2 {
width: 49.5%;
float:right; }
.ftrc2 p{
font-size: 1.4rem;
}
@media screen and (max-width:1004px){
.ftrc2 {
margin:2.5rem 0 0rem 0;
width: 100%;
float:left;}
} .fg_map {
position: relative;
padding-top: 50%;
height: 0;
overflow: hidden; border: 0.1rem  dashed #f6ad49;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #fddea5, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #fddea5;
width: calc(100% - 1.2rem);
margin:0.8rem auto 0 auto;
}
.fg_map iframe{
position: absolute;
top: 0.5rem;
left: 0.5rem;
width: calc(100% - 1rem);
height: calc(100% - 1rem);
padding-right:1rem;
}
@media screen and (max-width:1004px){
.fg_map {
margin: 0.2rem auto 0 auto;	
}
} .pricelist{width:100%;
background-color: #ffffff;
padding:1rem;
border-radius:0 0 1rem 1rem;
border: solid 0.2rem #f6ad49;
}
h2.price {
border-radius:1rem 1rem 0 0;
font-size: 1.4rem;
color: #ffffff;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #f6ad49;	
text-shadow: #96514d 1px 1px 3px;
}
.price h3{
border-radius:1rem 1rem 0 0;
font-size: 1.4rem;
color: #ffffff;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #f6ad49;	
text-shadow: #96514d 1px 1px 3px;
}
.topic{width:100%;
background-color: #ffffff;
padding: 1rem;
border-radius:0 0 1rem 1rem;
border: solid 0.2rem #f6ad49;
}
.topic p{margin:0;} table.list {width: 100%;
font-size:1.4rem;
border: 0px solid #aaa;
border-collapse: separate;
border-spacing: 0;
border-radius: 0.2rem;
text-align:center;
}
@media screen and (max-width:457px){
table.list {
font-size: 1rem;
}
}
table.list tbody td {
min-height: 3rem;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
padding-top:0.4rem;
}
table.list thead th {
border-radius:0.5rem;
font-size: 1.4rem;
color: #ffffff;
margin: 0px 0px 0px 0px;
color:#FFF;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #f6ad49;	
}
table.list tbody th {
background-color: #444444;
}
table.list thead th + th,
table.list tbody td {
border-left: 0px solid #aaa;
}
table.list tbody tr:last-child th,
table.list tbody tr:last-child td {
border-bottom: none;
}
table.unitlist {width: 100%;
font-size:1.4rem;
border: 0px solid #aaa;
border-collapse: separate;
border-spacing: 0;
border-radius: 0.2rem;
} .socialbox{
text-align:center;
}
.socialbox div {
display:inline-block;
margin-right:0.5rem;
}
.fb_iframe_widget > span {
vertical-align: baseline !important;
}
.hundred{
border: solid 0px red;
margin: 1rem 0 0px 0;
width: 100%;
float:left;
text-align:center;
}
.hundred a{
display: inline-block;
height: 30px;
line-height: 28px;
padding: 0 2rem;
font-size: 1.6rem;
margin: 1.5rem 0 1.8rem 0;
border: 0.1rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #d66a35, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
@media screen and (min-width:741px)and (max-width:1260px){
.fmmore a{margin:0 0 1.2rem 0;}
}
@media screen and (max-width:420px){
.fmmore a{margin:0 0 1.2rem 0;}
}
.hundred a:hover{
border: 0.1rem  dashed #d66a35;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #f6ad49,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#f6ad49;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
.fhundred
{float:left;
border: solid 0px red;
width: 100%;}
.fhundred p{
margin: 1rem 1rem 1rem 1rem;
font-size: 1.4rem;} .dib_search{
width: 100%;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display:inline-block;} .cahundred{
margin: 1rem 0 0px 0;
width: 100%;
float:left;
}
.rightsection_h{
position:relative;
border: 0.1rem  dashed #f6ad49;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #fddea5, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #fddea5;
width: calc(100% - 1.6rem);
margin:0 auto 0rem auto;
padding:0.1rem 1rem 1rem 1rem;
} @media screen and (max-width:800px){
.rightsection_h {margin:0 auto 2.5rem auto;}}
.rightsection_h h1{
border: 0.1rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #f6ad49, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#f6ad49;
margin:0 1rem 0 1rem;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
font-size: 1.6rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
.rightsection_h h2{
border: 0.1rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #f6ad49, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#f6ad49;
margin:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
font-size: 1.6rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
.rightsection_h h6{
border-top: 0.1rem  dashed #f6ad49;
border-left: 0.1rem  dashed #f6ad49;
border-right: 0.1rem  dashed #f6ad49;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -6.5rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
font-size: 1.4rem;
background: #fddea5;
box-shadow: 0 0 0 0.5rem #fddea5,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
text-shadow: white 1px 1px 3px;
color:#444444 ;
font-weight: bold;}
@media screen and (max-width:1004px){
.rightsection_h h1, .rightsection_h h2
{margin: 0rem 1rem 0.5rem 1rem; }
}
.rightsection_home{
border: 0.1rem  dashed #f6ad49;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #fddea5, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #fddea5;
width: calc(100% - 1.6rem);
margin:0 auto 4rem auto;
padding:0.2rem 1rem 0.5rem 1rem;
}
@media screen and (max-width:1004px){
.rightsection_home{
border-top: solid 0px #444444;
margin-bottom:2.5rem;	
}}
.rightsection_home h1{
border: 0.1rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #f6ad49, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#f6ad49;
margin:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
font-size: 1.6rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
.rightsection_home h2{
border: 0.1rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #f6ad49, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#f6ad49;
margin:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
font-size: 1.6rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
@media screen and (max-width:1004px){
.rightsection_home h1, .rightsection_h h2{
margin: 0.6rem 1rem 0.5rem 1rem; 	
}}
.rightsection_fh{
border: 0.1rem  dashed #f6ad49;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #fddea5, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #fddea5;
width: calc(100% - 1.6rem);
margin:0 auto 0 auto;
padding:0.2rem 1rem 1rem 1rem;
}
@media screen and (max-width:1004px){
.rightsection_fh{
margin: 0.5rem auto 0 auto;	
}}
.rightsection_fh h1{
border: 0.1rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #f6ad49, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#f6ad49;
margin:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
font-size: 1.4rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
.counter{
margin: 0 0 0 0%;
float:left;
border: dotted 0px red;
width: 35%;
height: 3.5rem;
text-align: center;
}
@media screen and (min-width:1004px)and (max-width:1550px){.counter{width: 45%;}}
@media screen and (min-width:801px)and (max-width:1004px){.counter{width: 45%;}}
@media screen and (max-width:800px){.counter{width:100%;}} .counter_title{font-size: 1.8rem;
font-weight:bold;
line-height:2.5rem;
text-align: center;
padding-left: 2rem;
padding-top:1rem;
text-shadow: #00523A 1px 1px 3px;}
@media screen and (min-width:801px)and (max-width:1004px){.counter_title{
line-height:2.5rem;
font-size: 1.5rem;
padding-left: 0rem;
text-align: center;
}} @media screen and (max-width:600px){.counter_title{ font-size: 1.4rem;
padding-left: 0rem;
}}
.counter h1{font-size: 1.8rem;
line-height:2.5rem;
text-align: center;
padding-left: 2rem;
text-shadow: #00523A 1px 1px 3px;}
@media screen and (min-width:801px)and (max-width:1004px){.counter h1{
line-height:2.5rem;
font-size: 1.5rem;
padding-left: 0rem;
text-align: center;
}} @media screen and (max-width:600px){.counter{
display:none; }} .counter a {color:#fff;}
.counter a:hover{color:#f6ad49; 
text-shadow: #00523A 1px 1px 3px;} table.shop {width: 100%;
font-size:1.4rem;
border: 0px solid #aaa;
border-collapse: separate;
border-spacing: 0;
border-radius: 0.2rem;
}
@media screen and (max-width:500px){
table.shop {
font-size: 1.2rem;
}
}
table.shop tbody td {
height: 3rem;
text-align: center;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
table.shop thead th {
border-radius:0.5rem;
font-size: 1.4rem;
color: #ffffff;
text-align:center;
margin: 0px 0px 0px 0px;
font-color:#fff;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color:#f6ad49;
}
table.shop tbody th {
background-color: #444444;
}
table.shop thead th + th,
table.shop tbody td {
border-left: 0px solid #aaa;
}
table.shop tbody tr:last-child th,
table.shop tbody tr:last-child td {
border-bottom: none;
} table.shop tbody tr:last-child th:first-child {border-radius: 0 0 0 0.2rem;}
table.shop tbody tr:last-child th:last-child {border-radius: 0 0 0.2rem 0;} #form{margin:0 0 0rem 0;}
#textline {
width:98.5%;
font-size:1.4rem;
padding:0.5rem 0 0.5rem 0.5rem;
}
#textarea{
font-size:1.4rem;
width:97.5%;
}
#number{
width:10%;
}
#textarea_b{
width:98.5%;
margin: 8px 0 -3px 0px;
}
#request{
width:98.7%;
margin: 0px 0 -3px 0px;
}
.table{margin: 1rem 0 0 0 ;
width: 100%;
border-collapse: collapse;
}
.table th{
font-size: 1.4rem;
padding: 0.5rem;
text-align: left;
vertical-align: middle;
color: #444444;
background-color: #eeeeee;
border: 1px solid #b9b9b9;
}
.table td{
padding: 8px;
background-color:#f6ad49;
border: 0px solid #b9b9b9;
}
.table a{text-decoration:underline}
input ,select{
vertical-align:middle;
} .footer {
border-top: 0.1rem  dashed #ccffff;
border-bottom: 0.1rem  dashed #ccffff;
border-radius: 0rem 0rem 0 0;
box-shadow: 0 0 0 0.5rem #00ccff, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #00ccff;
width: 100%; 
margin: 0 auto 0 auto;
padding-bottom:2.8rem;
}
@media screen and (max-width:740px){
.footer	{padding:1rem 0.8rem; margin-bottom: 1.2rem;}} .wrapper_bottom_bottom {
border-top: 0.1rem  dashed #ccffff;
border-bottom: 0.1rem  dashed #ccffff; box-shadow: 0 0 0 0.5rem #00ccff, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #00ccff;
width: 100% ; 
margin: 0.8rem auto 0 auto;
}  .footer_calendar{
margin: 2.8rem 2rem 0rem 0rem;
float:left;
width: 31.42%;
border-radius: 1rem;
}
.footer_calendar h2	{
text-shadow: #f6ad49 1px 1px 3px;
font-size: 1.4rem;
color: #444444;
text-align:center;
}
@media screen and (min-width:1260px)and (max-width:1550px){.footer_calendar{width: 22.6%;}}
@media screen and (min-width:1004px)and (max-width:1260px){.footer_calendar{width: 37.76%;}}
@media screen and (min-width:740px)and (max-width:1004px){.footer_calendar{width: 37.26%;}}
@media screen and (max-width:740px){.footer_calendar{width: 100%; margin: 2rem 0rem 0rem 0rem;}} .footer_sitemap{
margin: 2.8rem 0rem 0rem 0rem;
float:left;
width: 33%;
font-size:1.4rem;
}
.footer_sitemap ul{padding-left:0rem}
.footer_sitemap li{
padding-left:1rem; list-style-type:none;}
.uldib{
display:inline-block;}
.footer_post{
border: 0.1rem  dashed #f6ad49;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #fddea5, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #fddea5;
width: calc(100% - 1.6rem);
margin:0 auto 0 auto;
padding:0.2rem 1rem 0rem 1rem;
}
@media screen and (max-width:740px){.footer_post	{width: 100%;}}
.footer_post h2{
border: 0.1rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #f6ad49, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#f6ad49;
margin:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
font-size: 1.4rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
@media screen and (min-width:1260px)and (max-width:1550px){.footer_sitemap{width: 37%;}}
@media screen and (min-width:1004px)and (max-width:1260px){.footer_sitemap{width: 59.96%; }}
@media screen and (min-width:740px)and (max-width:1004px){.footer_sitemap{width: 59.88%;}}
@media screen and (max-width:740px){.footer_sitemap	{width: 100%; margin: 2.4rem 0rem 0rem 0rem;}} .footer_access {
margin: 2.8rem 0rem 0rem 2rem;
float:right;
width: 32.9%;
border-radius: 1rem;
font-size:1.4rem}
@media screen and (min-width:1260px)and (max-width:1550px){.footer_access{width: 36.9%;}}
@media screen and (min-width:1004px)and (max-width:1260px){.footer_access{width: 100%; margin: 3.6rem 0rem 0rem 0rem;}}
@media screen and (min-width:740px)and (max-width:1004px){.footer_access{width: 100%; margin: 3.6rem 0rem 0rem 0rem;}}
@media screen and (max-width:740px){.footer_access {width: 100%;margin:2.4rem 0rem 0.8rem 0rem;}}
.footerdescription {
font-size: 1.4rem;
margin: 0px 0 0px 0;
padding: 0.5rem 0;
}
iframe{
width:100% !important;
}
.tyt{
float:right;
position:relative;
width: 100%;
padding-top: 60%;
}
@media screen and (max-width:1004px){
.tyt {
width: 100%;
padding-top: 56.25%;}
}
.tyt iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important
} .right	{
text-align:right;
width:100%;
padding: 2px 0 0px 0px;
}       .tlc {
border: 0px solid #444444;
float:left;
width: 49.5%;
}
@media screen and (max-width:1004px){
.tlc {
width: 100%;
}
}
.tlc h1	{
font-size: 1.6rem;
margin-bottom:0rem;
}
.trc h2	{
font-size: 1.6rem;
margin-bottom:0rem;
} .trc {
border: 0px solid red;
width: 49.5%;
float:right;
margin-bottom:1rem;
}
@media screen and (max-width:1004px){
.trc {
width: 99.5%;
float:left;}
} .g_map { width: 99.7%;
float:left;
position: relative;
padding-top: 50%;
height: 0;
overflow: hidden;
margin-bottom: 1rem;
}
.g_map iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width:1004px){
.g_map {
width: 99.5%;
float:left;
position: relative;
padding-top: 50%;
height: 0;
overflow: hidden;
}
}
.mt{margin-top:1.6rem;} .soldout {
position: absolute;
bottom:0.7rem;
left:0;
right:0;
}
.beta {
position: absolute;
top:0.7rem;
right: 0.7rem;
}
.boy {
position: absolute;
bottom:0.7rem;
left: 0.7rem;
} .blinking6{
-webkit-animation:blink 0.6s ease-in-out infinite alternate;
-moz-animation:blink 0.6s ease-in-out infinite alternate;
animation:blink 0.6s ease-in-out infinite alternate;
display:inline; position:absolute; top:0rem; left:-1.5rem; transform: rotate( -30deg );    
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
.noopa a img:hover{opacity:0;}
.rabbit_position_left{position:relative;
box-shadow: 0 0 0 0.5rem #fff1cf, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-bottom:3rem;
background-color: #fff1cf;
border-radius: 0.5rem;
padding:0 1rem 1rem 1rem;
width:98%;}
@media screen and (max-width:1004px){
.rabbit_position_left{
padding: 0;
width:100%}}
@media screen and (max-width:800px){
.rabbit_position_left{
margin-bottom: 3rem;
}}
.rabbit_position_left2{position:relative;
box-shadow: 0 0 0 0.5rem #fff1cf, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-bottom:3rem;
background-color: #fff1cf;
border-radius: 1rem;
padding:0 1rem 1rem 1rem;
width:98%;}
@media screen and (max-width:1004px){
.rabbit_position_left2{
margin-bottom:0.5rem;
padding: 0;
width:100%}}
@media screen and (max-width:800px){
.rabbit_position_left2{
margin-bottom: 0.5rem;
}}
.rabbit_position_right{position:relative;
box-shadow: 0 0 0 0.5rem #fff1cf, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-bottom:3rem;
background-color: #fff1cf;
border-radius: 0.5rem;
padding:0 1rem 0rem 1rem;
}
@media screen and (max-width:1004px){
.rabbit_position_right{
padding: 0;
}}
@media screen and (max-width:800px){
.rabbit_position_right{
margin-bottom: 3rem;
}} .rabbit_ftlc {
float:left;
width: 49.5%;
}
@media screen and (max-width:1004px){
.rabbit_ftlc {
width: 100%;
margin:0 0 1rem 0;
}}
.access_top{position:relative;
box-shadow: 0 0 0 0.5rem #fff1cf, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-bottom:3rem;
background-color: #fff1cf;
border-radius: 1rem;
}
@media screen and (max-width:1040px){
.access_top{
margin-bottom:2.4rem;
}} #responsive-menu-pro-header-bar-logo{margin-left:-1rem;}
#responsive-menu-pro-header-bar-logo img {width: 125px; height:50px;}
#responsive-menu-pro-header {
border-bottom: 0.1rem  dashed #99FF99;
box-shadow: 0 0 0 0.5rem #33CC00, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #FBC5DD;
margin-bottom: 4rem;
}
#responsive-menu-pro-button{border-radius: 0.3rem; border: solid #fff 1px !important;}
#responsive-menu-pro-search-box{ background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/675326_60.jpg); }
#responsive-menu-pro-container{background-size: auto !important;}
#responsive-menu-pro-additional-content{ background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/675326_60.jpg); }
#responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image {
text-align: center;
margin: 0;
width: 100%;}
.osirase2 {
width:9rem;
position: absolute;
top: 0.5rem;
right: 0;
left: 0;
margin: auto;
}
.infopost_bar{
border: 0.1rem  dashed #FBC5DD;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #ff9999, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#ff9999;
margin:0 0 0.5rem 0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
font-size: 1.4rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
.info{
width: 100%;
display: inline-block;
margin:1rem 0rem 0px 0rem;
}
@media screen and (max-width:800px){
.info{
border: solid 0px green;
padding: 0rem 0 0rem 0;
}
}
.p_inline{
width:99%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
float:left;
}
.p_inline p{font-size: 1.4rem; display:inline}
@media screen and (max-width:600px){
.p_inline p{
font-size:1.4rem;
}
} .orange{
position: relative;	
border: 0.1rem  dashed #fddea5;
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem #f8b862, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #f8b862;
width: 100%;
padding:1rem 1rem 0 1rem;
float: left;
}
.orange h2{
border-top: 0.1rem  dashed #fddea5;
border-left: 0.1rem  dashed #fddea5;
border-right: 0.1rem  dashed #fddea5;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -4.6rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
font-size: 1.6rem;
background: #f8b862;
box-shadow: 0 0 0 0.5rem #f8b862,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
color: #444444;
font-weight: bold;
text-shadow: rgb(245, 236, 220) 2px 0px 0px, rgb(245, 236, 220) 1.75517px 0.958851px 0px, rgb(245, 236, 220) 1.0806px 1.68294px 0px, rgb(245, 236, 220) 0.141474px 1.99499px 0px, rgb(245, 236, 220) -0.832294px 1.81859px 0px, rgb(245, 236, 220) -1.60229px 1.19694px 0px, rgb(245, 236, 220) -1.97998px 0.28224px 0px, rgb(245, 236, 220) -1.87291px -0.701566px 0px, rgb(245, 236, 220) -1.30729px -1.5136px 0px, rgb(245, 236, 220) -0.421592px -1.95506px 0px, rgb(245, 236, 220) 0.567324px -1.91785px 0px, rgb(245, 236, 220) 1.41734px -1.41108px 0px, rgb(245, 236, 220) 1.92034px -0.558831px 0px;}
h1.orange {
width:auto;
border-top: 0.1rem  dashed #f6ad49;
border-left: 0.1rem  dashed #f6ad49;
border-right: 0.1rem  dashed #f6ad49;
border-bottom:none;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -4.45rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
font-size: 1.6rem;
background: #fddea5;
box-shadow: 0 0 0 0.5rem #fddea5,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
color: #444444;
font-weight: bold;
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;} .light_brown{
position: relative;	
border: 0.1rem  dashed #f8b862;
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem #fddea5, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #fddea5;
width: 100%;
margin-bottom: 0rem;
padding:1rem;
float: left;
}
.light_brown h2{
border-top: 0.1rem  dashed #f8b862;
border-left: 0.1rem  dashed #f8b862;
border-right: 0.1rem  dashed #f8b862;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -4.6rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
font-size: 1.6rem;
background: #fddea5;
box-shadow: 0 0 0 0.5rem #fddea5,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
color: #444444;
font-weight: bold;
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;} .lemon{
position: relative;	
border: 0.1rem  dashed #f8b862;
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem #fef263, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #fef263;
width: 100%;
padding:1rem 1rem 0 1rem;
float: left;
}
.lemon h2{
border-top: 0.1rem  dashed #f8b862;
border-left: 0.1rem  dashed #f8b862;
border-right: 0.1rem  dashed #f8b862;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -4.6rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
font-size: 1.6rem;
background: #fef263;
box-shadow: 0 0 0 0.5rem #fef263,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
color: #444444;
font-weight: bold;
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;} .red{
position: relative;	
border: 0.1rem  dashed #ff9999;
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem #f6bfbc, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #f6bfbc;
width: 100%;
padding:1rem 1rem 0 1rem;
float: left;
}
.red h2{
border-top: 0.1rem  dashed #ff9999;
border-left: 0.1rem  dashed #ff9999;
border-right: 0.1rem  dashed #ff9999;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -4.6rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
font-size: 1.6rem;
background: #f6bfbc;
box-shadow: 0 0 0 0.5rem #f6bfbc,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
color: #444444;
font-weight: bold;
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;} .aqua{
position: relative;	
border: 0.1rem  dashed #2ca9e1;
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem #c1e4e9, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #c1e4e9;
width: 100%;
padding:1rem 1rem 0 1rem;
float: left;
}
.aqua h2{
border-top: 0.1rem  dashed #2ca9e1;
border-left: 0.1rem  dashed #2ca9e1;
border-right: 0.1rem  dashed #2ca9e1;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -4.6rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
font-size: 1.6rem;
background: #c1e4e9;
box-shadow: 0 0 0 0.5rem #c1e4e9,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
color: #444444;
font-weight: bold;
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;}
.light_blue{
position: relative;	
border: 0.1rem  dashed #00ccff;
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem #ccffff, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #ccffff;
width: 100%;
padding:1rem 1rem 0 1rem;
float: left;
}
h1.light_blue {
width:auto;
border-top: 0.1rem  dashed #00ccff;
border-left: 0.1rem  dashed #00ccff;
border-right: 0.1rem  dashed #00ccff;
border-bottom:none;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -3.45rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
font-size: 1.6rem;
background: #ccffff;
box-shadow: 0 0 0 0.5rem #ccffff,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
color: #444444;
font-weight: bold;
text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;}
.light_blue h2{
border-top: 0.1rem  dashed #00ccff;
border-left: 0.1rem  dashed #00ccff;
border-right: 0.1rem  dashed #00ccff;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -4.6rem;
left: 2rem;
padding: 0.8rem 1rem 0rem 1rem;
line-height: 1;
font-size: 1.6rem;
background: #ccffff;
box-shadow: 0 0 0 0.5rem #ccffff,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
text-shadow: #00ccff 1px 1px 3px;
color: #444444;
font-weight: bold;
text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;}
.light_blue h3{
width: calc(100% - 1.2rem);
border: 0.1rem  dashed #ccffff;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #00ccff, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#00ccff;
margin:0 auto 1.5rem auto;
padding: 0.5rem 1rem 0.5rem 1rem; 
font-size: 1.6rem;
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
.light_blue p	{
border: solid 0px red;
display:block;
font-size: 1.6rem;
margin:0rem 0rem 0rem 0rem;
}
@media screen and (max-width:740px){.light_blue {margin-bottom:0rem;}}
.flex_post {
width: 33.33%;
margin: 1rem 0rem 0rem 0rem;
height: auto;
display:inline-block;
vertical-align: top;
padding:0 1px;
}
.flex_post:hover .trimming img {border: 0rem solid #ffffff;}
.flex_post2:hover .trimming img {border: 0rem solid #ffffff;} .flex_post2 {
width: 31.3%;
margin: 1rem 0.25rem 0rem 0.25rem;
height: 10rem;
display:inline-block;
vertical-align: top;
}
.flex_post2 {
border: 0px solid red;
margin: 1rem 0.25rem 0rem 0.25rem;
display:inline-block;
vertical-align: top;
}
@media screen and (min-width:1550px){
.flex_post2 {
width: 15.68%;
height: auto;
}
}
@media screen and (min-width:1260px)and (max-width:1550px){
.flex_post2 {
width: 23.5%;
height: auto;
}
}
@media screen and (min-width:1004px)and (max-width:1260px){
.flex_post2 {
width: 31.28%;
height: auto;
}
}
@media screen and (min-width:740px)and (max-width:1004px){
.flex_post2 {
width: 46.73%;
height: auto;
}
}
@media screen and (max-width:740px){
.flex_post2 { width: 30.97%;
height: auto;
}
}
@media screen and (max-width:481px){
.flex_post2 {
width: 30.5%;
margin: 1rem 0.25rem 0rem 0.25rem;
height: auto;
}
}
.hundred_s{
border: solid 0px red;
margin: 0 0 0px 0;
width: 100%;
float:left;
text-align:center;
} .hundred_s a{
display: inline-block;
height: 30px;
line-height: 130%;
padding: 0 3rem;
margin: 2rem 0 1.8rem 0;
border: 0.1rem  dashed #fddea5;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #d66a35, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
padding: 0.5rem 3rem 4.5rem 3rem;
font-size:1.6rem;
}
@media screen and (min-width:741px)and (max-width:1260px){.fmmore a{margin:0 0 1.2rem 0;}}
@media screen and (max-width:420px){.fmmore a{margin:0 0 1.2rem 0;}}
.hundred_s a:hover{
border: 0.1rem  dashed #d66a35;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #f6ad49,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#f6ad49;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
.lined-paper-top {margin: 0 auto;
text-align:center;
line-height:1.8rem;
border-radius: 0.8rem 0.8rem 0 0;
border-left: 0.1rem solid #cccccc;
border-right: 0.1rem solid #cccccc;
border-top: 0.1rem solid #cccccc;
float:left;
width: 100%;
height: 5rem;
background-color: #ffffff; 
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/memo.png),url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/ww.png);
background-position: 0.3rem 0.4rem, right;
background-repeat: no-repeat;
}
.lined-paper-top2 {margin: 0 auto;
text-align:center;
line-height:1.8rem;
border-radius: 0.8rem 0.8rem 0 0;
border-left: 0.1rem solid #cccccc;
border-right: 0.1rem solid #cccccc;
border-top: 0.1rem solid #cccccc;
float:left;
width: 100%;
height: 5rem;
background-color: #ffffff; 
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/stickyrice.png),url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/stickyrice2.png);
background-size:45px, 55px;
background-position: 0.8rem 0.4rem, right 0.5rem;
background-repeat: no-repeat;
}
.lined-paper-top3 {margin: 0 auto;
text-align:center;
line-height:1.8rem;
border-radius: 0.8rem 0.8rem 0 0;
border-left: 0.1rem solid #cccccc;
border-right: 0.1rem solid #cccccc;
border-top: 0.1rem solid #cccccc;
float:left;
width: 100%;
height: 5rem;
background-color: #ffffff; 
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/santa.png),url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/snowman.png);
background-size:45px, 55px;
background-position: 0.8rem 0.4rem, right 0.5rem;
background-repeat: no-repeat;
}
.lined-paper-bottom {margin: 0 auto;
line-height:1.8rem;
border-radius: 0 0 0.8rem 0.8rem;
border-left: 0.1rem solid #cccccc;
border-right: 0.1rem solid #cccccc;
border-bottom: 0.1rem solid #cccccc;
padding:1.95rem;
float:left;
width: 100%;
background-color: #ffffff; 
background-image: 
linear-gradient(rgba(153,204,255,.3) .1em, transparent .1em);
background-size: 100% 1.8rem;
} .memo {
background-image: url(https://fufu.pet/hatano/wp-content/themes/fufu20171201/image/roof3.png);
background-position: top, top;
background-repeat: repeat-x, repeat;
width: 100%; 
min-width: 320px;
height:auto;
margin: 0 auto;
padding-bottom: 4rem;
}
.mobilesearch{display:block;}
@media screen and (max-width:480px){
.mobilesearch {
display:block;
}
} #mobilesearchform {
margin: 0px 8px 0px 0px;
width:95%; border: solid 0px blue;
float:right;
position: relative;
display:none;
}
@media screen and (max-width:800px){#mobilesearchform{display: block;}}
@media print{#mobilesearchform{display: none;}}
#mobilesearchform #s {
width:100%;
float:right;
padding: 3px 0px 3px 12px;
height: 5rem;
line-height: 1;
border: solid 3px #f6ad49;
border-radius: 10px;
font-size: 14px;
}
input[type=submit]{
font-family: icomoon ;
}
#mobilesearchform #searchsubmit {
position: absolute;
top: 0;
right: 0px;
cursor: pointer;
width: 20%;
height: 5rem;
background: #fddea5;
border: solid 3px #f6ad49;
border-radius: 10px;
font-size: 2rem;
color: #666666;
} .table_of_contents{text-align:center; margin-top:-1rem;}
.table_of_contents ul{
display: inline-block;
text-align: left;
margin-left:0rem;
padding-left:0rem;
list-style: none;
font-size: 1.6rem}
.table_of_contents ul li{
border-bottom: dashed 0.1rem #f6ad49;
padding: 0.3rem 0rem 0.15rem 0;
margin-bottom:0rem;}
.table_of_contents ul li:before {
font-family: "icomoon";
content: "\f138"; left : 0.5em; color: #f6ad49; margin-right:1rem;
}
.hotel_left{position:relative;
box-shadow: 0 0 0 0.5rem #fff1cf, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-bottom:0rem;
background-color: #fff1cf;
border-radius: 1rem;
padding:1rem 1rem 1rem 1rem;
width:98%;}
@media screen and (max-width:1004px){
.hotel_left{
margin-top:0.5rem;
margin-bottom: 2.3rem;
padding:0 0rem 0rem 0rem;
width:100%}}
.hotel_left2{position:relative;
box-shadow: 0 0 0 0.5rem #fff1cf, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-bottom:0rem;
background-color: #fff1cf;
border-radius: 1rem;
padding:1rem 1rem 1rem 1rem;
width:100%;}
@media screen and (max-width:1004px){
.hotel_left2{
margin-top:0.5rem;
margin-bottom:0rem;
padding:0 0rem 0rem 0rem;
width:100%}}
h2.hotel {
border-radius:1rem 1rem 0 0;
font-size: 1.4rem;
color: #ffffff;
text-align:center;
margin-top:1.5rem;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #f6ad49;	
text-shadow: #96514d 1px 1px 3px;
}
h2.simple{
border-radius:1rem;
font-size: 1.4rem;
color: #ffffff;
text-align:center;
margin: 0 0 0.5rem 0;
font-color:#FFF;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #f6ad49;	
text-shadow: #96514d 1px 1px 3px;
}
.header_ad{
margin:1rem 0 4rem 0; text-align:center;
}
@media screen and (max-width:740px){.header_ad	{margin:2rem 0 4rem 0; }}
.header_ad2{
margin:1rem 0 1.5rem 0;
text-align:center;
}
@media screen and (max-width:740px){.header_ad2	{margin:2rem 0 0.5rem 0; }}
.dib{width:100%;
margin-bottom:0rem;
font-size: 0;
}
.fufutext {
width: 100% !important;
-webkit-transition: width .3s;
transition: width .3s;
height:4rem;
}
.fufutextarea {
width: 100% !important;
-webkit-transition: width .3s;
transition: width .3s;
height:10rem;
}
input[name="mw-wp-form-captcha"] {
height:4rem;
}
.mw_wp_form_confirm .g-naked-item:nth-child(4){display:none;}
.mw_wp_form_confirm .g-naked-item:nth-child(5){display:none;}
#contact{width:100%}
.circle img{
box-shadow: 0 0 0 0.3rem #fff, 0px 0px 0px 0.4rem #cccccc;	
width:5.5rem;
height:5.5rem;
border-radius:50%;
border:solid 0px #fff;
display: inline-block;
margin: 3px 0 5px 2px;
} div#logoad	{
width: 18.5rem;
height:66px;
float:left;
position: relative;
margin: 0 0 0 3rem;
display: inline-block;
}
.arrow_cover{  position: absolute;
background: #ffffff;
border: solid 1px #cccccc;
height: 97%;
width: 100%;
border-radius: 10px;
z-index: -1;}
.arrow_box {
position: absolute;
background: #fff1cf;
height: 97%;
width: 100%;
border-radius: 10px;
z-index: 10;
}
.arrow_box:after {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: -2;
background: #fff1cf;
bottom: 17px;
left: -25px;
}
.arrow_box:before {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: -2;
background: #cccccc;
bottom: 6px;
left: -18px;
} .searchrank ol{margin:-0.2rem -1rem -0.5rem -3.5rem;
counter-reset:number; list-style:none; }
.searchrank ol li{display: inline-block; margin-right:1rem;margin-top:0.7rem; font-size:1.6rem;letter-spacing:-0.2rem; }
.searchrank ol li:nth-child(-n+3):before{
counter-increment: number 1;
content: counter(number) " 位 ";
margin-right:0.2rem;
color:#444;
background-color:#fbc5dd;
padding:0rem 0.3rem;
border-radius:0.7rem;
}
.searchrank ol li:nth-child(n+4):before{
counter-increment: number 1;
content: counter(number) " 位 ";
margin-right:0.2rem;
color:#444;
background-color:#D5ECFE;
padding:0rem 0.3rem;
border-radius:0.7rem;
}
.searchrank ul{margin:1.2rem -1rem 0 -3rem;}
.searchrank ul li{display: inline-block; margin-right:1rem; font-size:1.4rem; }
.searchrank a {text-decoration: underline;}
.searchrank ul li:before {
font-family: "icomoon";
content: "\f138"; left : 0.5em; color: #00ccff; margin-right:0.5rem;
line-height:100%;
}
.view{
text-align:right;
padding-right:0.5rem;
font-size:1.3rem;
margin-bottom:-0.6rem;
color:#444444;
border:solid 0px red;
} .white_red{
position: relative;	
border: 0.2rem  dashed #ff9999;
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem #ffffff, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #ffffff;
width: 80%; padding:1rem;
margin:1.5rem auto 3rem auto;
font-size:1.6rem;
}