@charset "UTF-8";
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section {
display: block;
}
body {
line-height: 1;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
@font-face {
font-family: "komorebi-gothic";
src: url("font/komorebi-gothic.woff2") format("woff2");
src: url("font/komorebi-gothic.eot") format("eot");
src: url("font/komorebi-gothic.ttf") format("ttf");
font-display: swap;
font-weight: normal;
font-style: normal;
}
ol, ul {
list-style: none;
list-style-type: none;
}
a {
text-decoration: none;
color: black;
cursor: pointer !important;
}
bx-next, bx-prev {
display: none;
}
/*****************************************
******************mixin*******************
******************************************/
/*****************************************
******************mixin*******************
******************************************/
.textArea1, .textArea2, .textArea3, .textArea4 {
width: 100%;
position: absolute;
width: 100%;
height: 100px;
background: rgba(0, 0, 0, 0.8);
display: none;
z-index: 9000;
top: 193px;
left: 0%;
}
.textArea1 div, .textArea2 div, .textArea3 div, .textArea4 div {
width: 1000px;
height: 100px;
padding-left: 20px;
margin: 0px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.textArea1 div p, .textArea2 div p, .textArea3 div p, .textArea4 div p {
color: white;
position: relative;
cursor: pointer;
z-index: 9999;
}
.textArea1 div p a, .textArea2 div p a, .textArea3 div p a, .textArea4 div p a {
color: white;
position: relative;
cursor: pointer;
z-index: 9999;
}
.textArea1 div p a:hover, .textArea2 div p a:hover, .textArea3 div p a:hover, .textArea4 div p a:hover {
background: none;
cursor: pointer;
}
.textArea1 div p a:before, .textArea2 div p a:before, .textArea3 div p a:before, .textArea4 div p a:before {
content: "●";
padding-right: 5px;
color: #2A7BB7;
}
section {
padding-top: 40px;
}
section:last-of-type {
padding-bottom: 40px;
}
.content {
max-width: 1000px;
width: 100%;
height: auto;
margin: 0px auto;
}
@media (max-width: 999px) {
.content {
width: 90%;
height: auto;
}
}
@media (min-width: 1000px) {
.pc {
display: block;
}
}
@media (max-width: 999px) {
.pc {
display: none;
}
}
@media (min-width: 1000px) {
.sp {
display: none;
}
}
@media (max-width: 999px) {
.sp {
display: block;
}
}
.sp_tel,.sp_email{
display: none !important;
background: #2A7BB7 !important;
color: white !important;
line-height: 20px;
margin-bottom: 30px !important;
margin-top: 10px;
}
.sp_tel span,.sp_email span{
color: white !important;
}
@media (max-width: 999px) {
.sp_tel,.sp_email{
display: block !important;
}
.sp_tel span,.sp_email span{
font-size: 30px !important;
}
}
.link {
font-size: 17.6px;
}
.link:before {
content: "▶︎";
padding-right: 10px;
color: #2A7BB7;
}
.link2 {
font-size: 17.6px;
color: white;
background: #2A7BB7;
padding: 5px 10px;
}
.link_bnr {
width: 120px;
text-align: center;
font-size: 17.6px;
background: #2A7BB7;
padding: 6px 12px;
color: white;
font-weight: bold;
margin: 0px auto;
margin-top: 60px;
display: block;
}
.bnr {
max-width: 327px;
width: 100%;
border: 2px solid #2A7BB7;
text-align: center;
padding: 16px 0px;
background: white;
display: block;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.bnr:hover {
background: #2A7BB7;
border: 2px solid white;
}
.bnr:hover span {
color: white;
}
@media (max-width: 999px) {
.bnr {
max-width: 100%;
margin-bottom: 10px;
}
}
.bnr span {
font-size: 22px;
font-weight: bold;
color: #0059A7;
font-size: 18px !important;
}
.bnr span span {
font-size: 17.6px;
color: rgba(0, 0, 0, 0.5);
}
.bnr span img {
width: 26px;
display: inline;
}
.bnr img {
width: 26px !important;
display: inline;
border: 0px !important;
}
.title_box {
width: 100%;
height: 70px;
background: white;
border-bottom: 2px solid #2A7BB7 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.title_box h2 {
font-size: 22px;
font-weight: bold;
color: #0059A7;
padding-left: 10px;
}
.title_box h2 span {
font-size: 17.6px;
color: rgba(0, 0, 0, 0.5);
}
.title_box h2 img {
width: 26px;
display: inline;
}
.title_box2 {
width: 100%;
height: 70px;
background: white;
border-bottom: 2px solid #2A7BB7 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.title_box2 h2 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding-left: 10px;
}
img {
display: block;
margin: 0px auto;
}
.content_dl {
width: 1000px;
margin: 0px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 999px) {
.content_dl {
width: 100%;
display: block;
}
.content_dl a:last-child {
margin-bottom: 0;
}
}
/*sp用メニュー*/
div.sp_menu {
position: fixed;
z-index: 2;
top: 0;
left: 0;
color: #000;
text-align: center;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.6s;
transition: all 0.6s;
width: 100%;
}
div.sp_menu ul {
margin: 0 auto;
padding: 0;
width: 100%;
background: white;
}
div.sp_menu ul li {
font-size: 1.1em;
list-style-type: none;
padding: 0;
width: 100%;
border-bottom: 1px dotted #333;
}
/* 最後はラインを描かない */
div.sp_menu ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
div.sp_menu ul li a {
display: block;
color: #2A7BB7;
padding: 1em 0;
}
/* このクラスを、jQueryで付与・削除する */
div.sp_menu.active {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.navToggle {
display: block;
position: fixed;
/* bodyに対しての絶対位置指定 */
right: 0px;
top: 37px;
margin: auto;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 3;
text-align: center;
background: white;
}
@media (min-width: 1000px) {
.navToggle {
display: none;
}
}
.navToggle span {
display: block;
position: absolute;
/* .navToggleに対して */
width: 30px;
border-bottom: solid 3px #2A7BB7;
-webkit-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 0;
right: 0;
margin: auto;
}
.navToggle span:nth-child(1) {
top: 9px;
}
.navToggle span:nth-child(2) {
top: 18px;
}
.navToggle span:nth-child(3) {
top: 27px;
}
.navToggle span:nth-child(4) {
border: none;
font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
font-weight: bold;
color: #2A7BB7;
font-size: 9px;
letter-spacing: 1px;
top: 34px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
top: 18px;
left: 0px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
top: 18px;
right: 0px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/*sp用メニュー*/
img {
vertical-align: bottom;
}
ul {
margin: 0;
padding: 0;
}
.sub_main {
width: 100%;
height: 200px;
background: url("img/cmn/sub_head.jpg") center top;
background-position: -200px -80px;
background-repeat: no-repeat;
/*price{
background:url("img/top/slide/s1.jpg") center top;
background-position:-200px -80px;
background-repeat:no-repeat;
}
about{
background:url("img/top/slide/s2.jpg") center bottom;
background-position:-0px -1000px;
background-repeat:no-repeat;
}
improve{
background:url("img/cmn/sub_head.jpg") center top;
background-position:-200px -80px;
background-repeat:no-repeat;
}
@include sp{
height:140px;
}*/
}
/* スライドショー */
#slider {
overflow: hidden;
position: relative;
width: 100%;
}
#sliderInner {
position: relative;
left: 50%;
width: 3040px;
margin-left: -1520px;
}
@media (max-width: 999px) {
#sliderInner {
left: 0;
width: 100%;
margin-left: 0;
}
}
#sliderInner li {
width: 1000px;
}
@media (max-width: 999px) {
#sliderInner li {
width: 100%;
}
}
#sliderInner li img {
width: 1000px;
height: 540px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 999px) {
#sliderInner li img {
height: 200px;
}
}
#sliderInner .eventli {
width: 1000px;
}
@media (max-width: 999px) {
#sliderInner .eventli {
width: 100%;
}
}
#sliderInner .eventli img {
width: auto !important;
height: 540px;
-o-object-fit: contain !important;
object-fit: contain !important;
}
@media (max-width: 999px) {
#sliderInner .eventli img {
height: 200px;
}
}
.text {
font-size: 17.6px;
line-height: 20px;
margin-bottom: 10px;
}
/***編集START**********************************************/
.page_description {
width: 100%;
height: 28px;
background: #2A7BB7;
}
.page_description .content {
width: 1000px;
margin: 0px auto;
height: 28px;
position: relative;
}
@media (max-width: 999px) {
.page_description .content {
width: 90%;
}
}
.page_description .content p {
height: 12px;
font-size: 15.6px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
color: white;
}
.page_description .content .link {
height: 14px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
color: white;
}
header {
width: 100%;
height: 96px;
background: url("img/cmn/logo.svg") center, #2A7BB7;
background-repeat: no-repeat;
background-size: 500px;
border-top: 1px solid white;
border-bottom: 8px solid #2A7BB7;
/*content*/
}
@media (max-width: 999px) {
header {
background: url("img/cmn/logo.svg") center left, #2A7BB7;
background-repeat: no-repeat;
background-position: 17px;
background-size: 280px;
height: 70px;
}
}
header .content {
height: 96px;
position: relative;
/*box*/
}
header .content .box {
width: 110px;
height: 60px;
position: absolute;
background: white;
border-radius: 5px;
top: 0;
bottom: 0;
right: 0;
margin: auto;
padding: 5px;
}
header .content .box p {
text-align: center;
font-size: 14px;
padding-bottom: 5px;
color: #2A7BB7;
}
header .content .box ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
header .content .box ul li {
width: 50px;
height: 30px;
border-radius: 5px;
background: #98abd6;
text-align: center;
padding-top: 7px;
color: white;
}
header .content .box ul li:nth-of-type(2) {
background: #f65b62;
}
/*header*/
nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
nav ul a {
padding: 10px 0px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
nav ul a:hover {
background: #2A7BB7;
}
nav ul a:hover li {
color: white;
}
nav ul a:hover li span {
color: white;
}
nav ul a:last-child li {
border-right: 1px solid #2A7BB7;
}
nav ul a li {
width: 200px;
font-size: 16px;
font-weight: bold;
text-align: center;
border-left: 1px solid #2A7BB7;
padding: 5px 0px;
}
nav ul a li span {
display: block;
color: #2A7BB7;
font-size: 12px;
padding-top: 2px;
}
#top1 {
background: #f7f8f8;
}
#top1 .content .content_dl {
margin-top: 40px;
}
#top1 .content .title_box {
border: 2px solid rgba(0, 0, 0, 0.08);
}
#top1 .content .title_box .link2 {
position: absolute;
right: 10px;
}
#top1 .content .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
}
@media (max-width: 999px) {
#top1 .content .wrap {
margin-top: 0;
}
}
@media (max-width: 999px) {
#top1 .content .wrap {
display: block;
}
}
#top1 .content .wrap .left {
width: 327px;
height: 290px;
border: 2px solid rgba(0, 0, 0, 0.08);
padding: 6px;
background: white;
}
@media (max-width: 999px) {
#top1 .content .wrap .left {
width: 100%;
}
}
@media (max-width: 999px) {
#top1 .content .wrap .left {
display: none;
}
}
#top1 .content .wrap .left p {
margin-top: 10px;
font-size: 17.6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
}
#top1 .content .wrap .left p span {
color: #EA6157;
}
#top1 .content .wrap .right {
width: 663px;
height: 290px;
}
@media (max-width: 999px) {
#top1 .content .wrap .right {
width: 100%;
}
}
#top1 .content .wrap .right ul a li {
width: 218px;
height: 290px;
padding: 6px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 999px) {
#top1 .content .wrap .right ul a li {
width: 100%;
border-top: 0;
}
}
#top1 .content .wrap .right ul a li p {
background: #2A7BB7;
font-size: 14px;
color: white;
text-align: center;
padding: 6px 0px;
margin-top: 6px;
}
#top1 .content .wrap .right ul a li h3 {
font-size: 16px;
font-weight: bold;
line-height: 22px;
padding-top: 5px;
color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 999px) {
#top1 .content .wrap .right ul a li h3 {
line-height: 20px;
}
}
#top1 .content .wrap .right ul a li img {
margin-top: 20px;
width: 160px;
height: 160px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 999px) {
#top1 .content .wrap .right ul a li img {
margin-top: 0;
}
}
#top1 .event_notes{
text-align:right;
margin:10px 0 0 0;
}
#top1 .event_notes img{
width:16px;
height:auto;
display:inline-block;
margin:0 0 5px 0;
vertical-align:middle;
}
#index_event{
overflow:auto;
height:100%;
background-color:#fff;
padding:20px;
}
#index_event ul{
list-style-type:none;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
position:relative;
}
#index_event ul:after{
content:'';
display:block;
width:1px;
height:100%;
border-left:1px dashed #ccc;
position:absolute;
top:0;
left:50%;
}
#index_event ul li{
width:50%;
}
#index_event ul li:nth-child(2n+1){
padding-right:10px;
}
#index_event ul li:nth-child(2n){
padding-left:10px;
}
#index_event ul li:nth-child(n+3){
border-top:1px dashed #ccc;
padding-top:10px;
margin-top:10px;
}
#index_event ul li a{
display:flex;
width:100%;
height:100%;
justify-content:space-between;
position:relative;
transition:background-color 0.5s;
}
#index_event ul li a:after{
content:'';
display:block;
width:0;
height:0;
border:5px solid transparent;
border-right:5px solid #f60;
border-bottom:5px solid #f60;
position:absolute;
bottom:0;
right:0;
}
#index_event ul li a:hover{
background-color:#fff9dd;
}
#index_event ul li a>p{
width:26%;
}
#index_event ul li a>p img{
width:100%;
height:auto;
}
#index_event ul li a>div{
width:70%;
}
#index_event ul li a>div p{
font-size:12px;
margin-bottom:5px;
}
#index_event ul li a>div h3{
font-size:16px;
line-height:1.5;
color:#036;
}
@media (max-width: 999px) {
#index_event ul{
flex-direction:column;
}
#index_event ul:after{
display:none;
}
#index_event ul li{
width:100%;
}
#index_event ul li:nth-child(2n+1){
padding-right:0;
}
#index_event ul li:nth-child(2n){
padding-left:0;
}
#index_event ul li:nth-child(n+2){
border-top:1px dashed #ccc;
padding-top:10px;
margin-top:10px;
}
}
/*top1*/
#top2 {
background: #f7f8f8;
}
#top2 .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 999px) {
#top2 .content {
display: block;
}
}
#top2 .content .title_box {
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(0, 0, 0, 0.1);
border-left: 2px solid rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
#top2 .content .title_box .link2 {
position: absolute;
right: 10px;
}
#top2 .content .bnr_box {
width: 327px;
height: auto;
}
@media (max-width: 999px) {
#top2 .content .bnr_box a:nth-of-type(2) {
display: block;
margin-bottom: 30px;
}
}
#top2 .content .bnr_box img {
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(0, 0, 0, 0.1);
border-left: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
width: 100%;
height: auto;
margin: 0px auto;
display: block;
}
@media (max-width: 999px) {
#top2 .content .bnr_box {
width: 100%;
height: auto;
}
}
#top2 .content .wrap {
width:100%;
}
@media (max-width: 999px) {
#top2 .content .wrap {
width: 100%;
margin-bottom: 40px;
}
#top2 .content .wrap:last-child {
margin-bottom: 0;
}
}
#top2 .content .wrap ul {
background: white;
height: 220px;
overflow: scroll;
padding: 10px;
border: 2px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 999px) {
#top2 .content .wrap ul {
height: 100px;
}
}
#top2 .content .wrap ul a {
font-size: 15.6px;
}
#top2 .content .wrap ul a li {
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
padding: 12px 0px;
}
#top2 .content .wrap ul a li p {
font-weight: bold;
margin-bottom: 5px;
}
/*top2*/
#top3 {
background: #f7f8f8;
}
#top3 .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 999px) {
#top3 .content {
display: block;
}
}
/*top3*/
#top4 {
background: #f7f8f8;
margin: 0;
}
#top4 .content{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items:center;
}
#top4 .content .bnr{
max-width:initial;
width:32%;
}
@media (max-width: 999px) {
#top4 {
padding-top: 0;
}
}
@media (max-width:800px) {
#top4 {
padding-top: 0;
}
#top4 .content{
flex-direction:column;
}
#top4 .content .bnr{
width:100%;
}
}
/*index_reservation*/
#index_reservation{
background: #f7f8f8;
margin:0;
padding:40px 20px;
}
#index_reservation p.content .bnr{
padding:40px 0;
max-width:initial;
width:100%;
}
#index_reservation p.content .bnr span{
font-size:32px!important;
}
#index_reservation ul{
max-width:800px;
margin:0 auto;
display:flex;
justify-content:space-between;
list-style-type:none;
}
#index_reservation li{
width:48%;
}
#index_reservation ul.bnr1 li img{
width:100%;
height:auto;
}
#index_reservation ul.bnr2{
margin-top:30px;
}
#index_reservation ul.bnr2 li a{
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100px;
color:#fff;
font-family: 'Kosugi Maru', sans-serif;
font-size:32px;
font-weight:bold;
text-align:center;
}
#index_reservation ul.bnr2 li:nth-child(1) a{
background-color:#d60;
}
#index_reservation ul.bnr2 li:nth-child(2) a{
background-color:#685;
}
#index_reservation ul.bnr2 li a:hover{
color:#ff9;
}
@media(max-width: 999px){
#index_reservation{
padding:20px;
}
}
@media(max-width: 840px){
#index_reservation ul.bnr2 li a{
height:12vw;
font-size:3.7vw;
}
#index_reservation p.content .bnr span{
font-size:28px!important;
}
}
@media (max-width:800px) {
#index_reservation p.content .bnr{
padding:30px 0;
}
}
/*top4*/
footer {
margin-top: 40px;
/*.content*/
}
footer .sponsor {
width: 1000px;
margin: 0px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 999px) {
footer .sponsor {
width: 90%;
height: auto;
}
}
footer .sponsor img {
width: 214px;
height: 64px;
-o-object-fit: cover;
object-fit: cover;
display: block;
margin-bottom: 20px;
}
@media (max-width: 999px) {
footer .sponsor img {
width: 150px;
height: 45px;
}
}
footer .f_menu {
margin-top: 40px;
background: #D2ECFF;
}
@media (max-width: 999px) {
footer .f_menu {
display: none;
}
}
footer .f_menu ul {
width: 900px;
margin: 0px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 20px 0px;
}
footer .f_menu ul a {
font-size: 15.6px;
text-align: center;
}
footer .f_menu ul a li {
font-weight: bold;
}
footer .f_logo {
width: 300px;
margin-top: 20px;
margin-bottom: 20px;
}
footer p {
font-size: 15.6px;
text-align: center;
line-height: 20px;
padding-bottom: 20px;
}
@media (max-width: 999px) {
footer p {
padding: 10px;
}
}
footer span {
display: block;
text-align: center;
background: #2A7BB7;
color: white;
font-size: 15.6px;
line-height: 20px;
padding: 20px 0px;
}
#about1 {
background: #f7f8f8;
}
#about1 .content .title_box {
border: 2px solid rgba(0, 0, 0, 0.08);
}
#about1 .content .title_box .link2 {
position: absolute;
right: 10px;
}
#about1 .content .about_box {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
#about1 .content .about_box h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#about1 .content .about_box h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#about1 .content .about_box .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 999px) {
#about1 .content .about_box .wrap {
display: block;
}
}
#about1 .content .about_box .wrap img {
width: 400px;
height: 300px;
padding: 0;
margin: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 999px) {
#about1 .content .about_box .wrap img {
width: 100%;
height: 200px;
}
}
#about1 .content .about_box .wrap table {
width: 540px;
height: auto;
padding-left: 20px;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#about1 .content .about_box .wrap table {
width: 100%;
padding-left: 0;
}
}
#about1 .content .about_box .wrap table tr {
font-size: 17.6px;
}
#about1 .content .about_box .wrap table tr th {
width: 80px;
letter-spacing: 2px;
text-align: left;
padding: 5px 0px;
border-bottom: 2px solid #2A7BB7;
margin-bottom: 5px;
line-height: 20px;
vertical-align: middle;
}
@media (max-width: 999px) {
#about1 .content .about_box .wrap table tr th {
width: 120px;
}
}
#about1 .content .about_box .wrap table tr td {
text-align: left;
padding: 10px 0px;
padding-left: 10px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
width: 440px;
margin-bottom: 5px;
line-height: 20px;
}
@media (max-width: 999px) {
#about1 .content .about_box .wrap table tr td {
width: auto;
}
}
#about1 .content .about_box .wrap table tr td span {
font-size: 15.6px;
color: red;
}
#about1 .content .about_box .wrap table .openBtn td a {
cursor: pointer;
}
#about1 .content .about_box .wrap table .textArea {
display: none;
}
#about1 .content .about_box .wrap table .textArea td {
line-height: 26px;
}
#about1 .content .about_box .wrap table .textArea td a:hover {
color: #2A7BB7;
}
/*about1*/
#about2 {
background: #f7f8f8;
}
#about2 .content {
/*about_access*/
}
#about2 .content .title_box {
border: 2px solid rgba(0, 0, 0, 0.08);
}
#about2 .content .title_box .link2 {
position: absolute;
right: 10px;
}
#about2 .content .about_access {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
#about2 .content .about_access h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#about2 .content .about_access h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#about2 .content .about_access .wrap {
width: 900px;
margin: 0px auto;
margin-top: 50px;
padding-bottom: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 999px) {
#about2 .content .about_access .wrap {
width: 100%;
}
}
#about2 .content .about_access .wrap:last-child {
border-bottom: 0;
}
@media (max-width: 999px) {
#about2 .content .about_access .wrap {
display: block;
}
}
#about2 .content .about_access .wrap .map {
background: gray;
width: 150px;
}
#about2 .content .about_access .wrap ul {
width: 100%;
margin-bottom: 30px;
}
@media (max-width: 999px) {
#about2 .content .about_access .wrap ul {
width: 100%;
margin-top: 20px;
}
}
#about2 .content .about_access .wrap ul li {
font-size: 17.6px;
line-height: 20px;
margin-bottom: 10px;
}
#about2 .content .about_access .wrap ul li.title {
font-size: 22px;
font-weight: bold;
color: #0059A7;
color: #EA6E6E;
}
#about2 .content .about_access .wrap ul li.title span {
font-size: 17.6px;
color: rgba(0, 0, 0, 0.5);
}
#about2 .content .about_access .wrap ul li.title img {
width: 26px;
display: inline;
}
#about2 .content .about_access .wrap ul li.title:before {
content: none;
}
#about2 .content .about_access .wrap ul li:last-child {
margin-bottom: 0px;
}
#about2 .content .about_access .wrap ul li:before {
content: "・";
}
#about2 .content .about_access .wrap table {
width: 540px;
height: auto;
padding-left: 20px;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#about2 .content .about_access .wrap table {
width: 100%;
padding-left: 0;
}
}
#about2 .content .about_access .wrap table tr {
font-size: 17.6px;
}
#about2 .content .about_access .wrap table tr th {
width: 80px;
letter-spacing: 2px;
text-align: left;
padding: 5px 0px;
border-bottom: 2px solid #2A7BB7;
margin-bottom: 5px;
line-height: 20px;
vertical-align: middle;
}
@media (max-width: 999px) {
#about2 .content .about_access .wrap table tr th {
width: 120px;
}
}
#about2 .content .about_access .wrap table tr td {
text-align: left;
padding: 10px 0px;
padding-left: 10px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
width: 440px;
margin-bottom: 5px;
line-height: 20px;
}
@media (max-width: 999px) {
#about2 .content .about_access .wrap table tr td {
width: auto;
}
}
#about2 .content .about_access .wrap table tr td span {
font-size: 15.6px;
color: red;
}
#about2 .content .about_access img {
width: 700px;
height: auto;
margin: 0px auto;
}
@media (max-width: 999px) {
#about2 .content .about_access img {
width: 100%;
}
}
#about2 .content .about_access .bnr {
display: block;
margin: 0px auto;
}
/*about2*/
#price1 {
background: #f7f8f8;
}
#price1 .content .title_box {
border: 2px solid rgba(0, 0, 0, 0.08);
}
#price1 .content .title_box .link2 {
position: absolute;
right: 10px;
}
#price1 .content .content_dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media (max-width: 999px) {
#price1 .content .content_dl {
width: 100%;
display: block;
}
}
#price1 .content .about_box {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
/*wrap*/
}
#price1 .content .about_box .wrap div {
width: 100%;
height: auto;
margin: 0px auto;
}
@media (max-width: 999px) {
#price1 .content .about_box .wrap div {
overflow: auto;
white-space: nowrap;
}
#price1 .content .about_box .wrap div:-webkit-scrollbar {
height: 5px;
}
#price1 .content .about_box .wrap div:-webkit-scrollbar-track {
background: #F1F1F1;
}
#price1 .content .about_box .wrap div:-webkit-scrollbar-thumb {
background: #BCBCBC;
}
}
#price1 .content .about_box h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#price1 .content .about_box h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#price1 .content .about_box .wrap table {
width: 100%;
height: auto;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#price1 .content .about_box .wrap table {
width: 100%;
}
}
#price1 .content .about_box .wrap table tr {
font-size: 15.6px;
}
#price1 .content .about_box .wrap table tr th {
background: rgba(0, 0, 0, 0.04);
vertical-align: middle;
padding: 10px;
border: 1px solid gray;
font-size: 14px;
}
#price1 .content .about_box .wrap table tr td {
padding: 10px;
border: 1px solid gray;
font-size: 14px;
}
/*price1*/
#price2 {
background: #f7f8f8;
}
#price2 .content {
/*use_box*/
/*float*/
/*use_table*/
}
#price2 .content .title_box {
border: 2px solid rgba(0, 0, 0, 0.08);
}
#price2 .content .title_box .link2 {
position: absolute;
right: 10px;
}
#price2 .content .use_box {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
#price2 .content .use_box h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#price2 .content .use_box h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#price2 .content .use_box .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 999px) {
#price2 .content .use_box .wrap {
display: block;
}
}
#price2 .content .use_box .wrap img {
width: 400px;
height: 150px;
padding: 0;
margin: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 999px) {
#price2 .content .use_box .wrap img {
width: 100%;
height: 200px;
}
}
#price2 .content .use_box .wrap table {
width: 540px;
height: auto;
padding-left: 20px;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#price2 .content .use_box .wrap table {
width: 100%;
padding-left: 0;
}
}
#price2 .content .use_box .wrap table tr {
font-size: 17.6px;
}
#price2 .content .use_box .wrap table tr th {
width: 80px;
letter-spacing: 2px;
text-align: left;
padding: 5px 0px;
border-bottom: 2px solid #2A7BB7;
margin-bottom: 5px;
line-height: 20px;
vertical-align: middle;
}
@media (max-width: 999px) {
#price2 .content .use_box .wrap table tr th {
width: 120px;
}
}
#price2 .content .use_box .wrap table tr td {
text-align: left;
padding: 10px 0px;
padding-left: 10px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
width: 440px;
margin-bottom: 5px;
line-height: 20px;
}
@media (max-width: 999px) {
#price2 .content .use_box .wrap table tr td {
width: auto;
}
}
#price2 .content .use_box .wrap table tr td span {
font-size: 15.6px;
color: red;
}
#price2 .content .use_float {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
#price2 .content .use_float h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#price2 .content .use_float h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#price2 .content .use_float .content_dl {
width: 70%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0px auto;
margin-top: 30px;
}
@media (max-width: 999px) {
#price2 .content .use_float .content_dl {
display: block;
width: 100%;
}
}
#price2 .content .use_float .wrap {
width: 700px;
margin: 0px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 50px;
padding-bottom: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 999px) {
#price2 .content .use_float .wrap {
width: 100%;
}
}
#price2 .content .use_float .wrap:last-child {
border-bottom: 0;
}
@media (max-width: 999px) {
#price2 .content .use_float .wrap {
display: block;
}
}
#price2 .content .use_float .wrap .num {
width: 150px;
height: 150px;
border-radius: 50%;
background: #EA6E6E;
position: relative;
}
@media (max-width: 999px) {
#price2 .content .use_float .wrap .num {
width: 100%;
height: 50px;
border-radius: 0;
}
}
#price2 .content .use_float .wrap .num p {
width: 100%;
height: 30px;
text-align: center;
display: block;
position: absolute;
font-size: 30px;
font-weight: bold;
color: white;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
@media (max-width: 999px) {
#price2 .content .use_float .wrap .num p {
height: 20px;
font-size: 20px;
}
}
#price2 .content .use_float .wrap ul {
width: 500px;
}
@media (max-width: 999px) {
#price2 .content .use_float .wrap ul {
width: 100%;
margin-top: 20px;
}
}
#price2 .content .use_float .wrap ul li {
font-size: 17.6px;
line-height: 20px;
margin-bottom: 10px;
}
#price2 .content .use_float .wrap ul li.title {
font-size: 22px;
font-weight: bold;
color: #0059A7;
color: #EA6E6E;
}
#price2 .content .use_float .wrap ul li.title span {
font-size: 17.6px;
color: rgba(0, 0, 0, 0.5);
}
#price2 .content .use_float .wrap ul li.title img {
width: 26px;
display: inline;
}
#price2 .content .use_float .wrap ul li.title:before {
content: none;
}
#price2 .content .use_float .wrap ul li:last-child {
margin-bottom: 0px;
}
#price2 .content .use_float .wrap ul li:before {
content: "・";
}
#price2 .content .use_float .wrap table {
width: 540px;
height: auto;
padding-left: 20px;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#price2 .content .use_float .wrap table {
width: 100%;
padding-left: 0;
}
}
#price2 .content .use_float .wrap table tr {
font-size: 17.6px;
}
#price2 .content .use_float .wrap table tr th {
width: 80px;
letter-spacing: 2px;
text-align: left;
padding: 5px 0px;
border-bottom: 2px solid #2A7BB7;
margin-bottom: 5px;
line-height: 20px;
vertical-align: middle;
}
@media (max-width: 999px) {
#price2 .content .use_float .wrap table tr th {
width: 120px;
}
}
#price2 .content .use_float .wrap table tr td {
text-align: left;
padding: 10px 0px;
padding-left: 10px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
width: 440px;
margin-bottom: 5px;
line-height: 20px;
}
@media (max-width: 999px) {
#price2 .content .use_float .wrap table tr td {
width: auto;
}
}
#price2 .content .use_float .wrap table tr td span {
font-size: 15.6px;
color: red;
}
#price2 .content .use_table {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
#price2 .content .use_table .wrap div {
width: 100%;
height: auto;
margin: 0px auto;
overflow: auto;
white-space: nowrap;
}
#price2 .content .use_table .wrap div:-webkit-scrollbar {
height: 5px;
}
#price2 .content .use_table .wrap div:-webkit-scrollbar-track {
background: #F1F1F1;
}
#price2 .content .use_table .wrap div:-webkit-scrollbar-thumb {
background: #BCBCBC;
}
#price2 .content .use_table h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#price2 .content .use_table h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#price2 .content .use_table .wrap table {
width: 100%;
height: auto;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#price2 .content .use_table .wrap table {
width: 100%;
}
}
#price2 .content .use_table .wrap table tr {
font-size: 15.6px;
}
#price2 .content .use_table .wrap table tr th {
background: rgba(0, 0, 0, 0.04);
vertical-align: middle;
padding: 10px;
border: 1px solid gray;
font-size: 14px;
}
#price2 .content .use_table .wrap table tr td {
padding: 10px;
border: 1px solid gray;
font-size: 14px;
}
/*price2*/
#improve1 {
background: #f7f8f8;
}
#improve1 .content {
/*improve_box*/
/*improve_float*/
}
#improve1 .content .title_box {
border: 2px solid rgba(0, 0, 0, 0.08);
}
#improve1 .content .title_box .link2 {
position: absolute;
right: 10px;
}
#improve1 .content .improve_box {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
/*wrap*/
}
#improve1 .content .improve_box .text a {
color: #2A7BB7;
}
#improve1 .content .improve_box .wrap div {
width: 100%;
height: auto;
margin: 0px auto;
}
@media (max-width: 999px) {
#improve1 .content .improve_box .wrap div {
overflow: auto;
white-space: nowrap;
}
#improve1 .content .improve_box .wrap div:-webkit-scrollbar {
height: 5px;
}
#improve1 .content .improve_box .wrap div:-webkit-scrollbar-track {
background: #F1F1F1;
}
#improve1 .content .improve_box .wrap div:-webkit-scrollbar-thumb {
background: #BCBCBC;
}
}
#improve1 .content .improve_box h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#improve1 .content .improve_box h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#improve1 .content .improve_box .wrap table {
width: 100%;
height: auto;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#improve1 .content .improve_box .wrap table {
width: 100%;
}
}
#improve1 .content .improve_box .wrap table tr {
font-size: 15.6px;
}
#improve1 .content .improve_box .wrap table tr th {
background: rgba(0, 0, 0, 0.04);
vertical-align: middle;
padding: 10px;
border: 1px solid gray;
font-size: 14px;
}
#improve1 .content .improve_box .wrap table tr td {
padding: 10px;
border: 1px solid gray;
font-size: 14px;
}
#improve1 .content .improve_float {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
#improve1 .content .improve_float .text a {
color: #2A7BB7;
}
#improve1 .content .improve_float h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#improve1 .content .improve_float h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#improve1 .content .improve_float .wrap {
width: 700px;
margin: 0px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
padding-bottom: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 999px) {
#improve1 .content .improve_float .wrap {
width: 100%;
}
}
#improve1 .content .improve_float .wrap:last-child {
border-bottom: 0;
}
@media (max-width: 999px) {
#improve1 .content .improve_float .wrap {
display: block;
}
}
#improve1 .content .improve_float .wrap .num {
width: 150px;
height: 30px;
border-radius: 5px;
background: #EA6E6E;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 999px) {
#improve1 .content .improve_float .wrap .num {
width: 100%;
height: 50px;
border-radius: 0;
}
}
#improve1 .content .improve_float .wrap .num p {
width: 100%;
text-align: center;
display: block;
position: absolute;
font-size: 20px;
font-weight: bold;
color: white;
}
@media (max-width: 999px) {
#improve1 .content .improve_float .wrap .num p {
height: 20px;
font-size: 20px;
}
}
#improve1 .content .improve_float .wrap ul {
width: 500px;
}
@media (max-width: 999px) {
#improve1 .content .improve_float .wrap ul {
width: 100%;
margin-top: 20px;
}
}
#improve1 .content .improve_float .wrap ul li {
font-size: 17.6px;
line-height: 20px;
margin-bottom: 10px;
}
@media (max-width: 999px) {
#improve1 .content .improve_float .wrap ul li {
text-align: center;
}
}
#improve1 .content .improve_float .wrap ul li.title {
font-size: 22px;
font-weight: bold;
color: #0059A7;
color: #EA6E6E;
}
#improve1 .content .improve_float .wrap ul li.title span {
font-size: 17.6px;
color: rgba(0, 0, 0, 0.5);
}
#improve1 .content .improve_float .wrap ul li.title img {
width: 26px;
display: inline;
}
#improve1 .content .improve_float .wrap ul li.title:before {
content: none;
}
#improve1 .content .improve_float .wrap ul li:last-child {
margin-bottom: 0px;
}
#improve1 .content .improve_float .wrap ul li:before {
content: "・";
}
#improve1 .content .improve_float .wrap table {
width: 540px;
height: auto;
padding-left: 20px;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#improve1 .content .improve_float .wrap table {
width: 100%;
padding-left: 0;
}
}
#improve1 .content .improve_float .wrap table tr {
font-size: 17.6px;
}
#improve1 .content .improve_float .wrap table tr th {
width: 80px;
letter-spacing: 2px;
text-align: left;
padding: 5px 0px;
border-bottom: 2px solid #2A7BB7;
margin-bottom: 5px;
line-height: 20px;
vertical-align: middle;
}
@media (max-width: 999px) {
#improve1 .content .improve_float .wrap table tr th {
width: 120px;
}
}
#improve1 .content .improve_float .wrap table tr td {
text-align: left;
padding: 10px 0px;
padding-left: 10px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
width: 440px;
margin-bottom: 5px;
line-height: 20px;
}
@media (max-width: 999px) {
#improve1 .content .improve_float .wrap table tr td {
width: auto;
}
}
#improve1 .content .improve_float .wrap table tr td span {
font-size: 15.6px;
color: red;
}
/*improve1*/
#single {
background: #f7f8f8;
}
#single .content .content_dl {
width: 700px;
margin: 0px auto;
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 999px) {
#single .content .content_dl {
width: 100%;
display: block;
}
}
#single .content .title_box {
border: 2px solid rgba(0, 0, 0, 0.08);
}
#single .content .title_box .link2 {
position: absolute;
right: 10px;
}
#single .content .single_box {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
/*ul*/
/*.e-list_wrap*/
/*wrap*/
}
#single .content .single_box h4 {
font-size: 22px;
font-weight: bold;
color: #0059A7;
color: white;
text-align: center;
background: #2A7BB7;
font-size: 34px;
padding: 10px 0px;
margin-bottom: 30px;
}
#single .content .single_box h4 span {
font-size: 17.6px;
color: rgba(0, 0, 0, 0.5);
}
#single .content .single_box h4 img {
width: 26px;
display: inline;
}
@media (max-width: 999px) {
#single .content .single_box h4 {
font-size: 24px;
}
}
#single .content .single_box .textArea {
display: none;
}
#single .content .single_box .textArea img {
width: 80%;
height: auto;
display: block;
margin: 0px auto;
margin-bottom: 30px;
}
#single .content .single_box .dummy {
width: 196px;
height: 160px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 999px) {
#single .content .single_box .dummy {
width: 34%;
}
}
#single .content .single_box .text {
line-height: 34px;
}
@media (max-width: 999px) {
#single .content .single_box .text img {
width: 100%;
height: auto;
}
}
#single .content .single_box ul {
/*a*/
}
#single .content .single_box ul a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
/*img*/
}
#single .content .single_box ul a img {
background: rgba(0, 0, 0, 0.04);
width: 200px;
height: 160px;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin: 0px auto;
margin-top: 10px;
margin-bottom: 10px;
}
@media (max-width: 999px) {
#single .content .single_box ul a img {
width: 100%;
}
}
#single .content .single_box ul li {
width: 800px;
padding-left: 20px;
line-height: 24px;
}
#single .content .single_box .e-list_wrap {
display: none;
/*table*/
}
#single .content .single_box .e-list_wrap table {
width: 100%;
height: auto;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid rgba(0, 0, 0, 0.2);
margin: 0px auto;
}
@media (max-width: 999px) {
#single .content .single_box .e-list_wrap table {
width: 100%;
}
}
#single .content .single_box .e-list_wrap table tr {
font-size: 18px;
}
#single .content .single_box .e-list_wrap table tr:last-child th, #single .content .single_box .e-list_wrap table tr:last-child td {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#single .content .single_box .e-list_wrap table tr th {
width: 260px;
background: #2A7BB7;
font-weight: bold;
color: white;
vertical-align: middle;
text-align: left;
height: 40px;
padding-left: 16px;
border-bottom: 1px solid white;
}
@media (max-width: 999px) {
#single .content .single_box .e-list_wrap table tr th {
display: block;
width: 100%;
height: auto;
padding: 10px 5px;
text-align: center;
}
}
#single .content .single_box .e-list_wrap table tr td {
vertical-align: middle;
padding: 10px 0px 10px 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
line-height: 24px;
}
@media (max-width: 999px) {
#single .content .single_box .e-list_wrap table tr td {
display: block;
width: 100%;
height: auto;
padding: 10px 5px;
text-align: left;
}
}
#single .content .single_box h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#single .content .single_box h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#single .content .single_box .wrap table {
width: 100%;
height: auto;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#single .content .single_box .wrap table {
width: 100%;
}
}
#single .content .single_box .wrap table tr {
font-size: 15.6px;
}
#single .content .single_box .wrap table tr th {
background: rgba(0, 0, 0, 0.04);
vertical-align: middle;
padding: 10px;
border: 1px solid gray;
font-size: 14px;
}
#single .content .single_box .wrap table tr td {
padding: 10px;
border: 1px solid gray;
font-size: 14px;
}
/*single*/
#sitemap1 {
background: #f7f8f8;
}
#sitemap1 .content {
/*use_box*/
/*float*/
/*use_table*/
}
#sitemap1 .content .title_box {
border: 2px solid rgba(0, 0, 0, 0.08);
}
#sitemap1 .content .title_box .link2 {
position: absolute;
right: 10px;
}
#sitemap1 .content .use_box {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
#sitemap1 .content .use_box h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#sitemap1 .content .use_box h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#sitemap1 .content .use_box .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 999px) {
#sitemap1 .content .use_box .wrap {
display: block;
}
}
#sitemap1 .content .use_box .wrap img {
width: 400px;
height: 150px;
padding: 0;
margin: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 999px) {
#sitemap1 .content .use_box .wrap img {
width: 100%;
height: 200px;
}
}
#sitemap1 .content .use_box .wrap table {
width: 540px;
height: auto;
padding-left: 20px;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#sitemap1 .content .use_box .wrap table {
width: 100%;
padding-left: 0;
}
}
#sitemap1 .content .use_box .wrap table tr {
font-size: 17.6px;
}
#sitemap1 .content .use_box .wrap table tr th {
width: 80px;
letter-spacing: 2px;
text-align: left;
padding: 5px 0px;
border-bottom: 2px solid #2A7BB7;
margin-bottom: 5px;
line-height: 20px;
vertical-align: middle;
}
@media (max-width: 999px) {
#sitemap1 .content .use_box .wrap table tr th {
width: 120px;
}
}
#sitemap1 .content .use_box .wrap table tr td {
text-align: left;
padding: 10px 0px;
padding-left: 10px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
width: 440px;
margin-bottom: 5px;
line-height: 20px;
}
@media (max-width: 999px) {
#sitemap1 .content .use_box .wrap table tr td {
width: auto;
}
}
#sitemap1 .content .use_box .wrap table tr td span {
font-size: 15.6px;
color: red;
}
#sitemap1 .content .use_float {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
#sitemap1 .content .use_float h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#sitemap1 .content .use_float h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#sitemap1 .content .use_float .wrap {
width: 700px;
margin: 0px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 50px;
padding-bottom: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
/*num*/
}
@media (max-width: 999px) {
#sitemap1 .content .use_float .wrap {
width: 100%;
}
}
#sitemap1 .content .use_float .wrap:last-child {
border-bottom: 0;
}
@media (max-width: 999px) {
#sitemap1 .content .use_float .wrap {
display: block;
}
}
#sitemap1 .content .use_float .wrap .num {
width: 200px;
height: 50px;
border-radius: 3px;
background: #EA6E6E;
position: relative;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#sitemap1 .content .use_float .wrap .num:hover {
background: #2A7BB7;
}
@media (max-width: 999px) {
#sitemap1 .content .use_float .wrap .num {
width: 100%;
height: 50px;
border-radius: 0;
}
}
#sitemap1 .content .use_float .wrap .num p, #sitemap1 .content .use_float .wrap .num a {
width: 100%;
height: 16px;
text-align: center;
display: block;
position: absolute;
font-size: 16px;
font-weight: bold;
color: white;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
@media (max-width: 999px) {
#sitemap1 .content .use_float .wrap .num p, #sitemap1 .content .use_float .wrap .num a {
height: 20px;
font-size: 20px;
}
}
#sitemap1 .content .use_float .wrap ul {
width: 450px;
}
@media (max-width: 999px) {
#sitemap1 .content .use_float .wrap ul {
width: 100%;
margin-top: 20px;
}
}
#sitemap1 .content .use_float .wrap ul li {
font-size: 17.6px;
line-height: 20px;
margin-bottom: 10px;
}
#sitemap1 .content .use_float .wrap ul li.title {
font-size: 22px;
font-weight: bold;
color: #0059A7;
color: #EA6E6E;
}
#sitemap1 .content .use_float .wrap ul li.title span {
font-size: 17.6px;
color: rgba(0, 0, 0, 0.5);
}
#sitemap1 .content .use_float .wrap ul li.title img {
width: 26px;
display: inline;
}
#sitemap1 .content .use_float .wrap ul li.title:before {
content: none;
}
#sitemap1 .content .use_float .wrap ul li:last-child {
margin-bottom: 0px;
}
#sitemap1 .content .use_float .wrap ul li:before {
content: "・";
}
#sitemap1 .content .use_float .wrap table {
width: 540px;
height: auto;
padding-left: 20px;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#sitemap1 .content .use_float .wrap table {
width: 100%;
padding-left: 0;
}
}
#sitemap1 .content .use_float .wrap table tr {
font-size: 17.6px;
}
#sitemap1 .content .use_float .wrap table tr th {
width: 80px;
letter-spacing: 2px;
text-align: left;
padding: 5px 0px;
border-bottom: 2px solid #2A7BB7;
margin-bottom: 5px;
line-height: 20px;
vertical-align: middle;
}
@media (max-width: 999px) {
#sitemap1 .content .use_float .wrap table tr th {
width: 120px;
}
}
#sitemap1 .content .use_float .wrap table tr td {
text-align: left;
padding: 10px 0px;
padding-left: 10px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
width: 440px;
margin-bottom: 5px;
line-height: 20px;
}
@media (max-width: 999px) {
#sitemap1 .content .use_float .wrap table tr td {
width: auto;
}
}
#sitemap1 .content .use_float .wrap table tr td span {
font-size: 15.6px;
color: red;
}
#sitemap1 .content .use_table {
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
#sitemap1 .content .use_table .wrap div {
width: 100%;
height: auto;
margin: 0px auto;
overflow: auto;
white-space: nowrap;
}
#sitemap1 .content .use_table .wrap div:-webkit-scrollbar {
height: 5px;
}
#sitemap1 .content .use_table .wrap div:-webkit-scrollbar-track {
background: #F1F1F1;
}
#sitemap1 .content .use_table .wrap div:-webkit-scrollbar-thumb {
background: #BCBCBC;
}
#sitemap1 .content .use_table h3 {
font-size: 18px;
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
padding: 10px 0px;
margin-bottom: 10px;
}
#sitemap1 .content .use_table h3:before {
content: '■';
color: #2A7BB7;
padding-right: 6px;
}
#sitemap1 .content .use_table .wrap table {
width: 100%;
height: auto;
border-collapse: collapse;
border-spacing: 0;
}
@media (max-width: 999px) {
#sitemap1 .content .use_table .wrap table {
width: 100%;
}
}
#sitemap1 .content .use_table .wrap table tr {
font-size: 15.6px;
}
#sitemap1 .content .use_table .wrap table tr th {
background: rgba(0, 0, 0, 0.04);
vertical-align: middle;
padding: 10px;
border: 1px solid gray;
font-size: 14px;
}
#sitemap1 .content .use_table .wrap table tr td {
padding: 10px;
border: 1px solid gray;
font-size: 14px;
}
/*sitemap1*/
/*cal*/
#biz_calendar {
max-width: 250px;
margin: auto;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', sans-serif;
}
#biz_calendar p {
margin: 0;
line-height: 170%;
}
#biz_calendar p span.boxholiday {
background-color: #F63C9F;
padding-left: 25px;
margin-right: 10px;
}
#biz_calendar p span.boxeventday {
background-color: #64BDEB;
padding-left: 25px;
margin-right: 10px;
}
#biz_calendar table.bizcal {
margin: 10px 0;
width: 100%;
background-color: #ffffff;
table-layout: fixed;
line-height: 1.6;
cursor: default;
vertical-align: middle;
border-collapse: collapse;
border-spacing: 0;
}
#biz_calendar table.bizcal th {
text-align: center;
border-width: 0;
padding: 2px;
color: white;
background-color: #2A7BB7;
border: 1px solid #2A7BB7;
}
#biz_calendar table.bizcal th:first-child {
color: white;
}
#biz_calendar table.bizcal th:nth-last-of-type(1) {
color: white;
}
#biz_calendar table.bizcal td {
text-align: center;
font-weight: bold;
border-width: 0;
padding: 2px;
color: #000000;
border: 1px solid rgba(0, 0, 0, 0.04);
position: relative;
}
#biz_calendar table.bizcal .calmonth {
text-align: left;
font-weight: bold;
padding: 2px 7px;
border: none;
}
#biz_calendar table.bizcal .calbtn {
border: none;
cursor: pointer;
}
#biz_calendar table.bizcal .holiday {
background-color: #EA6157;
color: #ffffff;
}
#biz_calendar table.bizcal .eventday {
background-color: #64BDEB;
color: #ffffff;
}
#biz_calendar table.bizcal .eventday a {
color: #ffffff;
}
#biz_calendar table.bizcal .today {
font-weight: bold;
color: white;
width: 30px;
background: #0059A7 !important;
}
#biz_calendar table.bizcal .today a {
font-weight: bold;
}
#biz_calendar table.bizcal img {
vertical-align: middle;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
}
#biz_calendar table.bizcal .down-img {
text-align: right;
}
#biz_calendar table.bizcal .today-img {
text-align: center;
}
#biz_calendar table.bizcal .up-img {
text-align: left;
}
/*# sourceMappingURL=style-font2.css.map */
/*price 200630*/
#price_guide{
counter-reset:price_guide;
}
#price_guide h4{
font-size:28px;
color:#EA6E6E;
margin:0 0 20px 0;
}
#price_guide ol{
list-style-type:none;
margin:0 0 20px 0;
padding:0;
}
#price_guide ol>li{
counter-increment:price_guide;
margin:0;
padding:0;
position:relative;
padding-left:2em;
line-height:1.3;
}
#price_guide ol>li:before{
content:counter(price_guide);
position:absolute;
top:0;
left:0;
font-size:21px;
}
#price_guide ol>li:nth-child(n+2):before{
top:20px;
}
#price_guide ol>li:nth-child(n+2){
border-top:1px dashed #ccc;
margin-top:20px;
padding-top:20px;
}
#price_guide ol>li h5{
font-size:21px;
margin:0 0 10px 0;
}
#price_guide ul{
margin:0;
padding:0;
list-style-type:none;
}
#price_guide ul li{
margin:10px 0 0 0;
position:relative;
padding-left:1em;
}
#price_guide ul li:before{
content:'●';
position:absolute;
top:0;
left:0;
}
#price_guide a{
color:#06c;
text-decoration:underline;
}
#download{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
width:100%;
}
#download>div{
width:49%;
border:1px dashed #ccc;
padding:10px;
}
#download ul{
list-style-type:none;
}
#download h3{
font-weight:normal!important;
color:#000!important;
}
#download ol{
list-style-type:none;
counter-reset:download;
}
#download li{
padding-left:1.2em;
position:relative;
}
#download ol li{
counter-increment:download;
padding-top:3px;
padding-left:2.4em;
}
#download ul li:before{
content:'●';
position:absolute;
top:0;
left:0;
}
#download ol li:before{
content:counter(download);
position:absolute;
top:0;
left:0;
border:1px solid #000;
padding:2px 5px;
}
#download ol li:after,#download li.download_link:after{
content:'';
display:inline-block;
width:16px;
height:16px;
background:url('/wp/wp-content/themes/o-ence/img/cmn/icon_newwin.png') no-repeat;
background-size:contain;
vertical-align:middle;
margin-left:10px;
}
#download li:nth-child(n+2){
margin-top:10px;
}
@media(max-width:999px){
#download>div{
width:49%;
}
#download>div:nth-child(n+3){
margin-top:2%;
}
}
@media(max-width:767px){
#download>div{
width:100%;
}
#download>div:nth-child(n+2){
margin-top:10px;
}
}
.price_tbl td{
text-align:center;
}
.price_tbl thead td:nth-child(n+5),
.price_tbl tbody td:nth-child(n+6){
background-color:#fed;
}
.price_tbl thead th:nth-child(3){
background-color:#fed!important;
}
.price_tbl tbody tr:first-child td:nth-child(6){
background-color:#fff;
}
.price_tbl thead+tbody td:nth-child(1),
.price_tbl thead+tbody tr:nth-child(1) th,
.price_tbl thead+tbody tr:nth-child(1) td:nth-child(2){
background-color:#fca!important;
}
.price_tbl tbody+tbody td:nth-child(1),
.price_tbl tbody+tbody tr:nth-child(1) th,
.price_tbl tbody+tbody tr:nth-child(1) td:nth-child(2){
background-color:#cde!important;
}
#record_sec .content .use_box{
width: 100%;
height: auto;
margin: 0px auto;
padding: 10px;
background: white;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
#record_sec .content .title_box {
border: 2px solid rgba(0, 0, 0, 0.08);
}
#record{
width:100%;
}
#record>div:nth-child(n+2){
margin-top:20px;
}
#record h3{
font-weight:bold;
background-color:#2a7bb7;
color:#fff;
padding:10px;
border-radius:5px;
padding:10px;
margin:0;
font-size:21px;
cursor:pointer;
position:relative;
}
#record h3:after{
content:'';
display:block;
width:0;
height:0;
border:10px solid transparent;
border-top:10px solid #fff;
position:absolute;
right:10px;
top:50%;
margin-top:-5px;
}
#record h3.s::after{
transform:rotate(180deg);
margin-top:-15px;
}
#record table{
width:100%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin-top:10px;
}
#record th,#record td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:10px;
text-align:center;
vertical-align:middle;
font-size:13px;
line-height:1.3;
}
#record th{
background-color:#eee;
}
#record th:nth-child(1),#record td:nth-child(1),
#record th:nth-child(2),#record td:nth-child(2){
width:13%;
}
#record th:nth-child(3),#record td:nth-child(3),
#record th:nth-child(4),#record td:nth-child(4){
width:26%;
}
#record th:nth-child(5),#record td:nth-child(5){
width:16%;
}
#record>div:nth-child(n+2) table{
display:none;
}
@media(max-width:767px){
#download>div:nth-child(n+2){
margin-top:2vw;
}
#record h3{
font-size:4vw;
padding:2vw;
border-radius:1vw;
}
#record h3:after{
border:2vw solid transparent;
border-top:2vw solid #fff;
right:2vw;
margin-top:-1vw;
}
#record h3.s::after{
margin-top:-3vw;
}
#record thead{
display:none;
}
#record th,td{
display:block;
width:100%!important;
}
#record tbody:nth-child(2n) td{
background-color:#eee;
}
#record td:before{
display:block;
color:#2a7bb7;
}
#record td:nth-child(1):before{
content:'【開催日】';
}
#record td:nth-child(2):before{
content:'【会場】';
}
#record td:nth-child(3):before{
content:'【事業名】';
}
#record td:nth-child(4):before{
content:'【出演者・内容】';
}
#record td:nth-child(5):before{
content:'【ジャンル】';
}
}
#index_youtube{
width:100%;
max-width:800px;
margin:40px auto 0 auto;
padding:0 20px;
box-sizing:border-box;
}
#index_youtube>div{
width:100%;
height:0;
padding-bottom:56.25%;
position:relative;
}
#index_youtube>div iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#index_youtube ul{
list-style-type:none;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}
#index_youtube ul li{
width:49%;
margin-top:20px;
text-align:center;
}
#index_youtube ul li .bnr{
font-weight:bold;
color:#2a7bb7;
}
#index_youtube ul li .bnr:hover{
color:#fff;
}
#index_youtube ul li img{
width:100%;
height:auto;
}
@media(max-width:767px){
#index_youtube ul li{
width:100%;
}
}
.index_gmap{
display:flex;
justify-content:space-between;
margin-bottom:40px;
}
.index_gmap>div{
width:48%;
}
.index_gmap>div>div{
width:100%;
height:0;
padding-bottom:75%;
position:relative;
}
.index_gmap>div>div iframe{
border:0;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.index_gmap h3{
text-align:center;
margin-bottom:10px;
padding:10px;
font-size:18px;
background-color:#0059A7;
color:#fff;
}
@media(max-width:767px){
.index_gmap{
flex-direction:column;
}
.index_gmap>div{
width:100%;
}
.index_gmap>div:nth-child(2){
margin-top:4vw;
}
}
#sitemap_menu{
display:none;
position:fixed;
right:0;
top:50%;
z-index:108;
width:60px;
height:60px;
margin-top:-30px;
}
@media(min-width:1000px) {
#sitemap_menu.s{
display:block;
}
}
#sitemap_menu a{
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
background-color:#2a7bb7;
color:#fff;
font-size:14px;
line-height:1.3;
border-radius:5px 0 0 5px;
}