@charset "utf-8";

/*------------------------------------------------*/
/*  template ver1.0  */
/*------------------------------------------------*/
/*  templatename [--]  */
/*  update []  */
/*  ID [NT]  */
/*------------------------------------------------*/

/*　productionin　*/
/* -----------------------------------------------*/
div#productionin {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
z-index:9999;
}
div#productionin .inner {
width:100%;
height:100%;
display:table;
background:#ffffff;
}
div#productionin .inner p {
padding:0px 50px;
display:table-cell;
color:#000000;
font-size:13px;
font-weight:500;
line-height:2.0;
text-align:center;
vertical-align:middle;
}
div#productionin .inner p strong {
padding-top:20px;
display:block;
color:#000000;
font-size:15px;
font-weight:500;
line-height:2.0;
}
/*@media screen and (max-width:1200px) {
div#productionin {
display:block;
}
}*/

/*　Resize　*/
/* -----------------------------------------------*/
.is-resize #header nav,
.is-resize #header nav ul li .subfield {
transition:none;
}

/*　Plugin　*/
/* -----------------------------------------------*/
.scrollhint {
overflow:hidden !important ;
overflow-y:none !important ;
overflow-x:auto !important ;
}
.categorytab.scroll .scroll-hint-icon {
padding:10px 10px 10px 10px;
height:40px;
box-sizing:border-box;
top:0px;
}
.categorytab.scroll .scroll-hint-icon::before {
margin-left:35px;
margin-top:-13px;
width:26px;
height:26px;
display:inline-block;
}
.categorytab.scroll .scroll-hint-icon::after {
margin-left:-35px;
top:15px;
}

/*　All Reset　*/
/* -----------------------------------------------*/
* {
color:#222222;
/*font-size:clamp(12px, 1.0vw, 15px);*/
letter-spacing:0px;
}
*:not(br) {
line-height:1.65;
}
*:focus {
outline:none;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
margin:0;
padding:0;
font-weight:400;
word-break:break-all;
}
ul,li {
list-style:none;
}
input[type="button"],input[type="submit"] {
border-radius:0;
-webkit-appearance:none;
appearance:none;
}
input, select {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
}
a {
color:#000000;
}
a:hover {
text-decoration:none;
}
/*　###個別　*/
body.type_drawing a {
color:#217fc4;
}
body.type_quality a {
color:#4aa8da;
}

select {
padding-right:20px;
font-family:"Zen Kaku Gothic New", sans-serif;
font-weight:400;
font-style:normal;
border:none;
background:none;
-webkit-appearance:none;
appearance:none;
}
select::-ms-expand {
display:none;
}

::selection {
background-color:#333333;
color:#ffffff;
}
::-moz-selection {
background-color:#333333;
color:#ffffff;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#bebebe;
font-family:"Zen Kaku Gothic New", sans-serif;
font-weight:400;
font-style:normal;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#bebebe;
font-family:"Zen Kaku Gothic New", sans-serif;
font-weight:400;
font-style:normal;
}
::placeholder { /* Others */
color:#bebebe;
font-family:"Zen Kaku Gothic New", sans-serif;
font-weight:400;
font-style:normal;
}

/*　Base Set　*/
/* -----------------------------------------------*/
body {
margin:0;
padding:0;
font-family:"Zen Kaku Gothic New", sans-serif;
font-weight:400;
font-style:normal;
line-height:1.65;
background-color:#ffffff;
}
body:after {
content:"";
width:100%;
height:110%;
display:none;
background-color:rgb(0,0,0,0.7);
position:fixed;
top:0px;
left:0px;
z-index:2;
}
body.navover:after {
display:block;
animation:subnav-view .5s ease;
}
@keyframes subnav-view {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
}
img {
max-width:100%;
box-sizing:border-box;
border:none;
pointer-events:none;
}
.fit {
width:100%;
height:100%;
position:absolute;
top:0; 
left:0;
}
.fit img,
.fit video {
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
font-family:'object-fit: cover; object-position: center center;'
}
.clearfix {
display:block;
}
.clearfix:after {
content:"";
display:block;
clear:both;
} 
.clearfix:before {
content:"";
display:block;
clear:both;
}
@media screen and (max-width:1100px) {
body.navover:after {
display:none;
}
}

/*　plugin　*/
/* -----------------------------------------------*/
.slider{
display:none;
}
.slider.slick-initialized {
display: block; /*slick-initializedが付与されたら表示*/
}

/*　Wrapper　*/
/* -----------------------------------------------*/
div#Wrapper {
margin:0px auto;
width:100%;
text-align:center;
position:relative;
}
div.Container {
margin:0px auto;
width:100%;
/*overflow:hidden;*/
/*display:none;*/
}

/*　header　*/
/* -----------------------------------------------*/
#header {
padding:60px 0px 30px 0px;
width:100%;
height:170px;
box-sizing:border-box;
background-color:rgb(255,255,255,1.0);
box-shadow:0px 10px 10px rgb(0,0,0,0.07);
position:fixed;
top:0px;
left:0px;
z-index:20;
transition:all 0.5s ease;
opacity:0;
}
#header:before {
content:"";
width:100%;
height:170px;
background-color:rgb(255,255,255,1.0);
transition:all 0.5s ease;
position:fixed;
top:0px;
left:0px;
z-index:30;
}
#header .inner {
margin:0px auto;
width:90%;
display:block;
text-align:left;
position:relative;
}
#header .inner:after {
content:"";
display:block;
clear:both;
} 
#header .inner:before {
content:"";
display:block;
clear:both;
}
#header .logo {
display:inline-block;
vertical-align:middle;
text-align:center;
position:relative;
z-index:35;
transition:all 0.5s ease;
}
#header .logo a {
display:block;
text-decoration:none;
}
#header .logo strong {
width:230px;
height:65px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/logo.svg) no-repeat center center;
background-size:230px 65px;
}
#header .logo span {
display:block;
font-size:12px;
line-height:1.3;
letter-spacing:1.2px;
}
#header .tel {
display:inline-block;
position:absolute;
bottom:27px;
right:0px;
z-index:35;
}
#header .tel p.free {
padding-left:25px;
display:inline-block;
font-size:30px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
background:url(../images/freetel.svg) no-repeat left;
background-size:20px 20px;
}
#header .tel p.hurry {
margin-left:15px;
display:inline-block;
font-size:30px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
position:relative;
}
#header .tel p.hurry:before {
content:"お急ぎの方はこちら";
width:100%;
height:20px;
color:#ffffff;
font-size:12px;
font-weight:bold;
line-height:18px;
text-align:center;
letter-spacing:0px;
background-color:rgb(255,0,0,1.0);
position:absolute;
top:-25px;
left:0px;
}
#header .tel p a {
display:inline-block;
font-family:'Staatliches', cursive;
font-size:30px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
/*pointer-events:none;*/
text-decoration:none;
}
#header .tel p.hurry a {
color:#ff0000;
}
#header .lineset {
display:inline-block;
background-color:#00B900;
border-radius:20px;
position:absolute;
bottom:31px;
right:370px;
z-index:35;
}
#header .lineset a {
text-decoration:none;
}
#header .lineset p {
padding:0px 5px 0px 25px;
display:inline-block;
background:url(../images/lineicon.svg) no-repeat 5% 50%;
background-size:15px 15px;
}
#header .lineset p strong {
display:inline-block;
color:#ffffff;
font-size:14px;
font-weight:bold;
letter-spacing:0px;
transform:translateY(-2px);
}
#header .lineset p span {
display:inline-block;
color:#ffffff;
font-size:13px;
font-weight:bold;
letter-spacing:0px;
transform:translateY(-1px);
}
#header .businesshours {
display:inline-block;
position:absolute;
bottom:30px;
right:550px;
z-index:35;
}
#header .businesshours p span {
padding:3px 5px;
display:inline-block;
font-size:11px;
letter-spacing:0px;
vertical-align:middle;
background-color:#f8f8f8;
}
#header .businesshours p strong {
padding-left:7px;
display:inline-block;
vertical-align:middle;
font-size:16px;
font-weight:bold;
}
#header .address {
display:inline-block;
position:absolute;
bottom:60px;
right:180px;
z-index:35;
}
#header .address p {
display:inline-block;
font-size:12px;
line-height:1.3;
letter-spacing:1.2px;
}
/*　###ナビ開閉ライン　*/
#header .navline {
width:70px;
height:70px;
overflow:hidden;
background-color:#f1f1f1;
box-shadow:5px 5px 10px rgb(0,0,0,0.07);
position:absolute;
bottom:-100px;
right:0px;
z-index:5;
display:none;
}
#header .navline p {
padding:10px 10px;
width:70px;
height:70px;
cursor:pointer;
box-sizing:border-box;
position:relative;
}
#header .navline p:before {
content:"MENU";
font-family:'Staatliches', cursive;
font-size:16px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
pointer-events:none;
text-decoration:none;
position:absolute;
top:15px;
left:50%;
transform:translateX(-50%);
}
#header .navline p:after {
margin-top:6px;
content:"";
display:inline-block;
color:#000000;
line-height:1;
width:0.5em;
height:0.5em;
border:0.13em solid currentColor;
border-left:0;
border-bottom:0;
box-sizing:border-box;
transform:translateX(-25%) rotate(45deg);
position:absolute;
top:50%;
right:50%;
opacity:0;
transition:all 0.3s ease;
}
#header .navline p span {
width:55%;
height:2px;
display:inline-block;
font-size:0px;
position:absolute;
background-color:#000000;
transform-origin:center;
transition:all 0.3s ease;
}
#header .navline p span:nth-child(1) {
top:35px;
left:50%;
transform:translateX(-50%);
}
#header .navline p span:nth-child(2) {
margin-top:10px;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
#header .navline p span:nth-child(3) {
bottom:15px;
left:50%;
transform:translateX(-50%);
}
/*　###アニメーション　*/
#header.view {
opacity:1.0;
}
body.scroll #header,
body#page #header {
padding:20px 0px 20px 0px;
height:120px;
}
body.scroll #header:before,
body#page #header:before {
height:120px;
}
body.scroll #header:after,
body#page #header:after {
opacity:1.0;
}
#header .navline.nav_view p span:nth-child(1) {
margin-top:10px;
top:50%;
transform:translate(-50%, -50%);
}
#header .navline.nav_view p span:nth-child(2) {
left:150%;
opacity:0;
}
#header .navline.nav_view p span:nth-child(3) {
margin-bottom:-12px;
bottom:50%;
transform:translate(-50%, -50%);
}
#header .navline.nav_view p:after {
right:12px;
opacity:1.0;
transition-delay:0.3s;
}
@media screen and (max-width:1100px) {
#header {
padding:20px 0px 20px 0px;
height:120px;
}
#header:before {
height:120px;
}
#header .lineset {
bottom:0px;
right:0px;
}
#header .businesshours {
bottom:0px;
right:180px;
}
#header .businesshours p span {
padding:3px 5px;
display:inline-block;
font-size:11px;
letter-spacing:0px;
vertical-align:middle;
background-color:#f8f8f8;
}
#header .businesshours p strong {
padding-left:7px;
display:inline-block;
vertical-align:middle;
font-size:16px;
font-weight:bold;
}
#header .address {
display:inline-block;
position:absolute;
bottom:60px;
right:180px;
z-index:35;
}
#header .address p {
display:inline-block;
font-size:12px;
line-height:1.3;
letter-spacing:1.2px;
}
/*　###ナビ開閉ライン　*/
#header .navline {
display:block;
}
}
@media screen and (max-width:710px) {
#header {
padding:0px 0px;
height:100px;
}
#header:before {
height:100px;
}
#header .logo {
margin-top:14px;
}
#header .logo strong {
width:200px;
height:57px;
background:url(../images/logo.svg) no-repeat center center;
background-size:200px 57px;
}
#header .logo span {
font-size:10px;
letter-spacing:1.2px;
}
#header .tel {
bottom:24px;
}
#header .tel p.free {
font-size:24px;
}
#header .tel p.hurry {
margin-left:7px;
font-size:24px;
}
#header .tel p.hurry:before {
height:18px;
font-size:10px;
top:-20px;
}
#header .tel p a {
font-size:24px;
}
#header .lineset {
bottom:-5px;
}
#header .lineset p {
padding:0px 5px 0px 25px;
display:inline-block;
background:url(../images/lineicon.svg) no-repeat 5% 50%;
background-size:15px 15px;
}
#header .lineset p strong {
font-size:13px;
transform:translateY(-2px);
}
#header .lineset p span {
font-size:12px;
transform:translateY(-1px);
}
#header .businesshours {
bottom:-5px;
right:165px;
}
#header .businesshours p span {
font-size:10px;
}
#header .businesshours p strong {
padding-left:5px;
font-size:15px;
}
#header .address {
bottom:51px;
right:140px;
}
#header .address p {
font-size:11px;
}
/*　###アニメーション　*/
body.scroll #header,
body#page #header {
padding:0px 0px;
height:100px;
}
body.scroll #header:before,
body#page #header:before {
height:100px;
}
}
@media screen and (max-width:600px) {
#header .inner {
width:95%;
}
#header .logo {
margin-top:25px;
}
#header .logo strong {
width:160px;
height:46px;
background:url(../images/logo.svg) no-repeat center center;
background-size:160px 46px;
}
#header .logo span {
display:none;
}
#header .tel {
bottom:13px;
}
#header .lineset {
bottom:-13px;
}
#header .businesshours {
bottom:-13px;
}
#header .address {
display:none;
}
/*　###ナビ開閉ライン　*/
#header .navline {
bottom:-112px;
}
}
@media screen and (max-width:500px) {
#header {
height:110px;
}
#header:before {
height:110px;
}
#header .logo {
margin-top:7px;
}
#header .logo strong {
width:150px;
height:43px;
background:url(../images/logo.svg) no-repeat center center;
background-size:150px 43px;
}
#header .tel {
width:100%;
text-align:center;
bottom:-54px;
left:50%;
transform:translateX(-50%);
}
#header .tel p.free {
font-size:24px;
}
#header .tel p.hurry {
font-size:24px;
}
#header .tel p a {
font-size:24px;
}
#header .lineset {
bottom:7px;
}
#header .lineset p {
padding:2px 7px 2px 28px;
}
#header .lineset p strong {
font-size:13px;
transform:translateY(-2px);
}
#header .lineset p span {
font-size:12px;
transform:translateY(-2px);
}
#header .businesshours {
margin-left:-70px;
width:140px;
bottom:-29px;
left:50%;
transform:translateX(-50%);
}
/*　###アニメーション　*/
body.scroll #header,
body#page #header {
height:110px;
}
body.scroll #header:before,
body#page #header:before {
height:110px;
}
/*　###ナビ開閉ライン　*/
#header .navline {
bottom:-132px;
}
}

/*　navi　*/
/* -----------------------------------------------*/
#header nav {
position:absolute;
bottom:0px;
right:0px;
transition:all 0.5s ease;
}
#header nav .nav_inner {
margin:0px 0px;
height:auto;
overflow-y:visible;
box-sizing:border-box;
background-color:rgb(255,255,255,0);
border-radius:0px;
}
#header nav ul {
letter-spacing:-.4em;
}
#header nav ul li {
margin-right:15px;
display:inline-block;
vertical-align:middle;
}
#header nav ul li:last-child {
margin-right:0px;
}
#header nav ul li > a {
padding-left:20px;
display:block;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
position:relative;
z-index:30;
}
#header nav ul li > a:before {
content:"";
margin-top:-6px;
width:14px;
height:14px;
display:block;
border-radius:7px;
background-color:#0068b7;
position:absolute;
top:50%;
left:0px;
}
#header nav ul li > a:after {
content:"";
margin-top:-2px;
background:#ffffff;
width:4px;
height:calc(tan(60deg) * 8px / 2);
clip-path:polygon(0 0, 100% 50%, 0 100%);
position:absolute;
top:50%;
left:6px;
}

#header nav ul li .subfield {
width:100%;
height:320px;
background-color:rgb(255,255,255,1.0);
box-shadow:0px 10px 10px rgb(0,0,0,0.07);
position:fixed;
top:140px;
left:0px;
z-index:25;
opacity:0;
transform:translateY(-480px);
transition:all 0.5s ease;
}
#header nav ul li.is-hover > .subfield {
opacity:1.0;
transform:translateY(0px);
}
/*#header nav ul li > a.is-hover + .subfield {
display:block;
animation:subnav-view .5s ease;
}
@keyframes subnav-view {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
}*/
#header nav ul li .subfield .sublink {
margin:40px auto 20px auto;
width:90%;
letter-spacing:-.4em;
}
#header nav ul li .subfield .sublink p {
margin-left:10px;
margin-right:10px;
display:inline-block;
}
#header nav ul li .subfield .sublink p a {
text-decoration:none;
}
#header nav ul li .subfield .sublink p strong {
color:#0068b7;
font-family:'Murecho', sans-serif;
font-size:20px;
font-weight:900;
line-height:1.5;
letter-spacing:0px;
position:relative;
}
#header nav ul li .subfield .sublink p strong:before {
content:"";
width:100%;
height:2px;
background-color:#0068b7;
position:absolute;
bottom:-5px;
left:0px;
}
#header nav ul li .subfield .sublink p span {
padding-left:15px;
display:inline-block;
font-size:14px;
font-weight:bold;
line-height:1.5;
position:relative;
}
#header nav ul li .subfield .sublink p span:before {
content:"";
margin-top:-2px;
display:inline-block;
color:#222222;
line-height:1;
width:6px;
height:6px;
border:0.1em solid currentColor;
border-left:0;
border-bottom:0;
box-sizing:border-box;
transform:translateX(-25%) rotate(45deg);
position:absolute;
top:50%;
left:0px;
}
#header nav ul li .subfield .navpickup {
margin:0px auto;
width:90%;
}
#header nav ul li .subfield .navpickup .thumbnail {
padding-top:65%;
width:100%;
height:1rem;
overflow:hidden;
content:"";
position:relative;
user-select:none;
}
#header nav ul li .subfield .navpickup .title {
margin-top:10px;
margin-bottom:5px;
font-size:14px;
font-weight:bold;
line-height:1.5;
}
#header nav ul li .subfield .navpickup .lead {
font-size:12px;
display:none;
}
#header nav ul li .subfield .navpickup .price {
padding:5px 0px;
width:100%;
text-align:center;
background-color:rgb(0,0,0,0.8);
position:absolute;
bottom:0px;
left:0px;
z-index:2;
}
#header nav ul li .subfield .navpickup .price strong {
display:inline-block;
color:#ffea00;
font-family:'Staatliches', cursive;
font-size:20px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
}
#header nav ul li .subfield .navpickup .price strong.free {
display:inline-block;
color:#ffea00;
font-family:"Zen Kaku Gothic New", sans-serif;
font-size:18px;
font-weight:bold;
line-height:0.8;
letter-spacing:0.8px;
}
#header nav ul li .subfield .navpickup .price span {
display:inline-block;
color:#ffffff;
font-size:12px;
font-weight:bold;
}
#header nav ul li .subfield .bannerlink {
margin:20px auto;
width:90%;
letter-spacing:-.4em;
}
#header nav ul li .subfield .bannerlink .banner {
margin-right:30px;
width:30%;
width:-webkit-calc((100% - 60px) / 3);
width:calc((100% - 60px) / 3);
display:inline-block;
vertical-align:top;
position:relative;
}
#header nav ul li .subfield .bannerlink .banner:nth-child(3n) {
margin-right:0px;
}
#header nav ul li .subfield .bannerlink .banner:after {
content:"";
display:inline-block;
color:#ffea00;
line-height:2;
width:8px;
height:8px;
border:0.1em solid currentColor;
border-left:0;
border-bottom:0;
box-sizing:border-box;
transform:translateX(-25%) rotate(45deg);
position:absolute;
bottom:13px;
right:15px;
z-index:2;
}
#header nav ul li .subfield .bannerlink .banner .thumbnail {
width:100%;
height:170px;
overflow:hidden;
content:"";
position:relative;
user-select:none;
}
#header nav ul li .subfield .bannerlink .banner strong {
padding:5px 0px;
width:100%;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:16px;
font-weight:900;
line-height:1.5;
letter-spacing:0px;
text-align:center;
background-color:rgb(0,0,0,0.8);
position:absolute;
bottom:0px;
left:0px;
z-index:2;
}
/*　###アイコン　*/
/*#header nav ul li .subfield .navpickup .inner.up:before {
content:"UP";
width:30px;
height:30px;
display:inline-block;
color:#ffffff;
font-family:'Staatliches', cursive;
font-size:14px;
font-weight:400;
line-height:30px;
letter-spacing:0px;
text-align:center;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
border-radius:18px;
position:absolute;
top:10px;
left:10px;
z-index:2;
}*/
#header nav ul li .subfield .navpickup .inner.up:before {
content:"UP";
width:40px;
height:40px;
display:inline-block;
color:#ffffff;
font-family:'Staatliches', cursive;
font-size:24px;
font-weight:400;
line-height:40px;
letter-spacing:0px;
text-align:center;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
border-radius:20px;
transform:rotate(-30deg);
position:absolute;
top:0px;
left:0px;
z-index:2;
}
#header nav ul li .subfield .navpickup .inner.free:after {
content:"無料";
padding:2px 5px;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:14px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
position:absolute;
top:10px;
left:10px;
z-index:2;
}
#header nav ul li .subfield .navpickup .inner.buy:after {
content:"買取";
padding:3px 7px 5px 7px;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:16px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
position:absolute;
top:10px;
left:10px;
z-index:2;
}
#header nav ul li .subfield .navpickup .inner.paid:after {
content:"有料処分";
padding:3px 7px 5px 7px;
display:inline-block;
color:#ff0000;
font-family:'Murecho', sans-serif;
font-size:14px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
border:#ff0000 solid 3px;
box-sizing:border-box;
background-color:#ffffff;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
position:absolute;
top:10px;
left:10px;
/*top:25%;
left:50%;
transform:translate(-50%, -25%) rotate(-15deg);*/
z-index:2;
}
#header nav ul li .subfield .navpickup .inner.condition:after {
content:"条件あり";
padding:3px 7px 5px 7px;
display:inline-block;
color:#ff0000;
font-family:'Murecho', sans-serif;
font-size:14px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
border:#ff0000 solid 3px;
box-sizing:border-box;
background-color:#ffffff;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
position:absolute;
top:10px;
left:10px;
/*top:25%;
left:50%;
transform:translate(-50%, -25%) rotate(-15deg);*/
z-index:2;
}
/*　###アニメーション　*/
body.scroll #header nav ul li .subfield,
body#page #header nav ul li .subfield {
top:110px;
}
/*　###スライダー　*/
.swiper-navpickup .swiper-button-next, .swiper-topbanner .swiper-button-prev {
color:#ffffff;
}
.swiper-navpickup .swiper-pagination-bullet-active, .swiper-topbanner .swiper-pagination-bullet {
background:#ffffff;
}
.swiper-navpickup .swiper-button-next, .swiper-pickup .swiper-button-prev {
color:#ffffff;
}
@media screen and (max-width:1100px) {
#header nav {
width:100%;
height:100%;
background-color:rgb(0,0,0,0.8);
position:fixed;
top:120px;
left:100%;
}
#header nav.nav_view {
left:0%;
}
#header nav .nav_inner {
margin:50px 50px;
height:calc(100vh - 220px);
overflow-y:scroll;
background-color:rgb(255,255,255,1.0);
border-radius:20px;
}
#header nav ul {
padding:50px 50px;
box-sizing:border-box;
}
#header nav ul li {
margin-right:30px;
margin-top:30px;
padding:30px 30px;
width:47.5%;
width:-webkit-calc((100% - 30px) / 2);
width:calc((100% - 30px) / 2);
vertical-align:top;
box-sizing:border-box;
background-color:rgb(0,0,0,0.05);
}
#header nav ul li:nth-child(2n) {
margin-right:0px;
}
#header nav ul li:nth-child(1),
#header nav ul li:nth-child(2) {
margin-top:0px;
}
#header nav ul li > a {
font-size:14px;
text-align:left;
}

#header nav ul li .subfield {
height:auto;
background:none;
box-shadow:none;
position:static;
z-index:25;
opacity:1.0;
transform:translateY(0px);
}
#header nav ul li .subfield .sublink {
margin:20px auto 20px auto;
width:100%;
}
#header nav ul li .subfield .sublink p {
margin-left:0px;
margin-right:0px;
display:block;
}
#header nav ul li .subfield .sublink p a {
text-decoration:none;
}
#header nav ul li .subfield .sublink p strong {
margin-bottom:20px;
display:inline-block;
}
#header nav ul li .subfield .sublink p span {
font-size:14px;
}
#header nav ul li .subfield .navpickup {
width:100%;
overflow:hidden;
}
#header nav ul li .subfield .bannerlink {
margin:0px auto;
width:100%;
}
#header nav ul li .subfield .bannerlink .banner {
margin-right:0px;
margin-top:10px;
width:100%;
width:-webkit-calc(100%);
width:calc(100%);
}
#header nav ul li .subfield .bannerlink .banner strong {
font-size:16px;
}
/*　###アイコン　*/

/*　###アニメーション　*/
body.scroll #header nav ul li .subfield,
body#page #header nav ul li .subfield {
top:110px;
}
/*　###スライダー　*/
.swiper-navpickup .swiper-button-next, .swiper-navpickup .swiper-button-prev {
display:none;
}
.swiper-topbanner .swiper-button-next, .swiper-topbanner .swiper-button-prev {
display:none;
}
}
@media screen and (max-width:750px) {
#header nav .nav_inner {
margin:20px 20px;
height:calc(100vh - 160px);
}
#header nav ul {
padding:20px 20px 80px 20px;
text-align:center;
}
#header nav ul li {
margin-right:0px;
padding:30px 30px;
width:100%;
width:-webkit-calc(100%);
width:calc(100%);
max-width:400px;
text-align:left;
}
#header nav ul li:nth-child(2) {
margin-top:30px;
}
}
@media screen and (max-width:710px) {
#header nav {
top:100px;
}
#header nav .nav_inner {
height:calc(100vh - 140px);
}
}

/*　cart　*/
/* -----------------------------------------------*/
#header .cart {
width:40px;
height:40px;
overflow:hidden;
text-align:center;
border:#000000 solid 1px;
box-sizing:border-box;
background-color:#000000;
border-radius:20px;
position:absolute;
top:10px;
right:55px;
transition:all 0.5s ease;
}
#header .cart a {
display:block;
text-decoration:none;
}
#header .cart span {
padding-top:6px;
padding-bottom:1px;
display:block;
font-size:9px;
font-weight:bold;
line-height:1.3;
letter-spacing:0px;
background-color:#f8f8f8;
}
#header .cart i {
padding-top:3px;
display:block;
color:#ffffff;
font-size:12px;
font-weight:bold;
font-style:normal;
line-height:1.0;
}
body.scroll #header .cart {
top:-10px;
}

/*　pagehead　*/
/* -----------------------------------------------*/
#pagehead {
padding-top:130px;
width:100%;
display:block;
background-color:rgb(0,0,0,0.02);
transition:all 0.5s ease;
opacity:0;
}
#pagehead .inner {
margin:0px auto;
width:90%;
height:120px;
display:table;
text-align:left;
position:relative;
}
#pagehead .titleset {
width:100%;
display:table-cell;
text-align:left;
vertical-align:top;
}
#pagehead .titleset .title {
margin-top:50px;
padding-bottom:10px;
display:inline-block;
color:#0068b7;
font-family:'Murecho', sans-serif;
font-size:32px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
position:relative;
}
#pagehead .titleset .title:after {
content:"";
width:100%;
height:2px;
display:inline-block;
background-color:#0068b7;
position:absolute;
bottom:0px;
left:0px;
}
#pagehead .titleset .subtitle {
margin-left:30px;
display:inline-block;
color:#000000;
font-family:'Murecho', sans-serif;
font-size:20px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
}
#pagehead .titleset .lead {
margin-top:10px;
display:block;
font-size:14px;
}
#pagehead .inner .pankuzu {
width:100%;
overflow:hidden;
letter-spacing:-.4em;
white-space:nowrap;
position:absolute;
top:10px;
left:0px;
}
#pagehead .inner .pankuzu p {
margin-right:25px;
display:inline-block;
}
#pagehead .inner .pankuzu p a {
font-size:13px;
line-height:1.5;
position:relative;
}
#pagehead .inner .pankuzu p a:after {
content:"";
margin-top:-2px;
display:inline-block;
color:#000000;
line-height:1;
width:6px;
height:6px;
border:0.1em solid currentColor;
border-left:0;
border-bottom:0;
box-sizing:border-box;
transform:translateX(-25%) rotate(45deg);
position:absolute;
top:50%;
right:-15px;
}
#pagehead .inner .pankuzu p span {
font-size:13px;
line-height:1.5;
}
/*　###アニメーション　*/
#pagehead.view {
opacity:1.0;
}
@media screen and (max-width:600px) {
#pagehead .titleset .title {
font-size:24px;
}
#pagehead .titleset .subtitle {
margin-left:20px;
font-size:16px;
}
}

/*　main　*/
/* -----------------------------------------------*/
/*　大枠　*/
#main {
margin:0px auto;
width:100%;
display:block;
position:relative;
opacity:0;
transform:translateY(100px);
transition:all 0.5s ease;
}
body.page #main {
opacity:0;
transform:translateY(100px);
}
#main:after {
content:"";
display:block;
clear:both;
} 
#main:before {
content:"";
display:block;
clear:both;
}
/*　###アニメーション　*/
body #main.view {
opacity:1.0;
transform:translateY(0px);
}
/*　ファーストビュー　*/
.firstview {
margin:0px auto 50px auto;
width:90%;
max-width:1400px;
background-color:#ffffff;
position:relative;
}
.firstview .mainimage {
margin:0px auto;
padding-top:210px;
width:100%;
}
.firstview .mainimage .photoset {
width:100%;
height:350px;
overflow:hidden;
border-radius:25px;
position:relative;
}
.firstview .mainimage .photoset .copy {
position:absolute;
top:130px;
left:100px;
text-align:left;
}
.firstview .mainimage .photoset .copy strong {
display:block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:40px;
font-weight:500;
letter-spacing:0px;
}
.firstview .mainimage .photoset .copy span {
display:block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:18px;
font-weight:500;
letter-spacing:0px;
}
.firstview .mainimage .bannerset {
width:100%;
height:350px;
overflow:hidden;
border-radius:25px;
background-color:#f8f8f8;
position:relative;
}
.firstview .mainimage .bannerset .banner {
margin-left:30px;
margin-top:30px;
width:90%;
width:-webkit-calc(100% - 340px);
width:calc(100% - 340px);
max-width:1060px !important ;
height:290px;
overflow:hidden;
border-radius:25px;
position:relative;
}
.firstview.update .mainimage .bannerset .banner {
width:80%;
width:-webkit-calc(100% - 440px);
width:calc(100% - 440px);
max-width:1060px !important ;
}
.firstview .mainimage .bannerset .banner p {
width:100%;
height:290px;
overflow:hidden;
border-radius:25px;
position:relative;
}
.firstview .toolset {
position:absolute;
top:240px;
right:30px;
z-index:2;
}
.firstview .toolset .tool {
width:250px;
height:290px;
display:table;
overflow:hidden;
border-radius:25px;
background-color:rgb(255,255,255,1.0);
}
.firstview .toolset .tool p {
display:table-cell;
text-align:center;
vertical-align:middle;
}
.firstview .smallbannerset {
overflow:hidden;
border-radius:25px;
position:absolute;
top:240px;
right:30px;
z-index:2;
}
.firstview .smallbannerset .banner {
width:250px;
height:290px;
display:table;
overflow:hidden;
border-radius:25px;
background-color:#ffea00;
position:relative;
}
.firstview.update .smallbannerset .banner {
width:350px;
}
.firstview .smallbannerset .banner:before {
content:"";
width:150%;
height:40%;
display:block;
background-color:#ffc600;
transform:rotate(-10deg);
position:absolute;
top:-10%;
left:-25%;
}
.firstview .smallbannerset .banner > div {
width:100%;
display:table-cell;
text-align:center;
vertical-align:bottom;
}
.firstview .smallbannerset .banner p {
letter-spacing:-.4em;
}
.firstview .smallbannerset .banner p strong {
display:inline-block;
font-family:'Murecho', sans-serif;
font-size:40px;
font-weight:900;
line-height:1.0;
letter-spacing:0px;
text-shadow:2px 2px 0 #ffffff, -2px -2px 0 #ffffff,-2px 2px 0 #ffffff, 2px -2px 0 #ffffff,0px 2px 0 #ffffff,  0-2px 0 #ffffff,-2px 0 0 #ffffff, 2px 0 0 #ffffff;
position:relative;
}
.firstview .smallbannerset .banner p span {
margin-bottom:15px;
display:inline-block;
font-family:'Murecho', sans-serif;
font-size:32px;
font-weight:900;
line-height:1.0;
letter-spacing:0px;
position:relative;
}
.firstview .smallbannerset .banner p a {
margin-bottom:10px;
margin-right:5px;
padding:5px 0px;
width:45%;
width:-webkit-calc((100% - 20px) / 2);
width:calc((100% - 20px) / 2);
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:18px;
font-weight:900;
line-height:1.3;
text-decoration:none;
letter-spacing:0px;
box-sizing:border-box;
background-color:#0068b7;
border-radius:20px;
position:relative;
}
.firstview .smallbannerset .banner p a:nth-child(2n) {
margin-right:0px;
}
.firstview .smallbannerset .banner p a:last-child {
margin-bottom:10px;
margin-right:0px;
width:100%;
width:-webkit-calc(100% - 20px);
width:calc(100% - 20px);
}
.firstview .smallbannerset .banner p a:before {
content:"";
margin-top:-6px;
width:14px;
height:14px;
display:block;
border-radius:7px;
background-color:#ffffff;
position: absolute;
top:50%;
right:20px;
}
.firstview .smallbannerset .banner p a:after {
content:"";
margin-top:-2px;
background:#0068b7;
width:4px;
height:calc(tan(60deg) * 8px / 2);
clip-path:polygon(0 0, 100% 50%, 0 100%);
position:absolute;
top:50%;
right:24px;
}
.firstview .smallbannerset .banner p a i {
display:block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:13px;
font-weight:900;
font-style:normal;
line-height:1.3;
text-decoration:none;
letter-spacing:0px;
}
.firstview .pickup {
margin:30px auto 0px auto;
width:100%;
text-align:left;
position:relative;
}
.firstview .pickup .putitle {
width:15%;
height:200px;
text-align:center;
background:linear-gradient(rgba(0,104,183,1.0) 30%, rgba(0,104,183,0.8) 60%, rgba(0,104,183,0) 100%);
position:absolute;
top:0px;
left:0px;
}
.firstview .pickup .putitle p {
position:relative;
}
.firstview .pickup .putitle p:first-child:before {
content:"";
width:98%;
width:-webkit-calc(100% - 10px);
width:calc(100% - 10px);
height:230px;
border:rgb(255,255,255,1.0) solid 1px;
box-sizing:border-box;
position:absolute;
top:5px;
left:5px;
}
.firstview .pickup .putitle p:first-child strong {
padding:30px 0px 10px 0px;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:26px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
position:relative;
}
.firstview .pickup .putitle p:first-child strong:after {
content:"";
width:100%;
height:3px;
background-color:#ffffff;
position:absolute;
bottom:0px;
left:0px;
}
.firstview .pickup .putitle p:nth-child(2) {
margin:20px 20px 0px 20px;
letter-spacing:-.4em;
}
.firstview .pickup .putitle p:nth-child(2) a {
margin:1px 2px;
padding:2px 5px;
display:inline-block;
color:#ffea00;
font-size:13px;
font-weight:bold;
line-height:1.3;
text-decoration:none;
letter-spacing:0px;
background-color:rgb(0,0,0,1.0);
}
.firstview .pickup .swiperset {
margin-left:18%;
width:82%;
overflow:hidden;
text-align:left;
position:relative;
}
.firstview .pickup .swiperset.space {
padding-top:30px;
}
.firstview .pickup .inner {
width:100%;
min-height:250px;
position:relative;
}
.firstview .pickup .inner .thumbnail {
padding-top:60%;
width:100%;
height:1rem;
overflow:hidden;
content:"";
position:relative;
user-select:none;
}
.firstview .pickup .inner .title {
margin-top:10px;
margin-bottom:5px;
font-size:15px;
font-weight:bold;
line-height:1.5;
}
.firstview .pickup .inner .lead {
font-size:13px;
}
.firstview .pickup .inner .price {
padding:5px 0px;
width:100%;
text-align:center;
background-color:rgb(0,0,0,0.8);
position:absolute;
bottom:0px;
left:0px;
z-index:2;
}
.firstview .pickup .inner .price strong {
display:inline-block;
color:#ffea00;
font-family:'Staatliches', cursive;
font-size:24px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
}
.firstview .pickup .inner .price strong.contact {
font-family:'Murecho', sans-serif;
font-size:15px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
}
.firstview .pickup .inner .price span {
display:inline-block;
color:#ffffff;
font-size:13px;
font-weight:bold;
}
/*　###アイコン　*/
/*.firstview .pickup .inner.up:before {
content:"UP";
width:30px;
height:30px;
display:inline-block;
color:#ffffff;
font-family:'Staatliches', cursive;
font-size:14px;
font-weight:400;
line-height:30px;
letter-spacing:0px;
text-align:center;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
border-radius:18px;
position:absolute;
top:10px;
left:10px;
z-index:2;
}*/
.firstview .pickup .inner.up:before {
content:"UP";
width:40px;
height:40px;
display:inline-block;
color:#ffffff;
font-family:'Staatliches', cursive;
font-size:24px;
font-weight:400;
line-height:40px;
letter-spacing:0px;
text-align:center;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
border-radius:20px;
transform:rotate(-30deg);
position:absolute;
top:0px;
left:0px;
z-index:2;
}
/*　###スライダー　*/
.swiper-topbanner .swiper-button-next, .swiper-topbanner .swiper-button-prev {
color:#ffffff;
}
.swiper-topbanner .swiper-pagination-bullet-active, .swiper-topbanner .swiper-pagination-bullet {
background:#ffffff;
}
.swiper-pickup .swiper-button-next, .swiper-pickup .swiper-button-prev {
color:#ffffff;
width:30px;
height:30px;
background-color:#0068b7;
}
.swiper-pickup .swiper-button-next:after, .swiper-pickup .swiper-button-prev:after {
font-size:20px;
}
.swiper-pickup .swiper-button-prev {
top:42%;
left:0px;
}
.swiper-pickup .swiper-button-next {
top:42%;
right:0px;
}
/*　###アニメーション　*/
/*.firstview.view .pickup ul li:nth-child(1) {
opacity:1.0;
transform:translateX(0px);
transition-delay:0.5s;
}
.firstview.view .pickup ul li:nth-child(2) {
opacity:1.0;
transform:translateX(0px);
transition-delay:0.6s;
}
.firstview.view .pickup ul li:nth-child(3) {
opacity:1.0;
transform:translateX(0px);
transition-delay:0.7s;
}
.firstview.view .pickup ul li:nth-child(4) {
opacity:1.0;
transform:translateX(0px);
transition-delay:0.8s;
}
.firstview.view .pickup ul li:nth-child(5) {
opacity:1.0;
transform:translateX(0px);
transition-delay:0.9s;
}*/
/*　###アイコン　*/
/*.firstview .pickup ul li.up:before {
content:"UP";
width:30px;
height:30px;
display:inline-block;
color:#ffffff;
font-family:'Staatliches', cursive;
font-size:14px;
font-weight:400;
line-height:30px;
letter-spacing:0px;
text-align:center;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
border-radius:18px;
position:absolute;
top:10px;
left:20px;
z-index:2;
}*/
.firstview .pickup ul li.up:before {
content:"UP";
width:40px;
height:40px;
display:inline-block;
color:#ffffff;
font-family:'Staatliches', cursive;
font-size:24px;
font-weight:400;
line-height:40px;
letter-spacing:0px;
text-align:center;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
border-radius:20px;
transform:rotate(-30deg);
position:absolute;
top:0px;
left:0px;
z-index:2;
}
/*　お知らせ　*/
.news_list {
margin-top:70px;
width:100%;
display:block;
}
.news_list:after {
content:"";
display:block;
clear:both;
} 
.news_list:before {
content:"";
display:block;
clear:both;
}
.news_list .inner {
margin:0px auto;
padding:50px 0px;
width:90%;
max-width:1400px;
display:block;
position:relative;
background-color:#f8f8f8;
border-radius:25px;
}
.news_list .title {
position:absolute;
top:60px;
left:50px;
}
.news_list .title strong {
padding-top:20px;
display:inline-block;
font-size:18px;
font-weight:bold;
position:relative;
}
.news_list .title strong:after {
content:"";
width:80px;
height:1px;
display:inline-block;
background-color:#0068b7;
position:absolute;
top:0px;
left:0px;
}
.news_list ul {
margin-left:30%;
width:65%;
}
.news_list ul li {
padding:15px 0px;
width:100%;
text-align:left;
position:relative;
border-bottom:rgb(0,0,0,0.05) solid 1px;
box-sizing:border-box;
}
.news_list ul li:after {
content:"";
display:block;
clear:both;
} 
.news_list ul li:before {
content:"";
display:block;
clear:both;
}
.news_list ul li:last-child {
border-bottom:none;
}
.news_list ul li .date {
width:100px;
float:left;
font-size:15px;
}
.news_list ul li .date span {
transform:translateY(-1px);
display:inline-block;
font-size:16px;
font-weight:bold;
}
.news_list ul li .lead {
width:50%;
width:-webkit-calc(100% - 100px);
width:calc(100% - 100px);
float:left;
font-size:15px;
}
.news_list ul li .lead strong {
margin-bottom:5px;
display:block;
font-size:16px;
font-weight:bold;
}
/*　コンテンツ紹介　*/
.contents_list {
margin-top:60px;
width:100%;
overflow:hidden;
}
body#page .contents_list {
margin-top:30px;
}
.contents_list .inner {
margin:0px auto;
width:90%;
max-width:1400px;
display:block;
position:relative;
}
.contents_list .inner:after {
content:"";
display:block;
clear:both;
} 
.contents_list .inner:before {
content:"";
display:block;
clear:both;
}
.contents_list .thumbnail {
padding-top:35%;
width:35%;
height:1rem;
overflow:hidden;
content:"";
position:relative;
user-select:none;
}
.contents_list.left .thumbnail {
float:left;
border-top-left-radius:25px;
}
.contents_list.right .thumbnail {
float:right;
border-top-right-radius:25px;
}
.contents_list .detail {
width:57%;
text-align:left;
}
.contents_list.left .detail {
float:right;
}
.contents_list.right .detail {
float:left;
}
.contents_list .detail .title_en {
margin-top:0px;
margin-bottom:-30px;
color:rgb(0,0,0,0.05);
font-size:7.0vw;
font-family:'Staatliches', cursive;
line-height:0.8;
}
.contents_list .detail .title {
margin-left:30px;
font-family:'Murecho', sans-serif;
font-size:30px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
}
.contents_list .detail .lead {
margin-top:30px;
font-size:15px;
line-height:1.8;
}
.contents_list .detail .link {
margin-top:50px;
}
.contents_list .detail .link p {
margin:3px 0px;
font-size:15px;
}
.contents_list .detail .link p a {
display:inline-block;
font-size:15px;
font-weight:700;
text-decoration:none;
position:relative;
}
.contents_list .detail .link p.youtube a {
padding-left:25px;
background-image:url(../images/icon_youtube.png);
background-size:20px auto;
background-repeat:no-repeat;
background-position:left;
}
.contents_list .detail .link p.movie a {
padding-left:18px;
background-image:url(../images/icon_movie.png);
background-size:22px auto;
background-repeat:no-repeat;
background-position:left;
}
.contents_list .detail .link p.page {
text-align:right;
}
.contents_list .detail .link p.page a {
padding-left:20px;
}
.contents_list .detail .link p.page a:before {
content:"";
margin-top:-6px;
width:14px;
height:14px;
display:block;
border-radius:7px;
background-color:#0068b7;
position:absolute;
top:50%;
left:0px;
}
.contents_list .detail .link p.page a:after {
content:"";
margin-top:-2px;
background:#ffffff;
width:4px;
height:calc(tan(60deg) * 8px / 2);
clip-path:polygon(0 0, 100% 50%, 0 100%);
position:absolute;
top:50%;
left:6px;
}
.contents_list .boxlist {
margin-top:-50px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.contents_list .boxlist .box {
margin-right:50px;
margin-top:50px;
width:33.33333%;
width:-webkit-calc((100% - 100px) / 3);
width:calc((100% - 100px) / 3);
position:relative;
}
.contents_list .boxlist .box:nth-child(3n) {
margin-right:0px;
}
.contents_list .boxlist.wide .box {
width:48%;
width:-webkit-calc((100% - 50px) / 2);
width:calc((100% - 50px) / 2);
}
.contents_list .boxlist.wide .box:nth-child(3n) {
margin-right:50px;
}
.contents_list .boxlist.wide .box:nth-child(2n) {
margin-right:0px;
}
.contents_list .boxlist .box a {
text-decoration:none;
}
.contents_list .boxlist .box .eyecatch {
width:100%;
height:150px;
display:table;
background-color:rgb(0,0,0,1.0);
position:relative;
}
.contents_list .boxlist.wide .box .eyecatch {
height:200px;
}
.contents_list .boxlist .box .eyecatch span.fit {
opacity:0.6;
}
.contents_list .boxlist .box .eyecatch .text {
display:table-cell;
color:#ffffff;
font-size:20px;
font-weight:bold;
text-align:left;
vertical-align:middle;
position:relative;
z-index:2;
}
.contents_list .boxlist .box .eyecatch .text strong {
margin:0px 90px 0px 50px;
display:inline-block;
color:#000000;
font-family:'Murecho', sans-serif;
font-size:30px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
text-shadow:2px 2px 0 #ffea00, -2px -2px 0 #ffea00,-2px 2px 0 #ffea00, 2px -2px 0 #ffea00,0px 2px 0 #ffea00,  0-2px 0 #ffea00,-2px 0 0 #ffea00, 2px 0 0 #ffea00;
}
.contents_list .boxlist.wide .box .eyecatch .text strong {
padding:0px 10px 3px 10px;
color:#ffea00;
font-size:24px;
background-color:rgb(0,0,0,1.0);
text-shadow:none;
}
.contents_list .boxlist .box .eyecatch .text span {
padding:10px 90px 0px 50px;
display:block;
color:#ffffff;
font-size:14px;
}
.contents_list .boxlist .box .eyecatch .text:before {
content:"";
margin-top:-6px;
width:14px;
height:14px;
display:block;
border-radius:7px;
background-color:#ffffff;
position:absolute;
top:50%;
right:40px;
}
.contents_list .boxlist .box .eyecatch .text:after {
content:"";
margin-top:-2px;
background:#0068b7;
width:4px;
height:calc(tan(60deg) * 8px / 2);
clip-path:polygon(0 0, 100% 50%, 0 100%);
position:absolute;
top:50%;
right:44px;
}
.contents_list .boxlist .box .lead {
margin-top:20px;
font-size:14px;
text-align:left;
}
/*　品目一覧　*/
.item_list_box {
margin:50px auto 0px auto;
padding:60px 0px 50px 0px;
width:90%;
max-width:1400px;
background-color:#f8f8f8;
border-radius:25px;
}
.item_list {
margin-top:90px;
width:100%;
}
.item_list.clear {
margin-top:0px;
}
.item_list .inner {
margin:0px auto;
width:90%;
max-width:1400px;
overflow:hidden;
position:relative;
}
.item_list ul {
width:100%;
display:block;
}
.item_list ul.space {
margin-bottom:30px;
}
.item_list ul:after {
content:"";
display:block;
clear:both;
} 
.item_list ul:before {
content:"";
display:block;
clear:both;
}
.item_list ul li {
margin-right:30px;
margin-top:30px;
width:18%;
width:-webkit-calc((100% - 120px) / 5);
width:calc((100% - 120px) / 5);
float:left;
text-align:left;
position:relative;
transition:all 0.5s ease;
}
.item_list ul li:nth-child(5n) {
margin-right:0px;
}
.item_list ul li a {
display:block;
text-decoration:none;
position:relative;
}
.item_list ul li a:before {
margin-left:-3px;
margin-top:7px;
content:"";
background:#000000;
width:8px;
height:calc(tan(60deg) * 14px / 2);
clip-path:polygon(0 0, 100% 50%, 0 100%);
position:absolute;
top:25%;
left:50%;
z-index:2;
transform:scale(2.0);
opacity:0;
transition:all 0.5s ease;
}
.item_list ul li a:after {
margin-left:-13px;
content:"";
width:26px;
height:26px;
background:#ffffff;
border-radius:13px;
box-shadow:0px 10px 10px rgb(0,0,0,0.1);
position:absolute;
top:25%;
left:50%;
z-index:1;
transform:scale(2.0);
opacity:0;
transition:all 0.5s ease;
}
.item_list ul li .thumbnail {
padding-top:60%;
width:100%;
height:1rem;
overflow:hidden;
content:"";
position:relative;
user-select:none;
}
.item_list ul li .title {
margin-top:10px;
margin-bottom:5px;
font-size:16px;
font-weight:bold;
line-height:1.5;
}
.item_list ul li .lead {
font-size:13px;
min-height:50px;
}
.item_list ul li .lead.space {
margin-top:20px;
}
.item_list ul li .lead strong {
background:linear-gradient(transparent 50%, #ffea00 50%);
}
.item_list ul li .price {
padding:5px 0px;
width:100%;
text-align:center;
background-color:rgb(0,0,0,0.8);
position:absolute;
bottom:0px;
left:0px;
z-index:2;
}
.item_list ul li .price strong {
display:inline-block;
color:#ffea00;
font-family:'Staatliches', cursive;
font-size:24px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
}
.item_list ul li .price strong.contact {
font-family:'Murecho', sans-serif;
font-size:15px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
}
.item_list ul li .price span {
display:inline-block;
color:#ffffff;
font-size:13px;
font-weight:bold;
}
/*　###個別　*/
.item_list_box .item_list,
.item_list.item_list_page {
margin-top:0px;
}
.item_list.item_list_page .inner {
width:100%;
margin-bottom:50px;
}
.item_list.item_list_page ul li {
width:30%;
width:-webkit-calc((100% - 60px) / 3);
width:calc((100% - 60px) / 3);
}
.item_list.item_list_page ul li:nth-child(5n) {
margin-right:30px;
}
.item_list.item_list_page ul li:nth-child(3n) {
margin-right:0px;
}
.item_list.item_list_quarter ul li {
width:23%;
width:-webkit-calc((100% - 90px) / 4);
width:calc((100% - 90px) / 4);
}
.item_list.item_list_quarter ul li:nth-child(5n) {
margin-right:30px;
}
.item_list.item_list_quarter ul li:nth-child(4n) {
margin-right:0px;
}
/*　###アニメーション　*/
.item_list ul li a:hover:before {
transform:scale(1.0);
opacity:1.0;
}
.item_list ul li a:hover:after {
transform:scale(1.0);
opacity:1.0;
}
/*　###アイコン　*/
/*.item_list ul li.up:before {
content:"UP";
width:30px;
height:30px;
display:inline-block;
color:#ffffff;
font-family:'Staatliches', cursive;
font-size:14px;
font-weight:400;
line-height:30px;
letter-spacing:0px;
text-align:center;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
border-radius:18px;
position:absolute;
top:10px;
left:10px;
z-index:2;
}*/
.item_list ul li.up:before {
content:"UP";
width:40px;
height:40px;
display:inline-block;
color:#ffffff;
font-family:'Staatliches', cursive;
font-size:24px;
font-weight:400;
line-height:40px;
letter-spacing:0px;
text-align:center;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
border-radius:20px;
transform:rotate(-30deg);
position:absolute;
top:0px;
left:0px;
z-index:2;
}
.item_list ul li.free:after {
content:"無料";
padding:3px 7px 5px 7px;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:16px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
position:absolute;
top:10px;
left:10px;
z-index:2;
}
.item_list ul li.buy:after {
content:"買取";
padding:3px 7px 5px 7px;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:16px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
background-color:#ff0000;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
position:absolute;
top:10px;
left:10px;
z-index:2;
}
.item_list ul li.paid:after {
content:"有料処分";
padding:3px 7px 5px 7px;
display:inline-block;
color:#ff0000;
font-family:'Murecho', sans-serif;
font-size:14px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
border:#ff0000 solid 3px;
box-sizing:border-box;
background-color:#ffffff;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
position:absolute;
top:10px;
left:10px;
/*top:25%;
left:50%;
transform:translate(-50%, -25%) rotate(-15deg);*/
z-index:2;
}
.item_list ul li.condition:after {
content:"条件あり";
padding:3px 7px 5px 7px;
display:inline-block;
color:#ff0000;
font-family:'Murecho', sans-serif;
font-size:14px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
border:#ff0000 solid 3px;
box-sizing:border-box;
background-color:#ffffff;
box-shadow:0px 3px 5px rgba(0,0,0,0.5);
position:absolute;
top:10px;
left:10px;
/*top:25%;
left:50%;
transform:translate(-50%, -25%) rotate(-15deg);*/
z-index:2;
}
.item_list ul.up li .lead {
font-size:14px;
}
.item_list ul li.paid .lead {
color:#ff0000;
font-weight:bold;
}
/*　品目詳細　*/
.item_detail .title_back {
font-family:'Murecho', sans-serif;
font-size:32px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
}
.item_detail .thumnail img {
width:100%;
}
.item_detail .thumnail .main img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
min-width:80%;   /* 任意 */
min-height:90%;  /* 任意 */
object-fit:contain;
}
.item_detail .thumnail .sub img {
width:100%;
}
.item_detail .thumnail .main {
overflow:hidden;
aspect-ratio:4 / 3;
display:flex;
justify-content:center;
align-items:center;
}
.item_detail .thumnail .sub {
margin-top:5px;
letter-spacing:-.4em;
text-align:left;
}
.item_detail .thumnail .sub span {
margin-right:10px;
width:22%;
width:-webkit-calc((100% - 30px) / 4);
width:calc((100% - 30px) / 4);
display:inline-block !important ;
cursor:pointer;
background-color:rgb(0,0,0,1.0);
overflow:hidden;
aspect-ratio: 4 / 3;
position:relative;
}
.item_detail .thumnail .sub span:nth-child(4n) {
margin-right:0px;
}
.item_detail .thumnail .sub span.current img {
opacity:0.5;
}
.item_detail .thumnail .sub span.current:before {
content:"";
display:inline-block;
color:#ffffff;
line-height:1;
width:1em;
height:0.55em;
border:0.3em solid currentColor;
border-top:0;
border-right:0;
box-sizing:border-box;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%) translateY(-25%) rotate(-45deg);
z-index:2;
}
.item_detail .update {
margin-bottom:20px;
font-size:15px;
text-align:center !important ;
letter-spacing:1px;
}
.item_detail .price {
text-align:center !important ;
}
.item_detail .price i {
margin-bottom:20px;
display:block;
font-size:20px;
font-weight:bold;
font-style:normal;
line-height:1.5;
}
.item_detail .price strong {
display:inline-block;
color:#ff0000;
font-family:'Staatliches', cursive;
font-size:60px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
}
.item_detail .price strong.none {
color:#ff0000;
font-family:'Murecho', sans-serif;
font-size:26px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
background:linear-gradient(transparent 50%, #ffea00 50%);
}
.item_detail .price span {
display:inline-block;
font-size:18px;
font-weight:bold;
}
.item_detail .linkset {
margin-top:30px;
text-align:center;
letter-spacing:-.4em;
}
.item_detail .linkset a {
margin:5px 5px;
padding:10px 40px 12px 20px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:bold;
line-height:1.3;
text-decoration:none;
border-radius:5px;
background-color:#0068b7;
position:relative;
}
.item_detail .linkset a:after {
content:"";
margin-top:-5px;
background:#ffea00;
width:6px;
height:calc(tan(60deg) * 12px / 2);
clip-path:polygon(0 0, 100% 50%, 0 100%);
position:absolute;
top:50%;
right:18px;
}
/*　下層ページ　*/
.page_contents {
margin:0px auto;
width:90%;
max-width:1400px;
display:block;
position:relative;
}
.page_contents:after {
content:"";
display:block;
clear:both;
} 
.page_contents:before {
content:"";
display:block;
clear:both;
}
.page_contents .page_nav {
padding:30px 30px;
width:30%;
float:right;
box-sizing:border-box;
background-color:#ffffff;
box-shadow:5px 5px 10px rgba(0,0,0,0.2);
border-radius:18px;
transform:translateY(-90px);
position:sticky;
top:250px;
}
.page_contents .page_nav .nav {
background-color:rgb(0,0,0,0.02);
}
.page_contents .page_nav .nav p {
text-align:left;
border-bottom:#ffffff solid 1px;
box-sizing:border-box;
}
.page_contents .page_nav .nav p.select {
background-color:rgb(0,104,183,0.05);
}
.page_contents .page_nav .nav p a {
padding:15px 25px;
display:block;
font-size:15px;
line-height:1.5;
text-decoration:none;
position:relative;
}
.page_contents .page_nav .nav p.child a {
padding:10px 25px 10px 50px;
}
.page_contents .page_nav .nav p.child a:before {
margin-top:2px;
content:"";
width:10px;
height:1px;
background-color:rgb(0,0,0,1.0);
position:absolute;
top:50%;
left:32px;
}
.page_contents .page_nav .nav p.child a:after {
margin-top:-8px;
content:"";
width:1px;
height:10px;
background-color:rgb(0,0,0,1.0);
position:absolute;
top:50%;
left:32px;
}
.page_contents .page_nav .nav p.select_child a span {
color:#0068b7;
font-weight:bold;
}
.page_contents .page_nav .nav p.select_child a:before {
background-color:#0068b7;
}
.page_contents .page_nav .nav p.select_child a:after {
background-color:#0068b7;
}
.page_contents .page_nav .nav p a strong {
padding-left:20px;
display:block;
font-size:15px;
font-weight:bold;
line-height:1.5;
text-decoration:none;
position:relative;
}
.page_contents .page_nav .nav p a strong:before {
content:"";
margin-top:-6px;
width:14px;
height:14px;
display:block;
border-radius:7px;
background-color:#0068b7;
position:absolute;
top:50%;
left:0px;
}
.page_contents .page_nav .nav p a strong:after {
content:"";
margin-top:-2px;
background:#ffffff;
width:4px;
height:calc(tan(60deg) * 8px / 2);
clip-path:polygon(0 0, 100% 50%, 0 100%);
position:absolute;
top:50%;
left:6px;
}
.page_contents .page_nav .nav p.select a span {
font-weight:bold;
}
.page_contents .page_inner {
padding:50px 0px 0px 0px;
width:65%;
float:left;
text-align:left;
}
.page_contents.single .page_inner {
margin:0px auto;
padding-bottom:10px;
width:80%;
float:inherit;
}
.page_contents.single.full .page_inner {
width:90%;
}
/*　ポイント　*/
.point_set {
width:100%;
display:table;
}
.point_set .point {
width:33.33333%;
display:table-cell;
text-align:center;
vertical-align:top;
}
.point_set .point .icon {
width:40px;
height:40px;
display:inline-block;
color:#ffffff;
font-family:'Staatliches', cursive;
font-size:24px;
font-weight:400;
line-height:40px;
letter-spacing:0px;
background-color:#0068b7;
border-radius:20px;
}
.point_set .point .title {
margin-top:10px;
padding:0px 10px;
color:#000000;
font-family:'Murecho', sans-serif;
font-size:20px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
}
/*　地図・アクセス　*/
.access_set {
margin-top:20px;
padding:50px 50px;
width:100%;
text-align:center;
border-radius:20px;
box-sizing:border-box;
background-color:rgb(0,104,183,0.05);
}
.access_set .title {
margin-bottom:30px;
display:inline-block;
font-size:30px;
font-weight:bold;
line-height:1.5;
letter-spacing:0px;
background:linear-gradient(transparent 70% , yellow 70%);
}
.access_set .adress {
margin-bottom:20px;
font-size:18px;
font-weight:bold;
line-height:1.5;
}
.access_set .adress span {
margin-right:10px;
padding:0px 5px;
display:inline-block;
color:#0068b7;
font-size:16px;
font-weight:bold;
line-height:1.5;
border:#0068b7 solid 1px;
box-sizing:border-box;
}
.access_set .adress strong {
display:inline-block;
color:#0068b7;
font-size:20px;
font-weight:bold;
line-height:1.5;
}
.access_set .alert {
display:inline-block;
font-size:20px;
font-weight:bold;
line-height:1.5;
}
.access_set .alert strong {
margin:0px 5px;
display:inline-block;
color:#ff0000;
font-size:24px;
font-weight:bold;
line-height:1.5;
}
.access_set .mapset {
margin-top:50px;
width:100%;
height:700px;
}
.access_set .mapset iframe {
width:100%;
height:100%;
}

/*　レイアウト　*/
.lay_block {
margin-bottom:30px;
width:100%;
display:block;
box-sizing:border-box;
position:relative;
}
.lay_block.clear {
margin-bottom:0px;
}
.lay_block.topspace {
margin-top:30px;
}
.lay_block:after {
content:"";
display:block;
clear:both;
} 
.lay_block:before {
content:"";
display:block;
clear:both;
}
.lay_block.colorbox {
padding:30px 30px;
border-radius:10px;
/*background-color:rgb(0,104,183,0.05);*/
background-color:rgb(223,126,23,0.05);
}
.lay_block.pointbox {
padding:30px 30px;
text-align:center;
border-radius:10px;
border:rgb(0,0,0,1.0) solid 2px;
box-sizing:border-box;
background-color:#ffea00;
}
.lay_block.flex {
display:flex;
}
.lay_block.flex.hight_center {
align-items:center;
}
.lay_block.flex.width_center {
justify-content:center;
}
.lay_block.flex.width_evenly {
justify-content:space-between;
gap:0px 10px;
}
.lay_left {
width:47.5%;
float:left;
}
.lay_right {
width:47.5%;
float:right;
}
.lay_left.wide {
width:75%;
}
.lay_left.wide + .lay_right {
width:20%;
}
.lay_block.flex .lay_left.wide {
width:75%;
}
.lay_block.flex .lay_left.wide + .lay_right {
width:25%;
}
.lay_triple {
width:33.33333%;
}
.lay_quarter {
width:25%;
}
.lay_block.flex .thumnail {
width:50%;
text-align:center;
}
.lay_block.flex .thumnail.white img {
background-color:#ffffff;
}
.lay_block.flex .thumnail span {
margin-top:5px;
display:block;
font-size:13px;
line-height:1.5;
text-align:center;
}
.lay_block.flex .thumnail a {
margin-top:5px;
padding:2px 7px 3px 7px;
display:inline-block;
color:#ffffff;
font-size:13px;
line-height:1.5;
text-align:center;
text-decoration:none;
background-color:#0068b7;
}
.lay_block.flex .thumnail_text {
width:50%;
}
.lay_block.flex .thumnail_text p {
padding-left:20px;
text-align:left;
}
.lay_block .inset {
padding:10px 10px;
box-sizing:border-box;
}
.lay_flow {
margin-bottom:20px;
width:100%;
display:flex;
justify-content:center;
}
.lay_flow p {
margin-right:30px;
padding:10px 20px;
text-align:center;
border:#0068b7 solid 2px;
box-sizing:border-box;
background-color:rgb(255,255,255,0.9);
box-shadow:0px 10px 10px rgb(0,0,0,0.07);
position:relative;
}
.lay_flow p:last-child {
margin-right:0px;
}
.lay_flow p:after {
margin-top:-4px;
content:"";
background:#000000;
width:8px;
height:calc(tan(60deg) * 14px / 2);
clip-path:polygon(0 0, 100% 50%, 0 100%);
position:absolute;
top:50%;
right:-20px;
}
.lay_flow p:last-child:after {
display:none;
}
.lay_opcl {
margin-top:10px;
width:100%;
display:block;
/*background-color:rgb(0,104,183,0.1);*/
background-color:rgb(223,126,23,0.1);
}
.lay_opcl:first-of-type {
margin-top:30px;
}
.lay_opcl.space {
margin-bottom:30px;
}
.lay_opcl .title {
padding:20px 10px 20px 50px;
font-size:20px;
font-weight:bold;
line-height:1.5;
letter-spacing:0px;
cursor:pointer;
position:relative;
}
.lay_opcl .title:before {
content:"";
margin-top:-6px;
width:14px;
height:14px;
display:block;
border-radius:7px;
background-color:#0068b7;
position:absolute;
top:50%;
left:20px;
}
.lay_opcl .title.open:before {
background-color:#999999;
}
.lay_opcl .title:after {
content:"";
margin-top:-1px;
background:#ffffff;
width:6px;
height:calc(tan(60deg) * 8px / 2);
clip-path:polygon(0 0, 100% 0%, 50% 100%);
position:absolute;
top:50%;
left:24px;
}
.lay_opcl .title.open:after {
margin-top:-3px;
clip-path:polygon(50% 0%, 0% 100%, 100% 100%);
}
.lay_opcl .op_contents {
padding:0px 50px 20px 50px;
/*display:none;*/
display:block;
}
.lay_image {
letter-spacing:-.4em;
text-align:left;
}
.lay_image.flex {
display:flex;
justify-content:center;
align-items:center;
}
.lay_image.center {
text-align:center;
}
.lay_image.space {
margin:20px 0px;
}
.lay_image img {
margin:0px 5px;
max-width:100%;
}
.lay_image.full img {
width:100%;
}
.lay_image.flex.max img {
width:80%;
}
.lay_image.flex.half img {
width:50%;
}
.lay_image.flex.two img {
width:45%;
}
.pagehead {
margin-top:-100px;
width:100%;
}
.pagehead img {
width:100%;
}
.whitebox {
padding:10px 20px;
border-radius:10px;
background-color:#ffffff;
}

/*　タブ　*/
.tabcontents,
.tabcontents_item,
.tabcontents_free {
display:none;
}
.tabcontents.active,
.tabcontents_item.active,
.tabcontents_free.active {
display:block;
}
.categorytab {
margin-bottom:30px;
width:100%;
}
.categorytab.clear {
margin-bottom:10px;
}
.categorytab > div {
display:inline-block;
letter-spacing:-.4em;
border:#222222 solid 1px;
box-sizing:border-box;
}
.categorytab > div > p {
padding:8px 30px 10px 30px;
display:inline-block;
font-family:'Murecho', sans-serif;
font-size:16px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
cursor:pointer;
border-right:#222222 solid 1px;
box-sizing:border-box;
background-color:#ffea00;
}
.categorytab > div > p:last-child {
border-right:none;
}
.categorytab > div > p.select {
color:#ffffff;
background-color:#0068b7;
}
/*　###個別　*/
.categorytab.two > div {
margin-bottom:20px;
width:100%;
}
.categorytab.two > div > p {
padding:20px 20px;
width:50%;
font-size:18px;
text-align:center;
position:relative;
}
.categorytab.two > div > p.select {
padding:20px 20px 20px 50px;
}
.categorytab.two > div > p.select:before {
content:"";
display:inline-block;
vertical-align:middle;
color:#ffffff;
line-height:1;
width:0;
height:0;
border-style:solid;
border-color:transparent;
border-width:0.64952em 0.375em;
border-top-color:currentColor;
border-bottom:0;
position:absolute;
top:50%;
left:30px;
transform:translateY(-50%);
}
.categorytab.two.triple > div > p {
width:33.33333%;
font-size:min(1.2vw,18px);
}
.categorytab.two.triple > div > p.select {
padding:20px 5px 20px 20px;
}
.categorytab.two.triple > div > p.select:before {
margin-top:1px;
left:10px;
}
.categorytab.free > div > p {
padding:8px 5px 10px 5px;
text-align:center;
font-size:min(1.0vw,16px);
}
.categorytab.free > div > p:nth-child(1),
.categorytab.free > div > p:nth-child(2),
.categorytab.free > div > p:nth-child(3),
.categorytab.free > div > p:nth-child(4),
.categorytab.free > div > p:nth-child(5),
.categorytab.free > div > p:nth-child(6) {
width:16.66666%;
}
.categorytab.free > div > p:nth-child(6) {
border-right:none;
}
.categorytab.free > div > p:nth-child(7),
.categorytab.free > div > p:nth-child(8),
.categorytab.free > div > p:nth-child(9),
.categorytab.free > div > p:nth-child(10),
.categorytab.free > div > p:nth-child(11) {
width:20%;
border-top:#222222 solid 1px;
box-sizing:border-box;
}

/*　表組み　*/
table {
margin-bottom:30px;
width:100%;
border-collapse:separate;
border-spacing:1px;
border:0 !important ;
background-color:rgb(0,0,0,0.1);
}
table th,
table td {
padding:15px 20px;
width:50%;
box-sizing:border-box;
}
table th p,
table td p {
font-size:15px;
line-height:1.5;
}
table th {
background-color:rgb(255,255,255,0.5);
}
table th p {
font-weight:bold;
}
table td {
background-color:rgb(255,255,255,1.0);
}
/*　###個別　*/
table.clear {
margin-bottom:0px;
}
table.uniq {
table-layout:fixed;
}
table.uniq th,
table.uniq td {
width:auto;
}
table.normal th {
width:30%;
}
table.normal td {
width:70%;
}
table td p strong {
font-size:16px;
font-weight:bold;
}
table td p strong.tel {
font-family:'Staatliches', cursive;
font-size:30px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
pointer-events:none;
text-decoration:none;
}
table td p .icon {
margin:5px 10px 5px 0px;
padding:0px 10px;
display:inline-block;
font-size:14px;
font-weight:bold;
background-color:rgb(0,0,0,0.1);
}
table.price th {
text-align:center;
}
table.price th .img {
display:block;
}
table.price td p {
font-size:18px;
font-weight:bold;
text-align:right;
}
table.price td p i {
font-size:12px;
font-style:normal;
font-weight:normal;
}

/*　リンク　*/
.boxlink_blue a,
.boxlink_blue span {
padding:2px 7px 3px 7px;
display:inline-block;
color:#ffffff;
font-size:13px;
line-height:1.5;
text-align:center;
text-decoration:none;
cursor:pointer;
background-color:#0068b7;
}
.boxlink_blue_arrow a,
.boxlink_blue_arrow span {
margin:0px 5px;
padding:10px 40px 12px 20px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:bold;
line-height:1.3;
text-decoration:none;
cursor:pointer;
border-radius:5px;
background-color:#0068b7;
position:relative;
}
.boxlink_blue_arrow a:after,
.boxlink_blue_arrow span:after {
content:"";
margin-top:-5px;
background:#ffea00;
width:6px;
height:calc(tan(60deg) * 12px / 2);
clip-path:polygon(0 0, 100% 50%, 0 100%);
position:absolute;
top:50%;
right:18px;
}
.boxlink_pdf.space {
padding-bottom:10px;
}
.boxlink_pdf.center {
text-align:center;
}
.boxlink_pdf a,
.boxlink_pdf span {
margin:5px 5px;
padding:5px 10px 7px 35px;
display:inline-block;
color:#0068b7;
font-size:16px;
font-weight:bold;
line-height:1.5;
text-align:center;
text-decoration:none;
cursor:pointer;
border-radius:7px;
border:#0068b7 solid 2px;
box-sizing:border-box;
background-image:url(../images/icon_pdf.svg);
background-color:rgb(0,0,0,0.05);
background-size:20px 20px;
background-repeat:no-repeat;
background-position:5% 50%;
}
/*　###個別　*/
.boxlink_blue.center {
text-align:center;
}
.boxlink_blue_arrow.center {
text-align:center;
}

/*　タイトルテキスト　*/
.title_largebold {
margin-bottom:30px;
font-size:24px;
font-family:'Murecho', sans-serif;
font-weight:900;
line-height:1.5;
letter-spacing:0px;
}
.title_large {
margin-bottom:30px;
font-size:24px;
font-weight:bold;
line-height:1.5;
letter-spacing:0px;
}
.title_back {
margin-bottom:30px;
padding:15px 20px;
font-size:24px;
font-weight:bold;
line-height:1.5;
letter-spacing:0px;
background-color:rgb(0,0,0,0.05);
}
.title_back.space {
margin-top:30px;
}
.title_line {
margin-bottom:30px;
padding-bottom:15px;
font-size:24px;
font-weight:bold;
line-height:1.5;
letter-spacing:0px;
border-bottom:rgb(0,0,0,0.8) solid 1px;
box-sizing:border-box;
}
.title_line.min {
margin-bottom:20px;
font-size:20px;
}
.title_line.space {
margin-top:30px;
}
.title_border {
margin-bottom:30px;
padding:10px 15px;
font-size:24px;
font-weight:bold;
line-height:1.5;
letter-spacing:0px;
border:rgb(0,0,0,0.8) solid 1px;
box-sizing:border-box;
}
.title_border.min {
margin-bottom:20px;
font-size:20px;
}
.title_border.space {
margin-top:30px;
}
.title_number {
margin-bottom:20px;
padding-left:30px !important ;
font-size:24px;
font-weight:bold;
line-height:1.5;
letter-spacing:0px;
position:relative;
}
.title_number.none {
padding-left:0px !important ;
}
.title_number span {
width:20px;
height:20px;
display:inline-block;
color:#ffffff;
font-family:'Staatliches', cursive;
font-size:16px;
font-weight:400;
line-height:20px;
letter-spacing:0px;
text-align:center;
background-color:#0068b7;
border-radius:10px;
position:absolute;
top:10px;
left:0px;
}
.title_number.min {
margin-bottom:10px;
font-size:18px;
}
.title_number.min span {
top:5px;
}
.title_number.gray span {
background-color:rgb(0,0,0,0.2);
}
.flowset .title_number {
margin-bottom:10px;
margin-top:20px;
}
.title_number.clear {
margin-bottom:0px;
margin-top:0px;
}
.title_box {
margin-bottom:10px;
}
.title_box.space {
margin-top:20px;
}
.title_box strong {
padding:0px 5px 3px 5px;
display:inline-block;
color:#0068b7;
font-size:18px;
font-weight:bold;
line-height:1.3;
letter-spacing:0px;
border:#0068b7 solid 2px;
box-sizing:border-box;
}
.title_box span {
margin-left:15px;
display:inline-block;
font-size:14px;
font-weight:bold;
line-height:1.3;
letter-spacing:0px;
}
.title_flashy {
margin-bottom:30px;
display:inline-block;
color:#000000;
font-family:'Murecho', sans-serif;
font-size:30px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
text-shadow:2px 2px 0 #ffea00, -2px -2px 0 #ffea00,-2px 2px 0 #ffea00, 2px -2px 0 #ffea00,0px 2px 0 #ffea00,  0-2px 0 #ffea00,-2px 0 0 #ffea00, 2px 0 0 #ffea00;
}
.lay_block.pointbox .title_flashy {
color:#ffffff;
text-shadow:2px 2px 0 #000000, -2px -2px 0 #000000,-2px 2px 0 #000000, 2px -2px 0 #000000,0px 2px 0 #000000,  0-2px 0 #000000,-2px 0 0 #000000, 2px 0 0 #000000;
}
.title_flashy.line {
padding-bottom:10px;
border-bottom:rgb(0,0,0,1.0) solid 2px;
box-sizing:border-box;
}
.lead_normal {
margin:10px 0px;
font-size:15px;
}
.lead_normal.center {
text-align:center;
}
.lead_normal strong {
font-size:16px;
}
.lead_normal span {
display:inline-block;
font-size:13px;
line-height:1.5;
}
.lead_normal img {
margin:10px 0px;
}
.marker {
font-style:normal;
background:linear-gradient(transparent 50%, #ffea00 50%);
}
.telfont {
margin:0px 5px;
display:inline-block;
font-style:normal;
font-family:'Staatliches', cursive;
font-size:max(1.0vw,24px);
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
pointer-events:none;
text-decoration:none;
}
.vendor strong {
margin-right:10px;
width:120px;
display:inline-block;
vertical-align:middle;
}
.vendor .telfont {
margin:0px 0px;
display:inline-block;
font-size:24px;
vertical-align:middle;
}
.icon_point {
padding:0px 5px;
display:inline-block;
font-style:normal;
background-color:#ffea00;
}
.title_line .icon_point {
font-size:16px;
}
.comments {
padding:50px 0px;
font-size:16px;
}

.common_link {
margin-top:50px;
margin-bottom:-50px;
}
.common_link.left {
text-align:left;
}
.common_link.right {
text-align:right;
}
.common_link a {
padding-right:60px;
padding-bottom:20px;
display:inline-block;
font-family:"Zen Old Mincho", serif;
font-weight:400;
font-style:normal;
font-size:13px;
text-decoration:none;
letter-spacing:0px;
position:relative;
}
.common_link a:after {
content:"";
width:100%;
height:1px;
background-color:rgb(0,0,0,0.7);
position:absolute;
bottom:0px;
left:0px;
}
.common_link a:before {
content:"";
width:0;
height:0;
border-top:6px solid transparent;
border-right:0 solid transparent;
border-bottom:0 solid transparent;
border-left:8px solid rgb(0,0,0,0.7);
position:absolute;
bottom:0px;
right:0px;
}

.slidebtn {
width:50px;
height:70px;
position:absolute;
bottom:60%;
}
.slidebtn.next {
right:30px;
}
.slidebtn.back {
left:30px;
}
.slidebtn a {
width:50px;
height:70px;
display:block;
}
.slidebtn a span {
margin-top:25px;
margin-left:15px;
display:inline-block;
vertical-align:middle;
text-decoration:none;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
color:rgb(0,0,0,0.2);
line-height:1;
width:1em;
height:1em;
border:0.1em solid currentColor;
border-left:0;
border-bottom:0;
box-sizing:border-box;
}
.slidebtn.next a span {
transform:translateX(-25%) rotate(45deg);
}
.slidebtn.back a span {
transform: translateX(25%) rotate(-135deg);
}

@media screen and (max-width:1200px) {
/*　品目一覧　*/
.item_list {
margin-top:50px;
}
.item_list ul li {
width:20%;
width:-webkit-calc((100% - 90px) / 4);
width:calc((100% - 90px) / 4);
}
.item_list ul li:nth-child(5n) {
margin-right:30px;
}
.item_list ul li:nth-child(4n) {
margin-right:0px;
}
}
@media screen and (max-width:1100px) {
/*　ファーストビュー　*/
.firstview .mainimage {
padding-top:160px;
}
.firstview .mainimage .bannerset .banner {
margin-left:30px;
margin-top:30px;
width:95%;
width:-webkit-calc(100% - 60px);
width:calc(100% - 60px);
height:290px;
}
.firstview .mainimage .bannerset .banner p {
height:290px;
}
.firstview .toolset {
top:190px;
display:none;
}
.firstview .pickup .putitle {
margin-bottom:30px;
width:100%;
height:100px;
position:static;
}
.firstview .pickup .putitle p {
position:relative;
}
.firstview .pickup .inner {
min-height:inherit;
}
.firstview .pickup .swiperset {
margin-left:0%;
width:100%;
}
.firstview .pickup .swiperset.space {
padding-top:0px;
}
/*　お知らせ　*/
.news_list {
margin-top:50px;
}
.news_list .inner {
padding:50px 0px;
}
.news_list .title {
margin-bottom:20px;
position:static;
}
.news_list .title strong:after {
margin-left:-40px;
left:50%;
}
.news_list ul {
margin:0px auto;
width:80%;
max-width:600px;
}
/*　コンテンツ紹介　*/
.contents_list .boxlist .box {
width:48%;
width:-webkit-calc((100% - 50px) / 2);
width:calc((100% - 50px) / 2);
}
.contents_list .boxlist .box:nth-child(3n) {
margin-right:50px;
}
.contents_list .boxlist .box:nth-child(2n) {
margin-right:0px;
}
/*　品目一覧　*/
.item_list ul li {
width:30%;
width:-webkit-calc((100% - 60px) / 3);
width:calc((100% - 60px) / 3);
}
.item_list ul li:nth-child(4n) {
margin-right:30px;
}
.item_list ul li:nth-child(3n) {
margin-right:0px;
}
/*　###個別　*/
.item_list.item_list_quarter ul li {
width:30%;
width:-webkit-calc((100% - 60px) / 3);
width:calc((100% - 60px) / 3);
}
.item_list.item_list_quarter ul li:nth-child(3n) {
margin-right:0px;
}
.item_list.item_list_quarter ul li:nth-child(4n) {
margin-right:30px;
}
/*　レイアウト　*/
.pagehead {
margin-top:0px;
}
/*　タブ　*/
.categorytab.scroll > div {
width:100%;
overflow-x:scroll;
white-space:nowrap;
}
.item_list_common .categorytab > div {
width:100%;
}
.item_list_common .categorytab > div > p {
padding:8px 5px 10px 5px;
width:33.33333%;
font-size:min(3.0vw,16px);
border-right:#222222 solid 1px;
border-top:#222222 solid 1px;
box-sizing:border-box;
}
.item_list_common .categorytab > div > p:nth-child(3n) {
border-right:none;
}
.item_list_common .categorytab > div > p:nth-child(1),
.item_list_common .categorytab > div > p:nth-child(2),
.item_list_common .categorytab > div > p:nth-child(3) {
border-top:none;
}
/*　###個別　*/
.categorytab.two > div > p {
padding:10px 5px 25px 5px;
font-size:clamp(12px, 3.0vw, 16px);
}
.categorytab.two > div > p.select {
padding:10px 5px 25px 5px;
}
.categorytab.two > div > p.select:before {
left:50%;
transform:translateX(-50%);
top:inherit;
bottom:10px;
}
.categorytab.two.triple > div > p {
font-size:clamp(12px, 3.0vw, 16px);
}
.categorytab.two.triple > div > p.select {
padding:10px 5px 25px 5px;
}
.categorytab.two.triple > div > p.select:before {
margin-top:0px;
left:50%;
transform:translateX(-50%);
top:inherit;
bottom:10px;
}
/*　下層ページ　*/
.page_contents .page_nav {
margin-top:30px;
padding:30px 30px;
width:100%;
float:inherit;
transform:translateY(0px);
position:static;
}
.page_contents .page_inner {
padding:50px 0px 0px 0px;
width:100%;
float:inherit;
}
.page_contents.single .page_inner {
width:100%;
}
.page_contents.single.full .page_inner {
width:100%;
}
}
@media screen and (max-width:710px) {
/*　ファーストビュー　*/
.firstview .mainimage {
padding-top:140px;
}
.firstview .mainimage .bannerset {
height:270px;
}
.firstview .mainimage .bannerset .banner {
margin-left:10px;
margin-top:10px;
width:95%;
width:-webkit-calc(100% - 20px);
width:calc(100% - 20px);
height:250px;
}
.firstview .mainimage .bannerset .banner p {
height:250px;
}
.firstview .toolset {
top:170px;
}
/*　品目一覧　*/
.item_list_box {
padding:30px 0px 30px 0px;
}
.item_list ul {
margin-top:-30px;
}
.item_list ul li {
width:45%;
width:-webkit-calc((100% - 30px) / 2);
width:calc((100% - 30px) / 2);
}
.item_list ul li:nth-child(3n) {
margin-right:30px;
}
.item_list ul li:nth-child(2n) {
margin-right:0px;
}
/*　###個別　*/
.item_list.item_list_page ul li {
width:45%;
width:-webkit-calc((100% - 30px) / 2);
width:calc((100% - 30px) / 2);
}
.item_list.item_list_page ul li:nth-child(3n) {
margin-right:30px;
}
.item_list.item_list_page ul li:nth-child(2n) {
margin-right:0px;
}
.item_list.item_list_quarter ul li {
width:45%;
width:-webkit-calc((100% - 30px) / 2);
width:calc((100% - 30px) / 2);
}
.item_list.item_list_quarter ul li:nth-child(3n) {
margin-right:30px;
}
.item_list.item_list_quarter ul li:nth-child(2n) {
margin-right:0px;
}
/*　レイアウト　*/
.lay_opcl .op_contents {
padding:0px 20px 20px 20px;
}
/*　表組み　*/
.scroll_table {
margin-bottom:20px;
width:100%;
overflow-x:auto;
}
.scroll_table table {
margin:10px 0;
min-width:650px;
}
}
@media screen and (max-width:600px) {
/*　ファーストビュー　*/
.firstview .mainimage .bannerset {
height:220px;
}
.firstview .mainimage .bannerset .banner {
height:200px;
}
.firstview .mainimage .bannerset .banner p {
height:200px;
}
.firstview .pickup .putitle p strong {
font-size:20px;
}
/*　お知らせ　*/
.news_list ul li .date {
width:100%;
float:inherit;
}
.news_list ul li .lead {
width:100%;
float:inherit;
}
/*　コンテンツ紹介　*/
.contents_list {
margin-top:50px;
}
body#page .contents_list {
margin-top:30px;
}
.contents_list .thumbnail {
margin-bottom:30px;
padding-top:35%;
width:100%;
}
.contents_list.left .thumbnail {
float:inherit;
}
.contents_list.right .thumbnail {
float:inherit;
}
.contents_list .detail {
width:100%;
}
.contents_list.left .detail {
float:inherit;
}
.contents_list.right .detail {
float:inherit;
}
.contents_list .detail .title_en {
font-size:10.0vw;
}
.contents_list .detail .title {
font-size:24px;
}
.contents_list .detail .lead {
margin-top:20px;
}
.contents_list .detail .link {
margin-top:30px;
}
.contents_list .boxlist .box {
margin-right:0px;
width:100%;
width:-webkit-calc(100%);
width:calc(100%);
}
.contents_list .boxlist .box:nth-child(3n) {
margin-right:0px;
}
/*　品目一覧　*/
.item_list ul li {
margin-right:10px;
width:-webkit-calc((100% - 10px) / 2);
width:calc((100% - 10px) / 2);
}
.item_list ul li:nth-child(3n),
.item_list ul li:nth-child(5n) {
margin-right:10px;
}
.item_list ul li:nth-child(2n) {
margin-right:0px;
}
/*　###個別　*/
.item_list.item_list_page ul li {
margin-right:10px;
width:-webkit-calc((100% - 10px) / 2);
width:calc((100% - 10px) / 2);
}
.item_list.item_list_page ul li:nth-child(3n),
.item_list.item_list_page ul li:nth-child(5n) {
margin-right:10px;
}
.item_list.item_list_page ul li:nth-child(2n) {
margin-right:0px;
}
.item_list.item_list_quarter ul li {
margin-right:10px;
width:45%;
width:-webkit-calc((100% - 10px) / 2);
width:calc((100% - 10px) / 2);
}
.item_list.item_list_quarter ul li:nth-child(3n) {
margin-right:10px;
}
.item_list.item_list_quarter ul li:nth-child(2n) {
margin-right:0px;
}
.item_list.item_list_page.small ul li {
margin-right:10px;
width:45%;
width:-webkit-calc((100% - 10px) / 2);
width:calc((100% - 10px) / 2);
}
.item_list.item_list_page.small ul li:nth-child(3n) {
margin-right:10px;
}
.item_list.item_list_page.small ul li:nth-child(2n) {
margin-right:0px;
}
/*　品目詳細　*/
.item_detail .linkset a {
padding:10px 30px 12px 10px;
font-size:15px;
}
.item_detail .linkset a:after {
right:12px;
}
/*　ポイント　*/
.point_set .point {
width:100%;
display:block;
}
.pointbox .title_flashy {
margin-bottom:20px;
}
.point_set .point .title {
margin-top:7px;
margin-bottom:20px;
font-size:18px;
}
/*　地図・アクセス　*/
.access_set {
margin-top:0px;
padding:30px 30px;
}
.access_set .title {
font-size:24px;
}
.access_set .adress {
font-size:18px;
}
.access_set .adress span {
margin-right:10px;
font-size:16px;
}
.access_set .adress strong {
font-size:20px;
}
.access_set .alert {
font-size:16px;
}
.access_set .alert strong {
font-size:20px;
}
.access_set .mapset {
margin-top:30px;
height:300px;
}
/*　レイアウト　*/
.lay_block.colorbox {
padding:20px 20px;
}
.lay_block.pointbox {
padding:20px 20px;
}
.lay_block.flex {
display:block;
}
.lay_left {
width:100%;
float:inherit;
}
.lay_right {
width:100%;
float:inherit;
}
.lay_left.wide {
width:100%;
}
.lay_left.wide + .lay_right {
width:100%;
}
.lay_block.flex .lay_left.wide {
width:100%;
}
.lay_block.flex .lay_left.wide + .lay_right {
width:100%;
}
.lay_triple {
width:100%;
}
.lay_quarter {
width:100%;
}
.lay_block.flex .thumnail {
margin-top:10px;
width:100%;
}
.lay_block.flex .thumnail_text {
width:100%;
}
.lay_block.flex .thumnail_text p {
padding-left:0px;
}
.lay_block .inset {
padding:10px 10px;
box-sizing:border-box;
}
.lay_flow {
display:block;
}
.lay_flow p {
margin-right:0px;
margin-bottom:30px;
padding:10px 20px;
}
.lay_flow p:last-child {
margin-bottom:0px;
}
.lay_flow p:after {
margin-top:0px;
margin-left:-6px;
width:12px;
clip-path:polygon(0 0, 100% 0%, 50% 100%);
top:inherit;
right:inherit;
bottom:-24px;
left:50%;
}
.lay_opcl .title {
padding:10px 10px 10px 40px;
font-size:18px;
}
.lay_opcl .title:before {
left:15px;
}
.lay_opcl .title:after {
left:19px;
}
.lay_opcl .op_contents {
padding:10px 20px 20px 20px;
}
.pagehead {
margin-top:0px;
margin-bottom:15px;
}
/*　タイトルテキスト　*/
.title_flashy {
font-size:24px;
}
}

/*　footinfo　*/
/* -----------------------------------------------*/
.footinfo {
margin-top:70px;
width:100%;
min-height:80px;
border-top:rgb(0,0,0,1.0) solid 1px;
box-sizing:border-box;
background-color:rgb(255,255,255,1.0);
position:sticky;
bottom:0px;
z-index:15;
transition:all 0.5s ease;
}
.footinfo .inner {
margin:0px auto;
padding:20px 100px 18px 0px;
width:100%;
min-height:80px;
letter-spacing:-.4em;
box-sizing:border-box;
position:relative;
}
.footinfo p {
text-align:center;
}
.footinfo p a {
display:block;
}
.footinfo img {
max-height:90px;
vertical-align:top;
}
.footinfo .line {
margin:0px 5px;
width:20%;
max-width:250px;
min-width:200px;
display:inline-block;
}
.footinfo .insta {
margin:0px 5px;
width:20%;
max-width:250px;
min-width:200px;
display:inline-block;
}
.footinfo .form {
margin:0px 5px;
width:20%;
max-width:250px;
min-width:200px;
display:inline-block;
}
.footinfo .close {
width:100px;
height:100%;
display:block;
cursor:pointer;
background-color:rgb(0,0,0,0.05);
position:absolute;
top:0px;
right:0px;
transform:translateY(0%);
}
.footinfo.close .close {
background-color:rgb(0,0,0,0.9);
}
.footinfo .close p {
padding-top:45px;
width:100px;
height:100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
border-left:rgb(0,0,0,1.0) solid 1px;
box-sizing:border-box;
position:relative;
}
.footinfo .close p:before {
margin-top:-20px;
content:"CLOSE";
display:inline-block;
color:rgb(0,0,0,1.0);
font-size:12px;
font-weight:bold;
line-height:1.3;
letter-spacing:0.5px;
text-indent:-100%;
white-space:pre;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%, -50%);
}
.footinfo.close .close p:before {
margin-left:-25px;
margin-top:-40px;
content:"お見積り\Aお問合せ\AOPEN";
color:rgb(255,255,255,1.0);
text-indent:0%;
}
.footinfo .close p:after {
margin-top:10px;
content:"";
display:inline-block;
vertical-align:middle;
color:rgb(0,0,0,1.0);
line-height:1;
width:1.5em;
height:1.5em;
border:0.1em solid currentColor;
border-left:0;
border-bottom:0;
box-sizing:border-box;
transform:translate(-50%, -50%) rotate(135deg);
position:absolute;
top:50%;
left:50%;
}
.footinfo.close .close p:after {
margin-top:40px;
color:rgb(255,255,255,1.0);
transform:translate(-50%, -50%) rotate(-45deg);
}
/*　###アニメーション　*/
.footinfo.close {
transform:translateY(100%);
}
.footinfo.fixedclear {
transform:translateY(0%);
}
.footinfo.close .close {
transform:translateY(-100%);
}
.footinfo.fixedclear .close {
display:none;
}
@media screen and (max-width:1100px) {
.footinfo .inner {
padding:10px 100px 8px 0px;
}
.footinfo.fixedclear .inner {
padding:10px 0px 8px 0px;
}
.footinfo .inner .scroll {
display:flex;
width:100%;
overflow-x:scroll;
justify-content:center;
align-items:center;
}
.footinfo .close p:before {
margin-top:-20px;
font-size:10px;
}
.footinfo.close .close p:before {
margin-left:-22px;
margin-top:-30px;
}
.footinfo .close p:after {
margin-top:5px;
width:1.1em;
height:1.1em;
}
.footinfo.close .close p:after {
margin-top:30px;
}
}
@media screen and (max-width:710px) {
.footinfo {
margin-top:50px;
}
}

/*　footer　*/
/* -----------------------------------------------*/
#footer {
padding:50px 0px;
width:100%;
background-color:rgb(0,0,0,0.04);
}
#footer .inner {
margin:0px auto;
width:90%;
display:block;
position:relative;
}
#footer ul {
margin-bottom:50px;
width:100%;
}
#footer ul:after {
content:"";
display:block;
clear:both;
} 
#footer ul:before {
content:"";
display:block;
clear:both;
}
#footer ul li {
margin-right:30px;
margin-top:30px;
width:22%;
width:-webkit-calc((100% - 90px) / 4);
width:calc((100% - 90px) / 4);
float:left;
text-align:left;
}
#footer ul li:nth-child(4n) {
margin-right:0px;
}
#footer ul li a {
text-decoration:none;
}
#footer ul li p {
margin-bottom:2px;
}
#footer ul li p:first-child {
margin-bottom:15px;
}
#footer ul li p strong {
display:inline-block;
font-size:14px;
font-weight:bold;
line-height:1.5;
}
#footer ul li p span {
display:inline-block;
font-size:14px;
font-weight:normal;
line-height:1.5;
}
#footer .textlink {
width:100%;
text-align:center;
letter-spacing:-.4em;
}
#footer .textlink p {
margin-right:25px;
display:inline-block;
}
#footer .textlink p a {
padding-left:12px;
display:inline-block;
font-size:14px;
line-height:1.5;
text-decoration:none;
position:relative;
}
#footer .textlink p a:before {
content:"";
margin-top:-2px;
display:inline-block;
color:#999999;
line-height:1;
width:6px;
height:6px;
border:0.1em solid currentColor;
border-left:0;
border-bottom:0;
box-sizing:border-box;
transform:translateX(-25%) rotate(45deg);
position:absolute;
top:50%;
left:0px;
}
#footer .snsset {
margin-bottom:30px;
margin-top:50px;
letter-spacing:-.4em;
}
#footer .snsset p {
margin:0px 10px;
width:40px;
height:40px;
display:inline-block;
overflow:hidden;
border-radius:20px;
}
#footer .snsset p a {
width:40px;
height:40px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-color:rgb(0,0,0,0.05);
background-position:50% 50%;
background-repeat:no-repeat;
}
#footer .snsset p.fb a {
background-image:url(../images/icon_fb.svg);
background-size:16px 16px;
/*background-color:#3B5998;*/
background-color:#e9e9e9;
}
#footer .snsset p.insta {
background-image:url(../images/icon_insta_bg.jpg);
background-size:50px 50px;
background-position:50% 50%;
background-repeat:no-repeat;
}
#footer .snsset p.insta a {
background-image:url(../images/icon_insta.svg);
background-size:18px 18px;
}
#footer .snsset p.x a {
background-image:url(../images/icon_x.svg);
background-size:14px 14px;
/*background-color:#000000;*/
background-color:#e9e9e9;
}
#footer .snsset p.yt a {
background-image:url(../images/icon_yt.svg);
background-size:20px 20px;
background-color:#DA1725;
}
#footer .copy {
font-size:11px;
line-height:1.3;
text-align:center;
}

@media screen and (max-width:1100px) {
#footer ul li {
width:30%;
width:-webkit-calc((100% - 60px) / 3);
width:calc((100% - 60px) / 3);
}
#footer ul li:nth-child(4n) {
margin-right:30px;
}
#footer ul li:nth-child(3n) {
margin-right:0px;
}
}
@media screen and (max-width:710px) {
#footer {
padding:0px 0px 30px 0px;
}
#footer ul li {
width:45%;
width:-webkit-calc((100% - 30px) / 2);
width:calc((100% - 30px) / 2);
}
#footer ul li:nth-child(3n) {
margin-right:30px;
}
#footer ul li:nth-child(2n) {
margin-right:0px;
}
}

/*　表示アニメーション　*/
/* -----------------------------------------------*/
.fadeup {
transition:all 1.0s ease;
opacity:0;
transform:translateY(50px);
}
.fadeup.view {
opacity:1.0;
transform:translateY(0px);
}
.delayin li {
transition:all 0.5s ease;
opacity:0;
transform:translateX(20px);
}
.delayin li.view {
opacity:1.0;
transform:translateX(0px);
}

/*　問い合わせ誘導　*/
/* -----------------------------------------------*/
.contect_box {
margin:0px auto;
padding:50px 0px;
width:90%;
max-width:1400px;
display:flex;
justify-content:space-between;
align-items:center;
background-color:rgb(0,104,183,0.05);
}
.contect_box.space {
margin:100px auto 0px auto;
}
.contect_box .information {
width:25%;
text-align:center;
}
.contect_box .information .copy span {
display:block;
font-size:12px;
font-weight:bold;
letter-spacing:0px;
}
.contect_box .information .copy strong {
margin:5px 0px 10px 0px;
display:block;
color:#0068b7;
font-family:'Murecho', sans-serif;
font-size:24px;
font-weight:900;
line-height:1.3;
letter-spacing:5px;
}
.contect_box .information .businesshours p span {
padding:1px 5px;
display:inline-block;
color:#ffffff;
font-size:13px;
letter-spacing:0px;
vertical-align:middle;
background-color:rgb(0,104,183,0.5);
}
.contect_box .information .businesshours p strong {
padding-left:7px;
display:inline-block;
vertical-align:middle;
font-size:18px;
font-weight:bold;
}
.contect_box .information .address p {
display:inline-block;
font-size:14px;
line-height:1.3;
letter-spacing:1.2px;
}
.contect_box .tel {
width:45%;
text-align:center;
border-left:rgba(0,0,0,0.5) solid 1px;
border-right:rgba(0,0,0,0.5) solid 1px;
box-sizing:border-box;
}
.contect_box .tel .br {
display:none;
}
.contect_box .tel p.free {
padding-left:40px;
display:inline-block;
font-size:40px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
background:url(../images/freetel.svg) no-repeat left;
background-size:30px 30px;
}
.contect_box .tel p.hurry {
margin-left:15px;
display:inline-block;
font-size:40px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
position:relative;
}
.contect_box .tel p.hurry:before {
content:"お急ぎの方はこちら";
width:100%;
height:20px;
color:#ffffff;
font-size:12px;
font-weight:bold;
line-height:18px;
text-align:center;
letter-spacing:0px;
background-color:rgb(255,0,0,1.0);
position:absolute;
top:-25px;
left:0px;
}
.contect_box .tel p a {
display:inline-block;
font-family:'Staatliches', cursive;
font-size:40px;
font-weight:400;
line-height:0.8;
letter-spacing:0.8px;
/*pointer-events:none;*/
text-decoration:none;
}
.contect_box .tel p.hurry a {
color:#ff0000;
}
.contect_box .form {
width:25%;
text-align:center;
}
.contect_box .form p strong {
display:block;
font-family:'Murecho', sans-serif;
font-size:20px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
}
.contect_box .form p span {
display:inline-block;
font-family:'Murecho', sans-serif;
font-size:20px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
background:linear-gradient(transparent 70% , yellow 70%);
}
.contect_box .form p a {
margin-top:20px;
padding:10px 20px 10px 50px;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:18px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
text-decoration:none;
border-radius:5px;
background:#0068b7 url(../images/icon_estimate.svg) no-repeat 10% 50%;
background-size:20px 20px;
}
@media screen and (max-width:1300px) {
.contect_box {
padding:50px 0px;
display:block;
position:relative;
}
.contect_box .information {
margin-bottom:50px;
width:60%;
display:block;
}
.contect_box .information .copy span {
font-size:14px;
}
.contect_box .information .copy strong {
font-size:28px;
}
.contect_box .information .businesshours p span {
font-size:14px;
}
.contect_box .information .businesshours p strong {
font-size:20px;
}
.contect_box .information .address p {
font-size:15px;
}
.contect_box .tel {
width:60%;
display:block;
border:none;
}
.contect_box .form {
width:40%;
position:absolute;
top:50%;
right:0%;
transform:translateY(-50%);
}
.contect_box .form p strong {
font-size:24px;
}
.contect_box .form p span {
font-size:24px;
}
.contect_box .form p a {
margin-top:20px;
padding:10px 20px 10px 50px;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:18px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
text-decoration:none;
border-radius:5px;
background:#0068b7 url(../images/icon_estimate.svg) no-repeat 10% 50%;
background-size:20px 20px;
}
}
@media screen and (max-width:1100px) {
.contect_box.space {
margin:0px auto 0px auto;
}
}
@media screen and (max-width:950px) {
.contect_box {
padding:50px 0px;
}
.contect_box .information {
margin-bottom:50px;
width:100%;
}
.contect_box .information .copy span {
font-size:14px;
}
.contect_box .information .copy strong {
font-size:28px;
}
.contect_box .information .businesshours p span {
font-size:14px;
}
.contect_box .information .businesshours p strong {
font-size:20px;
}
.contect_box .information .address p {
font-size:15px;
}
.contect_box .tel {
width:100%;
}
.contect_box .form {
margin-top:50px;
width:100%;
position:static;
transform:translateY(0%);
}
.contect_box .form p strong {
font-size:24px;
}
.contect_box .form p span {
font-size:24px;
}
.contect_box .form p a {
margin-top:20px;
padding:10px 20px 10px 50px;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:18px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
text-decoration:none;
border-radius:5px;
background:#0068b7 url(../images/icon_estimate.svg) no-repeat 10% 50%;
background-size:20px 20px;
}
}
@media screen and (max-width:650px) {
.contect_box .information {
margin-bottom:30px;
}
.contect_box .tel .br {
display:block;
}
.contect_box .tel .free {
margin-bottom:40px;
display:block;
}
.contect_box .form {
margin-top:30px;
}
}

/*　フォーム　*/
/* -----------------------------------------------*/
.contactform input {
appearance:auto;
}
.contactform table th {
width:30%;
}
.contactform table td {
width:70%;
}
.contactform table th p {
position:relative;
}
.contactform table th p span {
padding:1px 2px 2px 2px;
display:inline-block;
color:#ffffff;
font-size:12px;
line-height:1.3;
color:#ffffff;
background-color:#ff0000;
border-radius:3px;
position:absolute;
top:2px;
right:0px;
}
.contactform table td input[type="text"] {
font-size:15px;
}
.contactform table td p span.min {
margin-top:10px;
display:block;
font-size:13px;
}
.contactform table td i {
display:block;
color:#ababab;
font-size:12px;
font-style:normal;
}
.ui-datepicker table th,
.ui-datepicker table td {
width:auto !important ;
}
.contactform table td .datepicker {
margin:0px 5px;
width:30%;
display:inline-block;
}
.contactform table td .datepicker .hasDatepicker {
width:100%;
}
.contactform table td input[type="file"] {
margin:0px 5px;
width:25%;
}
.contactform table td input[type="text"],
.contactform table td textarea {
padding:5px 5px;
box-sizing:border-box;
}
.contactform .submit {
text-align:center;
}
.contactform .submit input[type="submit"] {
padding:20px 30px;
display:inline-block;
color:#ffffff;
font-family:"Zen Kaku Gothic New", sans-serif;
font-size:15px;
font-weight:bold;
line-height:1.3;
letter-spacing:0px;
cursor:pointer;
box-sizing:border-box;
border:none;
background-color:#0068b7;
border-radius:5px;
}
@media screen and (max-width:1000px) {
.contactform table th {
width:100%;
display:block;
}
.contactform table td {
width:100%;
display:block;
}
.contactform table td .datepicker {
margin:0px 5px;
width:28%;
display:inline-block;
}
.contactform table td input[type="text"],
.contactform table td textarea {
width:90%;
}
.contactform .submit input[type="submit"] {
margin:0px 5px;
padding:10px 20px;
}
}
@media screen and (max-width:500px) {
.contactform table td.selectbr .mwform-radio-field {
margin-left:0px;
width:100%;
display:block;
}
}


/*　20250100:update　*/
/* -----------------------------------------------*/
.conditions_block {
margin-top:20px;
width:100%;
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
gap:30px 30px;
}
.conditions_block .conditions_valid,
.conditions_block .conditions_none {
padding:20px 20px;
width:45%;
width:-webkit-calc((100% - 30px) / 2);
width:calc((100% - 30px) / 2);
box-sizing:border-box;
border-radius:5px;
}
.conditions_block .conditions_valid {
background-color:rgb(0,104,183,0.05);
}
.conditions_block .conditions_none {
background-color:rgb(255,0,0,0.05);
}
.conditions_block .conditions_valid p,
.conditions_block .conditions_none p {
font-size:14px;
}
.conditions_block .conditions_valid p strong,
.conditions_block .conditions_none p strong {
margin-bottom:10px;
padding:5px 10px;
display:block;
color:#ffffff;
font-size:18px;
font-weight:bold;
box-sizing:border-box;
}
.conditions_block .conditions_valid p strong {
background-color:rgb(0,104,183,0.5);
}
.conditions_block .conditions_none p strong {
background-color:rgb(255,0,0,0.5);
}

/*　20250200:update:コラム一覧　*/
/* -----------------------------------------------*/
.column_list ul {
width:100%;
}
.column_list ul li {
margin-top:30px;
margin-right:30px;
width:30%;
width:-webkit-calc((100% - 60px) / 3);
width:calc((100% - 60px) / 3);
min-height:300px;
float:left;
position:relative;
}
.column_list ul li:nth-child(3n) {
margin-right:0%;
}
.column_list ul li a.category {
padding:3px 10px 5px 5px;
display:inline-block;
font-size:14px;
font-weight:700;
line-height:1.5;
text-decoration:none;
letter-spacing:0px;
background-color:#ffea00;
position:absolute;
top:10px;
left:10px;
z-index:2;
}
.column_list ul li a.category span {
margin-right:5px;
margin-top:-3px;
padding:0px 5px;
display:inline-block;
color:#ffffff;
font-size:11px;
font-weight:700;
line-height:1.5;
text-decoration:none;
vertical-align:middle;
letter-spacing:0px;
background-color:#ff0000;
position:relative;
}
.column_list ul li a.entry {
display:block;
overflow:hidden;
text-decoration:none;
position:relative;
}
.column_list ul li .eyecatch {
padding-top:70%;
width:100%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
box-sizing:border-box;
background-color:#333333;
}
.column_list ul li .eyecatch img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
.column_list ul li .title {
padding-right:15px;
color:#ffffff;
font-size:16px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
position:absolute;
top:50px;
left:22px;
}
.column_list ul li .date {
margin-top:10px;
color:#808080;
font-size:15px;
font-weight:700;
line-height:1.5;
text-align:right;
letter-spacing:0px;
}
.column_list ul li .lead {
margin-top:10px;
font-size:14px;
letter-spacing:0px;
}
/*　20250200:update:コラム詳細　*/
/* -----------------------------------------------*/
.column_detail .titleset {
margin-bottom:50px;
}
.column_detail .titleset h1 {
font-size:30px;
font-weight:700;
line-height:1.3;
letter-spacing:0px;
display:inline;
background:linear-gradient(transparent 80%, #ffea00 80%);
}
.column_detail .titleset .data {
margin-top:10px;
}
.column_detail .titleset .date {
display:inline-block;
font-size:14px;
font-weight:700;
line-height:1.3;
}
.column_detail .titleset .category {
margin-left:10px;
padding:0px 0px;
display:inline-block;
font-size:14px;
font-weight:700;
line-height:1.3;
letter-spacing:0px;
}
.column_detail .titleset .category a {
padding:0px 5px 3px 5px;
display:block;
font-size:14px;
font-weight:700;
line-height:1.3;
text-decoration:none;
letter-spacing:0px;
border:#333333 solid 1px;
box-sizing:border-box;
background-color:#ffea00;
}
.column_detail .titleset .category a span {
margin-right:5px;
margin-top:-3px;
padding:0px 5px;
display:inline-block;
color:#ffffff;
font-size:10px;
font-weight:700;
line-height:1.5;
text-decoration:none;
vertical-align:middle;
letter-spacing:0px;
background-color:#ff0000;
position:relative;
}
.column_detail .eyecatch {
width:100%;
}
.column_detail .eyecatch img {
width:100%;
}
.column_detail .listset {
margin:50px 0px;
width:100%;
}
.column_detail .entry,
.column_detail .entry p {
margin:10px 0px;
font-size:15px;
}
.column_detail .entry h2 {
margin:30px 0px;
font-size:24px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
border-bottom:#333333 solid 3px;
box-sizing:border-box;
}
.column_detail .entry h3 {
margin:10px 0px;
padding:7px 10px;
display:inline-block;
font-size:20px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
background-color:#f8f8f8;
}
.column_detail .entry ul.wp-block-list {
margin-left:30px;
}
.column_detail .entry ul.wp-block-list li {
margin:5px 0px;
font-size:15px;
list-style:disc;
}
.column_detail .entry figure {
margin:30px 0px;
padding:0;
}
.column_detail .entry figure img {
width:100%;
height:auto;
}
.column_detail .entry table {
margin:20px 0px;
width:100%;
text-align:left;
border-collapse:separate;
border-spacing:1px;
border:0 !important ;
background-color:#f1f1f1;
}
.column_detail .entry table th {
padding:5px 5px;
font-size:14px;
background-color:#f8f8f8;
}
.column_detail .entry table td {
padding:5px 5px;
font-size:14px;
background-color:#ffffff;
}
/*　目次　*/
.column_detail .listset {
margin:30px auto;
width:70%;
}
.column_detail .list {
padding:20px 50px 30px 50px;
background-color:#f8f8f8;
}
.column_detail .list .ttl {
margin-bottom:30px;
padding-bottom:20px;
font-size:20px;
font-weight:700;
line-height:1.5;
text-align:center;
border-bottom:rgba(0,0,0,0.1) solid 1px;
box-sizing:border-box;
}
.column_detail .list > ol > li {
margin-bottom:10px;
margin-top:10px;
}
.column_detail .list > ol > li a {
font-size:15px;
font-weight:700;
line-height:1.5;
text-decoration:none;
}
.column_detail .list > ol > ol > li {
margin-bottom:0px;
margin-top:0px;
padding-left:30px;
}
.column_detail .list > ol > ol > li a {
font-size:15px;
font-weight:400;
line-height:1.5;
text-decoration:none;
}
/*　サイド　*/
.page_contents .page_nav .nav p.article a.category {
padding:10px 25px 5px 25px;
font-size:13px;
font-weight:bold;
position:relative;
}
.page_contents .page_nav .nav p.article a.category span.new {
margin-right:5px;
margin-top:-3px;
padding:0px 5px;
display:inline-block;
color:#ffffff;
font-size:11px;
font-weight:700;
line-height:1.5;
text-decoration:none;
vertical-align:middle;
letter-spacing:0px;
background-color:#ff0000;
position:relative;
}
.page_contents .page_nav .nav p.article a.category span.date {
display:inline-block;
color:#808080;
font-size:13px;
font-weight:bold;
position:absolute;
top:10px;
right:25px;
}
.page_contents .page_nav .nav p.article a.entry {
padding:0px 25px 10px 25px;
font-size:13px;
}
.page_contents .page_nav .nav p.article a.entry span {
font-size:13px;
display:block;
}
.page_contents .page_nav .nav p.article a.entry span.date {
color:#808080;
font-size:13px;
font-weight:bold;
}
/***** ページャー *****/
div.Container .pager {
padding:45px 0px;
width:100%;
text-align:center;
letter-spacing:-.4em;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.Container .pager p {
margin:5px 5px;
display:inline-block;
}
div.Container .pager p.nth-box span,
div.Container .pager p.nth-box a {
margin:0px 2px;
}
div.Container .pager p span,
div.Container .pager p a {
width:50px;
height:50px;
display:inline-block;
font-size:12px;
letter-spacing:0px;
line-height:50px;
text-decoration:none;
}
div.Container .pager p a {
border:rgba(0,0,0,0.1) solid 1px;
box-sizing:border-box;
background-color:#f8f8f8;
}
div.Container .pager .no-link {
display:none;
}
div.Container .pager .current {
display:inline-block;
border:rgba(0,0,0,0.1) solid 1px;
box-sizing:border-box;
background-color:#ffffff;
}
@media screen and (max-width:1300px) {
.column_list ul li {
width:47%;
width:-webkit-calc((100% - 30px) / 2);
width:calc((100% - 30px) / 2);
}
.column_list ul li:nth-child(3n) {
margin-right:30px;
}
.column_list ul li:nth-child(2n) {
margin-right:0px;
}
}
@media screen and (max-width:600px) {
.column_list ul {
margin:0px auto;
max-width:350px;
}
.column_list ul li {
margin-right:0px;
width:100%;
width:-webkit-calc(100%);
width:calc(100%);
}
.column_list ul li:nth-child(3n) {
margin-right:0px;
}
.column_detail .titleset {
margin-bottom:30px;
}
.column_detail .titleset h1 {
font-size:24px;
}
.column_detail .listset {
margin:30px 0px;
}
.column_detail .entry h2 {
margin:20px 0px;
font-size:20px;
}
.column_detail .entry h3 {
font-size:16px;
}
.column_detail .entry ul.wp-block-list {
margin-left:20px;
}
.column_detail .entry figure {
margin:20px 0px;
}
/*　目次　*/
.column_detail .listset {
margin:20px auto;
width:90%;
}
.column_detail .list {
padding:20px 30px 30px 30px;
}
.column_detail .list .ttl {
margin-bottom:30px;
padding-bottom:20px;
font-size:18px;
}
/***** ページャー *****/
div.Container .pager {
padding:10px 0px;
}
div.Container .pager p {
margin:5px 5px;
display:inline-block;
}
div.Container .pager p.nth-box span,
div.Container .pager p.nth-box a {
margin:0px 2px;
}
div.Container .pager p span,
div.Container .pager p a {
width:30px;
height:30px;
display:inline-block;
font-size:12px;
letter-spacing:0px;
line-height:30px;
text-decoration:none;
}
div.Container .pager p a {
border:rgba(0,0,0,0.1) solid 1px;
box-sizing:border-box;
background-color:#f8f8f8;
}
div.Container .pager .no-link {
display:none;
}
div.Container .pager .current {
display:inline-block;
border:rgba(0,0,0,0.1) solid 1px;
box-sizing:border-box;
background-color:#ffffff;
}
}