/*Theme Name: new_aqua*/

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
-webkit-overflow-scrolling:touch;
/*-webkit-appearance: none;*/      
}


select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*
input[type=checkbox] {
    display: none;
}
*/




input[type=checkbox] + label:before { content: "□"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 0px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "☒"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 0px; } /* allow space for check mark */




html {
  height: 100%;
  overflow-y:scroll;
}
body {
  margin: 0px;
  /*background-image: url("http://test3.clearwater.jp/wp-content/themes/ta/image/bg9_6.gif");*/
  background-color: var(--body-color);
  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}
li{margin-bottom:1rem;}

div,p {
font-size:1.6rem;
}

h1,h2,h3,h4 {
font-size:1.6rem;
font-weight:bold;}



/*動画*/
.video_container{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*Youtube ライブ*/
.video_tate {
  position: relative;
  height: 0;
  padding: 30px 0 170%;
  overflow: hidden;
}

/*Yourube 横
.video_yoko {
  position: relative;
  height: 0;
  // padding: 30px 0 56.25%; これが横向き！
  padding: 30px 0 170%;
  overflow: hidden;
}


.video_tate iframe, .video_yoko iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
*/


/*Youtube ライブ*/
.youtube_tate {
  position: relative;
  height: 0;
  padding: 30px 0 170%;
  overflow: hidden;
}

.youtube_yoko{
    position: relative;
    padding-bottom: 56.25%; これが横向き！
    height: 0;
    overflow: hidden;
}

.youtube_tate iframe, .youtube_yoko iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}








h1.tab {
    max-width: 270px;
	border-top: 0.1rem  dashed var(--light-blue-title-dashed);
	border-left: 0.1rem  dashed var(--light-blue-title-dashed);
	border-right: 0.1rem  dashed var(--light-blue-title-dashed);
	border-bottom:none;
	border-radius: 1rem 1rem 0 0;
    position: absolute;
    display: inline-block;
    top: -4rem;
    left: 1rem;
    padding: 0.8rem 1rem 0rem 1rem;
    line-height: 1;
    background: var(--light-blue-title-color);
	box-shadow: 0 0 0 0.5rem var(--light-blue-title-color),
	
	-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;
    font-weight: bold;}

h1.tab {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}












/*　ラップップ　*/
#wrapper {
width: 100%; 
min-width: 320px;
margin: 0 auto;
padding: 1rem 0 1rem 0;
background-color:var(--header-color);
}

@media screen and (max-width:800px){
#wrapper{
margin-top:7.9rem;
border-top: 0.1rem  dashed var(--header-dashed);
border-bottom: 0.1rem  dashed var(--header-dashed);
box-shadow: 0 0 0 0.5rem var(--header-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--header-color);
padding:0.5rem 1rem 0.5rem 1rem;
margin-bottom:1rem;
}}

/*　middle ラップップ　*/
#wrapper_middle {
background-color: var(--body-color);
background-image: var(--roof-url);
background-position: top, top;
background-repeat: repeat-x, repeat;
width: 100%; 
min-width: 320px;
height:auto;
margin: 0 auto;
padding: 4rem 0 2.5rem 0;
}

@media screen and (max-width:800px){
#wrapper_middle{
padding: 0 0 2.5rem 0rem;	
background-image: none;}}




/*@media screen and (max-width:800px){
#wrapper_middle {padding-bottom: 0rem;}}*/

/*@media screen and (max-width:740px){
#wrapper_middle{background-image : url("https://fufu.pet/hatano/wp-content/themes/fufu/image/roof2.png"),none; background-color: #a86f4c; padding-bottom:2.5rem;}}*/

/*　bottom ラップップ　*/
#wrapper_bottom {
width: 100%; 
min-width: 320px;
padding: 1.2rem 0 0.5rem 0;
/*background-image: url("https://fufu.pet/hatano/wp-content/themes/fufu/image/bg9_42.png");*/
background-color: var(--body-color);
overflow-x:hidden;
}

/*@media screen and (max-width:740px){#wrapper_bottom {width: 100%; padding: 0 0.2rem 1.5rem 0.2rem; background-image:none; background-color: #a86f4c;}}*/
/*　ラップップ終わり　*/


/*　ここからコンテナ　*/
.container{ margin: 0 auto; border: solid 0px black;}

@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:740px)and (max-width:1004px){.container{width: 730px;}}

@media screen and (max-width:740px){.container	{width: 100%;}}


/* コンテナ */
.container_middle {height: auto; margin: auto; }

@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: 0.5rem;}}

@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:var(--header-color); 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%; }}

/*　コンテナおわり　*/

/* header */
/* ロゴボックス大 */
#logobox	{
position: relative;
border: solid 0px red;
width: 100%;
margin-bottom:1rem;
}

@media screen and (max-width:800px){#logobox{margin-bottom:0rem;}}


/* ロゴ */
#logopic{
border: solid 0px green;
float: left;
height: 5rem; 
width: 18rem;
}

@media screen and (max-width:800px){#logopic{display: none;}}

/*div#logopic img{
border-radius: 1rem;
border: solid 0.1rem #ffffff;
}*/

/* 取り扱いペット 
div#pet	{

color:#fff;
width: 100%;
float:left;
border: solid black 0rem;
margin: 0.5rem 0rem 0.5rem 0 ;
text-shadow: #00523A 1px 1px 3px;
}

@media screen and (max-width:800px){#pet{text-align:center;}}

@media screen and (max-width:600px){
div#pet{font-size:1.6rem}}
div#pet p{display:block; margin:0;}*/
/*　header　おわり　*/





/*ここからナビゲーション*/
div#navnav{
margin: -12px 0px 7px 8px;
width: 100%;
float:left;
}

div#navbox{
width: 100%;
float:left;
margin:0px 0px 0px 0px;
}

#nav   {
border: solid 0px red;
height: 30px; /* set to the height you want your menu to be */
margin: 0 0 0 0px; /* just to give some spacing */
}

#nav ul    {
position:relative;
z-index: 20; 
margin:0px 0px 0px -40px;
/*padding: 0;  only needed if you have not done a CSS reset */
}

#nav li    {
display: block;
float: left;
line-height: 30px; /* this should be the same as your #main-nav height */
height: 30px; /* this should be the same as your #main-nav height */
margin: 0; padding: 0; /* only needed if you don't have a reset */
position: relative; /* this is needed in order to position sub menus */
font-weight:bold;
margin-top:1.5rem;
}

#nav li a  {
display: block;
height: 30px;
line-height: 30px;
padding: 0 15px;
/*font-size: 1.6rem;*/
margin-right: 2rem;


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 .current-menu-item a, #nav .current_page_item a, #nav a:hover {
border: 0.15rem  dashed #fddea5;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #d66a35,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}

#nav ul ul { /* this targets all sub menus */
    z-index: 1; 
display: none; /* hide all sub menus from view */
position: absolute;
top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
}

#nav ul ul li { /* this targets all submenu items */
float: none; /* overwriting our float up above */
width: 200px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
margin: 12px 0 0px 0;
}

#nav ul ul ul li { /*孫*/
margin: 0px 0px 5px 5px;
}

#nav ul ul li a { /* target all sub menu item links */
/*padding: 5px 10px;  give our sub menu links a nice button feel */
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 {
    z-index: 1; 
display: block; /* show sub menus when hovering over a parent */
}

#nav ul ul li ul {
    z-index: 1; 
/* target all second, third, and deeper level sub menus */
left: 190px; /* this needs to match the sub menu width set above -- width + padding + borders */
top: -12px; /* this ensures the sub menu starts in line with its parent item */
}

#nav ul ul li ul li{
 margin-top:12px;
    padding:0;
}

#nav ul ul li ul li a{
 margin-top:12px;
    padding:0;
}

@media screen and (max-width:800px){
#navnav	{display: none;}}
/* ナビゲーションおわり */



/*　ここからパンクズ　*/
.breadcrumb{
width: 100%;
margin:1rem 0;
float:left;
border: solid 0px #fff;
}

.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{/*color:#fff;*/font-size:1.4rem; margin:0rem 0 1.5rem 0;}}

@media screen and (max-width:740px){.breadcrumb a{/*color:#fff;*/ text-decoration: underline; margin:0 0 1rem 0;}}
/*　パンクズ終わり　*/


/*　ここから左カラム　*/
#left{margin-right:2rem; 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%; }}
/*　左カラム終わり　*/


/*　ここから右の大カラム　*/
#rightside{float: left; padding: 0 1rem;}

@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%; }}
/*　右の大カラムおわり　*/




/* ここからindex 記事 */
.fmpost{
border: 0.1rem  dashed var(--header-color);
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem var(--header-dashed), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--header-dashed);
width: 100%;
/*margin-bottom: 4rem;*/
margin-top: 0.5rem;
padding:0.2rem 1rem 0 1rem;
}

@media screen and (max-width:800px){
.fmpost {/*margin: 0rem auto 2.5rem auto;*/ float:none;}}


/*
.fmpost h2{
width: calc(100% - 1.2rem);
border: 0.1rem  dashed var(--header-dashed);
border-radius:1rem;
box-shadow: 0 0 0 0.5rem var(--header-color), 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:var(--header-color);
padding: 0.5rem 1rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
float:none;
margin:30px auto;
}
*/

.fmpost h2{
width: calc(100% - 1.2rem);
border: 0.1rem  dashed var(--fmpost-h1-dashed);
border-radius:1rem;
box-shadow: 0 0 0 0.5rem var(--fmpost-h1-color), 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:var(--fmpost-h1-color);
padding: 0.5rem 1rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
float:none;
margin:30px auto;
}


h1.fmpost{
width: calc(100% - 1.2rem);
border: 0.1rem  dashed var(--header-dashed);
border-radius:1rem;
box-shadow: 0 0 0 0.5rem var(--header-color), 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:var(--header-color);
margin:0 auto 1.5rem auto;
padding: 0.5rem 1rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
float:none;
}


/*
h4.fmpost {
border-radius:1rem 1rem 0 0;
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 h2 {
width: calc(100% - 1.2rem);
float:left;
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:2rem 0 2rem 0.5rem;
padding: 0.6rem 0.5rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}

.fmpost h2:first-of-type{margin-top:10rem;}
*/


/*
.fmpost ul{
font-size: 1.4rem
}*/

.fmpost p	{
border: solid 0px red;
display:block;
margin:0rem 0rem 0rem 0rem;
}

.fmpost img{
border-radius:10px;
max-width:100%;
height: auto;
display: block;
margin: 0px auto;
}


.content{
text-align:left;
display:inline-block;
width:100%;
}

.content img{
margin:0.5rem auto 0.8rem auto !important;
}

.content p{border:solid 0px red;}





.fm_left{float:left;
width:35%;
margin-right:2.5%;
margin-bottom:1rem;
text-align:center;
background-color: #ffffff;
border-radius:1rem;
border: solid var(--header-color) 0.1rem;
padding:0.4rem 0.3rem 0.3rem 0.3rem;
}

.fm_left img{border: 0rem solid #ffffff; vertical-align:bottom;}


.fm_date{}

.fm_thumb{border: 0.2rem red solid; border-radius:1rem; }


.fm_position_ad{
box-shadow: 0 0 0 0.5rem #ffffff, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin:2.5rem 0 0 0;
background-color: #ffffff;
border-radius: 1rem;
padding:0.1rem 0.2rem 0rem 1rem;
}





.fm_position{position:relative;
box-shadow: 0 0 0 0.5rem var(--content-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-top:2.5rem;
background-color: var(--content-color);
border-radius: 0.5rem;
padding:0 0.3rem 0rem 0.3rem;}

.fm_position:first-of-type {
  margin-top: 0;
}


.fm_position a:hover .opa-mailorder img {opacity: 0.7}
.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: 1rem;
padding:0 0.3rem 0rem 0.3rem;}

.fm_position_center a:hover .opa img {opacity: 0.7}
*/

.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}














/*ワンポイントバージョン
.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 1rem 0 1rem;
float: left;
}


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: 0.1rem solid #FBC5DD;
	border-radius: 1rem 1rem 0 0;
    top: -4.7rem;
    left: 2rem;
    padding: 0.7rem 1rem 0rem 1rem;
    line-height: 1;
    font-size: 1.4rem;
    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);

    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;}
*/	
	
	
	
	
	
/*お知らせらん*/	
	
.infopost{
margin-top:7rem;
position: relative;	
border: 0.1rem  dashed var(--infopost-dashed);
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem var(--infopost-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--infopost-color);
width: 100%;
padding:1rem 1rem 0 1rem;
float: left;
}

h2.infopost {
	width:auto;
	border-top: 0.1rem  dashed var(--infopost-dashed);
	border-left: 0.1rem  dashed var(--infopost-dashed);
	border-right: 0.1rem  dashed var(--infopost-dashed);
	border-bottom: none;
	border-radius: 1rem 1rem 0 0;
    position: absolute;
    display: inline-block;
    top: -3.3rem;
    left: 2rem;
    padding: 0.8rem 1rem 0rem 1rem;
    line-height: 1;
    background: var(--infopost-color);
	box-shadow: 0 0 0 0.5rem var(--infopost-color),
	-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;}
	
	
.infopost img{
border-radius:10px;
max-width:100%;
height: 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;
}

*/


.left20{width:20%;
float:left}

.left15{width:15%;
float:left}

.right80{width:80%;
float:right}

.right85{width:85%;
float:right}


.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;
}
}

/*---------------------イベント用-----------------------


.infopost ul{

font-size: 1.4rem
}

.infopost p	{
border: solid 0px red;
display:block;
font-size: 1.4rem;
color: #444444;
margin:0rem 0rem 0rem 0rem;
}

-----------------イベント用-------------------------*/


.table_of_contents{text-align:center;}

.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 #00ccff;
		 padding: 0.3rem 0rem 0.1rem 0;
	margin-bottom:0rem;}
	
.table_of_contents ul li:before {
  font-family: "icomoon";
  content: "\f138";/*アイコン種類*/
  left : 0.5em; /*左端からのアイコンまで*/
  color: #00ccff; /*アイコン色*/
  margin-right:1rem;
}






/* ここから固定ページに入れ込む記事用 */
.mpost{
border: solid 0rem green;
width:100%;
margin-bottom: 0px;
}

/*
h2.mpost{
border-radius:1rem;
text-align:center;
margin: 0 0 0.5rem 0;
color:#FFF;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #f6ad49;	
text-shadow: #96514d 1px 1px 3px;
}
*/


.mpost ul{
margin-top:0rem;
padding-right:1rem;
margin-bottom:0rem;
}



.mpost ol{margin-top:0rem;margin-bottom:0rem;
padding-right:1rem;
}



.mpost p	{
border: solid 0px red;
display:block;
color: #444444;
margin:0px 1rem 0px 1rem;
}

.mpost h3{margin-top:0rem; margin-bottom:1rem;}

.mpost h4{
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、more-link、こまごましたもの*/
.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.4rem;*/
}

p.pagelink	{
overflow: hidden;
width: 100%;
}
/* line、more-link、こまごましたもの　終わり*/






/*　ここから右の小カラム　*/
/*青
.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%;
margin-bottom: 4rem;
padding:0.2rem 1rem 0 1rem;
float: left;
}

@media screen and (max-width:800px){
.rightsection_blue {margin: 0rem auto 2.5rem auto; float:none;}}


h2.rightsection_blue {
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;
color: #ffffff;
text-shadow: blue 1px 1px 3px;
text-align:center;
}
*/

/*緑
.rightsection_green{
border: 0.1rem dashed #00B200;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #CEFFCE, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #CEFFCE;
width: 100%;
margin-bottom: 4rem;
padding:0.2rem 1rem 0 1rem;
float: left;
}

@media screen and (max-width:800px){
.rightsection_green	{margin: 0rem auto 2.5rem auto; float:none;}}

h2.rightsection_green {
border: 0.1rem dashed #CEFFCE;
border-radius:1rem;
box-shadow: 0 0 0 5px #00B200, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#00B200;
margin: 0px 0px 0 0px;
padding: 0.6rem 0.5rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #00552e 1px 1px 3px;
text-align:center;
}
*/
/*　右の小カラム終わり　*/

.center{
text-align : center;
}

/*取り扱い*/
.title{
width: 100%;
float:right;
margin:0px 0px 0px 0px; 
}

h2.title {
border-radius:0.2rem;
font-size: 12px;
background-color:#444444;
text-align:center;
margin: 0px 0px 3px 0px;
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;}















/*　ここからflexbox　*/
.flex-box {
border: 0px solid red;
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}



/*　ここから図鑑用flexbox　*/
.flexbox_z {
border: 0px solid red;
margin: 1rem 0rem 0rem 0rem;
display:inline-block;
vertical-align: top;
    padding: 0 3px;
}

@media screen and (min-width:1550px){
.flexbox_z {
width: 25%;
height: auto;
}
}

@media screen and (min-width:1260px)and (max-width:1550px){
.flexbox_z {
width: 25%;
height: auto;
}
}

@media screen and (min-width:1004px)and (max-width:1260px){
.flexbox_z {
width: 33.33%;
height: auto;
}
}

@media screen and (min-width:740px)and (max-width:1004px){
.flexbox_z {
width: 25%;
height: auto;
padding: 0 2px; 
}
}

@media screen and (max-width:740px){
.flexbox_z {
width: 25%;
height: auto;
padding: 0 2px; 
}
}

@media screen and (max-width:481px){
.flexbox_z {
width: 33.33%;
margin: 1rem 0rem 0rem 0rem;
height: auto;
padding: 0 1px; 
}
}


.flexbox_z:hover .newopa img{opacity: .7;} 
.flexbox_z:hover .caption_fufu a{color: #d35134}
.flexbox_z:hover .caption a{color: #d35134}





/*　ここからsearch-flex　*/
.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}







/*　ここからflexbox　*/
.fullflexbox {
border: 0px solid red;
margin: 1rem 0rem 0rem 0rem;
display:inline-block;
vertical-align: top;
padding:0 3px;
}



@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;
}
}

@media screen and (min-width:1004px)and (max-width:1260px){
.fullflexbox {
width: 16.65%;
height: auto;
}
}

@media screen and (min-width:740px)and (max-width:1004px){
.fullflexbox {
width: 25%;
height: auto;
    padding: 0 2px; 
}
}

@media screen and (min-width:480px)and (max-width:740px){
.fullflexbox {
width: 25%;
height: auto;
    padding: 0 2px; 
}
}

@media screen and (max-width:480px){
.fullflexbox {
width: 33.33%;
margin: 1rem 0rem 0rem 0rem;
height: auto;
padding: 0 2px; 
}
}





.fullflexbox:hover .newopa img{opacity: .7;} 
.fullflexbox:hover .caption_fufu a{color: #d35134}
.fullflexbox:hover .caption a{color: #d35134}






.newopa img:hover{opacity: .5;}




.opa img {width:100%;
border-radius:10px;
border: 0.2rem solid #ffffff;
height:auto;}


.opa img:hover{opacity: .7;}

.opaopa img {width:100%;
border-radius:10px;
border: 0.2rem solid #ffffff;
height:auto;}


.opaopa img:hover{opacity: .7;}

.newopa img {width:100%;
border-radius:1rem;
 border:solid white 0.2rem;
height:auto;}


.opa-mailorder img {width:100%;
border-radius:10px;
border: 0.2rem solid #ffffff;
border-bottom:none;
height:auto;}


.opa-mailorder img:hover{opacity: .7;}









.flex-box 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;
}

.fullflexbox 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;
}

/*　flexbox終わり　*/

.position{
position: relative;
}

.dib{width:100%;
margin-bottom:0rem;
font-size: 0;
text-align: left;
}

.caption {
font-size: 1.5rem;
line-height:100%;
width: 100%;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin: 0.1rem 0 0 0;
}

@media screen and (max-width:374px){
.caption {
font-size: 1.2rem;}}


.caption_fufu {
font-size: 1.5rem;
line-height:100%;
width: 100%;
margin: 0px 0px 0px 0px;
text-align:left;
}

@media screen and (max-width:374px){
.caption_fufu {
font-size: 1.4rem;}}



.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.2rem;
line-height:100%;
width: 100%;
margin: 0px 0px 0px 0px;
padding:0 0.5rem 0 0.6rem}













/*ここから403 404 error*/
#error{
width: 100%;
float:left}

h2.error {
color: #444444;
text-align:center;
}





/* Search result 
div#searchresult{
background: #e0ffff;
width: 100%;
border: solid 0px red;
float:left;
border-top: solid 0px #ffffff;
padding: 0% 0% 1.5rem 0;
margin:0px 0px 1.5rem 0px;
}

div#searchresult h2	{
font-size: 12px;
font-weight:bold;
color: #444444;	
text-align:center;
padding-top: 0px;
border-top: solid 0px #ffffff;
margin: 0px 0px 0px 0px;
}

div#searchresult h3	{
font-size: 12px;
font-weight:normal;
color: #444444;	
text-align:center;
padding-top: 0px;
border-top: solid 0px #ffffff;
margin: 0px 0px 0px 0px;
}*/





.search_side_one{
display:inline-block;
}

.search_end{
margin: 1rem 0 1.5rem 0;
}

/*検索フォーム*/
#searchform {
margin: 0px 8px 0px 0px;
width:30%;
/*padding-left:1%;*/
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;
}

input[type=submit]{
font-family: icomoon/*FontAwesomeをフォント指定*/;
}

#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: 100%;}

/*検索フォーム*/
#searchform_e {
padding: 0 1rem 0 1rem;
margin: 0rem 0px 1rem 0px;
width: calc(100% - 1rem);
/*padding-left:1%;*/
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]{
	-webkit-appearance: none;
font-family: icomoon/*FontAwesomeをフォント指定*/;
}

#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;}


/*　ここから100% fufu独自タグが多い　*/

/*
.tpc
{margin: 0 auto;
border: 0.1rem  dashed #00ccff;
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;

}
*/

/*左カラム*/
.ftlc {
	border: solid black 0rem;
float:left;
width: 49.5%;
}

@media screen and (max-width:1004px){
.ftlc {
width: 100%;

}
}

.ftlc p{
/*font-size: 1.4rem;*/
}

/*.ftlc h1	{
font-size: 1.4rem;
margin-bottom:0rem;
}

.ftrc h2	{
font-size: 1.4rem;
margin-bottom:0rem;
}*/

/*右カラム*/
.ftrc {
width: 49.5%;
float:right;
/*margin:0rem 0 1.5rem 0;*/
}

.ftrc p{
/*font-size: 1.4rem;*/
}

@media screen and (max-width:1004px){
.ftrc {
margin:0rem 0 0rem 0;
width: 100%;
float:left;}
}

/* map 
.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;	
}
}
*/


/* ここからhotel 表 */

.pricelist{width:100%;
background-color: #ffffff;
padding:1rem;
border-radius:0 0 1rem 1rem;
border-left: solid 0.2rem #00ccff;
border-right: solid 0.2rem #00ccff;
border-bottom: solid 0.2rem #00ccff;
}


.price h3{
border-radius:1rem 1rem 0 0;
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 1rem 0.5rem 1rem;
border-radius:0 0 1rem 1rem;
border: solid 0.2rem #00ccff;
font-size:1.4rem;
}

.topic p{margin-top: 0.5rem;}

/*リスト*/

h2.table_title{
border-radius:1rem 1rem 0 0;
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: #00ccff;	
text-shadow: #96514d 1px 1px 3px;
width:100%;
box-shadow:none;
border: 0.2rem #00ccff;
}

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;
font-color:#FFF;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
background-color: #00ccff;	
}

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;
}


/*リスト終わり*/




/*table.list thead tr th {border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;}


table.list tbody tr:last-child th:first-child {border-radius: 0 0 0 0.2rem;}
table.list tbody tr:last-child th:last-child {border-radius: 0 0 0.2rem 0;}*/























.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 3rem;
margin: 1.5rem 0 1.8rem 0;
border: 0.1rem  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;

}

@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 #fddea5;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #d66a35,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}


















.hundred-2rows{
border: solid 0px red;
margin: 1rem 0 0px 0;
width: 100%;
float:left;
text-align:center;
}

/*.hundred a{font-size: 1.4rem; padding-right:1rem;

}*/

.hundred-2rows a{
display: inline-block;
height: 48px;
line-height: 28px;
padding: 0 3rem;
font-size: 1.4rem;
margin: 1.5rem 0 1.8rem 0;
border: 0.1rem  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;
}

.hundred-2rows a:hover{
border: 0.1rem  dashed #fddea5;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #d66a35,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}













/*
.left45{
border: solid 0px red;
width: 45%;
float:left;
text-align:center;
}

.left45 a{
display: inline-block;
height: 50px;
line-height: 1.6rem;
padding: 0.7rem 1rem 0rem 1rem;
font-size: 1.4rem;
margin: 1.5rem 0 1.8rem 0;
border: 0.1rem  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;
}

.left45 a:hover{
border: 0.1rem  dashed #fddea5;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #d66a35,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}

.left45 a:visited{
color: #ffffff !important;
}
*/




.left45{
border: solid 0px red;
width: 45%;
float:left;
text-align:center;
}








.fhundred
{float:left;
width: 100%;}
	
.fhundred p{
margin: 1.8rem 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 var(--rightsection-h-dashed);
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem var(--rightsection-h-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--rightsection-h-color);
width: calc(100% - 2rem);
margin:0 auto 0rem auto;
padding:0rem 1rem 1rem 1rem;
}

/*@media screen and (max-width:1004px){
.rightsection_h{
border-top: solid 0px #444444;	
}}*/

@media screen and (max-width:800px){

.rightsection_h {margin:0 auto 0rem auto;
}}

h1.rightsection_h {
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;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}

h2.howto{
width: calc(100% - 1.2rem);
border: 0.1rem  dashed var(--index-title-dashed);
border-radius:1rem;
box-shadow: 0 0 0 0.5rem var(--index-title), 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color: var(--index-title);
margin:0 auto 1.5rem auto;
padding: 0.5rem 1rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
float:none;
display:inline-block;
}









/*
.rightsection_h h6{
	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: -6.5rem;
    left: 2rem;
    padding: 0.8rem 1rem 0rem 1rem;
    line-height: 1;
    font-size: 1.4rem;
    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:#4169e1 ;
    font-weight: bold;}
*/	


@media screen and (max-width:1004px){
h1.rightsection_h, h2.howto
{margin: 0rem 1rem 0.5rem 1rem; }
}


h2.hotel{
border-radius:1rem 1rem 0 0;
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: #00ccff;	
text-shadow: #96514d 1px 1px 3px;
}


.rightsection_footer{
border: 0.1rem  dashed var(--rightsection-footer-dashed);
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem var(--rightsection-footer-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--rightsection-footer-color);
width: calc(100% - 1.6rem);
margin:2.5rem auto;
padding:0.1rem 1rem 1rem 1rem;
}

/*@media screen and (max-width:1004px){
.rightsection_h{
border-top: solid 0px #444444;	
}}*/

@media screen and (max-width:1004px){

.rightsection_footer{margin:2.5rem auto 0rem auto;
	width: 100%;}}

h2.rightsection_footer {
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:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}

@media screen and (max-width:1004px){
h2.rightsection_footer {
margin: 0rem 1rem 0.5rem 1rem; 	
}}



.rightsection_footer_right{
border: 0.1rem  dashed var(--rightsection-footer-dashed);
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem var(--rightsection-footer-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--rightsection-footer-color);
width: calc(100% - 1.6rem);
margin:2.5rem auto;
padding:0.1rem 1rem 1rem 1rem;
}

@media screen and (max-width:1004px){

.rightsection_footer_right{margin:3.34rem auto 2.5rem auto;
	width: 100%;}}

h2.rightsection_footer_right {
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:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 

color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}

@media screen and (max-width:1004px){
h2.rightsection_footer_right {
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% - 2.0rem);
margin:auto auto;
padding:0.2rem 1rem 0rem 1rem;
max-width:893px;
}


h2.rightsection_home {
	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: -2rem;
    left: 2rem;
    padding: 0.6rem 1rem 0rem 1rem;
    line-height: 1;
    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: 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;}






.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;	
}}


h1.rightsection_fh {
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;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}


.counter{
position:relative;
margin: 0;
float:left;
border: dotted 0px red;
width: 35%;
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%;}}

/*@media screen and (min-width:600px)and (max-width:800px){.counter{width: 75%;}}

@media screen and (max-width:600px){.counter{width: 62%;}}

@media screen and (max-width:400px){.counter{width: 55%;}}*/

.counter_title{
margin:0;	
font-size: 1.8rem;
font-weight:bold;
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_title{
padding-left: 5rem;
text-align: center;
}}

/*@media screen and (max-width:800px){.counter h1{
padding-left: 0rem;
text-align: center;
}}*/


@media screen and (max-width:600px){.counter_title{
/*line-height: 2rem;*/
padding-left: 4rem;
}}

@media screen and (max-width:330px){.counter_title{
/*line-height: 2rem;*/
padding-left: 5rem;
}}


/*
h1.counter_title {border:0rem solid black;
margin:0;	
font-size: 1.8rem;
line-height:2.5rem;
text-align: center;
padding-left: 2rem;
}

@media screen and (min-width:801px)and (max-width:1004px){h1.counter_title{
padding-left: 5rem;
text-align: center;
}}

@media screen and (max-width:600px){h1.counter_title{
padding-left: 6.8rem;
}}

@media screen and (max-width:330px){h1.counter_title{
font-size: 1.4rem;
padding-left: 6.2rem;
}}
*/

/*@media screen and (max-width:400px){.counter h1{
line-height: 2rem;
font-size: 1.3rem;
padding-left: 2rem;
text-align: left;
}}*/

.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;
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.list thead tr th {border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;}*/

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;}


/*ここからMW WP FORM*/
#form{margin:2rem 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;
}


.submit{
height: 35px;
line-height: 30px;
padding: 0 15px;
/*font-size: 1.6rem;*/
border: 0.1rem  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;
margin: 1rem 0;
}

.submit:hover {border: 0.1rem  dashed #fddea5;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #d66a35,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}







/* ラップップ */
.footer {

border-top: 0.1rem  dashed var(--footer-dashed);
border-bottom: 0.1rem  dashed var(--footer-dashed);
border-radius: 0rem 0rem 0 0;
box-shadow: 0 0 0 0.5rem var(--footer-color);, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--footer-color);
width: 100%; 
margin: 0 auto 0 auto;

}

@media screen and (max-width:740px){
.footer	{padding:0rem 0.8rem; margin-bottom: 1.2rem;}}

/* ラップップ */
.wrapper_bottom_bottom {
border-top: 0.1rem  dashed var(--footer-dashed);
border-bottom: 0.1rem  dashed var(--footer-dashed);
/*border-radius: 0 0 1rem 1rem;*/
box-shadow: 0 0 0 0.5rem var(--footer-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--footer-color);
width: 100%/*calc(100% - 1.6rem)*/; 
margin: 0.8rem auto 0 auto;
}

/*@media screen and (max-width:800px){
.wrapper_bottom_bottom	{padding: 0 1rem 0 1rem; border-radius: 0 0 1rem 1rem; margin: 1.2rem auto 0 auto;}}

.contact_call{height: 23.5rem; background-color:#fff; border-radius:1rem; font-size:1.4rem; margin: 1rem 0rem 0rem 0rem; position: relative;}
.contact_call_button{/*position: absolute; top:30%; border:0rem solid black; margin:0 0rem; width:100%;}*/
















/*フッターカレンダー
.footer_calendar{
margin: 2.5rem 2rem 0rem 0rem;
float:left;
width: 31.42%;
border-radius: 1rem;
}


h2.footer_calendar 	{
text-shadow: #f6ad49 1px 1px 3px;
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: 1.5rem 0rem 0rem 0rem;}}
*/



/*フッターサイトマップ
.footer_sitemap{
margin: 2.5rem 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 #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: 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%;}}

h2.footer_post {
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:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
color: #ffffff;
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: 3.3rem 0rem 0rem 0rem;}}
*/



/*フッターアクセス
.footer_access {
margin: 2.5rem 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:3.3rem 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;
}
/* 用途不明だけど、使ってそうなもの　おわり*/

/*.用途不明
	contactmail{
	margin: 1rem 0rem 0rem 0rem;
	border-radius:1rem;
	background-color:#f6ad49;
	padding: 0.5rem 0.5rem 0 0.5rem;}*/
	

/*予備のフェルトっぽいエフェクト
.rightsection_green{
border: 0.2rem  dashed #82ae46;
border-radius: 1rem;

box-shadow: 0 0 0 0.5rem #cee4ae, 2px 1px 6px 5px rgba(10, 10, 0, 0.5);

background-color: #cee4ae;
width: 100%;
margin: 0 0 0rem 0;
padding:0.3rem 0.3rem 0 0.3rem;
float: left;
}

.rightsection_green h2{
border: 0.2rem  dashed #cee4ae;
border-radius:0.5rem 0.5rem 0 0;

box-shadow: 0 0 0 5px #82ae46, 2px 1px 6px 5px rgba(10, 10, 0, 0.5);

background-color:#82ae46;
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;
}*/

/*挨拶文をやるなら使う
.greeting{
font-size:1.4rem;
width: 100%;
border: solid 0px yellow;
float: left;
margin: 0rem 0 0rem 0;
}

.greeting_center{
margin: 0 auto 0 auto;
width:80%}*/

/* 使ってないっぽい記事 
.ftpost{
border: 0px solid red;
width:100%;
}

.ftpost h2{
border-radius:0.5rem;
font-size: 1.4rem;
color: #ffffff;
background-color:#f6ad49;
margin:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
font-weight:bold;
margin-bottom: 0.5rem;
text-align:center;
}

.ftpost p	{
display:block;
font-size: 1.4rem;
color: #444444;
margin:0rem 0 0 0;
border: 0px solid red;
margin-bottom: 1rem;
}

@media screen and (max-width:1004px){
.ftpost{
border: 0px solid red;
width:100%;
}
}

.ftpost ul{
font-size: 1.4rem}*/


/*とぷたぐ
.ftoptag{
float: left;
}

.ftoptag li	{
list-style-type:none;
display:inline-block;
}

.ftoptag .widget	{
width:100%;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
}

.ftoptag h2	{
width: 100%;
font-size: 1.4rem;
color: #444444;
text-align:center;
margin: 0px 0px -1rem 0px;
}
*/

/*左カラム*/
.tlc {
border: 0px solid #444444;
float:left;
width: 49.5%;
}

@media screen and (max-width:1004px){
.tlc {
width: 100%;
}
}

.tlc h1	{
margin-bottom:0rem;
}

h2.trc 	{
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;}
}

/* map */
.g_map {
/*border: 1px solid #999999;*/
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;}




.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-bottom:1rem;
width:100%}}

.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:0rem;
background-color: #fff1cf;
border-radius: 1rem;
padding:0 1rem 1rem 1rem;
width:98%;}

@media screen and (max-width:1004px){
.rabbit_position_left2{
width: 100%;
padding-bottom:1rem;
margin-bottom:2.3rem;
}}

.rabbit_position_book {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;

width:98%;}

@media screen and (max-width:1004px){
.rabbit_position_book{
padding-bottom:1rem;
margin-bottom:3rem;
width:100%}}




.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:0 1rem 1rem 1rem;

width:98%;}

@media screen and (max-width:1004px){
.hotel_left{
	margin-top:0.5rem;
margin-bottom: 2.3rem;
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:0 1rem 1rem 1rem;

width:100%;}

@media screen and (max-width:1004px){
.hotel_left2{
	margin-top:0.5rem;
margin-bottom:0rem;
width:100%}}










.rabbit_position_right3 {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;
}

@media screen and (max-width:1004px){
.rabbit_position_right3{
padding-bottom:1rem;
margin-top:2rem;
}}





.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 1rem 1rem;
}

@media screen and (max-width:1004px){
.rabbit_position_right{
padding-bottom:1rem;
}}

@media screen and (max-width:800px){
.rabbit_position_right{
padding-bottom:1rem;
}}


/*左カラム*/
.rabbit_ftlc {
float:left;
width: 49.5%;
}

@media screen and (max-width:1004px){
.rabbit_ftlc {
width: 100%;
}}

.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;
}}














/* Responsive MENU */

/*
.call_box_mail {
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:#ff9999;
margin-right:1rem;}

.call_box_mail:hover {background-color:#68B6FB;}

.call_box_tel {
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:#ff9999;
margin-right:0.5rem;}
*/





/* Responsive MENU */
#responsive-menu-pro-header-bar-logo{margin-left:-1.2rem; margin-right:1.1rem !important;}
/*#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 var(--responsive-menu-dashed);
box-shadow: 0 0 0 0.5rem var(--responsive-menu-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--responsive-menu-color);}

#responsive-menu-pro-button{border-radius: 0.3rem; border: solid #fff 1px !important;}


.socialbox{
text-align:center;

}

.socialbox div {
display:inline-block;
	margin-right:0.5rem;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}


h1.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:///allpet.jp/animal/wp-content/themes/animal-pc/image/birdpic.jpg");
	background-position: right;
	background-size:50px;
	background-repeat: no-repeat;
}



h1.bird {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:///allpet.jp/animal/wp-content/themes/animal-pc/image/birdpic.jpg");
	background-position: right;
	background-size:50px;
	background-repeat: no-repeat;
    color:#666666;
    padding-top:1.5rem; padding-right:4.5rem; padding-left:0.5rem;
}




/*h1.lined-paper-top
{
font-size: 1.4rem;
line-height:3.2rem;
}*/



.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;
	padding-bottom: 1rem;
	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 img{display: block;
    margin: 1.7rem auto 0 auto;}
	
	
	
.light_blue{
margin-top:7rem;
position: relative;	
border: 0.1rem  dashed var(--light-blue-dashed);
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem var(--light-blue-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--light-blue-color);
width: 100%;
padding:1rem 1rem 0 1rem;
float: left;
}

.light_blue img{
border-radius:10px;
max-width:100%;
height: auto;
}

h1.light_blue, h2.light_blue {
	width:auto;
	border-top: 0.1rem  dashed var(--light-blue-title-dashed);
	border-left: 0.1rem  dashed var(--light-blue-title-dashed);
	border-right: 0.1rem  dashed var(--light-blue-title-dashed);
	border-bottom:none;
	border-radius: 1rem 1rem 0 0;
    position: absolute;
    display: inline-block;
    top: -3.2rem;
    left: 2rem;
    padding: 0.6rem 1rem 0rem 1rem;
    line-height: 1;
    background: var(--light-blue-title-color);
	box-shadow: 0 0 0 0.5rem var(--light-blue-title-color),
	
	-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;}



h3.light_blue {
width: calc(100% - 1.2rem);
border: 0.1rem  dashed var(--index-title-dashed);
border-radius:1rem;
box-shadow: 0 0 0 0.5rem var(--index-title), 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color: var(--index-title);
margin:0 auto 1.5rem auto;
padding: 0.7rem 1rem 0.8rem 1.2rem;
line-height:1.6rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
float:none;
}


.light_blue p	{
border: solid 0px red;
display:block;
margin:0rem 0rem 0rem 0rem;
}

.top_light_blue{
text-align:center;
margin-top:3.3rem;
position: relative;	
border: 0.1rem  dashed var(--light-blue-dashed);
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem var(--light-blue-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--light-blue-color);
width: 100%;
padding:1rem 1rem 0 1rem;
float: left;
}

.top_light_blue_left{
margin-top:3.3rem;
position: relative;	
border: 0.1rem  dashed var(--light-blue-dashed);
border-radius: 1rem 1rem 1rem 1rem;
box-shadow: 0 0 0 0.5rem var(--light-blue-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--light-blue-color);
width: 100%;
padding:1rem 1rem 0 1rem;
float: left;
}

@media screen and (max-width:741px){
	.top_light_blue_left{margin-top:4.5rem}}




@media screen and (max-width:741px){
	.top_light_blue{margin-top:7.2rem}}

h1.top_light_blue, h2.top_light_blue {
	width:auto;
	border-top: 0.1rem  dashed var(--light-blue-title-dashed);
	border-left: 0.1rem  dashed var(--light-blue-title-dashed);
	border-right: 0.1rem  dashed var(--light-blue-title-dashed);
	border-bottom:none;
	border-radius: 1rem 1rem 0 0;
    position: absolute;
    display: inline-block;
    top: -7.4rem; left: 2rem;
    padding: 0.8rem 1rem 0rem 1rem;
    line-height: 1;
    background: var(--light-blue-title-color);
	box-shadow: 0 0 0 0.5rem var(--light-blue-title-color),
	
	-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: var(--light-blue-title-dashed) 1px 1px 3px;
    color:#4169e1 ;}
	


h3.top_light_blue {
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 0 1.5rem 0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}








.tab {
	width:auto;
	border-top: 0.1rem  dashed var(--light-blue-title-dashed);
	border-left: 0.1rem  dashed var(--light-blue-title-dashed);
	border-right: 0.1rem  dashed var(--light-blue-title-dashed);
	border-bottom:none;
	border-radius: 1rem 1rem 0 0;
    position: absolute;
    display: inline-block;
    top: -4rem;
    left: 1rem;
    padding: 0.8rem 1rem 0rem 1rem;
    line-height: 1;
    background: var(--light-blue-title-color);
	box-shadow: 0 0 0 0.5rem var(--light-blue-title-color),
	
	-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;
    font-weight: bold;}




h1.searchtitle {
width: calc(100% - 1.2rem);
border: 0.1rem  dashed var(--index-title-dashed);
border-radius:1rem;
box-shadow: 0 0 0 0.5rem var(--index-title), 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:var(--index-title);
margin:0 auto 1.5rem auto;
padding: 0.5rem 1rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
float:none;
}













/*
info100{width:100%;}
*/

/*
h3.infotitle {width: calc(67% - 2.2rem);
float:left;
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.5rem 0 1rem 0.5rem;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
*/

/*
.osirase {
	width:8rem;
position: absolute;
  bottom: 0.3rem;
  right: 0;
  left: 0;
  margin: auto;
}

.osirase2 {
	width:9rem;
position: absolute;
  top: 0.5rem;
  right: 0;
  left: 0;
  margin: auto;
}
*/

/*
.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;}
*/

/*
.right70{float:right;
text-align:right;
margin-bottom:0rem;
height:1rem;
width:70%}
*/

.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; }
 
 
/* 768px以上 
@media (min-width: 768px) {
.pagination a {
padding: 1px 10px;
display: inline-block;
border: solid 1px #cccccc;
color: #666666;
background-color: #ffffff;
font-size: 1.19em;
text-decoration: none;
}
 
.pagination span.current {
color: #ffffff;
font-size: 1.19em;
background-color: #fd5a79;
border: 1px solid #fd5a79;
}
 
 
.pagination span {
padding: 1px 10px;
display: inline-block;
}
 
 
}*/

.searchrank ul{margin:1.2rem -1rem 0 -3rem;}
.searchrank ul li{display: inline-block; margin-right:1rem;/*font-size:1.6rem;*/ }
.searchrank a {text-decoration: underline;}
.searchrank ul li:before {
  font-family: "icomoon";
  content: "\f138";/*アイコン種類*/
  left : 0.5em; /*左端からのアイコンまで*/
  color: #00ccff; /*アイコン色*/
  margin-right:0.5rem;
}

.fare ul{margin:0.5rem -1rem -0.6rem -4rem;}
.fare ul li{display: inline-block; margin-right:1rem;/*font-size:1.6rem;*/ }
.fare a {text-decoration: none;}
.fare ul li:before {
  font-family: "icomoon";
  content: "\f138";/*アイコン種類*/
  left : 0em; /*左端からのアイコンまで*/
  color: #ff9999; /*アイコン色*/
  margin-right:0.5rem;
  line-height:100%;
}









.hundred_dots
{float:left;
margin-top:0rem;
padding-top:0.5rem;
border-top: 0.1rem  dashed var(--header-color);
/*font-size:1.4rem;*/
width: 100%;}



/*
.button5 {
margin:0.5rem;
width: 5rem;
height:5rem;
border-radius: 3px;
border:1px solid #fff;
font-size: 1.3rem;
padding-top: 1rem;
padding-right:0.1rem;
text-align: center;
background-color:#ff9999;}

.button5:hover {background-color:#68B6FB;}

.button5n {
margin:0.5rem;
width: 5rem;
height:5rem;
border-radius: 3px;
border:1px solid #999;
font-size: 1.3rem;
padding-top: 1rem;
padding-right:0.1rem;
text-align: center;}

.button5in{
line-height:100%;
margin-bottom:0.5rem;
font-weight:bold;
color:#fff;}

.button5inn{
line-height:100%;
margin-bottom:0.5rem;
font-weight:bold;
color:#999;}
*/




/* ランキング */
.searchrank ol{margin:0.5rem -1rem -0.5rem -3.5rem;
counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
}
.searchrank ol li{display: inline-block; margin-right: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;
}

/*ヨメレバ*/
.cstmreba {
width: 100%;
height:auto;
margin:2rem 0 -2rem 0;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
line-height: 1.5;
word-wrap: break-word;
box-sizing: border-box;
display: block;
}
.cstmreba a {
/*transition: 0.2s ;
color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
/*color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,.cstmreba　.kaerebalink-box,.cstmreba .tomarebalink-box {
width: 100%;
/*background-color: #fff;  /* 全体の背景カラー */
overflow: hidden;
border-radius: 0px;
box-sizing: border-box;
padding: 0rem 1rem;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:30%;
float:left;
margin:0 1rem 0 0;
/*text-align: center;*/
}

/***  ひろ追加 ***/
.cstmreba .booklink-image img{width:90%}
/***  ひろ追加 ここまで***/

.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
width:100%;
display:block;
}
/* サムネイル画像 */
.cstmreba .booklink-image a img,.cstmreba .kaerebalink-image a img,.cstmreba .tomarebalink-image a img {
margin:0 ;
padding: 0;
text-align:center;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
overflow:hidden;
line-height:120%;
color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none;	
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
border-bottom: 1px dotted ;
/*font-size:1.6rem;*/
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
font-size:10px;
line-height:1rem;
margin-top:1rem;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
border-bottom: 1px dotted ;
color: #333;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#333;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:10px;
}
.cstmreba .kaerebalink-link1 img,.cstmreba .booklink-link2 img,.cstmreba .tomarebalink-link1 img {
display:none !important;
}
.cstmreba .kaerebalink-link1,.cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 100%;
margin-top: 5px;
}

/*****ひろ ボタン配置 ******/
.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
float:left;
width:40%;
/*min-width:125px;*/
margin:0.5% 1rem 0.5% 0rem;
}

/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a, 
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
/*font-size: 1.6rem;*/
font-weight: bold;
line-height: 180%;
padding:3% 1%;
margin: 1px 0;
border-radius: 4px;
background-color:#ff9999;
border:solid 0.1rem white;
}
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
text-decoration: underline;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {color:#ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a, 
.cstmreba .booklink-link2 .shoplinkamazon a { color:#ffffff; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a , 
.cstmreba .booklink-link2 .shoplinkrakuten a { color: #ffffff; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a, 
.cstmreba .booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.cstmreba .booklink-footer {
clear:both;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:45%;
float:left;
}



/***  ひろ追加 ***/
.cstmreba {margin:2rem 0 0rem 0;}

.cstmreba .booklink-image img{width:100%}
/***  ひろ追加 ここまで***/

.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
width:100%;
margin-top: 0rem;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
/*text-align:center;*/
padding-bottom: 1px;
}
}

/*DD Menu*/

/*.main55 {
    width: 960px;
    margin: 0 auto;
    padding: 50px;
    margin: 0 auto;
    vertical-align: top;
    text-align: center;
}
.para {
    padding: 0 0 20px 0
}*/
.callwrap {z-index:1;
    /*max-width: 340px;*/
	width:11rem;
    border: solid 0px #000;
    position: relative;
    height: 50px;

    /*border-bottom: 1px solid #fff;*/
	float:left;
}

/*header {
    background: #000;
    position: relative;
    height: 50px;
    border-bottom: 1px solid #fff;
}*/

.button-toggle,.button-toggle2 {
z-index:999;
position: absolute;
border:1px solid #fff;
width: 5rem;
height:5rem;
border-radius: 3px;
font-size: 1.3rem;
font-weight:bold;
color:white;
padding-top: 1.1rem;
text-align: center;
background-color:#ff9999;
margin-right:1rem;}

.telactive,.telactive2 {
    color: #fff;
    background: #68B6FB;
}

.teltel,.teltel2 {
	display:none;
    position: absolute;
    top: 3.5rem;
    left: -4rem;
    width: 15rem;
    color: #fff;
    overflow: hidden;
	text-align:center;
}

.teltel a,.teltel2 a {
    display: block;
    color: #fff;
    /*padding: 5px 20px;*/
    height: 5rem;
    line-height: 5rem;
	border-radius:3px;
	border:1px solid #fff;
	background: #ff9999;
	font-weight:bold;
}

.teltel ul,.teltel2 ul {
	list-style:none;}
	
.teltel ul li,.teltel2 ul li{
	margin:0rem;
	margin-bottom:-0.2rem}
	

.teltel ul > li:active > a,.teltel2 ul > li:active > a{
	background-color: #68B6FB;
}

.teltel ul > li:hover > a,.teltel2 ul > li:hover > a{
	background-color: #68B6FB;
}

.stel{
line-height:100%;
border: solid 0rem red;
padding-bottom: 0.3rem;
font-size:1.4rem;
text-align: center;
}




.stel2,.stel3,.stel4,.stel5,.stel6,.stel7,.stel8,.stel9,.stel10{
padding:0.1rem 0 0 0.3rem;
font-size:1.3rem;
}



.stelclose,.stelclose2{
	font-size:4rem;
	position:absolute;
	top:-1rem;
	left:0.4rem;}
	
	
	

	



/*.ttl {
    font-size: 90%;
    float: left;
    height: 5px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    z-index: 999;
}

.ttl a {
    color: #fff;
    text-decoration: none;
}



section {
    padding: 40px;
}*/




/* TELTEL */
.call_box_mail {
width: 5rem;
float: right;
height:5rem;
border-radius: 3px;
border:1px solid #fff;
font-size: 1.3rem;
font-weight:bold;
padding-top: 1rem;

text-align: center;
background-color:#ff9999;
margin-right:1rem;}

.call_box_mail:hover {background-color:#68B6FB;}

.call_box_tel {
border:1px solid #fff;
width: 5rem;
float: right;
height:5rem;
border-radius: 3px;
font-size: 1.3rem;
font-weight:bold;
padding-top: 1rem;

text-align: center;
background-color:#ff9999;
margin-right:1rem;}

.call_box_mail_gray {
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:#ccc;
color:white;
margin-right:1rem;}

.call_box_tel:hover {background-color:#68B6FB;}
















/*ショップ別リンク｜ラベルを使ったチェックボックス隠しのCSSだけバージョン*/
.right45   {
border: solid 0px red;
width: 45%;
float:right;
text-align:center;
}

/*ボックス全体*/
.accbox {
display: inline-block;
position:relative;
cursor:	pointer;
}

/*ラベル*/
.accbox label {
	cursor:	pointer;
	margin: 1.5rem 0 1.8rem 0;
display:block;
text-align:center;
height: 50px;
line-height: 1.6rem;
padding: 0.7rem 1rem 0rem 1rem;
font-size: 1.4rem;
border: 0.1rem  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;
}

.accbox label:before {
	position:absolute;
	top:4rem;
	left:2.6rem;
    content: 'もっと見る';
}

/*ラベルホバー時*/
.accbox label:hover {
border: 0.1rem  dashed #fddea5;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #d66a35,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}

/*チェックは隠す*/
.accbox input {display: none;}

/*中身を非表示にしておく*/
.accbox .accshow {
	z-index:5;
	position:absolute;
	top:7.6rem;
    height: 0;
    padding: 0;
/*    overflow: hidden;*/
    opacity: 0;
   /* transition: 0.8s;*/
}  

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    opacity: 1;
}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
	position:absolute;
	top:4.2rem;
	left:4rem;
    content: '\e959';
	font-family:'icomoon';
	font-size:3rem;

}

.bbb a{
cursor:	pointer;
display: block;
text-align:center;
line-height: 1.6rem;
padding: 0.7rem 1rem 0.7rem 1rem;
width:11.2rem;
font-size: 1.4rem;
border: 0.1rem  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;
}

/*ラベルホバー時*/
.bbb a:hover {
border: 0.1rem  dashed #fddea5;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #d66a35,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}




.view{
text-align:right;
padding-right:0.5rem;
font-size:1.3rem;
margin-bottom:-0.1rem;
color:#444444;
}


/*
.top_hundred{
width: 100%;
text-align:center;
}

.top_hundred a{
display: inline-block;

line-height: 1.6rem;
padding: 1rem 1rem 1rem 1rem;
font-size: 1.4rem;
margin: 0;
border: 0.1rem solid #fff;
border-radius:0.3rem;
background-color:#ff9999;
color: #ffffff;
font-weight:bold;
text-align:center;
}

.top_hundred a:hover{background-color:#68B6FB;}
*/

/*
.header_ad{
text-align:center;
margin-top:1.5rem;
max-height:10rem;}

@media screen and (max-width:740px){
	.header_ad{
margin:0.5rem 0 1rem 0;}}
*/


.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;}

.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;
            }
			
.arrow_box_kingyo {
    position: absolute;
    background: #fff;
    height: 97%;
    width: 100%;
    border-radius: 10px;
    z-index: 10;
}

.arrow_box_kingyo:after {
    content: '';
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 25px;
    z-index: -2;
    background: #fff;
    bottom: 17px;
   left: -25px;
}

.arrow_box_kingyo:before {
    content: '';
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 25px;
    z-index: -2;
    background: #cccccc;
    bottom: 6px;
    left: -18px;
}			

















/*左付コメント
右にはfloatがついてmarginが変わるので注意
左右で全く同じコアではない
*/

.balloon_left {
    position: relative;
	display:inline-block;
	max-width:calc(100% - 8.5rem);
	margin: 0 0 0rem 3rem;
}

/*
.balloon:before,.balloon:after {
    clear: both;
    content: "";
    display: block;
}
*/

.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 p {
    margin: 0 0 20px;
}

.balloon p:last-child {
    margin-bottom: 0;
}
*/


/* 三角部分 */
.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;
}


/*右付コメント
右にはfloatがついてmarginが変わるので注意
左右で全く同じコアではない
*/

.balloon_right {
	float:right;
    position: relative;
	display:inline-block;
	max-width:calc(100% - 8.5rem);
	margin: 0 3rem 2rem 0rem;
}

/*
.balloon:before,.balloon:after {
    clear: both;
    content: "";
    display: block;
}
*/

.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 p {
    margin: 0 0 20px;
}

.balloon p:last-child {
    margin-bottom: 0;
}
*/


/* 三角部分 */
.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;
}



/*
div,p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*/


























			
			

/*.searchandfilter {
text-align:center;
padding:0;
border:solid 0.1rem red;
}

.searchandfilter input[type=text]{

width:25rem;
height:4rem;
margin-right:1rem;
padding:0 0.5rem; 
border: solid 2px #ff9999;
border-radius:0.4rem;
}

.searchandfilter input[type=submit]{

cursor: pointer;	
height:4rem;
width:5rem;
padding:0 0.5rem; 
border: solid 2px #ff9999;
border-radius:0.4rem;
background-color:#FFF7E1;
font-size:1.8rem;
color:#666;
}

.postform{
width:19rem;
height:4rem;
margin-right:1rem;
padding:0 0.5rem; 
border: solid 2px #ff9999;
border-radius:0.4rem;
}

.sf-input-select{
width:19rem;
height:4rem;
margin-right:1rem;
padding:0 0.5rem; 
border: solid 2px #ff9999;
border-radius:0.4rem;
}


.search_list{
	text-align:center;
padding:0rem;
width:100%;

}

.search_list ul{margin:auto; display:inline-block;
border:solid 0.1rem green;
width:26rem;
text-align: left;
padding-left:0rem;
list-style: none;
font-size: 1.6rem}

.search_list ul li{ display:inline-block;
margin-bottom:0.5rem;
padding: 0;
}

*/








/*本を囲うdiv*/
.bookspace
{
margin-top:1rem;
border-bottom:1px #ccc solid;
padding-bottom:1rem;
min-height:280px !important;
}


/*ここからかんたんリンク*/

.easyLink-size-s
{padding:0rem !important;
margin-top:0rem !important;
display:block !important;
}

.easyLink-img
{
width:49% !important;
height:240px !important;
border:solid 0px green !important;
padding:0rem !important;
margin-top:0rem !important;
margin-right:2% !important;
float:left;
}
.easyLink-img-box
{
width:100% !important;
height:240px !important;
padding-top:0rem !important;
margin-top:0rem !important;
}

.easyLink-info
{border:solid 0px black !important;
display:inline-block !important;
width:49%;}

.easyLink-info-name
{
line-height:100%;
margin-top:-5px !important;
}

.easyLink-info-name a
{line-height: 100%;
/*border-bottom: dotted 1px !important;*/
color:#0000EE!important;
font-size:1.5rem !important;}

.easyLink-box
{
padding: 10px 6px !important;
border:none !important;
background-color:initial !important;
}

.easyLink-info-btn-amazon{
	background:#ffb36b!important;
}
.easyLink-info-btn-rakuten{
	background:#ea7373!important;
}
.easyLink-info-btn-yahoo{
	background:#73c1ea!important;
    font-size:12px !important;
}

.easyLink-info-btn a
{
margin:0px 0 10px 0 !important;
padding:10px 0 10px 0 !important;
    border:1px solid white !important;
}




/*ここからお問い合わせフォーム*/

.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(5){display:none;}



/*ここからお問い合わせフォーム　移動*/

.idou_text {
  width: 100% !important;
  -webkit-transition: width .3s;
  transition: width .3s;
    height:4rem;
    padding-left:0.5rem !important;
}

.idou_text_20 {
  width: 10rem !important;
  -webkit-transition: width .3s;
  transition: width .3s;
    height:4rem;
    padding-left:0.5rem !important;
}

.idou_textarea {
  width: 100% !important;
  -webkit-transition: width .3s;
  transition: width .3s;
    height:10rem;
    padding-left:0.5rem !important;
}


.idou_text,
.idou_textarea,
.idou_text_20,
.fufutext,
.fufutextarea{
background-color:white !important;
border:1px #d6d6d6 solid; !important;
-webkit-appearance : none; !important}













.searchandfilter ul{padding:0 !important;}

.sf-field-category{border:solid 0px black; float:left; width:100%; padding:0 !important;}

.sf-field-category ul li{float:left; border:solid green 0px; padding-right:1rem !important; }



.sf-field-search {border:solid 0px yellow; float:left; padding:0 !important;}

.sf-field-submit {border:solid 0px yellow; float:left; padding:0 !important;}

.sf-input-checkbox{margin-right:-0.5rem !important;}




.sf-field-search input[type=text]{

box-sizing: border-box;
width:100%;
height:4rem;
padding:0 0.5rem; 
border: solid 2px #ff9999;
border-radius:0.4rem;
color:#666;
margin-bottom:0.5rem;
/*font-size:1.6rem;*/
background-color:white;

}

.sf-field-submit input[type=submit]{
cursor: pointer;	
height:4rem;
width:5rem;
padding:0 0.5rem; 
border: solid 1px #ffffff;
border-radius:0.4rem;
background-color:#ff9999;
font-size:1.8rem;
color:#fff;
    margin-left:0.5rem;
}


/*ここから絞り込み検索*/


.cat-search {

padding:0;
border:solid 0rem red;
}

.cat-search input[type=text]{
box-sizing: border-box;
width:100%;
height:4rem;
padding:0 0.5rem; 
border: solid 2px #ff9999;
border-radius:0.4rem;
color:#666;
margin-bottom:0.5rem;
font-size:1.6rem; /*消すと影響する*/
background-color:white;
}

.cat-search input[type=submit]{
cursor: pointer;	
height:4rem;
width:5rem;
padding:0 0.5rem; 
border: solid 1.5px #ffffff;
border-radius:0.4rem;
background-color:#ff9999;
font-size:1.8rem;
color:#fff;
float:right;
}

input[type=submit]{
font-family: icomoon/*FontAwesomeをフォント指定*/;}

input[type=submit]:hover{
background-color: #68B6FB;}

.postform{
width:19rem;
height:4rem;
margin-right:0rem;
padding:0 0.5rem; 
border: solid 2px #ff9999;
border-radius:0.4rem;
color:#666;
font-size:1.6rem;
background-color:white;
}

.cat-search-box{margin:auto;
border:solid 0rem green;
width:25rem;
text-align: left;
padding-left:0rem;
list-style: none;
/*font-size: 1.6rem*/
}

.form-select {
  position: relative;
  display: inline-block;
}
.form-select::before {
  position: absolute;
  display: inline-block;
  pointer-events: none;
  top: calc(50% - 6px);
  right: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 6px 0 6px;
  border-color: #ff9999 transparent transparent transparent;
  content: '';
}


.red-stroke{
font-size:1.8rem;   
color:red;
font-weight:900;
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;   
}




/*白箱*/
.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%;
/*margin-top: 4rem;*/
padding:1rem 1rem 0.6rem 1rem;
margin:4rem auto 3rem auto;
}


.white_qa{
border-radius: 1rem 1rem 1rem 1rem;
background-color: #ffffff;
width: calc(100% - 1.2rem);
/*margin-top: 4rem;*/
padding:1rem;
margin:2rem auto 2rem auto;
}

.white_red p{
border: solid 0px red;
display:block;
margin:0rem 0rem 0rem 0rem;
}



/*白箱
.idou input[type="text"] {
    width:30% !important;
}*/

.red_alert{
position: relative;	
border: 0.2rem  dashed red;
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:0rem auto 3rem auto;
}

@media screen and (max-width:800px){
.red_alert {
margin:0.7rem auto 3rem auto;
}
}





.redbold{
font-weight:bold;
color:red;
}


.kime-pic{
position: relative;
}

.kime-pic img{
border:solid 1px white;
}


/*あいさつ*/
.greeting_text{
font-size:1.4rem;/*変更不可*/
line-height:1.6rem;
margin-top:0.1rem;
}

.greeting_call{
float:right;
margin:0.6rem 0.7rem 0 0rem;
}

.text_adjust{display:inline-block !important;}

.konoko_text_adjust{

}

.text_size{font-size:1.6rem !important;}/*変更不可*/


.hr_pink{
  display:block;
  width: 100%;
  height: 2rem;
  margin-top:2.4rem;
  border: 0;
  border-top: 0.2rem  dashed #ff9999;
}

.hr_blue{
  display:block;
  width: 100%;
  height: 2rem;
  margin-top:2.4rem;
  border: 0;
  border-top: 0.2rem  dashed #68B6FB;
}




#ui-datepicker-div{
background-color:white !important;
padding:1rem !important;}



.ui-datepicker-header{
text-align:center !important;
}

.undefined{
text-align:center !important;
}

.futoji{font-weight: bold}



.instagram-media{
margin:auto !important;
    min-width: 260px !important;}