.bg-catalogue {overflow: hidden; position: relative; z-index: 1;} @media print, screen and (min-width: 900px) { .bg-catalogue { width: 900px; margin: 50px auto; padding: 0; } } @media print, screen and (min-width: 601px) and (max-width: 899px) { .bg-catalogue {width: 90%; margin: 70px auto; padding: 0;} } @media print, screen and (max-width: 600px) { .bg-catalogue {width: 92%; margin: 50px auto; padding: 0;} } .bg-wall-in22 {overflow: hidden; position: relative; z-index: 1;} @media print, screen and (min-width: 1100px) { .bg-wall-in22 { width: 1100px; margin-top: 20px; margin-right: auto; margin-left: auto; margin-bottom: 10px; padding: 0; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .bg-wall-in22 { width: 100%; margin-top: 10px; margin-right: auto; margin-left: auto; margin-bottom: 10px; padding: 0; } } @media print, screen and (max-width: 600px) { .bg-wall-in22 { width: 100%; /* [disabled]margin-top: 10px; */ margin-right: auto; margin-left: auto; /* [disabled]margin-bottom: 10px; */ padding: 0; } } .bg-wall-company {overflow: hidden; position: relative; z-index: 1;} @media print, screen and (min-width: 1100px) { .bg-wall-company { width: 1100px; margin-top: 30px; margin-right: auto; margin-left: auto; /* [disabled]margin-bottom: 90px; */ padding: 0; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .bg-wall-company { width: 90%; margin-top: 30px; margin-right: auto; margin-left: auto; /* [disabled]margin-bottom: 70px; */ padding: 0; } } @media print, screen and (max-width: 600px) { .bg-wall-company { width: 100%; margin-right: auto; margin-left: auto; /* [disabled]margin-bottom: 50px; */ padding: 0; } } .bg-wall-in100p {overflow: hidden; position: relative; z-index: 1;} @media print, screen and (min-width: 900px) { .bg-wall-in100p { width: 900px; margin-top: 40px; margin-right: auto; margin-left: auto; margin-bottom: 10px; padding: 0; } } @media print, screen and (min-width: 601px) and (max-width: 899px) { .bg-wall-in100p {width: 90%; margin: 70px auto; padding: 0;} } @media print, screen and (max-width: 600px) { .bg-wall-in100p {width: 92%; margin: 50px auto; padding: 0;} } .bg-wall-in-event {overflow: hidden; position: relative; z-index: 1;} @media print, screen and (min-width: 900px) { .bg-wall-in-event { width: 100％; /* [disabled]margin-top: 40px; */ margin-right: auto; margin-left: auto; margin-bottom: 10px; padding: 0; } } @media print, screen and (min-width: 601px) and (max-width: 899px) { .bg-wall-in-event { width: 100%; /* [disabled]margin-top: 70px; */ margin-right: auto; margin-left: auto; margin-bottom: 70px; padding: 0; } } @media print, screen and (max-width: 600px) { .bg-wall-in-event { width: 100%; /* [disabled]margin-top: 50px; */ margin-right: auto; margin-left: auto; margin-bottom: 50px; padding: 0; } } .overml2 { overflow: hidden; margin: 0 0 0 -2%; /* [disabled]display:flex; */ } @media print, screen and (min-width: 900px) { .overml2 {margin: 0 0 0 -2%;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .overml2 {margin: 0 0 0 -2%;} } @media print, screen and (max-width: 600px) { .overml2 {margin: 0 0 0 -1%;} } .bg-a-wh { overflow: hidden; /* [disabled]background-color: #ffffff; */ /* [disabled]padding-top: 2%; */ /* [disabled]padding-right: 2%; */ /* [disabled]padding-left: 2%; */ /* [disabled]padding-bottom: 2%; */ } .bg-a-wh23 { overflow: hidden; background-color: #ffffff;} .bdwh{border: 1px solid #ffffff;} .bg-a-wh-in { overflow: hidden; /* [disabled]background-color: #ffffff; */ padding-top: 2%; /* [disabled]padding-right: 2%; */ /* [disabled]padding-left: 2%; */ /* [disabled]padding-bottom: 2%; */ border-bottom: 1px dotted #838383; } .news-box22-l{ overflow: hidden; position: relative; color: #000000; } @media print, screen and (min-width: 1000px) { .news-box22-l{ width: 20%; /* [disabled]height: 60px; */ float: left; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .news-box22-l{ width: 25%; float: left; /* [disabled]height: 50px; */ } } @media print, screen and (max-width: 580px) { .news-box22-l{width: 20%; float: left; height: 100px;} } @media print, screen and (min-width: 1000px) { .news-box22-r{ width: 75%; float: right; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .news-box22-r{ width: 70%; float: right; } } @media print, screen and (max-width: 580px) { .news-box22-r{width: 77%; float: right;} } .bgbk{background-color: #000000; padding: 10px;} .bg-wall-in-wide23 {overflow: hidden;} @media print, screen and (min-width: 1100px) { .bg-wall-in-wide23 { width: 1100px; width: 1100px; margin: 50px auto; padding: 0; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .bg-wall-in-wide23 { width: 90%; /* [disabled]margin-top: 20px; */ margin-right: auto; margin-left: auto; margin-bottom: 20px; padding: 0; background-color: #FFFFFF; } } @media print, screen and (max-width: 600px) { .bg-wall-in-wide23 { width: 100%; margin: 50px auto; padding: 0; } } @media print, screen and (min-width: 1100px) { .bg-wall-in-wide24 { overflow: hidden; width: 100%; margin: 50px auto; padding: 0; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .bg-wall-in-wide24 { overflow: hidden; width: 90%; margin-top: 20px; margin-right: auto; margin-left: auto; /* [disabled]margin-bottom: 20px; */ padding: 0; background-color: #FFFFFF; } } @media print, screen and (max-width: 600px) { .bg-wall-in-wide24 { overflow: hidden; width: 100%; margin: 50px auto; padding: 0; } } .overml {overflow: hidden;} @media print, screen and (min-width: 900px) { .overml {margin: 0 0 0 -2%;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .overml {margin: 0 0 0 -2%;} } @media print, screen and (max-width: 600px) { .overml {margin: 0 0 0 -2%;} } @media print, screen and (min-width: 900px) { .staff-l {float: left; width: 47%; margin: 0;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .staff-l {float: none; width: 50%; margin: 0 auto 10px;} } @media print, screen and (max-width: 600px) { .staff-l {float: none; width: 80%; margin: 0 auto 10px;} } .staff-r {text-align: left; font-size:110%;} @media print, screen and (min-width: 900px) { .staff-r {float: right; width: 47%; margin: 0;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .staff-r {float: none; width: 50%; margin: 0 auto;} } @media print, screen and (max-width: 600px) { .staff-r {float: none; width: 80%; margin: 0 auto;} } @media print, screen and (min-width: 1000px) { .bdwh{padding: 7% 4% 5%;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdwh{padding: 6% 2% 4%;} } @media print, screen and (max-width: 580px) { .bdwh{padding: 2%;} } @media print, screen and (min-width: 1000px) { .inq-l{width: 55%; float: left; margin: 0;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .inq-l{width: 55%; float: left; margin: 0;} } @media print, screen and (max-width: 580px) { .inq-l{width: 100%; float: none; margin: 0 0 20px 0;} } @media print, screen and (min-width: 1000px) { .inq-r{width: 42%; float: right; margin: 40px 0 0 0;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .inq-r{width: 42%; float: right; margin: 30px 0 0 0;} } @media print, screen and (max-width: 580px) { .inq-r{width: 100%; float: none; margin: 0;} } .btn { font-weight: bold; display: inline-block; text-align: center; letter-spacing: 0; text-decoration: none !important; width: 100%; box-sizing: border-box;} .btn02 { position: relative; padding: 7px 0; background-color: transparent; border: 1px solid #000000; color: #000000 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .btn02:after {content: "\f105"; top: 50%; right: 10px; margin-top: -16px; position: absolute; font-family: "Font Awesome 5 Free";} .btn02:hover { background-color: #000000; border: 2px solid #000000; color: #ffffff !important; } .copy {font-size: 80%; padding: 10px;} @media print, screen and (min-width: 1100px) { .copy {text-align: right;} } @media print, screen and (min-width: 701px) and (max-width: 1099px) { .copy {text-align: right;} } @media print, screen and (max-width: 700px) { .copy {text-align: center;} } ul.ftmn {margin: 0;padding: 0;overflow: hidden; border-top: 1px solid #ffffff; font-size: 90%;} ul.ftmn li {box-sizing: border-box; text-align: center; margin: 0; padding: 15px 0; list-style-type: none; } @media print, screen and (min-width: 1100px) { ul.ftmn li {width: 14.2%; float: left; border: none;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { ul.ftmn li {width: 14.2%; float: left; border: none;} } @media print, screen and (max-width: 600px) { ul.ftmn li {width: 50%; float: left; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} } ul.ftmn li:nth-child(even) {border-right: none!important;} ul.ftmn li a{color: #000000!important;} ul.ftmn-t { margin: 0; padding: 0; overflow: hidden; border-top: 1px solid #ffffff; font-size: 90%; } ul.ftmn-t li {box-sizing: border-box; text-align: center; width: 25%; float: left; border: none; margin: 0; padding: 15px 0; list-style-type: none; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;} ul.ftmn-t li:nth-child(4n) {border-right: none;} ul.ftmn-t li a{color: #000000!important;} ul.ftmn2 { margin: 30px 0 15px; padding: 0; overflow: hidden; font-size: 90%; text-align: left; } ul.ftmn2 li {box-sizing: border-box; padding: 0; list-style-type: none;} @media print, screen and (min-width: 1100px) { ul.ftmn2 li {float: left; margin: 0 40px 15px 0;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { ul.ftmn2 li {float: left; margin: 0 40px 15px 0;} } @media print, screen and (max-width: 600px) { ul.ftmn2 li {float: left; margin: 0 40px 15px 0;} } ul.outlink {margin: 0;padding: 0;overflow: hidden;} ul.outlink li {box-sizing: border-box; text-align: center; padding: 0; list-style-type: none; } @media print, screen and (min-width: 1100px) { ul.outlink li {width: 48%; float: left; margin: 0 0 2% 1%;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { ul.outlink li {width: 48%; float: left; margin: 0 0 2% 1%;} } @media print, screen and (max-width: 600px) { ul.outlink li {width: 48%; float: left; margin: 0 0 2% 1%;} } ul.snslink {margin: 0;padding: 0;overflow: hidden;} @media print, screen and (min-width: 1100px) { ul.snslink {width: 300px; float: right; margin: 0;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { ul.snslink {width: 300px; float: right; margin: 0;} } @media print, screen and (max-width: 600px) { ul.snslink {width: 100%; float: none; margin: 0;} } ul.snslink li {box-sizing: border-box; text-align: center; padding: 0; width: 48%; float: left; margin: 0 0 2% 1%; list-style-type: none; } .bg-wall-in-works {overflow: hidden;} @media print, screen and (min-width: 900px) { .bg-wall-in-works {width: 900px; margin: 30px auto 90px; padding: 0;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .bg-wall-in-works {width: 90%; margin: 30px auto 70px; padding: 0;} } @media print, screen and (max-width: 600px) { .bg-wall-in-works {width: 92%; margin: 30px auto 50px; padding: 0;} } .worksimg {position: relative; text-align: center;} .worksimg3 {position: absolute; z-index: 2; display: inline-block; border: 1px solid #000000; padding: 2px;} @media print, screen and (min-width: 900px) { .worksimg3 {width: 30%; top: 45%; left: 40%;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .worksimg3 {width: 30%; top: 40%; left: 35%;} } @media print, screen and (max-width: 600px) { .worksimg3 {width: 50%; top: 40%; left: 25%;} } .overml1 {overflow: hidden; margin: 0 0 0 -1%;} @media print, screen and (min-width: 900px) { .overml1 {margin: 0 0 30px -1%;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .overml1 {margin: 0 0 30px -1%;} } @media print, screen and (max-width: 600px) { .overml1 {margin: 0 0 30px -1%;} } .box6to2 {float: left; box-sizing: border-box;} @media print, screen and (min-width: 900px) { .box6to2 {width: 15.6%; margin: 0 0 1% 1%;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .box6to2 {width: 24%; margin: 0 0 1% 1%;} } @media print, screen and (max-width: 600px) { .box6to2 {width: 32.3%; margin: 0 0 1% 1%;} } .inimg-w { width: 100%; position:relative; overflow: hidden; } @media print, screen and (min-width: 1000px) { .inimg-w {height: 150px;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .inimg-w {height: 100px;} } @media print, screen and (max-width: 580px) { .inimg-w {height: 140px;} } .inimg img {position:absolute; top:-30%; left:-50%;} @media print, screen and (min-width: 1000px) { .inimg-w img{width: 200%;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .inimg-w img{width: 200%;} } @media print, screen and (max-width: 580px) { .inimg-w img{width: 200%;} } .kmk {box-sizing: border-box; border: 1px solid #cccccc; overflow:hidden; font-size: 90%;} @media print, screen and (min-width: 1000px) { .kmk {width: 33.3%; float: left;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .kmk {width: 50%; float: left;} } @media print, screen and (max-width: 580px) { .kmk {width: 100%; float: none;} } .kmk-l {background-color: #dddddd; color: #2b2b2b; text-align: center; padding: 5px 0; float: left;} @media print, screen and (min-width: 1000px) { .kmk-l {width: 30%;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .kmk-l {width: 30%;} } @media print, screen and (max-width: 580px) { .kmk-l {width: 25%;} } .kmk-r {text-align: left; float: right; padding: 5px 0;} @media print, screen and (min-width: 1000px) { .kmk-r {width: 68%;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .kmk-r {width: 68%;} } @media print, screen and (max-width: 580px) { .kmk-r {width: 73%;} } @media print, screen and (min-width: 1000px) { .img-l2 {width: 25%; margin: 0 50px 30px 0; float: left; clear: none;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .img-l2 {width: 30%; margin: 0 50px 30px 0; float: left; clear: none;} } @media print, screen and (max-width: 580px) { .img-l2 {width: 60%; margin: 0 20% 30px; float: left; clear: both;} } .bgwh {overflow: hidden; background-color: #ffffff;} @media print, screen and (min-width: 1100px) { .bgwh { padding-top: 3%; padding-right: 3%; padding-left: 3%; padding-bottom: 3%; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .bgwh {padding: 7%;} } @media print, screen and (max-width: 600px) { .bgwh { /* [disabled]padding-top: 5%; */ /* [disabled]padding-right: 5%; */ /* [disabled]padding-left: 5%; */ /* [disabled]padding-bottom: 5%; */ } } .bgwhrmh {overflow: hidden; background-color: #ffffff;} @media print, screen and (min-width: 900px) { .bgwhrmh {padding: 8%;} } @media print, screen and (min-width: 581px) and (max-width: 899px) { .bgwh { padding-top: 4%; padding-right: 4%; padding-left: 4%; padding-bottom: 4%; } } @media print, screen and (max-width: 580px) { .bgwhrmh { padding-top: 5%; padding-right: 0%; padding-left: 0%; padding-bottom: 5%; width: 100%; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .img-l2 {padding: 5%;} } @media print, screen and (max-width: 580px) { .img-l2 {padding: 3%;} } .tate {position: absolute; top: 200px; line-height: 1.1; z-index: 1; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;font-size: 1800%; color: #ffffff; font-family: 'DM Serif Text', serif;2} @media print, screen and (min-width: 2000px) { .tate {right: 12%;} } @media print, screen and (min-width: 1501px) and (max-width: 1999px) { .tate {right: 5%;} } @media print, screen and (max-width: 1500px) { .tate {right: 0%;} } .f-index {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin: 0 0 50px;} @media screen and (min-width: 980px) { .f-index {font-size: 200%;} } @media screen and (min-width: 601px) and (max-width: 979px) { .f-index {font-size: 200%;} } @media screen and (max-width: 600px) { .f-index {font-size: 160%;} } .f-index2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 20px; } @media screen and (min-width: 980px) { .f-index2 {font-size: 200%;} } @media screen and (min-width: 601px) and (max-width: 979px) { .f-index2 {font-size: 200%;} } @media screen and (max-width: 600px) { .f-index2 {font-size: 160%;} } .f-index22 { /* [disabled]font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */ margin-top: 0; margin-right: 0; margin-left: 0; /* [disabled]margin-bottom: 20px; */ font-size: 120%; font-weight: bold; background-color: #3e8e45; border-top: 1px solid rgba(53,53,53,1.00); border-bottom: 1px solid rgba(53,53,53,1.00); bottom: 2%; top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 15px; padding-bottom: 20px; color: #FFFFFF; } .f-index_faq { /* [disabled]font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */ margin-top: 0; margin-right: 0; margin-left: 0; /* [disabled]margin-bottom: 20px; */ font-size: 120%; font-weight: bold; background-color: #505751; border-top: 1px solid rgba(53,53,53,1.00); border-bottom: 1px solid rgba(53,53,53,1.00); bottom: 20px; top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 15px; padding-bottom: 20px; color: #FFFFFF; border-radius: 20px; } .f-index_faq1 { /* [disabled]margin-bottom: 20px; */ font-size: 120%; font-weight: bold; background-color: #67a45e; border: 3px solid #60a256; top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/faq_icon01.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index_faq2 { /* [disabled]margin-bottom: 20px; */ font-size: 120%; font-weight: bold; background-color: #eac364; border: 3px solid #e9bc50; top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/faq_icon02.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index_faq3 { /* [disabled]margin-bottom: 20px; */ font-size: 120%; font-weight: bold; background-color: #e4918e; border: 3px solid #e48985; top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/faq_icon03.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index_faq4 { /* [disabled]margin-bottom: 20px; */ font-size: 120%; font-weight: bold; background-color: #78b0f9; border: 3px solid #6ca9f7; top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/faq_icon04.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-1 { /* [disabled]font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */ font-size: 120%; font-weight: bold; background-color: #67a45e; border: 3px solid #60a256; /* [disabled]bottom: 2%; */ top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon01.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-1:hover{ background-color: #ffffff; color: #67a45e; border:3px solid #60a256; cursor: pointer; } .f-index22-2 { /* [disabled]margin-bottom: 20px; */ font-size: 120%; font-weight: bold; background-color: #eac364; border: 3px solid #e9bc50;top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon02.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-2:hover{ background-color: #ffffff; color: #eac364; border:3px solid #eac364; cursor: pointer; } .f-index22-3 { /* [disabled]margin-bottom: 20px; */ font-size: 120%; font-weight: bold; background-color: #e4918e; border: 3px solid #e48985; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon03.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-3:hover{ background-color: #ffffff; color: #e4918e; border:3px solid #e4918e; cursor: pointer; } .f-index22-4 { font-size: 120%; font-weight: bold; background-color: #78b0f9; border: 3px solid #6ca9f7; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon04.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-4:hover{ background-color: #ffffff; color: #78b0f9; border:3px solid #78b0f9; cursor: pointer; } .f-index22-5 { font-size: 120%; font-weight: bold; background-color: #91c8a0; border: 3px solid #7ec691; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon05.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-5:hover{ background-color: #ffffff; color: #91c8a0; border:3px solid #91c8a0; cursor: pointer; } .f-index22-6 { font-size: 120%; font-weight: bold; background-color: #a68def; border: 3px solid #a085ee; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon06.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-6:hover{ background-color: #ffffff; color: #a68def; border:3px solid #a68def; cursor: pointer; } .f-index22-7 { /* [disabled]font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */ font-size: 120%; font-weight: bold; background-color: #67a45e; border: 3px solid #60a256; /* [disabled]bottom: 2%; */ top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon07.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-7:hover{ background-color: #ffffff; color: #67a45e; border:3px solid #60a256; cursor: pointer; } .f-index22-8 { /* [disabled]margin-bottom: 20px; */ font-size: 120%; font-weight: bold; background-color: #eac364; border: 3px solid #e9bc50;top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon08.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-8:hover{ background-color: #ffffff; color: #eac364; border:3px solid #eac364; cursor: pointer; } .f-index22-9 { /* [disabled]margin-bottom: 20px; */ font-size: 120%; font-weight: bold; background-color: #e4918e; border: 3px solid #e48985; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon09.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-9:hover{ background-color: #ffffff; color: #e4918e; border:3px solid #e4918e; cursor: pointer; } .f-index22-10 { font-size: 120%; font-weight: bold; background-color: #78b0f9; border: 3px solid #6ca9f7; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon10.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-10:hover{ background-color: #ffffff; color: #78b0f9; border:3px solid #78b0f9; cursor: pointer; } .f-index22-11 { font-size: 120%; font-weight: bold; background-color: #91c8a0; border: 3px solid #7ec691; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon11.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-11:hover{ background-color: #ffffff; color: #91c8a0; border:3px solid #91c8a0; cursor: pointer; } .f-index22-12 { font-size: 120%; font-weight: bold; background-color: #a68def; border: 3px solid #a085ee; padding-top: 20px; padding-right: 10px; padding-left: 80px; padding-bottom: 20px; color: #FFFFFF; border-radius: 15px; background-image: url(images/catalog_icon12.png); background-repeat: no-repeat; background-position: 2px 0%; background-size: auto 100%; } .f-index22-12:hover{ background-color: #ffffff; color: #a68def; border:3px solid #a68def; cursor: pointer; } .uline-y { padding: 0x; font-size: 120%; color:#6f9b1c; } .uline-y-moto { padding: 6px 6px; font-size: 120%; background-image: linear-gradient(to right, #bacee2, #43cea2); color: #fff; } .mbox {overflow: hidden;} @media print, screen and (min-width: 1000px) { .mbox {width: 100%; margin: 0;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .mbox {width: 94%; margin: 0 auto;} } @media print, screen and (max-width: 580px) { .mbox { width: 94%; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 40px; } } .mbox_con {overflow: hidden;} @media print, screen and (min-width: 1000px) { .mbox_con {width: 100%; margin: 0;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .mbox_con {width: 94%; margin: 0 auto;} } @media print, screen and (max-width: 580px) { .mbox_con { width: 100%; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 40px; } } .mbox_p {overflow: hidden;} @media print { .mbox_p {width: 100%; margin: 0;} } @media screen and (min-width: 1000px) { .mbox_p { width: 70%; /* [disabled]margin-top: auto; */ margin-right: auto; margin-left: auto; /* [disabled]margin-bottom: auto; */ } } @media screen and (min-width: 581px) and (max-width: 999px) { .mbox_p {width: 70%; margin: 0 auto;} } @media screen and (max-width: 580px) { .mbox_p { width: 100%; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 40px; } } .mbox_p2 {overflow: hidden;} @media print { .mbox_p2 { /* [disabled]width: 100%; */ margin: 0; height: 95%; } } .mbox_c {overflow: hidden; border-bottom: 3px solid rgba(38,38,38,1.00);} @media print, screen and (min-width: 1000px) { .mbox_c { width: 100%; margin: 0; margin-bottom: 60px; padding-bottom: 80px; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .mbox_c {width: 94%; margin: 0 auto; margin-bottom: 40px; padding-bottom: 80px;} } @media print, screen and (max-width: 580px) { .mbox_c { width: 94%; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 40px; padding-bottom: 80px; } } .mbox_map {overflow: hidden;} @media print, screen and (min-width: 1000px) { .mbox_map {width: 100%; margin: 0;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .mbox_map {width: 94%; margin: 0 auto;} } @media print, screen and (max-width: 580px) { .mbox_map { width: 100%; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 40px; } } .mbox23 {overflow: hidden;} @media print, screen and (min-width: 1000px) { .mbox23 { width: 80%; margin: 0 auto; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .mbox23 { width: 50%; margin: 0 auto; } } @media print, screen and (max-width: 580px) { .mbox23 {width: 92%; margin: 0 auto;} } .mbox-ct {overflow: hidden;} @media print, screen and (min-width: 1000px) { .mbox-ct {width: 100%; margin: 0;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .mbox-ct {width: 94%; margin: 0 auto;} } @media print, screen and (max-width: 580px) { .mbox-ct { width: 100%; margin: 0 auto; } } .mbox-ct-in2 {overflow: hidden;} @media print, screen and (min-width: 1000px) { .mbox-ct-in2 { width: 100%; margin-top: auto; margin-right: auto; margin-left: auto; margin-bottom: 5%; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .mbox-ct-in2 { width: 100%; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 50px; } } @media print, screen and (max-width: 580px) { .mbox-ct-in2 { width: 100%; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 30px; } } .mbox-ct-in {overflow: hidden;} @media print, screen and (min-width: 1000px) { .mbox-ct-in { width: 40%; margin-top: auto; margin-right: auto; margin-left: auto; margin-bottom: auto; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .mbox-ct-in { width: 60%; margin: 0 auto; } } @media print, screen and (max-width: 580px) { .mbox-ct-in { width: 100%; margin: 0 auto; } } .bgbk2 {overflow: hidden; background-color: rgba(0,0,0,1);} @media print, screen and (min-width: 1000px) { .bgbk2 {padding: 2%;} } .dropshadow{ text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .btn03 { position: relative; padding: 15px 0; background-color: #ffffff; border: 2px solid #ba9c11; color: #baa30c !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .btn03:after {content: "\f105"; top: 60%; right: 10px; margin-top: -16px; position: absolute; font-family: "Font Awesome 5 Free";} .btn03:hover { background-color: transparent; border: 1px solid #baa30c; color: #ffffff !important; } /* 吹き出し本体 */ .balloon1{border: 1px solid #eeeeee; position: relative; padding: 20px; border-radius: 10px; color: #000000; background-color: #ffffff; margin-bottom: 15px; } /* 画像 - 絶対配置で左上に配置 */ .balloon1 .icon{ position: absolute; top: 0; } /* 三角アイコン */ .balloon1:before{ content: ''; position: absolute; display: block; width: 0; height: 0; } @media print, screen and (min-width: 1000px) { .balloon1{margin-left: 110px;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .balloon1{margin-left: 110px;} } @media print, screen and (max-width: 580px) { .balloon1{margin-left: 55px;} } @media print, screen and (min-width: 1000px) { .balloon1 .icon{left: -110px; width: 75px;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .balloon1 .icon{left: -110px; width: 75px;} } @media print, screen and (max-width: 580px) { .balloon1 .icon{left: -50px; width: 35px;} } @media print, screen and (min-width: 1000px) { .balloon1:before{left: -15px; top: 20px; border-right: 15px solid #ffffff; border-top: 15px solid transparent; border-bottom: 15px solid transparent;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .balloon1:before{left: -15px; top: 20px; border-right: 15px solid #ffffff; border-top: 15px solid transparent; border-bottom: 15px solid transparent;} } @media print, screen and (max-width: 580px) { .balloon1:before{left: -5px; top: 8px; border-right: 5px solid #ffffff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;} } /* 吹き出し本体 */ .balloon2{border: 1px solid #eeeeee; position: relative; padding: 20px; border-radius: 10px; color: #000000; background-color: #e8e8e8; margin-bottom: 15px; } /* 画像 - 絶対配置で左上に配置 */ .balloon2 .icon{ position: absolute; top: 0; } /* 三角アイコン */ .balloon2:before{ content: ''; position: absolute; display: block; width: 0; height: 0; } @media print, screen and (min-width: 1000px) { .balloon2{margin-right: 110px;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .balloon2{margin-right: 110px;} } @media print, screen and (max-width: 580px) { .balloon2{margin-right: 55px;} } @media print, screen and (min-width: 1000px) { .balloon2 .icon{right: -110px; width: 75px;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .balloon2 .icon{right: -110px; width: 75px;} } @media print, screen and (max-width: 580px) { .balloon2 .icon{right: -50px; width: 35px;} } @media print, screen and (min-width: 1000px) { .balloon2:before{right: -15px; top: 20px; border-left: 15px solid #e8e8e8; border-top: 15px solid transparent; border-bottom: 15px solid transparent;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .balloon2:before{right: -15px; top: 20px; border-left: 15px solid #e8e8e8; border-top: 15px solid transparent; border-bottom: 15px solid transparent;} } @media print, screen and (max-width: 580px) { .balloon2:before{right: -5px; top: 8px; border-left: 5px solid #e8e8e8; border-top: 5px solid transparent; border-bottom: 5px solid transparent;} } ul.chk{margin: 0 0 40px; padding: 5%; background-color: #f0f0f0;} ul.chk li{margin: 0 0 3px 5%; padding: 0 0 3px; border-bottom: 1px solid #eeeeee;} ul.chk p{margin: 0 0 10px; font-size: 150%;} .bgyl {overflow: hidden; background-color: #fffde6;} @media print, screen and (min-width: 1000px) { .bgyl {padding: 8%;} } .bgwood {overflow: hidden; background-image: url("images/bg-wood.jpg")} @media print, screen and (min-width: 900px) { .bgwood {padding: 8%;} } @media print, screen and (min-width: 581px) and (max-width: 899px) { .bgwood {padding: 7%;} } @media print, screen and (max-width: 580px) { .bgwood {padding: 5% 1%;} } .blog {overflow: hidden; padding: 3% 5%; background-color: rgba(255,255,255,0.85);} @media print, screen and (min-width: 900px) { .blog {float: left; margin: 0 2%; width: 36%;} } @media print, screen and (min-width: 681px) and (max-width: 899px) { .blog {float: left; margin: 0 2%; width: 36%;} } @media print, screen and (max-width: 680px) { .blog {float: left; margin: 0 auto 20px; width: 86%;} } .bggr { overflow: hidden; /* [disabled]background-color: #fafafa; */ } @media print, screen and (min-width: 900px) { .bggr { /* [disabled]padding-top: 8%; */ padding-right: 8%; padding-left: 8%; /* [disabled]padding-bottom: 8%; */ } } @media print, screen and (min-width: 581px) and (max-width: 899px) { .bggr { padding-top: 3%; padding-right: 3%; padding-left: 3%; padding-bottom: 3%; } } @media print, screen and (max-width: 580px) { .bggr {padding: 5%;} } .bggr23 { overflow: hidden; /* [disabled]background-color: #fafafa; */ } @media print, screen and (min-width: 900px) { .bggr23 { /* [disabled]padding-top: 8%; */ padding-right: 3px; padding-left: 3%; /* [disabled]padding-bottom: 8%; */ } } @media print, screen and (min-width: 581px) and (max-width: 899px) { .bggr23 { padding-top: 3%; padding-right: 3%; padding-left: 3%; padding-bottom: 3%; } } @media print, screen and (max-width: 580px) { .bggr23 { /* [disabled]padding: 5%; */ } } @media print, screen and (min-width: 900px) { .point-l {float: left; width: 25%; margin: 0; height: 25%;} } @media print, screen and (min-width: 581px) and (max-width: 899px) { .point-l {float: left; width: 28%; margin: 0; height: 28%;} } @media print, screen and (max-width: 580px) { .point-l {float: none; width: 60%; margin: 0 auto 20px; height: 60%;} } .point-l-in { position: relative; width: 50%; height: 50%; padding: 25%; border-radius: 50%; background: #000; margin: 1em; } .point-l-in span{ position: absolute; left: 0; top: 20%; margin: -.5em 0 0; width: 100%; text-align: center; color: #fff; } @media print, screen and (min-width: 900px) { .point-r {float: right; width: 72%; margin: 0;} } @media print, screen and (min-width: 581px) and (max-width: 899px) { .point-r {float: right; width: 69%; margin: 0;} } @media print, screen and (max-width: 580px) { .point-r {float: none; width: 100%; margin: 0 auto 20px;} } .nnbox-outer { display: flex; margin-bottom: 0px; } .nnbox {overflow: hidden; width: 31%; margin: 1%; } @media print, screen and (min-width: 1000px) { .nnbox { border-bottom: 3px solid #777777; margin: 1%; padding: 0 0 10px 0; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .nnbox {border-bottom: 3px solid #baa30c; margin: 1%; padding: 0 0 10px 0;} } @media print, screen and (max-width: 580px) { .nnbox{border-bottom: none; margin: 4%; padding: 0;} } @media print, screen and (min-width: 1000px) { .est-l{float: left; width: 30%; margin: 0;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .est-l{float: left; width: 35%; margin: 0;} } @media print, screen and (max-width: 580px) { .est-l{float: none; width: 100%; margin: 0 0 10px 0;} } @media print, screen and (min-width: 1000px) { .est-r{float: right; width: 66%; margi\n: 0;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .est-r{float: right; width: 61%; margin: 0;} } @media print, screen and (max-width: 580px) { .est-r{float: none; width: 100%; margin: 0;} }.bdb { border-bottom: 1px solid #E6E6E6; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 10px; /* [disabled]margin-top: 30px; */ /* [disabled]margin-right: 2%; */ /* [disabled]margin-left: 2%; */ margin-bottom: 10px; overflow: hidden; width: auto; line-height: 1.5; } .bdb_faq { border-bottom: 1px solid #E6E6E6; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 10px; margin-top: 20px; /* [disabled]margin-right: 2%; */ /* [disabled]margin-left: 2%; */ /* [disabled]margin-bottom: 10px; */ overflow: hidden; width: auto; line-height: 1.5; } .bdb_p { /* [disabled]border-bottom: 1px solid #E6E6E6; */ /* [disabled]padding: 0 0 10px 0; */ /* [disabled]margin: 0 0 10px 0; */ overflow: hidden; width: 100%; } }.bdb_end { padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 10px; /* [disabled]margin-top: 30px; */ /* [disabled]margin-right: 2%; */ /* [disabled]margin-left: 2%; */ margin-bottom: 10px; overflow: hidden; width: auto; line-height: 1.5; } .bdb2 { border-bottom: 1px solid #E6E6E6; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 10px; /* [disabled]margin-top: 30px; */ margin-right: 2%; margin-left: 2%; margin-bottom: 10px; overflow: hidden; width: auto; line-height: 1.5; } .bdb-waku { padding: 0 0 10px 0; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 30px; overflow: hidden; }.bdb-title { border-bottom: 3px solid #E6E6E6; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 40px; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 20px; overflow: hidden; } .bdb-l { color: #666666; text-align: center; font-size: 110%; } @media print, screen and (min-width: 1000px) { .bdb-l { width: 23%; float: left; margin: 0; text-align: center; line-height: 1.5; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-l { width: 28%; float: left; text-align: center; } } @media print, screen and (max-width: 580px) { .bdb-l {width: 100%; float: none; text-align: left;} } .bdb-r {text-align: left;} @media print, screen and (min-width: 1000px) { .bdb-r { width: 75%; float: right; line-height: 1.5; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-r { width: 71%; float: right; line-height: 1.5; } } @media print, screen and (max-width: 580px) { .bdb-r {width: 100%; float: none;} } .bdb-l-2 {color: #666666; text-align: center;} @media print, screen and (min-width: 1000px) { .bdb-l-2 { width: 23%; float: left; margin: 0; text-align: center; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-l-2 { width: 23%; float: left; text-align: center; } } @media print, screen and (max-width: 580px) { .bdb-l-2 {width: 100%; float: none; text-align: left;} } .bdb-r-2 {text-align: left;} @media print, screen and (min-width: 1000px) { .bdb-r-2 { width: 75%; float: right; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-r-2 { width: 75%; float: right; } } @media print, screen and (max-width: 580px) { .bdb-r-2 {width: 100%; float: none;} } .bdb-r-2 a { text-decoration: underline; } } .bdb-l-r {text-align: left; } @media print, screen and (min-width: 1000px) { .bdb-l-r { width: 20%; float: left; margin: 0; /* [disabled]text-align: left; */ line-height: 1.5; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-l-r { width: 23%; float: left; /* [disabled]text-align: center; */ } } @media print, screen and (max-width: 580px) { .bdb-l-r {width: 100%; float: none; text-align: left;} } .bdb-r-r {text-align: left;} @media print, screen and (min-width: 1000px) { .bdb-r-r { width: 79%; float: right; line-height: 1.5; border-bottom: 1px solid #C8C8C8; padding-bottom: 10px; margin-bottom: 10px; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-r-r { width: 75%; float: right; line-height: 1.5; border-bottom: 1px solid #C8C8C8; padding-bottom: 10px; margin-bottom: 10px; } } @media print, screen and (max-width: 580px) { .bdb-r-r {width: 100%; float: none; border-bottom: 1px solid #C8C8C8; padding-bottom: 10px; margin-bottom: 10px; } .bdb-l2 { color: #666666; text-align: center; font-size: 110%; } @media print, screen and (min-width: 1000px) { .bdb-l2 { width: 20%; float: left; margin: 0; text-align: center; line-height: 1.5; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-l2 { width: 28%; float: left; text-align: center; } } @media print, screen and (max-width: 580px) { .bdb-l2 {width: 100%; float: none; text-align: left;} } .bdb2-r {text-align: left;} @media print, screen and (min-width: 1000px) { .bdb2-r { width: 79%; float: right; line-height: 1.5; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb2-r { width: 71%; float: right; line-height: 1.5; } } @media print, screen and (max-width: 580px) { .bdb2-r {width: 100%; float: none;} } .voive-p { /* [disabled]border-bottom: 3px solid #006bbf; */ padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 50px; overflow: hidden; width: auto; line-height: 1.5; margin-bottom: 80px; } .voice-l { color: #666666; text-align: center; } @media print, screen and (min-width: 1000px) { .voice-l { width: 100%; margin: 0; text-align: left; /* [disabled]line-height: 1.5; */ } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .voice-l { width: 23%; float: left; text-align: center; } } @media print, screen and (max-width: 580px) { .voice-l {width: 100%; float: none; text-align: left;} } .voice-r {text-align: left;} @media print, screen and (min-width: 1000px) { .voice-r { width: 100%; line-height: 1.5; margin-top: 20px; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .voice-r { width: 100%; line-height: 1.5; margin-top: 20px; } } @media print, screen and (max-width: 580px) { .voice-r { width: 100%; float: none; margin-top: 20px; } } .voice2-l { color: #666666; text-align: center; } @media print, screen and (min-width: 1000px) { .voice2-l { width: 20%; float: left; margin-top: 20px; text-align: center; line-height: 1.5; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .voice2-l { width: 23%; float: left; text-align: center; } } @media print, screen and (max-width: 580px) { .voice2-l { width: 50%; float: none; text-align: left; margin-bottom: 20px; } } .voice2-r {text-align: left;} @media print, screen and (min-width: 1000px) { .voice2-r { width: 79%; float: right; line-height: 1.5; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .voice2-r { width: 75%; float: right; line-height: 1.5; } } @media print, screen and (max-width: 580px) { .voice2-r {width: 100%; float: none;} } .bdb-l-h {color: #666666; text-align: center;} @media print, screen and (min-width: 1000px) { .bdb-l-h { width: 19%; float: left; margin: 0; text-align: center; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-l-h { width: 19%; float: left; text-align: center; } } @media print, screen and (max-width: 580px) { .bdb-l-h {width: 100%; float: none; text-align: left;} } .bdb-r-h {text-align: left;} @media print, screen and (min-width: 1000px) { .bdb-r-h { width: 80%; float: right; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-r-h { width: 80%; float: right; } } .bdb-r-h a { text-decoration: underline; } } @media print, screen and (max-width: 580px) { .bdb-r-h {width: 100%; float: none;} } .bdb-r-2-2 { text-align: right; } @media print, screen and (min-width: 1000px) { .bdb-r-2-2 { width: 75%; float: right; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-r-2-2 { width: 75%; float: right; } } @media print, screen and (max-width: 580px) { .bdb-r-2-2 {width: 100%; float: none;} } .bdb-l-3 {color: #666666; text-align: center;} @media print, screen and (min-width: 1000px) { .bdb-l-3 { width: 28.5%; float: left; margin: 0; text-align: center; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-l-3 { width: 28.5%; float: left; text-align: center; } } @media print, screen and (max-width: 580px) { .bdb-l-3 { width: 100%; float: none; text-align: left; margin-bottom: 30px; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-r-3 { width: 70%; float: right; } } .bdb-r-3 a { text-decoration: underline; } } @media print, screen and (max-width: 580px) { .bdb-r-3 {width: 100%; float: none;} } .bdb-l-4 { /* [disabled]color: #666666; */ /* [disabled]text-align: left; */ } @media print, screen and (min-width: 1000px) { .bdb-l-4 { width: 10%; float: left; margin: 0; text-align: left; line-height: 2; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-l-4 { width: 15%; float: left; text-align: left; } } @media print, screen and (max-width: 580px) { .bdb-l-4 {width: 100%; float: none; text-align: left;} } .bdb-r-4 {text-align: left;} @media print, screen and (min-width: 1000px) { .bdb-r-4 { width: 89%; float: right; line-height: 1.5; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-r-4 { width: 83%; float: right; } } @media print, screen and (max-width: 580px) { .bdb-r-4 {width: 100%; float: none;} } .bdb-l-5 { /* [disabled]color: #666666; */ /* [disabled]text-align: left; */ line-height: 2; } @media print, screen and (min-width: 1000px) { .bdb-l-5 { width: 79%; float: left; margin: 0; text-align: left; line-height: 2; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-l-5 { width: 77%; float: left; text-align: left; } } @media print, screen and (max-width: 580px) { .bdb-l-5 {width: 100%; float: none; text-align: left;} } .bdb-r-5 { text-align: left; font-size: 110%; } @media print, screen and (min-width: 1000px) { .bdb-r-5 { width: 15%; float: right; line-height: 2; text-align: right; font-size: 110%; margin-right: 2%; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-r-5 { width: 19%; float: right; } } @media print, screen and (max-width: 580px) { .bdb-r-5 { width: 100%; float: none; font-size: 110%; } } .bdb-l-6 { color: #666666; /* [disabled]text-align: left; */ line-height: 2; } @media print, screen and (min-width: 1000px) { .bdb-l-6 { width: 67%; float: left; text-align: left; line-height: 2; margin-left: 2%; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-l-6 { width: 63%; float: left; text-align: left; } } @media print, screen and (max-width: 580px) { .bdb-l-6 {width: 100%; float: none; text-align: left;} } .bdb-r-6 { font-size: 110%; } @media print, screen and (min-width: 1000px) { .bdb-r-6 { width: 27%; float: right; line-height: 2; font-size: 110%; text-align: right; margin-right: 2%; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-r-6 { width: 35%; float: right; text-align: right; } } @media print, screen and (max-width: 580px) { .bdb-r-6 { width: 100%; float: none; font-size: 110%; } } .bdb-l-7 { /* [disabled]color: #666666; */ /* [disabled]text-align: left; */ line-height: 2; margin-bottom: 10px; } @media print, screen and (min-width: 1000px) { .bdb-l-7 { width: 35%; float: left; text-align: lef\t; line-height: 2; margin-left: 2%; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-l-7 { width: 35%; float: left; text-align: left; } } @media print, screen and (max-width: 580px) { .bdb-l-7 {width: 100%; float: none; text-align: left;} } .bdb-r-7 { font-size: 110%; } @media print, screen and (min-width: 1000px) { .bdb-r-7 { width: 58%; float: right; line-height: 2; font-size: 110%; text-align: left; margin-right: 2%; } } @media print, screen and (min-width: 581px) and (max-width: 999px) { .bdb-r-7 { width: 63%; float: right; text-align: left; } } @media print, screen and (max-width: 580px) { .bdb-r-7 { width: 100%; float: none; font-size: 110%; } } .bdb-r-7sub1 { /* [disabled]width: 60%; */ /* [disabled]float: right; */ line-height: 2; font-size: 130%; text-align: left; /* [disabled]margin-right: 2%; */ border-bottom: 1px solid #3e6cae; border-left: 10px double #3e6cae; border-right: 10px double #3e6cae; /* [disabled]background-color: #E3E5FF; */ padding-left: 10px; padding-right: 10px; color: #3E6CAE; font-weight: 500; } .bdb-r-7sub2 { /* [disabled]width: 60%; */ /* [disabled]float: right; */ line-height: 1.5; /* [disabled]font-size: 110%; */ text-align: left; /* [disabled]margin-right: 2%; */ /* [disabled]border-bottom: 1px solid #3e6cae; */ /* [disabled]border-left: 10px double #3e6cae; */ /* [disabled]border-right: 10px double #3e6cae; */ /* [disabled]background-color: #E3E5FF; */ padding-left: 15px; padding-right: 15px; /* [disabled]color: #3E6CAE; */ /* [disabled]font-weight: 500; */ padding-top: 10px; } .frmt { min-height: 40px; border: 1px solid #ccc; background: #fafafa; border-radius: 5px; font-size: 16px; padding: 5px; cursor: pointer; } .frmta { min-height: 50px; border: 1px solid #ccc; background: #fafafa; border-radius: 5px; font-size: 16px; padding: 5px; cursor: pointer; } @media print, screen and (min-width: 1100px) { .frm-w {width: 75%!important;} } @media print, screen and (min-width: 511px) and (max-width: 1099px) { .frm-w {width: 75%!important;} } @media print, screen and (max-width: 510px) { .frm-w {width: 95%!important;} } @media print, screen and (min-width: 1100px) { .frm-w2 {width: 20%!important;} } @media print, screen and (min-width: 511px) and (max-width: 1099px) { .frm-w2 {width: 20%!important;} } @media print, screen and (max-width: 510px) { .frm-w2 {width: 30%!important;} } .inp { min-height: 35px; border: 1px solid #ccc; background: #fafafa; border-radius: 5px; padding: 5px; cursor: pointer; } @media print, screen and (min-width: 1100px) { .inp { width: 90%; } } @media print, screen and (min-width: 511px) and (max-width: 1099px) { .inp { width: 90%; } } @media print, screen and (max-width: 510px) { .inp { width: 95%; } } .inp2 { min-height: 35px; border: 1px solid #ccc; background: #fafafa; border-radius: 5px; padding: 5px; cursor: pointer; } @media print, screen and (min-width: 1100px) { .inp2 { width: 30%; } } @media print, screen and (min-width: 511px) and (max-width: 1099px) { .inp2 { width: 30%; } } @media print, screen and (max-width: 510px) { .inp2 { width: 80%; } } .tahi { height: 150px; width: 90%; } .sndbtn { border: 0px; width: 200px; height: 55px; background: url(images/reserve_item02.jpg) center top no-repeat; cursor: pointer; } .sndbtn2 { border: 0px; width: 200px; height: 55px; background: url(images/reserve_item02.jpg) center top no-repeat; background-size: 100% 100%; /* これを追加 */ cursor: pointer; } .bd-sv {border: 1px solid #eeeeee; padding: 5%; background-color: #ffffff;} .btn-over {overflow: hidden; margin: 0 auto;} @media print, screen and (min-width: 1100px) { .btn-over {width: 350px;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .btn-over {width: 350px;} } @media print, screen and (max-width: 600px) { .btn-over {width: 90%;} } ul.news {margin: 0; padding: 0;} ul.news li{list-style-type: none; margin: 0 0 7px 0; padding: 0 0 7px 0; border-bottom: 1px solid #999999; overflow: hidden;} ul.news2 {margin: 0; padding: 0;} ul.news2 li{list-style-type: none; margin: 0 0 7px 0; padding: 0 0 7px 0;; overflow: hidden;} .news-day {color: #999999;} @media print, screen and (min-width: 900px) { .news-day {float: left; width: 13%;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .news-day {float: left; width: 15%;} } @media print, screen and (max-width: 600px) { .news-day {float: none; width: 100%;} } .news-title {text-align: left;} @media print, screen and (min-width: 900px) { .news-title {float: right; width: 84%;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .news-title {float: right; width: 82%;} } @media print, screen and (max-width: 600px) { .news-title {float: none; width: 100%;} } .bg-wall-in-s1 {overflow: hidden;} @media print, screen and (min-width: 700px) { .bg-wall-in-s1 {width: 700px; margin: 120px auto ; padding: 0;} } @media print, screen and (min-width: 601px) and (max-width: 699px) { .bg-wall-in-s1 {width: 90%; margin: 90px auto; padding: 0;} } @media print, screen and (max-width: 600px) { .bg-wall-in-s1 {width: 92%; margin: 50px auto; padding: 0;} } .news-day3 {color: #999999;} @media print, screen and (min-width: 900px) { .news-day3 {float: left; width: 13%;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .news-day3 { float: left; width: 25%; } } @media print, screen and (max-width: 600px) { .news-day3 {float: none; width: 100%;} } .news-title3 {text-align: left;} @media print, screen and (min-width: 900px) { .news-title3 {float: right; width: 84%;} } @media print, screen and (min-width: 601px) and (max-width: 899px) { .news-title3 { float: right; width: 72%; } } @media print, screen and (max-width: 600px) { .news-title3 {float: none; width: 100%;} } ul.fac {overflow: hidden; margin:0; padding: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; } ul.fac li {padding: 0; list-style:none; box-sizing: border-box; } @media print, screen and (min-width: 1000px) { ul.fac li {width:31.3%; margin:0 1% 2%;} } @media print, screen and (min-width: 601px) and (max-width: 999px) { ul.fac li {width:31.3%; margin:0 1% 2%;} } @media print, screen and (max-width: 600px) { ul.fac li {width:60%; margin:0 auto 2%;} } .factxt {padding: 3%;} .factxt p{padding: 0;margin: 0 0 10px 0; font-size: 120%; text-align: center;} .psr {display: table; background-position: center 50%; background-size:cover; width: 100%;} @media print, screen and (min-width: 1100px) { .psr {height: 500px;} } @media print, screen and (min-width: 511px) and (max-width: 999px) { .psr {height: 400px;} } @media print, screen and (max-width: 510px) { .psr {height: 300px;} } #Fa01 {background-image: url("images/fa01b.jpg")} .msg {display: table-cell; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); color: #ffffff; vertical-align: middle;text-align: center!important; font-size: 600%; font-family: 'Pinyon Script', cursive;} #Fa05 {background-image: url("images/eat01b.jpg")} #Fa09 {background-image: url("images/room01b.jpg")} #Fa13 {background-image: url("images/bath01b.jpg")} .ji01 {text-align: center;} @media print, screen and (min-width: 1100px) { .ji01 {width: 10%;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .ji01 {width: 10%;} } @media print, screen and (max-width: 600px) { .ji01 {width: 10%;} } .ji02 {text-align: center;} @media print, screen and (min-width: 1100px) { .ji02 {width: 15%;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .ji02 {width: 15%;} } @media print, screen and (max-width: 600px) { .ji02 {width: 15%;} } @media print, screen and (min-width: 1100px) { .ji03 {width: 50%;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .ji03 {width: 50%;} } @media print, screen and (max-width: 600px) { .ji03 {width: 50%;} } .ji04 {text-align: center;} @media print, screen and (min-width: 1100px) { .ji04 {width: 25%;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .ji04 {width: 25%;} } @media print, screen and (max-width: 600px) { .ji04 {width: 25%;} } .ml3p {overflow: hidden;} @media print, screen and (min-width: 900px) { .ml3p {margin: 0 0 0 -2%;} } @media print, screen and (min-width: 801px) and (max-width: 899px) { .ml3p {margin: 0 0 0 -2%;} } @media print, screen and (max-width: 800px) { .ml3p {margin: 0;} } @media print, screen and (min-width: 900px) { .box2to1 {float: left; width: 48%; margin: 0 0 0 2%;} } @media print, screen and (min-width: 801px) and (max-width: 899px) { .box2to1 {float: left; width: 48%; margin: 0 0 2%;} } @media print, screen and (max-width: 800px) { .box2to1 {float: none; width: 100%; margin: 0 0 2%;} } .ji01b {text-align: center;} @media print, screen and (min-width: 900px) { .ji01b {width: 30%;} } @media print, screen and (min-width: 801px) and (max-width: 899px) { .ji01b {width: 30%;} } @media print, screen and (max-width: 800px) { .ji01b {width: 30%;} } .ji04b {text-align: center;} @media print, screen and (min-width: 900px) { .ji04b {width: 70%;} } @media print, screen and (min-width: 801px) and (max-width: 899px) { .ji04b {width: 70%;} } @media print, screen and (max-width: 800px) { .ji04b {width: 70%;} } @media print, screen and (min-width: 1000px) { .blockquote-content {padding: 45% 0 0 0;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .blockquote-content {padding: 50% 0 0 0;} } @media print, screen and (max-width: 580px) { .blockquote-content {padding: 100% 0 0 0;} } .blockquote-content blockquote { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bgwh2 {overflow: hidden; background-color: #ffffff;border-radius: 10px; padding: 3px 10px;} .prv {position:absolute; font-size: 80%;} @media print, screen and (min-width: 1100px) { .prv {right:350px; top: 25px; display: block;} } @media print, screen and (min-width: 801px) and (max-width: 1099px) { .prv {right:410px; top: 25px; display: block;} } @media print, screen and (max-width: 800px) { .prv {right:410px; top: 25px; display: none;} } .libl {background-color: #459fe5;} .bg-wall-in-top {overflow: hidden;} @media print, screen and (min-width: 1100px) { .bg-wall-in-top {width: 1100px; margin: 50px auto; padding: 0;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .bg-wall-in-top {width: 90%; margin: 90px auto; padding: 0;} } @media print, screen and (max-width: 600px) { .bg-wall-in-top {width: 92%; margin: 50px auto; padding: 0;} } .bg15 {overflow: hidden; background-color: #eb954e; color: #ffffff; padding: 20px 0;} @media print, screen and (min-width: 900px) { .smile {float: left; width: 60%; margin: 0 0 2%;} } @media print, screen and (min-width: 801px) and (max-width: 899px) { .smile {float: left; width: 65%; margin: 0 0 2%;} } @media print, screen and (max-width: 800px) { .smile {float: none; width: 100%; margin: 0 0 2%;} } .ren-l {text-align: center;} @media print, screen and (min-width: 1100px) { .ren-l {width: 20%; float: left; margin: 10px 0 0; clear: none;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .ren-l {width: 20%; float: left; margin: 10px 0 0; clear: none;} } @media print, screen and (max-width: 600px) { .ren-l {width: 100%; float: none; margin: 0 0 10px 0; clear: none;} } .ren-r {letter-spacing: 3px;} @media print, screen and (min-width: 1100px) { .ren-r {width: 78%; float: right; margin: 0 0 10px 0; clear: none; text-align: left; font-size: 300%;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .ren-r {width: 78%; float: right; margin: 0 0 10px 0; clear: none; text-align: left; font-size: 240%;} } @media print, screen and (max-width: 600px) { .ren-r {width: 100%; float: none; margin: 0 0 20px 0; clear: none; text-align: center; font-size: 200%;} } .btn02sp { position: relative; padding: 17px 0; border-radius: 5px; font-size: 140%; background-color: #18a357; border: 2px solid #18a357; color: #ffffff !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .btn02sp:after {content: "\f105"; top: 50%; right: 10px; margin-top: -16px; position: absolute; font-family: "Font Awesome 5 Free";} .btn02sp:hover { background-color: #ffffff; border: 2px solid #18a357; color: #18a357 !important; } .hint {background-color: #eeeeee; padding: 5px 10px; color: #212e58; font-size: 90%; margin: 0 0 020px 0} .bt {padding: 17px 0; font-size: 140%; font-weight: 700;} .bt:after {content: "\f105"; top: 50%; right: 10px; margin-top: -16px; position: absolute; font-family: "Font Awesome 5 Free";} .flex-bg {overflow: hidden; background-color: #eeeeee; padding: 40px 0;} .top-txt { font-size: 155%; color: #5b59ec; text-align: center; } @media print, screen and (min-width: 1100px) { .top-txt {margin: 50px 0 35px;} } @media print, screen and (min-width: 511px) and (max-width: 1099px) { .top-txt {margin: 30px 0 20px;} } @media print, screen and (max-width: 510px) { .top-txt {margin: 20px 0; 15px} } .bg-gr { background-color: #eeeeee; } .bg-wht2 { padding: 5%;margin: 1% 5% 0; overflow: hidden; background-color: #FFF; } @media print, screen and (min-width: 1100px) { .title-sub4 {font-size: 280%;} } @media print, screen and (min-width: 511px) and (max-width: 1099px) { .title-sub4 {font-size: 250%;} } @media print, screen and (max-width: 510px) { .title-sub4 {font-size: 190%;} } .title-sub3 {font-size: 140%; background-color: #5db1eb; padding: 1px 20px; color: #ffffff;} .bg-ara {border: 1px solid #95dabe; background-color: #d5f0e5; margin: 0 0 10px 0; overflow: hidden; padding: 20px 10px 0; } ul.ara { margin: 0 0 30px 0; padding: 0; overflow: hidden; } ul.ara li{float: left; background-color: #ffffff; margin: 0 15px 15px 0; padding: 3px 12px 3px 8px; list-style-type: none; } ul.ara li:before { content: "\f0da"; font-family: FontAwesome; float: left; margin: 0 0 0 10px; } ul.ara li.subarea{float: left; background-color: transparent; margin: 0 15px 0 0; padding: 3px 12px 3px 8px; list-style-type: none; } ul.ara li.subarea:before { content: "\f276"; font-family: FontAwesome; float: left; margin: 0 0 0 10px; } /*---------------*/ /***** faq *****/ /*---------------*/ .pdfaq { padding: 20px 50px 20px 20px; } ul.acordion { background: #f5f5f5; border-right: solid 1px #808080; border-left: solid 1px #808080; margin: 0px; padding: 0; } ul.acordion li { border-bottom: solid 1px #808080;list-style: none; cursor: pointer; } ul.acordion li:first-child { border-top: solid 1px #808080; } ul.acordion li ul { margin: 0; padding: 0; border: none; } ul.acordion li ul li { background: #fff;padding: 20px 10px 30px 10px; } ul.acordion li ul li:last-child{ border-bottom: none; } ul.acordion li ul li a { text-decoration: none; } ul.acordion li .none-faqmenu { background: url(images/trigger-arrow.png) no-repeat 98% 50%; background-size: 2%; display: block; padding: 15px; } ul.acordion li .active-faqmenu { background: url(images/triggeractive-arrow.png) no-repeat 98% 50%; display: block; padding: 15px; } @media print, screen and (max-width: 600px) { ul.acordion li .none-faqmenu{ background: url(images/trigger-arrow.png) no-repeat 96% 50%; } ul.acordion li .active-faqmenu{ background: url(images/triggeractive-arrow.png) no-repeat 96% 50%; } } ul.acordion2 {background:#5db1eb; margin: 0; padding: 0; } ul.acordion2 li { list-style: none; border: 1px solid #dddddd; cursor: pointer; margin: 0; padding: 0 0%; text-align: left; } ul.acordion2 li:first-child { } ul.acordion2 li ul { margin: 0; padding: 0; border: none; } ul.acordion2 li ul li { } ul.acordion2 li ul li:last-child{ border-bottom: none; } ul.acordion2 li ul li a { text-decoration: none; } ul.acordion2 li .none-faqmenu2 { background: url(images/trigger-arrow2.png) no-repeat 98% 50%; background-size: 2%; display: block; padding: 0; } ul.acordion2 li .active-faqmenu2 { background: url(images/triggeractive-arrow2.png) no-repeat 98% 50%; display: block; padding: 0; } @media print, screen and (max-width: 600px) { ul.acordion2 li .none-faqmenu2{ background: url(images/trigger-arrow2.png) no-repeat 96% 50%; } ul.acordion2 li .active-faqmenu2{ background: url(images/triggeractive-arrow2.png) no-repeat 96% 50%;} } ul.area {padding: 0; overflow: hidden;} @media print, screen and (min-width: 1100px) { ul.area {margin: 0 0 0 -2%;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { ul.area {margin: 0 0 0 -2%;} } @media print, screen and (max-width: 600px) { ul.area {margin: 0;} } ul.area li {list-style-type: none;} @media print, screen and (min-width: 1100px) { ul.area li{margin: 0 0 2% 2%; width: 31.3%; float: left;} } @media print, screen and (min-width: 601px) and (max-width: 1099px) { ul.area li{margin: 0 0 2% 2%; width: 31.3%; float: left;} } @media print, screen and (max-width: 600px) { ul.area li{margin: 0 0 2%; width: 31.3%; float: left;} } nav.cp_navi *, nav.cp_navi *:after, nav.cp_navi *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } nav.cp_navi a { text-decoration: none; } nav.cp_navi { margin: 2em 0; text-align: center; } .cp_navi .cp_pagination { display: inline-block; margin-top: 2em; padding: 0 0.5em; } .cp_navi .cp_pagenum { font-size: 1em; line-height: 50px; display: block; float: left; transition: 400ms ease; letter-spacing: 0.1em; color: #37474F; border-radius: 50%; width: 50px; height: 50px; margin: auto .5em; } .cp_navi .cp_pagenum:hover, .cp_navi .cp_pagenum.current { font-weight: bold; color: #ffffff; background-color: #d9d9d9; border-radius: 50%; } .cp_navi .cp_pagenum.prev:hover, .cp_navi .cp_pagenum.next:hover { color: #EC407A; background-color: transparent; border-radius: 50%; } @media print, screen and (max-width: 960px) { .cp_navi .cp_pagination { margin-top: 50px; padding: 0 10px; } .cp_navi .cp_pagenum { font-size: 0.8em; line-height: 25px; width: 45px; height: 25px; margin: auto .1em; border-radius: 0.3em; } .cp_navi .cp_pagenum.prev, .cp_navi .cp_pagenum.next { padding: 0 25px 0 0; } .cp_navi .cp_pagenum:hover, .cp_navi .cp_pagenum.current { border-radius: 0.3em; } .cp_navi .cp_pagenum.prev:hover, .cp_navi .cp_pagenum.next:hover { border-radius: 0.3em; } } @media print, screen and (min-width: 120px) and (max-width: 767px) { .cp_navi .cp_pagenum { display: none; border-radius: 0.3em; } .cp_navi .cp_pagenum:nth-of-type(2) { position: relative; padding-right: 20px; } .cp_navi .cp_pagenum:nth-of-type(2)::after { font-size: 1.2em; position: absolute; top: 0; left: 25px; content: '...'; } .cp_navi .cp_pagenum:nth-child(-n+3), .cp_navi .cp_pagenum:nth-last-child(-n+3) { display: block; } .cp_navi .cp_pagenum:nth-last-child(-n+4) { padding: 0 5px; } .cp_navi .cp_pagenum:nth-last-child(-n+4)::after { content: none; } .cp_navi .cp_pagenum:hover, .cp_navi .cp_pagenum.current { border-radius: 0.3em; } .cp_navi .cp_pagenum.prev:hover, .cp_navi .cp_pagenum.next:hover { border-radius: 0.3em; } } .bg-top {color: #ffffff; position: relative; overflow: hidden; background-size: cover; background-position:center 50%; background-repeat: no-repeat; } .bg-top-moto {background-color: #cbcbcb; background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #d2d2d2), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #d2d2d2),color-stop(.75, #d2d2d2), color-stop(.75, transparent),to(transparent)); -webkit-background-size: 5px 5px; position: relative; overflow: hidden; } .bg-top-in {overflow: hidden; line-height: 1.5; position: relative; text-align: center;} @media print, screen and (min-width: 1100px) { .bg-top-in { margin-right: auto; margin-left: auto; margin-bottom: 0; width: 1100px; font-size: 230%; padding-top: 150px; padding-right: 0; padding-left: 0; padding-bottom: 80px; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .bg-top-in { margin: 0 auto; width: 100%; font-size: 160%; padding-top: 110px; padding-right: 0; padding-left: 0; padding-bottom: 30px; } } @media print, screen and (max-width: 600px) { .bg-top-in { margin: 0 auto; width: 100%; font-size: 150%; padding-top: 70px; padding-right: 0; padding-left: 0; padding-bottom: 10px; } } .bg-top-in p{padding: 0; margin: 0; font-size: 40%; f} #Company {background-image: url(images/bg-company.jpg);} #Stroll {background-image: url(images/bg-stroll.jpg);} #Map {background-image: url(images/bg-map.jpg);} #Information {background-image: url(images/bg-information.jpg);} #Search {background-image: url(images/bg-search.jpg);} #News {background-image: url(images/bg-news.jpg);} #Privacy {background-image: url(images/bg-privacy.jpg);} #Contribution2 {background-image: url(images/bg-contribution.jpg);} #Exhibition {background-image: url(images/bg-exhibition.jpg);} #Inquiry {background-image: url(images/bg-inquiry.jpg);} #Terms {background-image: url(images/bg-terms.jpg);} #Contact {background-image: url(images/bg-contact.jpg);} #Entry {background-image: url(images/bg-entry.jpg);} .logoin {overflow: hidden;} @media print, screen and (min-width: 1000px) { .logoin {width: 300px; margin: 0 auto 50px;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .logoin {width: 300px; margin: 0 auto 50px;} } @media print, screen and (max-width: 580px) { .logoin {width: 70%; margin: 0 auto 50px;}} .comp {overflow: hidden; background-color:#ffffff; padding: 9px 15px; margin: 0 0 15px 0 ; border: 1px solid #eeeeee;} .comp-l {color: #5db1eb;} @media print, screen and (min-width: 1000px) { .comp-l {width: 15%; margin: 0; float: left; text-align: center;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .comp-l {width: 18%; margin: 0; float: left; text-align: center;} } @media print, screen and (max-width: 580px) { .comp-l {width: 100%; margin: 0 0 10px 0; float: none; text-align: left;} .comp-l {width: 100%; margin: 0 0 10px 0; float: none; text-align: left;} } @media print, screen and (min-width: 1000px) { .comp-r {width: 80%; margin: 0; float: right; padding: 0 0 0 2%; border-left: 1px solid #eeeeee; border-top: none;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .comp-r {width: 78%; margin: 0; float: right; padding: 0 0 0 2%; border-left: 1px solid #eeeeee; border-top: none;} } @media print, screen and (max-width: 580px) { .comp-r {width: 100%; margin: 0; float: none; padding: 10px 0 0; border-top: 1px solid #eeeeee; border-left: none;} } .btn04-over {margin: 0 auto; width: 300px;} .btn04 { position: relative; padding: 10px 0; background-color: #2bb47c; border: 2px solid #2bb47c; color: #ffffff !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .btn04:after {content: "\f105"; top: 60%; right: 10px; margin-top: -16px; position: absolute; font-family: "Font Awesome 5 Free";} .btn04:hover { background-color: #ffffff; border: 2px solid #2bb47c; color: #2bb47c !important; } @media print, screen and (min-width: 1000px) { .img-l {width: 30%; margin: 0 50px 30px 0; float: left; clear: none;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .img-l {width: 35%; margin: 0 50px 30px 0; float: left; clear: none;} } @media print, screen and (max-width: 580px) { .img-l {width: 70%; margin: 0 15% 30px; float: left; clear: both;} } @media print, screen and (min-width: 1000px) { .img-r {width: 30%; margin: 0 0 30px 50px; float: right; clear: none;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .img-r {width: 35%; margin: 0 0 30px 50px; float: right; clear: none;} } @media print, screen and (max-width: 580px) { .img-r {width: 70%; margin: 0 15% 30px; float: right; clear: both;} } .bg-title {position: absolute; font-size: 20vmax; bottom: -200px; right: 0%; text-align: center; color: #ebf8f2; z-index: -10;} @media print, screen and (min-width: 1000px) { .img-r2 {width: 25%; margin: 0 0 30px 50px; float: right; clear: none;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { .img-r2 {width: 30%; margin: 0 0 30px 50px; float: right; clear: none;} } @media print, screen and (max-width: 580px) { .img-r2 {width: 60%; margin: 0 20% 30px; float: right; clear: both;} } table{ width: 100%; table-layout: fixed; 　　/*追加する*/ ; max-width: none; } .title-mini{ background-color: #F9E2A7; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; font-size: 130%; margin-bottom: 10px; } @media print, screen and (min-width: 900px) { .pimage { /* [disabled]float: right; */ width: 50%; } } @media print, screen and (max-width: 899px) { .pimage {float: none; width: 100%;} } @media print, screen and (min-width: 900px) { .pimage2 {float: left; width: 50%;} } @media print, screen and (max-width: 899px) { .pimage2 {float: none; width: 100%;} } @media print, screen and (min-width: 900px) { .pimage_f { float: right; width: 35%; } } @media print, screen and (max-width: 899px) { .pimage_f {float: none; width: 100%;} } @media print, screen and (min-width: 900px) { .pimage2_f { float: left; width: 35%; } } @media print, screen and (max-width: 899px) { .pimage2_f {float: none; width: 100%;} } .title-ab {font-size: 140%; border: 1px solid #eeeeee; color: #094b78; padding:10px; margin:0 0 30px 0;} .kuwashiku .none-kuwashiku {overflow: hidden; } .kuwashiku .none-kuwashiku { background-size: 2%; display: block; padding: 15px; } .kuwashiku .active-kuwashiku { display: block; padding: 15px; } .tags-box {border: 2px solid #b6d300; color: #b6d300 !important; float:left; padding: 0.3% 2%; background:#ffffff; margin: 0 1% 2% 0;display: inline-block; list-style-type: none; } #crct{ width:100%; height:500px; margin:0 auto; background-color:#000; } #Backcom {color: #ffffff; position: relative; width:100%; margin:0 auto; background-color:#000; text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} @media print, screen and (min-width: 1000px) { #Backcom {height:500px;font-size: 250%;} } @media print, screen and (min-width: 581px) and (max-width: 999px) { #Backcom {height:500px;font-size: 220%;} } @media print, screen and (max-width: 580px) { #Backcom {height:650px;font-size: 180%;} } .cop1 {top: 20%; position: absolute; width: 100%;} .cop2 {top: 40%; position: absolute; font-size: 170%; color: #fff000; width: 100%;} .cop3 {top: 60%; position: absolute; width: 100%;} .box6-3 {box-sizing: border-box; } @media print, screen and (min-width: 1100px) { .box6-3 { float: left; width: 10%; margin-top: 0; margin-right: 1.2%; margin-left: 1.2%; margin-bottom: 1%; } } @media print, screen and (min-width: 601px) and (max-width: 799px) { .box6-3 { float: left; width: 12.5%; margin-top: 0; margin-right: 0; margin-left: 0%; margin-bottom: 2%; } } @media print, screen and (max-width: 600px) { .box6-3 { float: left; width: 29%; margin-top: 0; margin-right: 2%; margin-left: 2%; margin-bottom: 2%; } } .box6-4 {box-sizing: border-box; } @media print, screen and (min-width: 1100px) { .box6-4 { float: left; width: 23%; margin-top: 0; margin-right: 1%; margin-left: 1%; margin-bottom: 3%; text-align: center; } } @media print, screen and (min-width: 601px) and (max-width: 799px) { .box6-4 { float: left; width: 32%; margin-top: 0; margin-left: 1%; margin-bottom: 2%; } } @media print, screen and (max-width: 600px) { .box6-4 { float: left; width: 48%; margin-top: 0; margin-right: 1%; margin-left: 1%; margin-bottom: 4%; } } .box6-6 { box-sizing: border-box; border: 1px solid rgba(46,46,46,1.00); } @media print, screen and (min-width: 1100px) { .box6-6 { float: left; width: 23%; margin-top: 0; margin-right: 1%; margin-left: 1%; margin-bottom: 3%; text-align: center; } } @media print, screen and (min-width: 601px) and (max-width: 799px) { .box6-6 { float: left; width: 32%; margin-top: 0; margin-left: 1%; margin-bottom: 2%; } } @media print, screen and (max-width: 600px) { .box6-6 { float: left; width: 48%; margin-top: 0; margin-right: 1%; margin-left: 1%; margin-bottom: 4%; } } .box-company {box-sizing: border-box; } @media print, screen and (min-width: 1100px) { .box-company { float: left; width: 24.6%; margin-top: 0; margin-right: 0.2%; margin-left: 0.2%; margin-bottom: 0; } } @media print, screen and (min-width: 601px) and (max-width: 799px) { .box-company { float: left; width: 25%; margin-top: 0; margin-right: 0; margin-left: 0%; /* [disabled]margin-bottom: 2%; */ } } @media print, screen and (max-width: 600px) { .box-company { float: left; width: 49.6%; margin-top: 0.2%; margin-right: 0.2px; margin-left: 0.2%; margin-bottom: 0.3%; } } @media print, screen and (min-width: 1100px) { /*pc-style*/ .title-icon { font-size: 100%; margin: 10px 0 0 0; } } @media print, screen and (min-width: 511px) and (max-width: 1099px) { /*tablet-style*/ .title-icon { font-size: 100%; margin: 10px 0 0 0; } } /* smartPhone */ @media print, screen and (max-width: 510px) { /*smart-style*/ .title-icon { font-size: 100%; margin: 10px 0 0 0; } } .bukkensyousai-l { float: left; overflow: hidden; } @media print, screen and (min-width: 1100px) { .bukkensyousai-l { width: 49.5%; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .bukkensyousai-l { width: 49%; } } @media print, screen and (max-width: 600px) { .bukkensyousai-l { width: 100%; } } .bukkensyousai-r {float: right; text-align: left;} @media print, screen and (min-width: 1100px) { .bukkensyousai-r { width: 49.5%; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .bukkensyousai-r { width: 49%; } } @media print, screen and (max-width: 600px) { .bukkensyousai-r { width: 100%; } } .def_news { overflow: hidden; clear: both; margin-bottom: 10px; } @media print, screen and (min-width: 1100px) { .tokusetsu-ba-l { width: 25%; margin: 0; float: left; padding-bottom: 10px; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .tokusetsu-ba-l { width: 25%; margin-top: 10px; margin-right: 0px; margin-left: 0px; margin-bottom: 10px; float: left; } } @media print, screen and (max-width: 600px) { .tokusetsu-ba-l { width: 70%; margin-top: 10px; margin-bottom: 10px; float: none; margin-left: 15%; margin-right: 15%; } } @media print, screen and (min-width: 1100px) { .tokusetsu-ba-r { width: 72%; margin-right: 0; margin-left: 0; margin-bottom: 0; float: right; padding-bottom: 10px; text-align: left; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .tokusetsu-ba-r { width: 72%; margin-right: 0; margin-left: 0; margin-bottom: 10px; float: right; margin-top: 10px; text-align: left; } } @media print, screen and (max-width: 600px) { .tokusetsu-ba-r { width: 100%; margin-top: 10px; margin-bottom: 10px; float: none; } } @media print, screen and (min-width: 1100px) { .tokusetsu2-ba-l { width: 90%; /* [disabled]margin-top: 5%; */ margin-right: 5%; margin-left: 5%; margin-bottom: 5%; float: left; padding-bottom: 10px; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .tokusetsu2-ba-l { width: 90%; margin-top: 10px; margin-right: 5%; margin-left: 5%; /* [disabled]margin-bottom: 10px; */ float: left; } } @media print, screen and (max-width: 600px) { .tokusetsu2-ba-l { width: 90%; margin-top: 10px; /* [disabled]margin-bottom: 10px; */ float: none; margin-left: 5%; margin-right: 5%; text-align: center; } } @media print, screen and (min-width: 1100px) { .tokusetsu2-ba-r { width: 86%; margin-right: 7%; margin-left: 7%; margin-bottom: 0; float: right; padding-bottom: 10px; text-align: left; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .tokusetsu2-ba-r { width: 86%; margin-right: 7%; margin-left: 7%; margin-bottom: 10px; float: right; margin-top: 10px; text-align: left; } } @media print, screen and (max-width: 600px) { .tokusetsu2-ba-r { width: 90%; margin-top: 10px; margin-bottom: 10px; float: none; margin-left: 5%; margin-right: 5%; } } @media print, screen and (min-width: 1100px) { .tokusetsu22-ba-l { width: 90%; /* [disabled]margin-top: 5%; */ margin-right: 5%; margin-left: 5%; margin-bottom: 2%; float: left; /* [disabled]padding-bottom: 10px; */ } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .tokusetsu22-ba-l { width: 90%; margin-top: 10px; margin-right: 5%; margin-left: 5%; margin-bottom: 10px; float: left; } } @media print, screen and (max-width: 600px) { .tokusetsu22-ba-l { width: 90%; margin-top: 10px; margin-bottom: 10px; float: none; margin-left: 5%; margin-right: 5%; } } @media print, screen and (min-width: 1100px) { .tokusetsu22-ba-r { width: 86%; margin-right: 7%; margin-left: 7%; margin-bottom: 5%; float: right; padding-bottom: 10px; text-align: center; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .tokusetsu22-ba-r { width: 86%; margin-right: 7%; margin-left: 7%; margin-bottom: 10px; float: right; /* [disabled]margin-top: 10px; */ text-align: left; } } @media print, screen and (max-width: 600px) { .tokusetsu22-ba-r { width: 90%; /* [disabled]margin-top: 10px; */ margin-bottom: 10px; float: none; margin-left: 5%; margin-right: 5%; text-align: center; } } @media print, screen and (min-width: 1100px) { .tokusetsu2-al-r { width: 86%; margin-right: 7%; margin-left: 7%; margin-bottom: 0; float: left; padding-bottom: 10px; text-align: left; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .tokusetsu2-al-r { width: 23%; margin-right: 1%; margin-left: 1%; margin-bottom: 10px; float: left; margin-top: 10px; text-align: left; } } @media print, screen and (max-width: 600px) { .tokusetsu2-al-r { width: 47%; margin-top: 10px; margin-bottom: 10px; float: left; margin-left: 1%; margin-right: 1%; } } .icon { margin-top: 0; margin-right: 0; margin-left: 0%; margin-bottom: 0px; overflow: hidden; padding-bottom: 50px; } .icon-box { margin-top: 0; margin-right: 0; margin-left: 0%; margin-bottom: 0%; float: left; } @media print, screen and (min-width: 960px) { /*pc-style*/ .icon-box { width: 32%; } } @media print, screen and (min-width: 511px) and (max-width: 959px) { /*tablet-style*/ .icon-box {width: 48%;} } /* smartPhone */ @media print, screen and (max-width: 510px) { /*smart-style*/ .icon-box { width: 100%; } } .icon-box-s { margin-top: 0; margin-right: 0; margin-left: 0%; margin-bottom: 0%; float: left; } @media print, screen and (min-width: 960px) { /*pc-style*/ .icon-box-s { width: 32%; } } @media print, screen and (min-width: 511px) and (max-width: 959px) { /*tablet-style*/ .icon-box-s {width: 48%;} } /* smartPhone */ @media print, screen and (max-width: 510px) { /*smart-style*/ .icon-box-s { width: 49%; } } @media print, screen and (min-width: 1200px) { /*pc-style*/ .camp2 ul { margin: 0 0 0 -1%; padding: 0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .camp2 ul li{ margin-top: 0; margin-right: 1%; margin-left: 1%; margin-bottom: 2%; width: 47%; list-style-type: none; float: left; border-bottom: 1px solid #5A5A5A; /* [disabled]padding-right: 2%; */ } .camp2-bt { clear: both; margin: 0; width: 38%; padding: 30px 31%; } } @media print, screen and (min-width: 641px) and (max-width: 1199px) { /*tablet-style*/ .camp2 ul { margin-top: 30px; margin-right: 0; margin-left: -1%; margin-bottom: 0; padding: 0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .camp2 ul li{ margin-top: 0; margin-right: 0; margin-left: 1%; margin-bottom: 2%; width: 46%; list-style-type: none; float: left; border-bottom: 1px solid #5A5A5A; } .camp2-bt { clear: both; margin: 0; width: 38%; padding: 30px 31%; } } @media print, screen and (max-width: 640px) { /*tablet-style*/ .camp2 ul { margin-top: 30px; margin-right: 0; margin-left: -1%; margin-bottom: 0; padding: 0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .camp2 ul li{ margin-top: 0; margin-right: 0; margin-left: 1%; margin-bottom: 2%; width: 98%; list-style-type: none; float: left; border-bottom: 1px solid #5A5A5A; } .camp2-bt { clear: both; margin: 0; width: 38%; padding: 30px 31%; } } @media print, screen and (min-width: 1200px) { /*pc-style*/ .camp3 ul { margin: 0 0 0 -1%; padding: 0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .camp3 ul li{ margin: 0 0 1% 1%; width: 98%; list-style-type: none; float: left; border-bottom: 1px solid #5A5A5A; } .camp3-bt { clear: both; margin: 0; width: 38%; padding: 30px 31%; } } @media print, screen and (min-width: 641px) and (max-width: 1199px) { /*tablet-style*/ .camp3 ul { margin-top: 30px; margin-right: 0; margin-left: -1%; margin-bottom: 0; padding: 0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .camp3 ul li{ margin-top: 0; margin-right: 0; margin-left: 1%; margin-bottom: 2%; width: 98%; list-style-type: none; float: left; border-bottom: 1px solid #5A5A5A; } .camp3-bt { clear: both; margin: 0; width: 38%; padding: 30px 31%; } } @media print, screen and (max-width: 640px) { /*pc-style*/ .camp3 ul { margin: 0 0 0 -1%; padding: 0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .camp3 ul li{ margin-top: 0; margin-right: 0; margin-left: 1%; margin-bottom: 2%; width: 98%; list-style-type: none; float: left; border-bottom: 1px solid #5A5A5A; } .camp3-bt { clear: both; margin: 0; width: 38%; padding: 30px 31%; } } .w100 { clear: both; width: 100%; } } .red { color: rgba(164,23,26,1.00); } } .img_wrap{ border: 1px solid #ddd; width: 300px; height: 226px; margin: 0 auto; overflow: hidden; } .img_wrap img{ width: 100%; cursor: pointer; transition-duration: 0.3s; } .img_wrap:hover img{ opacity: 0.6; transition-duration: 0.3s; } @media print, screen and (min-width: 1100px) { .catalogue_boxl { float: left; width: 10%; margin-top: 0; margin-right: 1.2%; margin-left: 1.2%; margin-bottom: 1%; } } @media print, screen and (min-width: 601px) and (max-width: 799px) { .catalogue_boxl { float: left; width: 12.5%; margin-top: 0; margin-right: 0; margin-left: 0%; margin-bottom: 2%; } } @media print, screen and (max-width: 600px) { .catalogue_boxl { float: left; width: 29%; margin-top: 0; margin-right: 2%; margin-left: 2%; margin-bottom: 2%; } } .va { vertical-align: top; } @media print, screen and (min-width: 1100px) { .syozoku-l { width: 43%; /* [disabled]margin-top: 5%; */ /* [disabled]margin-right: 5%; */ /* [disabled]margin-left: 5%; */ /* [disabled]margin-bottom: 5%; */ float: left; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .syozoku-l { width: 90%; margin-top: 10px; margin-right: 5%; margin-left: 5%; /* [disabled]margin-bottom: 10px; */ float: left; } } @media print, screen and (max-width: 600px) { .syozoku-l { width: 100%; margin-top: 10px; /* [disabled]margin-bottom: 10px; */ float: none; text-align: center; } } @media print, screen and (min-width: 1100px) { .syozoku-r { width: 55%; /* [disabled]margin-right: 7%; */ /* [disabled]margin-left: 7%; */ margin-bottom: 0; float: right; padding-bottom: 10px; text-align: left; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .syozoku-r { width: 86%; margin-right: 7%; margin-left: 7%; margin-bottom: 10px; float: right; margin-top: 10px; text-align: left; } } @media print, screen and (max-width: 600px) { .syozoku-r { width: 100%; margin-top: 10px; margin-bottom: 10px; float: none; /* [disabled]margin-left: 5%; */ /* [disabled]margin-right: 5%; */ } } .bdno { width: 48%; margin: 1%; border: 0em none; } .bdb3 { padding-top: 30px; padding-right: 0; padding-left: 0; padding-bottom: 20px; /* [disabled]margin-top: 30px; */ margin-right: 0; margin-left: 0; /* [disabled]margin-bottom: 30px; */ overflow: hidden; } .bdb33 { padding-top: 30px; padding-right: 0; padding-left: 0; padding-bottom: 20px; /* [disabled]margin-top: 30px; */ margin-right: 0; margin-left: 0; /* [disabled]margin-bottom: 30px; */ overflow: hidden; } @media print, screen and (min-width: 1100px) { .top_news02 { width: 55%; /* [disabled]margin-right: 7%; */ /* [disabled]margin-left: 7%; */ margin-bottom: 0; float: right; padding-bottom: 10px; text-align: left; } } @media print, screen and (min-width: 601px) and (max-width: 1099px) { .top_news02 { width: 86%; margin-right: 7%; margin-left: 7%; margin-bottom: 10px; float: right; margin-top: 10px; text-align: left; } } @media print, screen and (max-width: 600px) { .top_news02 { width: 100%; margin-top: 10px; margin-bottom: 10px; float: none; /* [disabled]margin-left: 5%; */ /* [disabled]margin-right: 5%; */ } }