@charset "utf-8";
  header {
height:80px;
margin-bottom:1.5em;
}
footer, nav {
display: block;
}
section {
padding: 0 10px;
margin-bottom:5px;
overflow: hidden;
width: 65%;
margin: 0 auto 55px;
}
body, h1, h2, h3, h4, h5, h6, ul, li, img {
margin: 0;
padding: 0;
font-size: 11px;
font-weight: normal;
}
p {
margin: 0 auto;
padding: 5px 15px 10px 15px;
line-height: 1.5em;
font-size: 15px;
text-align: justify;
word-wrap: break-word;
font-weight: lighter !important;
}
pre {
white-space: pre-wrap;
padding: 0px 5px 15px 5px;
line-height: 2em;
}
pre img {
margin-bottom: 5px;
}
pre a {
padding-bottom: 15px;
text-decoration: none;
border-bottom: 1px solid #736357;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
content: "";
clear: both;
display: block;
}
body {
font-size: 13px;
-webkit-text-size-adjust: none;
width: 100%;
margin: 0 auto;
font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
position:absolute;
top:0;
background-image: url(//www.fusionweb.jp/wp-content/themes/FUSION/img/wide-backimage2023-3.jpg);
background-repeat: no-repeat;
background-size: cover;
}
img {
border: none;
margin: 0 auto;
pointer-events: none;
}
li {
list-style: none;
}
a {
display:block;
color: #736357;
}
a:hover {
opacity: 0.7;
}
table {
border-collapse: separate;
border-spacing: 0px 2px;
margin: 0 auto;
padding: 0px;
margin-bottom:10px;
}
table p {
}
td, th {
padding: 5px 10px 5px 10px;
font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
th {
background: #736357;
color: white;
width: 25%;
line-height: 16px;
}
td {
background: #F5F2EE;
font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.75em;
text-align: left;
padding: 10px;
color: #736357;
}
td a {
display: inline-block;
}
input[type=text] {
font-size: 16px;
background-color: rgba(115,99,87,0.1);
margin: auto;
width: 650px;
}  .header {
padding: 10px 0px;
background: rgba(255,255,255,0.8);
border-bottom: solid 3px #736357;
margin-bottom: 1.35em;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
box-shadow:0 0 0 4px #fff, 0 0 0 6px #736357;
}
#main {
top: 40px;
clear: both;
}
section h1 {
font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
color: gray;
text-align: center;
font-size: 140%;
padding: 0px 0px 10px 0px !important;
margin: 0px 0px 15px 0px;
line-height: 1.3em;
display:block;
border-bottom: 1px solid #ccc;
}
section h2 {
color: #736357;
text-align: center;
font-size: 16px;
padding: 0 15px;
line-height: 1.3em;
font-weight: lighter;
display: inline-block;
}
h1 {
color: #fff;
font-size: 12px;
padding: 5px 0px 3px 20px;
font-family: 'ＭＳ Ｐゴシック', 'メイリオ';
display:inline-block;
}
#box_t {
background: url(//www.fusionweb.jp/wp-content/themes/FUSION/img/bg_t.gif) repeat-x;
height: 71px;
text-align: center;
}
h2#top {
font-size: 18px;
font-weight: bold;
padding-top: 20px;
color: #ee418c;
text-shadow: 0 1px 0 white;
} #intro {
margin: 15px 10px 0;
} #catebox {
width: 100%;
margin: 0 auto;
}
#catebox ul {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 15px 10px;
}
#catebox li {
float: left;
text-align: center;
width: 50%;
}
#catebox li img {
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
#catebox a {
text-decoration: none;
} .ad {
text-align: center;
margin: 0 10px 15px;
} #outro {
margin: 0 10px 15px;
} #footer {
text-align: center;
background: url(//www.fusionweb.jp/wp-content/themes/FUSION/img/line_b.gif) repeat-x top center #ee84b2;
color: #fff;
font-size: 12px;
padding: 5px 0;
}
#footer a {
color: #fff;
text-decoration: none;
}  h2#cate {
font-size: 18px;
font-weight: bold;
padding-top: 20px; color: #ee418c;
text-shadow: 0 1px 0 white;
margin: 0 10px;
text-align: left;
}
#box_t p img {
margin: 5px 7px 0 10px;
border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-webkit-border-radius: 6px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
float: left;
} .sitebox div {
margin: 10px;
}
.siteimg {
float: left;
margin-right: 10px;
}
.siteimg img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.sitetxt {
float: left;
width: 200px;
}
@media screen and (min-width: 480px) {
.sitetxt {
float: left;
width: 360px;
}
}
.sitebtn {
text-align: center;
}
.sitebtn a, #homebtn a {
display: block;
text-decoration: none;
text-shadow: 0 1px 0 white;
font-size: 14px;
font-weight: bold;
line-height: 37px;
margin: 0 auto;
width: 170px;
height: 35px;
border: 1px solid #8b8b8b;
border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(top, #f4f3f3,  #ecebeb 50%,  #e3e3e3 51%,  #d9d9d9);
background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3),  color-stop(0.5, #ecebeb),  color-stop(0.51, #e3e3e3),  to(#d9d9d9));
}
.sitebtn a img {
margin-left: 5px;
} .ad2 {
text-align: center;
margin-top: 15px;
padding-top: 15px;
border-top: 1px dotted #ef4a91;
} #homebtn {
text-align: center;
margin: 25px 0;
}
#homebtn a img {
margin-right: 5px;
}
#h_image {
position: relative;
padding: 0;
margin: 0;
height: 200px;
overflow: hidden;
}
#h_image img {
width: 100%;
margin: auto;
border: solid 1px #D7E5CF;
} #h_image span {
padding: 0 10px;
display: block;
color: #FFF;
position: absolute;
z-index: 2;
top: 40%;
}
.slider {
width: auto;
height: 100%;
}
.slider li {
width: auto;
height: 100%;
}
.btn {
background: transparent url(//www.fusionweb.jp/wp-content/themes/FUSION/btn.svg)left 0%/200% no-repeat;
background-color: #736357;
display: block;
width: 35px;
height: 35px;
position: absolute;
top: 20px;
right: 15px;
cursor: pointer;
z-index: 200;
}
.peke {
background-position: -35px 0;
}
.drawr {
display: none;
background-color: #333333;
position: absolute;
top: 0px;
right: 0;
padding: 60px 15px 20px 15px;
z-index: 100;
}
#menu li {
width: 260px;
border-top: 1px solid #4D4D4D;
border-bottom: 1px solid #000000;
}
#menu li:first-child {
border-top: none;
}
#menu li:last-child {
border-bottom: none;
}
#menu li a {
color: white;
padding: 10px 15px;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.headmenu {
width: 100%;
float: left;
margin-bottom: 20px;
}
.headmenu ul {
display: flex;
}
.headmenu ul li:first-child {
font-size: 10px;
width: 25%;
float: left;
font-weight: 700;
box-sizing: border-box;
background-color: #fff;
border-top: none;
border-left: none;
border-right: 1px solid rgba(115,99,87,.9);
border-bottom: none;
}
.headmenu ul li {
text-align: center;
font-size: 10px;
width: 25%;
float: left;
font-weight: 700;
box-sizing: border-box;
background-color: #fff;
border-top: none;
border-right: 1px solid rgba(115,99,87,.9);
border-bottom: none;
}
.headmenu ul li a {
text-decoration: none;
line-height: 1.25em;
}
.headmenu ul li:last-child {
font-size: 10px;
width: 25%;
float: left;
font-weight: 700;
box-sizing: border-box;
background-color: #fff;
border-top: none;
border-right: none;
border-bottom: none;
}
.imgframe {
position: relative;
width: 100%;
overflow:hidden;
height:400px;
float:left;
}
.shopimage {
overflow: hidden;
margin-bottom: 15px;
}
.shopimage img {
width: 100%;
height: 400px;
object-fit: cover;
}
.imgframe img {
width:100%;
height:	100%;
object-fit: cover;
}
.textbox p {
margin: 0;
padding: 0.15em 0em 0em 0.65em;
font-size: 170%;
color: #FFF;
font-weight: bold;
text-shadow: 1px 1px 5px rgba(0,0,0,1);
font-size: 170%;
text-align: left;
font-family: arial, sans-serif;
line-height: 1.2em;
}
.textbox {
position: absolute;
width: auto;
max-width: 100%;
padding: 0.5em 0;
}
.ribbon_box3 {
display: block;
position: relative;
margin: 15px auto;
padding: 10px 0;
width: 300px;
height: 150px;
background: #f1f1f1;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
box-sizing: border-box;
}
article {
width: 50%;
float: left;
border: 7.5px solid white;
box-sizing: border-box;
border-bottom: 0;
margin-bottom: 20px;
}
.ribbon_area {
position: relative;
top: 0;
width: 100%;
overflow:hidden;
}
article:after {
content : '';
display : block;
clear : both;
height:0;
}
.ribbon_area:after {
content : '';
display : block;
clear : both;
height:0;
}
.shop-ribbon_area {
bottom: 0;
overflow: hidden;
}
.shop-ribbon {
display: inline-block;
position: absolute;
left: 0px;
background: rgba(0,0,0,0.5);
color: #fff;
width: 100%;
bottom: 0em;
transform-origin: left bottom;
}
.shop-ribbon p {
Padding: 5px 15px;
line-height:1.5em;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 12px;
font-weight: bold;
}
.ribbon1 {
display: inline-block;
position: relative;
left: 0px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 21px;
background: rgba(40,125,192,0.5);
color: #fff;
width: 60%;
padding-top:0;
padding-bottom:0;
padding-left:15px;
}
.ribbon1:before {
background-color: #fff; content: '';
display: block;
transform: rotate(-50deg);
position: absolute;
bottom: 52px;
right: -110px;
width: 220px;
height: 185px;
}
.ribbon2 {
display: inline-block;
position: relative;
left: 0px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 21px;
background: rgba(243,125,79,0.5);
color: #fff;
width: 60%;
padding-top:0;
padding-bottom:0;
padding-left:15px;
}
.ribbon2:before {
background-color: #fff; content: '';
display: block;
transform: rotate(-50deg);
position: absolute;
bottom: 52px;
right: -110px;
width: 220px;
height: 185px;
}
.ribbon3 {
display: inline-block;
position: relative;
left: 0px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 21px;
background: rgb(221,141,183);
color: #fff;
width: 60%;
padding-top:0;
padding-bottom:0;
padding-left:15px;
}
.ribbon3:before {
background-color: #fff; content: '';
display: block;
transform: rotate(-50deg);
position: absolute;
bottom: 52px;
right: -110px;
width: 220px;
height: 185px;
}
.ribbon4 {
display: inline-block;
position: relative;
left: 0px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 21px;
background: rgb(168,147,192);
color: #fff;
width: 60%;
padding-top:0;
padding-bottom:0;
padding-left:15px;
}
.ribbon4:before {
background-color: #fff; content: '';
display: block;
transform: rotate(-50deg);
position: absolute;
bottom: 52px;
right: -110px;
width: 220px;
height: 185px;
}
.ribbon5 {
display: inline-block;
position: relative;
left: 0px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 21px;
background: rgb(98,141,202);
color: #fff;
width: 60%;
padding-top:0;
padding-bottom:0;
padding-left:15px;
}
.ribbon5:before {
background-color: #fff; content: '';
display: block;
transform: rotate(-50deg);
position: absolute;
bottom: 52px;
right: -110px;
width: 220px;
height: 185px;
}
.ribbon6 {
display: inline-block;
position: relative;
left: 0px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 21px;
background: rgb(209,111,133);
color: #fff;
width: 60%;
padding-top:0;
padding-bottom:0;
padding-left:15px;
}
.ribbon6:before {
background-color: #fff; content: '';
display: block;
transform: rotate(-50deg);
position: absolute;
bottom: 52px;
right: -110px;
width: 220px;
height: 185px;
}
.ribbon7 {
display: inline-block;
position: relative;
left: 0px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 21px;
background: rgb(126,177,193);
color: #fff;
width: 70%;
padding-top:0;
padding-bottom:0;
padding-left:15px;
}
.ribbon7:before {
background-color: #fff; content: '';
display: block;
transform: rotate(-50deg);
position: absolute;
bottom: 52px;
right: -110px;
width: 220px;
height: 185px;
}
.ribbon8 {
display: inline-block;
position: relative;
left: 0px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 21px;
background: rgb(254,195,76);
color: #fff;
width: 60%;
padding-top:0;
padding-bottom:0;
padding-left:15px;
}
.ribbon8:before {
background-color: #fff; content: '';
display: block;
transform: rotate(-50deg);
position: absolute;
bottom: 52px;
right: -110px;
width: 220px;
height: 185px;
}
.ribbon9 {
display: inline-block;
position: relative;
left: 0px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 21px;
background: rgb(132,125,129);
color: #fff;
width: 60%;
padding-top:0;
padding-bottom:0;
padding-left:15px;
}
.ribbon9:before {
background-color: #fff; content: '';
display: block;
transform: rotate(40deg);
position: absolute;
top: -98px;
right: -200px;
width: 220px;
height: 185px;
}
.ribbon10 {
display: inline-block;
position: relative;
left: 0px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
font-size: 21px;
background: rgb(153,204,158);
color: #fff;
width: 60%;
padding-top:0;
padding-bottom:0;
padding-left:15px;
}
.ribbon10:before {
background-color: #fff; content: '';
display: block;
transform: rotate(40deg);
position: absolute;
top: -98px;
right: -200px;
width: 220px;
height: 185px;
}
.listbox ul {
list-style-type: none;
width: 100%;
}
.listbox h3 {
font-weight: bold !important;
font-size: 15px;
padding-right: 15px;
line-height: 1.35em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.listbox li img {
float: left;
margin: 0 15px 0 0;
object-fit: cover;
width: 100px;
height: 100px;
}
.listbox li p {
font-size: 13px;
line-height: 1.4;
}
.listbox li p {
padding: 5px 15px 0px 0px !important;
font-size: 13px;
line-height: 1.4em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis; }
.listbox li {
padding: 0px;
height: 100px;
border-bottom: 1px dotted pink;
margin: 5px 15px 10px 10px;
}
.listbox li a {
display: flow-root;
position: relative;
font-size: 14px;
text-decoration: none;
}
.listbox li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 0px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #ef4a91;
border-right: solid 2px #ef4a91;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.listbox li:hover {
background: #eee;
cursor: pointer;
}
.imgbox {
width: 100px;
height: 100px;
overflow: hidden;
float: left;
margin-right: 10px;
} footer {
font-size: 80%;
width: 100%;
text-align: center;
background-color: rgba(115, 99, 87, 0.9);
background-size: contain;
clear: both;
z-index: 90;
position: fixed;
bottom: 0;
}
footer address {
color: #fff;
letter-spacing: 0.5px;
font-style: normal;
font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
position: absolute;
bottom: 0;
margin: 0 auto;
width: 100%;
height: 30px;
line-height: 30px;
} dl.search1 {
position: relative;
background-color: #fff;
border: 1px solid #aaa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}
dl.search1 dt {
margin-right: 40px;
padding: 8px 0 8px 8px;
}
dl.search1 dt input {
width: 100%;
height: 24px;
line-height: 24px;
background: none;
border: none;
}
dl.search1 dd {
position: absolute;
top: 0;
right: 0;
}
dl.search1 dd button {
display: block;
padding: 10px;
background: none;
border: none;
}
dl.search1 dd button span {
display: block;
width: 20px;
height: 20px;
background: url(//www.fusionweb.jp/wp-content/themes/FUSION/img/searches.png) no-repeat scroll -69px 0;
} @media screen and (min-width:641px) {
.footer_area {
display: none;
}
}
.footer_area {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba( 0, 0, 0, 0.6 );
z-index: 10000;
}
.footer_area .footer_area_inner {
position: relative;
width: 80%;
margin: 0px auto;
padding: 10px 0;
margin-right: 0px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
width: 85%;
padding: 11px 0;
font-size: 20px;
font-weight: bold;
margin-left: 15px;
line-height: 1.3;
}
.inquiry_btn {
background-color: #068BF1;
-webkit-border-radius: 3px;
display: inline-block;
text-align: center;
text-decoration: none;
width: 80%;
padding: 5px 0;
font-size: 18px;
font-weight: bold;
}
.inquiry_btn:link, .inquiry_btn:visited {
color: #FFFFFF !important;
}
.footer_area_inner span {
color: #fff;
}
#siteBottom {
margin-bottom: 85px;
}
#page_top{
width: 50px;
height: 50px;
position: fixed;
right: -50px;
bottom: 110px;
opacity: 0.6;
border-radius: 50%;
z-index:100;
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
color: #736357;
background-image: url(//www.fusionweb.jp/wp-content/themes/FUSION/img/topbutton.png);
}
#page_top a::before{
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
a.anchor{
display: inline-block;
padding-top: 130px;
margin-top: -130px;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
background: #fff; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
width:100%;
margin-bottom: 15px;
}
.ladies {
font-size:16px;
width:100%;
text-align:center;
position: relative;
display: inline-block;
}
.ladies:before, .ladies:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 35%;
height: 1px;
background-color: black;
}
.ladies:before {left:10px;}
.ladies:after {right: 10px;}
.mens {
font-size:16px;
width:100%;
text-align:center;
position: relative;
display: inline-block;
}
.mens:before, .mens:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 35%;
height: 1px;
background-color: black;
}
.mens:before {left:10px;}
.mens:after {right: 10px;}
#loader-bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #fff;
z-index: 1;
}
#loader {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
text-align: center;
color: #fff;
z-index: 2;
}
#contents{
width:100%;
font-size:50px;
margin: 40px auto;
} .hidden_box {
margin: 0 0 15px 0;
padding: 0;
} .hidden_box label {
padding: 15px;
font-weight: bold;
background: #F5F2EE;
cursor :pointer;
transition: .5s;
display:block;
text-align: center;
font-size: 14px;
color:#736357;
} .hidden_box label:before {
display: inline-block;
content: '\f078';
font-family: 'Font Awesome 5 Free';
padding-right: 5px;
transition: 0.2s;
} .hidden_box label:hover {
background: #F5F2EE;
color: white;
text-align: center;
font-size: 14px;
color:#736357;
} .hidden_box input:checked + label:before {
content: '\f00d';
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
color: #668ad8;
} .hidden_box input {
display: none;
} .hidden_box .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
} .hidden_box input:checked ~ .hidden_show {
padding:0px 0px 0px 0px;
height: auto;
opacity: 1;
display: contents;
}
.gallery {
width: 100%;
}
.map_wrapper {
min-width: 280px;
padding: 10px;
padding-bottom:0;
}
.googlemap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.top-topic {
text-align:center;
margin-bottom:8px;
padding-top:0.25em;
}
.topic {
background-color:#736357;
float:left;
width:100%;
border: 7.5px solid white;
box-sizing: border-box;
}
.topic-text {
color:#fff;
padding:15px;
padding-left:0;
}
.topic p {
color:#fff;
font-size: 115%;
font-weight:bold;
padding:0 !important;
display: flow-root;
}
.topic img {
max-height: 140px;
padding: 15px;
float:left;
}
.topic:after {
content : '';
display : block;
clear : both;
height:0;
} .pagination {
clear: both;
padding: 10px 0;
margin-bottom: 30px;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
width: auto;
color: #fff; background: darkgray; }
.pagination a:hover{
color: darkgray; background: white; }
.pagination .current{
padding: 10px 15px 10px 15px;
color: white; background: gray; }
@media only screen and (max-width: 413px) {
.pagination {
font-size: 12px;
line-height: 12px;
}
.pagination span, .pagination a {
padding: 8px 10px 8px 10px;
}
.pagination .current{
padding: 8px 10px 8px 10px;
}
} .footerFloatingMenu {
display: block;
width: 100%;
position: fixed;
left: 0;
bottom: 0;
z-index: 9999;
text-align: center;
padding: 0 auto;
background-color: rgba(115,99,87,.7);
}
.footerFloatingMenu p {
color: white;
text-align: center;
padding: 5px;
font-weight: bold;
}
.footerFloatingMenu .fa {
font-size: 3em;
color: #fff;
padding: 10px;
}
.footerFloatingMenu a {
display: inline-grid;
margin: 0 auto;
color: gray;
font-size: 15px;
font-weight: bold;
width: 22%;
text-decoration: none;
text-align: center;
background-color: white;
box-sizing: border-box;
border-radius: 5px;
margin: 10px 1.25%;
}
.off {
display: inline-grid;
color: gray;
font-size: 15px;
font-weight: bold;
width: 22%;
text-decoration: none;
text-align: center;
background-color: white;
box-sizing: border-box;
border-radius: 5px;
margin: 10px 1.25%;
opacity: 0.25;
}
.footerFloatingMenu a:hover {
display: inline-grid;
margin: 0 auto;
color: white;
font-size: 15px;
font-weight: bold;
width: 22%;
text-decoration: none;
text-align: center;
background-color: pink;
box-sizing: border-box;
border-radius: 5px;
margin: 10px 1.25%;
}
.pickup {
background: rgb(40,125,192);
}
.gourmet {
background: rgb(147,96,163);
}
.sweets {
background: rgb(178,89,143);
}
.shopping {
background: rgb(213,86,116);
}
.nail {
background: rgb(247,128,70);
}
.beauty {
background: rgb(239,92,88);
}
.hair {
background: rgb(249,166,46);
}
.life {
background: rgb(0,163,129);
}
.play {
background: rgb(200,198,26);
}
.learn {
background: rgb(64,182,54);
}
.localinfo {
background: rgb(0,153,160);
}
.work {
background: rgb(254,195,76);
}
.park {
background: rgb(0,133,175);
}
.healthcare {
background: rgb(241,206,37);
}
.Nord {
background: rgb(104,103,181);
}
.sud {
background: rgb(32,119,184);
}
.name {
font-size:13px;
width:100%;
text-align:center;
position: relative;
display: inline-block;
margin-bottom: 5px;
}
.name:before, .name:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 50%;
height: 1px;
background-color: black;
z-index:-1;
}
.name:before {left:10px;}
.name:after {right: 10px;}
.all-list {
color: #736357;
text-align: center;
margin: 0px auto 0px;
font-size: 16px;
margin-bottom: 11px;
width: 100%;
float: left;
}
.all-list form {
margin-bottom: 5px !important;
position: relative !important;
width: 100% !important;
} html.android .ribbon1{
padding-top: 6px;
padding-bottom: 3px;
}
html.android .ribbon2{
padding-top: 6px;
padding-bottom: 3px;
}
html.android .ribbon3{
padding-top: 6px;
padding-bottom: 3px;
}
html.android .ribbon4{
padding-top: 6px;
padding-bottom: 3px;
}
html.android .ribbon5{
padding-top: 6px;
padding-bottom: 3px;
}
html.android .ribbon6{
padding-top: 6px;
padding-bottom: 3px;
}
html.android .ribbon7{
padding-top: 6px;
padding-bottom: 3px;
}
html.android .ribbon8{
padding-top: 6px;
padding-bottom: 3px;
}
html.android .ribbon9{
padding-top: 6px;
padding-bottom: 3px;
}
html.android .ribbon10{
padding-top: 6px;
padding-bottom: 3px;
}
html.android .gourmet {
padding-top: 0px !important;
}
html.android .shopping {
padding-top: 0px !important;
}
html.android .nail {
padding-top: 0px !important;
}
html.android .beauty {
padding-top: 0px !important;
}
html.android .hair {
padding-top: 0px !important;
}
html.android .life {
padding-top: 0px !important;
}
html.android .localInfo {
padding-top: 0px !important;
}
html.android .work {
padding-top: 0px !important;
}
.p7button a {
min-width: 85px;
box-sizing: border-box;
height: 55px;
font-size: 1.5em;
align-items: center;
justify-content: center;
color: #fff;
background-color: #EEAC00;
text-decoration: none;
border-radius: 5px;
cursor: pointer;
}
#p7frame {
display:none;
}
.searchfield {
width: auto;
padding: 10px 5px;
border: 2px solid #ddd;
border-radius: 3px;
}
.searchsubmit {
font-family: FontAwesome;
font-size: 1.4em;
padding: 0;
cursor: pointer;
color: #255fac;
border: none;
background: transparent;
}
.searchsubmit:hover {
opacity: .6;
} .wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-tel"],
.wpcf7 input[name="your-subject"] {
width: -webkit-fill-available;
height: auto !important;
padding:10px;
font-size:16px;
border:1px solid #736357;
background-color: rgba(115,99,87,0.1);
}
.wpcf7 textarea[name="your-message"] {
width: -webkit-fill-available;
padding:10px;
font-size:16px;
border:1px solid #736357;
background-color: rgba(115,99,87,0.1);
}
#post {
margin-bottom: 15px;
width: 65%;
margin: 0 auto;
}
.push {
text-align: center;
margin: auto;
width: 100px;
height: 100px;
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
color: white;
line-height: 100px;
font-size: 15px;
display: block;
font-weight: bold;
}
.top_menu {
width: 100%;
float: left;
}
.top_menu ul {
display: flex;
}
.top_menu ul li {
font-size: 10px;
width: 20%;
float: left;
font-weight: bold;
box-sizing: border-box;
background-color: #ffffff;
border-top: 0.5px solid #736357;
}
.top_menu ul li a {
text-align: center;
color: #736357;
text-decoration: none;
height: 55px;
line-height: 55px;
width: 100%;
}
.top_menu ul li a:hover {
background-color: white;
color: #736357;
} .postlist-category {
height: auto;
width: 50%;
float: left;
margin-bottom: 5px;
}
.postlist-category img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
box-sizing: border-box;
border-left: 10px solid white;
border-right: 10px solid white;
}
.postlist-category a {
display: inline-block;
}
.postlist-category-inner {
padding: 0px 15px 10px 15px;
margin: 0;
margin-bottom: 10px;
}
.postlist-category-inner a {
text-decoration:none;
}
.postlist-category-inner p {
font-size: 14px;
padding: 0 !important;
height: 1.5em;
overflow: hidden;
}
.postlist-category-inner p a {
display: block;
text-decoration:none;
font-size:15px;
}
.postlist-datetime span {
font-size: 10px;
}
.new-update {
text-decoration: none;
font-size: 12pt;
color: #736357;
line-height: 24pt;
border-top: 1px solid white;
background-color: rgba(115,99,87,0.1);
font-weight: bold;
}
.new-update:nth-child(odd) {
text-decoration: none;
font-size: 12pt;
color: #736357;
line-height: 24pt;
border-top: 1px solid white;
background-color: white;
font-weight: bold;
}
.new-update:hover {
}
.Video {
position: relative;
max-width: 100%;
padding-top: 56.25%;
margin-bottom: 20px;
}
.Video iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
form.sent p{
display:none;
}
.random-ad {
width:100%;
margin-bottom:20px;
display: none;
}
.banner-ad {
display: flex;
margin-bottom: 20px;
}
.banner-contents {
width: 100%;
border: 1px solid white;
box-sizing: border-box;
margin: 1%;
}
.banner-contents a {
}
.random-ad img {
}
.banner-ad a img {
width: 100%;
height: auto;
} form {
line-height: 60px;
}
form select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid #736357;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
cursor: pointer;
color: #736357;
text-indent: .01px;
text-overflow: "";
padding: 10px;
height: 50px;
font-size: 16px;
width: 100%;
background-color: white;
}
form input[type=text] {
border: 1px solid #736357;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #333;
font-size: 13px;
padding: 10px;
height: 50px;
font-size: 16px;
width: 100%;
background-color: rgba(115,99,87,0.1);
}
form input[type=tel] {
border: 1px solid #736357;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #333;
font-size: 13px;
padding: 10px;
height: 50px;
font-size: 16px;
width: 100%;
background-color: rgba(115,99,87,0.1);
}
form input[type=email] {
border: 1px solid #736357;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #333;
font-size: 13px;
padding: 10px;
height: 50px;
font-size: 16px;
width: 100%;
background-color: rgba(115,99,87,0.1);
}
form input[type=url] {
border: 1px solid #736357;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #333;
font-size: 13px;
padding: 10px;
height: 50px;
font-size: 16px;
width: 100%;
background-color: rgba(115,99,87,0.1);
}
form input[type=submit] {
background: url(//www.fusionweb.jp/stylerecipe_img/arrow_blue02.png) no-repeat;
background-position: 10px;
border: 2px solid #736357;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: white;
cursor: pointer;
font-size: 14px;
transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
padding: 10px;
height: 50px;
width: 50%;
background-color: #736357;
}
form input[type=submit]:hover {
opacity: 0.6;
}
form input[disabled=disabled] {
background: #B4B4B4 url(//www.fusionweb.jp/stylerecipe_img/arrow_gray02.png) no-repeat;
background-position: 10px;
border: 2px solid #7E7E7E;
color: #7E7E7E;
cursor: default;
}
form input[disabled=disabled]:hover {
opacity: 1;
} .wp-block-image {
max-width: 100%;
margin: 0 0 1em 0;
line-height: 0;
}
.wp-block-image img {
height: auto;
} ul.wpuf-form {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
width: 100%;
line-height: 30px;
}
ul.wpuf-form li .wpuf-label {
float: left;
width: 30%;
min-height: 1px;
font-weight: bold;
font-size: 13px;
}
ul.wpuf-form .wpuf-el {
position: relative;
}
ul.wpuf-form li {
margin-left: 0;
margin-bottom: 10px;
padding: 5px  !important;
}
.wpuf-fields textarea {
font-size: 16px;
width: -webkit-fill-available;
background-color: rgba(115,99,87,0.1);
border: 1px solid #736357;
padding: 10px;
} .pc { display: block !important; }
.sp { display: none !important; } @media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
} .coupon_contents {
position: absolute;
padding-top: 6%;
color: #fff;
font-size: 1.25vw;
font-weight: bold !important;
line-height: 1.5vw;
text-align: center;
width: -webkit-fill-available;
width: -moz-available;
} .youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin-bottom: 20px;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.breadcrumbs {
margin-bottom: 5px;
padding: 0 15px;
}
.breadcrumbs a {
display: contents;
}
.tag {
margin-bottom: 15px;	
}
.tag a {
display: contents;	
}
.tag a:before {
content: "#";	
}
.post-all {
text-align: center;
text-decoration: none;
width: max-content;
margin: 10px auto;
}
.pickup_space {
display: flex;
flex-wrap: wrap;
float: left;
width: 50% !important;
border: 1px solid white;
box-sizing: border-box;
margin-bottom: 0;
width: calc(100% / 3) !important;
position: relative;
}
.categorymenu {
}
.categorymenu article {
display: flex;
flex-wrap: wrap;
float: left;
width: 50% !important;
border: 1px solid white;
box-sizing: border-box;
margin-bottom: 0;
width: calc(100% / 4) !important;
}
.categorymenu article .imgframe {
height: 16vw !important;
width: 100% !important;
}
.categorymenu article .imgframe a {
}
.yarpp-related {
margin-bottom: 0 !important;
margin-top: 1em;
text-align: center;
}
.sectionpage_menu {
width: 100%;
float: left;
margin-bottom: 30px;
}
.sectionpage_menu img {
width: 100%;
float: left;
margin-bottom: 0;
}
.sectionpage_menu ul {
display: flex;
}
.sectionpage_menu ul li {
line-height: 0;
}
.sectionpage_menu ul li a {
position: sticky;
display: inline-block;
color: #736357;
transition: 0.25s;
}
.subheading {
font-size: medium;
padding: 1rem 0 0.5rem;
margin: 0 10px;
border-bottom: 6px double #604C3F;
color: #604C3F;
text-align: center;
}
.caption {
font-size: smaller;
padding: 0px 20px 20px 20px;
margin-bottom: 0;
}