:root{
  --default-font:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --heading-font:Jost,sans-serif;
  --nav-font:Poppins,sans-serif;
  --background-color:#fff;
  --background-dark-color:#1c2a42;
  --default-color:#444;
  --heading-color:#389a43;
  --accent-color:#47b2e4;
  --surface-color:#fff;
  --contrast-color:#fff;
  --nav-color:#fff;
  --nav-hover-color:#47b2e4;
  --nav-mobile-background-color:#fff;
  --nav-dropdown-background-color:#fff;
  --nav-dropdown-color:#444;
  --nav-dropdown-hover-color:#47b2e4;
  --btn-bg: #EF3F6B;
  --btn-bg-hover: #389a43;
  --btn-hover-color: #fff;
  --section-border-color: #389a43;
  --bonus-c: #F6AE2D;
  --sec-btn-border: #eee;
  --sec-btn-bg-hover: #f3f2ff;
  --sec-btn-color: #2E174F;
  --transition: all .2s ease-in-out;
  --icon-rating-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 16.627 15.888'%3E%3Cg data-name='Group 15'%3E%3Cpath d='M12.074 15.152c-.227 0-.455-.055-.659-.161L8.31 13.359l-3.102 1.63A1.42 1.42 0 0 1 3.15 13.5l.593-3.455-2.513-2.451a1.423 1.423 0 0 1-.016-2.01c.215-.218.498-.36.798-.406l3.473-.504 1.551-3.147A1.423 1.423 0 0 1 8.94.882c.277.138.504.366.64.64l1.555 3.15 3.468.504c.372.053.705.249.932.551.228.303.324.676.272 1.052a1.424 1.424 0 0 1-.42.823l-.002-.002-2.504 2.438.59 3.459a1.418 1.418 0 0 1-1.396 1.655Zm2.298-8.38h.002-.002Z' data-name='Path 47' style='fill:%23fbe269;stroke-width:0'/%3E%3C/g%3E%3C/svg%3E");
  --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
  --icon-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
  --pros-check-c: invert(58%) sepia(63%) saturate(5959%) hue-rotate(72deg) brightness(94%) contrast(101%);
  --cons-x-c: invert(13%) sepia(99%) saturate(5094%) hue-rotate(338deg) brightness(78%) contrast(109%);
}
[class*='oplogo-'], [class*='game-']{width: 170px;margin: 0 auto; display: block;text-indent: -9999px;background-size: contain;background-position: center center;background-repeat: no-repeat;max-width: 100%; height: 100%;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}nav ul{list-style:none;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}address{font-style:normal}img{vertical-align:middle}
a{text-decoration:none;color:#000}a:link{text-decoration:none;color:#000}a:visited{text-decoration:none;color:#000}a:hover{text-decoration:underline;color:#000}a:active{text-decoration:none;color:#000}@media screen and (min-width: 641px){a:hover img{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75}}.pc{display:block}.sp{display:none}@media screen and (max-width: 767px){.pc{display:none}.sp{display:block}}.alignL{text-align:left}.alignC{text-align:center}.alignR{text-align:right}.floatL{float:left}.floatR{float:right}.small{font-size:.9em}.big{font-size:1.16em}.bold{font-weight:700}.red{color:red}.gray{color:gray}.green{color:#4daf38}ol{margin:0 0 0 25px}ol li{list-style-position:outside}ol.nostyle{margin:0}ol.nostyle li{padding-left:1em;text-indent:-1em;list-style:none}input[type=button],input[type=submit]{cursor:pointer}@media screen and (max-width:767px ){input[type="submit"],input[type="input"],input[type="button"]{-webkit-appearance:none}}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:100}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:200}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:300}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:400}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Bold");font-weight:700}body{font:62.5%/1.231 "Yu Gothic",YuGothic}select,input,button,textarea,button{font:99% "Yu Gothic",YuGothic}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}
body{width:100%;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.6;text-align: left;}
.wrap{width:100%;max-width:1000px;margin:0 auto}
.bg_green{background:#E2F0D9}
.bg_white{background:#fff}
.bg_gray{background:#eee}
.sp{display:none}
.flex{display:flex}
.flex.Jsb{justify-content:space-between}
.flex.Jcn{justify-content:center}
.flex.Jfe{justify-content:flex-end}
.alignC{text-align:center}
ul{list-style:none}
ol,ul{text-align: left;margin-bottom: 1rem;}
.btn01{margin:50px 0 0}
.btn01 a{display:block;width:100%;max-width:500px;margin:auto;padding:15px;background:#D62936;font-weight:700;color:#FFF!important;border-radius:4px;box-shadow:0 0 20px #0003;font-size:18px;box-sizing:border-box;text-decoration:none!important;text-align:center!important}
small{font-size:.9rem}
h2{font-size:1.5rem;font-weight:700;margin:50px 0;color:#002060;text-align: center;}
h2.green{color:#393;margin:50px 0 10px;position:relative;padding:0 0 0 15px}
h2.green::before{content:'';display:inline-block;height:2rem;border-left:5px solid #393;position:absolute;bottom:20%;left:0;margin:auto}
header{text-align:center;}
#under header div.wrap{display:flex;padding:10px 0 20px;box-sizing:border-box;align-items:center}
header .logo{max-width:400px;background:#ffffffe6;margin:auto;border-radius:20px;box-sizing:border-box}
header .summercp{margin-left:10px}
header .logo_new{max-width:570px;padding:70px 10px 10px;margin:0 auto 40px;box-sizing:border-box}
header .catchcopy{max-width:900px;width:100%;margin:auto}
header nav{background:#389A43;width:100%;padding:10px 0;top:0;z-index:2}
.navbar-expand-lg .navbar-nav .dropdown-menu{background: var(--heading-color);}
.dropdown-item {transition: var(--transition);}
.dropdown-item:focus, .dropdown-item:hover {color: var(--heading-color)!important;}
.navbar-toggler{
  color: #fff;
  border: none;
  font-size: 30px;
  background-color: transparent;
}
.navbar-toggler-icon{
  opacity: 1;
}
.navbar-collapse.show{  border-top: 2px solid #fff;}
header ul{display:flex;justify-content:space-between}
header ul li a{font-weight:700;color:#FFF!important}
header div.wrap .flex{justify-content:space-between;align-content:center;margin-top:30px}
header div.wrap .flex dl{background:#ffffffe6;width:48%;border:solid 4px #00B0F0}
header div.wrap .flex dl:last-child{border:solid 4px #F93}
header div.wrap .flex dl dt{background:#00B0F0;color:#FFF;font-size:1.3rem;font-weight:700}
header div.wrap .flex dl:last-child dt{background:#F93}
header div.wrap .flex dd{padding:10px 0}
header div.wrap .flex dd img{width:250px}
header div.wrap .flex dd .btn01{margin:10px}
header div.wrap .flex dd .btn01 a{max-width:250px;padding:5px}
header .sp_menu{background:#389A43;height:30px;width:50px;align-items:center;justify-content:center;display:none;padding:10px 0}
header .menu_ico{position:relative;width:31px;height:30px;margin-top:0}
header .active.sp_menu{background:#389A43;height:52px;align-items:center;justify-content:center;display:none}
header .active.menu_ico{position:relative;width:31px;height:35px;margin-top:10px}
header .active .menu_ico{position:relative;width:31px;height:35px;margin-top:10px}
header .menu_ico span{position:absolute;left:0;width:100%;height:5px;background-color:#FFF}
header .menu_ico span:nth-of-type(1){top:-1px}
header .menu_ico span:nth-of-type(2){top:50%;margin-top:-2.5px}
header .menu_ico span:nth-of-type(3){bottom:0}
header .active .menu_ico span:nth-of-type(1){-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}
header .active .menu_ico span:nth-of-type(2){opacity:0}
header .active .menu_ico span:nth-of-type(3){-webkit-transform:translateY(-17px) rotate(45deg);transform:translateY(-23px) rotate(45deg)}
.wrap{max-width:1000px;margin:0 auto}
#matome{margin-top:50px}
#matome .wrap{max-width:1200px}
#matome .flex{margin-top:30px;justify-content:space-around;flex-wrap:wrap;align-items:flex-start}
#matome figure{max-width:880px;margin-bottom:20px}
#matome .flex div{max-width:300px;background:#B5E6FF;display:inline-block}
#matome .flex div p{background:#FFF;padding:10px;margin:6% 15px}
#matome .flex a{color:#4D9BDB!important;text-decoration:underline}
.bgIcon{position:absolute;z-index:0}
.bgIcon1,.bgIcon3,.bgIcon10,.bgIcon11,.bgIcon12{fill:#68A68D}
.bgIcon2,.bgIcon4,.bgIcon6{fill:#9DBFB1}
.bgIcon5,.bgIcon9{fill:#EFCAD6}
.bgIcon1{right:0;top:140rem}
.bgIcon2{left:0;top:150rem}
.bgIcon3{right:0;top:200rem}
.bgIcon4{left:0;top:211rem}
.bgIcon5{left:0;top:250rem}
.bgIcon6{right:0;top:291rem}
.bgIcon7{right:0;top:50rem;fill:#ccc}
.bgIcon8{left:0;top:90rem;fill:#D3EBFD}
.bgIcon9{right:0;top:130rem}
.bgIcon10{left:0;top:200rem}
.bgIcon11{right:0;top:215rem}
.bgIcon12{left:0;top:300rem}
#sec01{padding:50px 0}
#sec01 h1{font-size:2.8rem;font-weight:700;color:#333;margin-bottom:30px}
#sec01 h1 span{color:#FF7C80}
#sec01 .box01{background:#FF7C80;padding:10px;color:#FFF;margin-bottom:30px;font-size:1.3rem;font-weight:700}
#sec01 .box01 strong{font-size:3rem;display:block;margin-top:1rem;line-height:normal}
#sec01 .box01 strong span{display:inline-block;color:#FF7C80;background:#FFF;padding:0 10px;margin-left:10px}
#sec01 .flex{justify-content:space-between;margin-bottom:40px;text-align:center;align-items:center}
#sec01 .flex div{flex:1}
#sec01 .flex h3{font-weight:700;font-size:2rem}
#sec01 .flex div.box02{border:solid 3px #FF7C80;width:300px;flex:none;padding:10px;max-width:100%;box-sizing:border-box}
#sec01 .flex .box02 strong{display:block;font-size:1.7rem}
#sec01 .flex div.box02 strong span{color:#FF7C80;font-size:3rem;margin-right:10px}
#sec01 .flex.box03{align-items:stretch;align-content:center}
#sec01 .flex.box03 div{background:#FF7C80;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px;color:#FFF}
#sec01 .flex.box03 div:first-child{background:#002060}
#sec01 .flex.box03 div:last-child{background:#CFF;color:#333}
#sec01 .flex.box03 div p{width:100%}
#sec01 .flex.box03 div strong{font-size:2rem;margin:0 10px;display:block}
#sec01 .flex.box03 div p.white{background:#FFF;color:#FF7C80;margin:10px 30px;padding:10px;font-weight:700}
#sec01 .flex.box03 div:first-child p.white{color:#002060}
#sec01 .flex.box03 div span{font-size:1.8rem;font-weight:700}
#sec02{padding:50px 0 100px}
#sec02 dl{display:flex;width:100%;border-bottom:solid 1px #CCC;padding:10px 0}
#sec02 dl dt{font-weight:700;color:#002060;margin-right:10px}
#sec02 dl dd a{color:#4D9BDB!important;text-decoration:underline!important}
.title{background:url(../img/back01.jpg) no-repeat center center;background-size:cover;padding:50px 0}
.title h1{font-size:2rem;font-weight:700;background:#ffffffe6;border-radius:20px;max-width:400px;margin:auto;padding:20px}
table h3{font-weight:700;margin-bottom:10px}
#sec03{padding:0 0 100px}
#sec04{padding:0 0 100px}
#sec04 .title{background:url(../img/back02.jpg) no-repeat center center;background-size:cover}
#sec04 table th{background:#F93}
#sec04 table td{background:#FFE7D2}
#sec05{padding:0 0 100px}
#sec05 table th{background:#FF7C80}
#sec05 table td{background:#FFDEE0}
#sec05 ul{display:flex;justify-content:center;margin:50px 0 0}
#sec05 ul li a{display:block;background:#F93;color:#FFF;padding:10px 8px;margin:0 10px;border-radius:4px;box-shadow:0 0 20px #0003;font-weight:700}
#sec05 h3{color:#002060;font-size:1.5rem;font-weight:700;margin:50px 0 0}
#sec07{margin-bottom:100px}
#sec06 .flex{text-align:left;justify-content:space-between;max-width:800px;margin:30px auto;align-items:center}
#sec06 .flex figure{max-width:150px;text-align:center}
#sec06 .flex:last-child{margin-top:50px}
#sec06 .flex:last-child figure{max-width:300px;text-align:center;margin-right:20px}
#sec06 .flex:last-child p{font-weight:700;color:#444;font-size:1rem}
#sec06 .flex:last-child a{color:#4D9BDB;font-weight:400;font-size:.9rem;margin-top:10px;display:inline-block;text-decoration:underline}
#sec06 .flex a{color:#4D9BDB;text-decoration:underline;cursor:pointer}
#sec08 .contact{background:url(../img/contact.jpg) no-repeat center center;background-size:cover;min-height:450px;padding-top:100px;box-sizing:border-box;text-align:left}
#sec08 .contact .wrap{background:#ffffffb3;padding:10px;box-sizing:border-box}
#sec08 h2{margin-bottom:30px}
#sec08 .contact h3{font-size:1.3rem;font-weight:700}
#sec10{margin:40px auto;padding:40px 0}
#sec10 .wrap .midashi{font-size:1rem;margin:20px auto}
#sec10 .wrap .box1,#sec10 .wrap .box2{font-size:1rem;margin:0 auto 20px;position:relative}
#sec10 .wrap .box1 .flex div,#sec10 .wrap .box2 .block{background:#fff;border-radius:10px;padding:20px;box-sizing:border-box;margin:0 auto 33px}
#sec10 .wrap .box1 p.strong,#sec10 .wrap .box2 p.strong{background:#002060;font-weight:700;color:#fff;padding:10px}
#sec10 .wrap .box2 p.push{color:#393;font-weight:700;font-size:130%;margin:0 0 1rem}
.box1 .flex{flex-wrap:wrap}
#sec10 .wrap .box1 .flex div{flex-basis:30%;min-height:345px;margin:0 calc(10%/6) 33px}
.box1 .flex div figure{text-align:center;margin:0 0 1rem}
.box2 .block .flex{align-items:center}
.box2 .block ul{flex-basis:85%}
.box2 .block ul li{position:relative;padding:0 0 0 1.2rem}
.box2 .block ul li::before{content:'●';color:#393;position:absolute;left:0}
.box1 .flex div,.box2 .block ul{text-align:left}
#bTOP{width:80px;height:80px;border-radius:100px;background:#389A43;position:fixed;display:flex;justify-content:center;align-items:center;bottom:10px;right:10px;cursor:pointer;z-index:2}
#bTOP.foot{position:absolute;top:-70px}
#bTOP::before{content:"";display:inline-block;border-top:solid 3px #FFF;border-left:solid 3px #FFF;width:20px;height:20px;margin-top:10px;transform:rotate(45deg)}
footer{position:relative}
footer .wrap{text-align:center;padding:20px 0}
@media screen and (max-width:768px) {
.sp{display:block!important}
header .sp_menu{display:inline-flex;z-index:2;position:relative}
header nav{background:none;text-align:right;padding:0;position:fixed}
header nav ul{background:#389A43;color:#FFF;padding:50px 10px 30px;position:absolute;top:0;z-index:1}
header nav ul a{color:#FFF!important;padding:10px 5px;display:block;border-bottom:solid 1px #FFF}
.pc{display:none!important}
header nav ul.flex{display:none;flex-wrap:wrap;text-align:center}
header div.wrap .flex dl{width:95%;margin:auto;margin-bottom:20px}
.wrap{width:100%;margin:0 auto}
main .wrap{width:95%;margin:0 auto}
.flex{display:block}
header>h1{text-align:center;font-size:40px;font-weight:700;color:#47569F;font-family:'Noto Sans JP',sans-serif;padding:10px 0}
header h1 small{font-size:.5em;display:block;margin:0;line-height:normal}
header .logo{margin:auto;width:95%}
header .flex{text-align:center}
header .flex li{width:95%;box-sizing:border-box;margin:auto;margin-left:0}
h2{font-size:1.5rem;font-weight:700;margin:20px 0;color:#002060}
.title h1{font-size:1.5rem;width:95%;max-width:300px;box-sizing:border-box}
#sec01{padding:30px 0}
#sec01 h1{font-size:1.5rem}
#sec01 .flex h3{font-weight:700;font-size:1.1rem}
#sec01 .flex .box02 strong{display:block;font-size:1.3rem}
#sec01 .box01{font-size:1rem}
#sec01 .box01 strong{font-size:1.5rem}
#sec01 .box02{margin:20px auto}
#sec01 .flex.box03 div strong{font-size:1.5rem}
#sec01 .flex.box03 div span{font-size:1.3rem;font-weight:700}
#sec01 .flex div.box02 strong span{color:#FF7C80;font-size:2rem;margin-right:10px}
#sec03,#sec04,#sec05{padding-bottom:50px}
#sec05 ul{width:90%;margin:20px auto;display:block;max-width:300px}
#sec05 ul li{margin-bottom:20px}
#sec05 ul li a{width:100%}
#sec06 .flex figure{text-align:center;margin:20px auto}
#sec06 .flex:last-child figure{margin-right:auto}
#sec10 .wrap .box1 .flex div{padding:20px 10px}
.box1 .flex{display:flex;justify-content:space-between}
#sec10 .wrap .box1 .flex div{flex-basis:49%;margin:0 0 13px}
.box2 .block figure{margin:1rem 0}
.btn01{margin:30px 0 0}
.btn01 a{padding:15px;color:#FFF;border-radius:5px;font-size:15px}
#bTOP{width:60px;height:60px}
}
#under header{background:none;background-size:cover;text-align:center;padding:10px 0 0}
#under header .logo{max-width:150px;background:#ffffffe6;margin:0;border-radius:20px}
#under header nav{position:static}
#under header nav.fix{position:fixed;z-index:100}
#under #pagetitle{background:url(../img/imgMain.jpg) no-repeat center center;background-size:cover;text-align:center;padding:70px 0}
#pagetitle {background:#000000b3;padding:10px;}
#pagetitle h1{color:#FFF;font-size:2rem;font-weight:700}
#under #news_detail .flex{margin-bottom:30px}
#under #news_detail .news.main{text-align:left;position:relative}
#under #news_detail .news.main a{color:#4D9BDB;text-decoration:underline}
#under .date{font-size:1.1rem;margin-right:10px;color:#389A43}
#news.list,#news_detail{padding:50px 0;min-height:500px}
#under #news.list dl{display:flex;width:100%;border-bottom:solid 1px #CCC;padding:15px 0}
#under #news.list dl dt{font-weight:700;color:#002060;margin-right:10px}
#under #news.list dl dd a{color:#4D9BDB!important;text-decoration:underline}
#under #news.list dl dd a:hover{text-decoration:none}
#under #news ul li{line-height:1.7}
#news .nav-links{display:flex;justify-content:center;align-items:center;margin-top:40px}
#news .nav-links a{display:inline-block;line-height:normal;padding:10px 15px;background:#389A43;border:solid 2px #389A43;margin:0 10px;color:#FFF}
#news .nav-links span{background:#FFF;color:#389A43;padding:10px 15px;border:solid 2px #389A43}
#under #shukuhaku table{margin:50px 0;width:100%}
#under #shukuhaku table thead th,#under #shukuhaku table td.location{word-break:keep-all}
#under #shukuhaku table th{border:solid 1px #FFF;width:auto}
#under #shukuhaku table td{border:solid 1px #FFF;padding:10px 5px;text-align:center;vertical-align:middle}
#under #shukuhaku table td:nth-child(4){text-align:left}
#under #shukuhaku table td span.area{display:inline-block;background:#FFF;color:#000;padding:2px 5px;border-radius:3px;margin-right:5px;font-size:14px}
#under #shukuhaku table td span.color_area1{background:#ba3548;color:#fff}
#under #shukuhaku table td span.color_area2{background:#e59a23;color:#fff}
#under #shukuhaku table td span.color_area3{background:#356ab7;color:#fff}
#under #shukuhaku table td span.color_area4{background:#9b3b99;color:#fff}
.btn02 a{display:inline-block;background:#389A43;color:#FFF!important;padding:5px;font-weight:700;font-size:14px;text-decoration:none!important;border-radius:5px;width:150px;max-width:100%;box-sizing:border-box}
#under #travel .flex{flex-wrap:wrap}
#under #travel .flex dl{width:480px;max-width:100%;border:solid 2px #00B0F0;margin-bottom:30px}
#under #travel dl dt{background:#00B0F0;padding:10px;vertical-align:middle;width:100%;box-sizing:border-box;color:#FFF;font-size:20px;text-align:left}
#under #travel dl dd{padding:10px;text-align:left}
#under #travel dl dt .flex{justify-content:flex-start;margin-top:10px}
#under #travel dl dt .flex span{display:inline-block;background:#FFF;color:#000;padding:2px 5px;border-radius:3px;margin-right:5px;font-size:14px}
#under #travel dl dt .shoptype{display:flex;align-items:baseline}
#under #travel dl dt .shoptype p:first-child{flex-basis:100px}
#under #travel dl dt .shoptype p:first-child span{display:block;text-align:center;width:100%}
#under #travel dl dt .shoptype p:nth-child(2){flex-basis:calc(100% - 100px)}
@media screen and (max-width:768px) {
#under #travel dl dt .shoptype{flex-wrap:wrap}
#under #travel dl dt .shoptype p:nth-child(2){flex-basis:100%}
}
#under #travel dl dd .shopinfo{display:flex}
#under #travel dl dd .shopinfo .col1{flex-basis:100px}
#under #travel dl dd .shopinfo .col2{flex-basis:calc(100% - 100px)}
#under #travel .kanko dl dd .btn02{text-align:center}
#under #travel dl dt .flex span.color_ken1{background:#E6F7FF;color:#2174B7}
#under #travel dl dt .flex span.color_ken2{background:#FFE9ED;color:#B5233F}
#under #travel dl dt .flex span.color_ken3{background:#FFEED9;color:#A87333}
#under #travel dl dt .flex span.color_ken4{background:#E4FFDC;color:#479E2E}
#under #travel dl dt .flex span.color_area1{background:#ba3548;color:#fff}
#under #travel dl dt .flex span.color_area2{background:#e59a23;color:#fff}
#under #travel dl dt .flex span.color_area3{background:#356ab7;color:#fff}
#under #travel dl dt .flex span.color_area4{background:#9b3b99;color:#fff}
#under #travel h3{font-size:1.4rem;font-weight:700;color:#FFF;background:#002060;padding:5px;box-sizing:border-box;margin-bottom:10px;margin-top:20px}
#under #travel h4{font-size:1.2rem;font-weight:700;color:#002060;margin:10px 0;background:#E6F7FF;padding:7px}
#under #travel.list .page_editor h3{background:none;font-size:1.3rem;color:#002060;padding:0;margin:40px auto 5px}
#under #travel.list .page_editor h4{font-size:2rem;text-align:center;font-weight:700;background:none;padding:0;margin:0 auto 20px}
#under #travel.list .page_editor .waku{max-width:500px;margin:0 auto 15px;border-radius:15px;padding:15px;box-sizing:border-box;text-align:center;background:#E6F7FF}
#under #travel.list .page_editor .waku p{color:#000}
#under #travel.list .page_editor .waku p span{font-size:2rem;font-weight:700;display:inline-block;margin:0 5px}
#under #travel.list .page_editor .waku p a{padding-left:15px;display:inline-block;position:relative;line-height:1}
#under #travel.list .page_editor .waku p a:before{position:relative;display:block;content:'';left:-10px;top:11px;box-sizing:border-box;width:10px;height:10px;border:5px solid transparent;border-left:8px solid #002060}
#under #travel.list .page_editor .waku p.link a{font-weight:700}
#under #travel.list .page_editor .sub{max-width:500px;margin:0 auto 30px;text-align:left}
#under #travel .bg-blue{border:solid 3px #002060;margin:40px 0;padding:10px 2% 30px;box-sizing:border-box;display:flex;justify-content:space-between;text-align:left;flex-wrap:wrap}
#under #travel .bg-blue>div:first-child{width:480px;max-width:100%}
#under #travel .bg-blue>div:first-child .flex.Jsb{max-width:80%;margin:0 auto}
#under #travel .bg-blue>div:last-child{width:460px;max-width:100%}
#under #travel .bg-blue>div:last-child input[type="text"]{width:100%}
#under #travel .form-box .type_select{display:flex;flex-wrap:wrap;justify-content:space-between}
#under #travel .form-box .type_select p{width:100%;font-weight:700;margin:0 auto 10px}
#under #travel .form-box .type_select label{flex-basis:49%;max-width:230px;display:inline-block;cursor:pointer;padding:8px 10px 8px 25px;box-sizing:border-box;border:1px solid #434343;border-radius:5px;margin:0 0 10px;font-size:.8rem;background:#fff}
#under #travel .form-box .type_select input{display:none}
#under #travel .form-box .type_select .check_box + .label{background-image:url(../img/icon_check_pre.png);background-position:5px 10px;background-repeat:no-repeat}
#under #travel .form-box .type_select .check_box:checked + .label{background-color:#00B0F0;color:#fff;font-weight:700;background-image:url(../img/icon_check.png);background-position:5px 10px;background-repeat:no-repeat}
#under #travel #page-search-start{display:flex;margin-top:30px;justify-content:space-between}
#under #travel button.btn01{display:block;flex-basis:73%;margin:0 0 10px;max-width:450px;padding:10px;background:#D62936;font-weight:700;color:#FFF!important;border-radius:4px;box-shadow:0 0 20px #0003;font-size:18px;box-sizing:border-box;text-decoration:none!important;text-align:center!important;border:0;cursor:pointer}
#under #travel .btn02{margin-top:10px;cursor:pointer}
#under #travel input.btn_reset{display:block;flex-basis:25%;margin:0 0 10px;padding:10px;background:#333;font-weight:700;color:#FFF!important;border-radius:4px;box-shadow:0 0 20px #0003;font-size:18px;box-sizing:border-box;text-decoration:none!important;text-align:center!important;border:0;cursor:pointer}
#under #travel .tab{margin-top:30px}
#under #travel .tab li span{padding:10px;border:solid 2px #389A43;color:#389A43;font-weight:700;text-align:center;border-bottom:0;display:block}
#under #travel .tab li{width:50%}
#under #travel .tab li a{padding:10px;display:block;border:solid 2px #389A43;background:#389A43;color:#FFF;border-bottom:0;font-weight:700;text-align:center}
#under .jigyousha{margin-top:30px}
#under .jigyousha dl{border:solid 2px #1c85d8;margin-bottom:1px}
#under .jigyousha dl dt{background:#1c85d8;color:#FFF;padding:10px 50px 10px 10px;font-size:20px;font-weight:700;cursor:pointer;box-sizing:border-box;position:relative}
#under .jigyousha dl dd{padding:15px;box-sizing:border-box;display:none}
#under .jigyousha dl:nth-child(3n-1){border:solid 2px #F93}
#under .jigyousha dl:nth-child(3n-1) dt{background:#F93}
#under .jigyousha dl:nth-child(3n){border:solid 2px #D62936}
#under .jigyousha dl:nth-child(3n) dt{background:#D62936}
#under .jigyousha dl dt::after{content:"";position:absolute;right:30px;top:50%;margin-top:-10px;width:0;height:0;border-style:solid;border-width:15px 8px 0;border-color:#FFF transparent transparent}
#under .jigyousha dl dt.active::after{content:"";position:absolute;right:30px;top:50%;margin-top:-10px;width:0;height:0;border-style:solid;border-width:0 8px 15px;border-color:transparent transparent #FFF}
#under .jigyousha_box{max-width:600px;margin:50px auto 20px;border:2px solid #d62936;padding:20px 15px;box-sizing:border-box;border-radius:5px;background:#f7eaea;text-align:center;font-size:1.2rem}
#under .jigyousha_box .btn01{margin-top:15px}
#travel .pre_title{margin:0 auto 5px;font-weight:700;color:#fff;padding:0 5px;box-sizing:border-box}
#travel .pre_title.color1{background:#2174B7}
#travel .pre_title.color2{background:#B5233F}
#travel .pre_title.color3{background:#A87333}
#travel .pre_title.color4{background:#479E2E}
#travel .pre{width:180px;justify-content:space-between}
#travel .pre li{margin-bottom:10px}
#travel .pre li a{width:85px;text-align:center;padding:5px;box-sizing:border-box;background:#E6F7FF;color:#2174B7;display:block;font-weight:700;border:1px solid #fff}
#travel .pre li.color2 a{background:#FFE9ED;color:#B5233F}
#travel .pre li.color3 a{background:#FFEED9;color:#A87333}
#travel .pre li.color4 a{background:#E4FFDC;color:#479E2E}
#travel .pre li.color5 a{background:#F9EBFF;color:#7F439B}
#travel .pre li.active a,#travel .pre li.color2.active a,#travel .pre li.color3.active a,#travel .pre li.color4.active a,#travel .pre li.color5.active a{border:1px solid #000}
@media screen and (max-width:1000px) {
#under #travel .bg-blue>div:first-child{width:100%}
#under #travel .bg-blue>div:last-child{width:100%}
}
@media screen and (max-width:768px) {
#under header .logo{width:30%;margin:0 0 0 10px}
#under header .summercp{width:40%}
#under #page-map-area{text-align:center;margin-bottom:25px}
#under #shukuhaku table thead{display:none}
#under #shukuhaku table tbody{display:flex;flex-wrap:wrap;justify-content:space-around}
#under #shukuhaku table tr{display:block;width:48%;margin-bottom:20px;border:solid 2px #00B0F0}
#under #shukuhaku table td:nth-child(2),#under #shukuhaku table td:nth-child(3){display:none}
#under #shukuhaku table td:nth-child(4){padding-top:15px}
#under #shukuhaku table th{border:0;text-align:left}
#under #shukuhaku table .facility .sp{margin-top:5px}
#under #shukuhaku table .facility .sp span{display:inline-block;background:#FFF;color:#000;padding:2px 5px;border-radius:3px;margin-right:5px}
#under #shukuhaku table .facility .sp span.color_area1{background:#ba3548;color:#fff}
#under #shukuhaku table .facility .sp span.color_area2{background:#e59a23;color:#fff}
#under #shukuhaku table .facility .sp span.color_area3{background:#356ab7;color:#fff}
#under #shukuhaku table .facility .sp span.color_area4{background:#9b3b99;color:#fff}
#under #shukuhaku table td:last-child{padding-bottom:15px}
#under #shukuhaku table td{border:0;text-align:left;padding:5px 10px;background:0}
#under #shukuhaku table td .sp{display:inline!important}
#under header nav{position:fixed}
#under #shukuhaku table th:first-child{width:100%}
#under #shukuhaku table th:nth-child(4){width:100%}
#under #travel .bg-blue>div:first-child .flex.Jsb{max-width:95%}
#under #travel .flex dl{width:100%}
#under #travel .tab li{width:100%}
#under #travel .flex.pre{width:100%;display:flex}
#under #travel .flex.pre li{flex-basis:33%;padding:1px;box-sizing:border-box}
#under #travel .flex.pre li a{width:100%}
#under #travel input.btn_reset{margin-right:15px}
}
@media screen and (max-width:400px) {
#under #shukuhaku table tr{display:block;width:100px}
}
main .navigation{text-align:center;margin:20px 0 0;padding:0 0 20px;max-width:1000px;margin:0 auto}
main .navigation a,main .navigation span{display:inline-block;margin:0 5px 10px;background-color:#3277A0;color:#FFF;border:1px solid #3277A0;text-decoration:none;padding:5px 15px}
main .navigation span{background-color:#FFF;color:#333}
@media screen and (max-width: 1000px) {
main .navigation{max-width:95%}
}
.pdf_link{text-align:left}
.pdf_link p{border-left:5px solid #00B0F0;padding:1px 0 1px 15px;font-size:1.2rem;font-weight:700;margin:0 auto 10px}
.pdf_link ul{margin:0 auto 30px}
#form{text-align:left;padding-top:25px}
#form h2{font-size:1.5rem;margin-bottom:15px}
#form .form_check{margin:0 auto 10px}
#form .form_check label{display:block;margin:0 auto 5px}
#form ul{margin:0 auto 15px}
#form ul li{position:relative;padding:0 0 0 15px;text-indent:-15px;box-sizing:border-box}
#form summary{font-weight:700;margin:10px auto}
#form table{width:100%;margin:15px auto}
#form table th,#form table td{border-bottom:1px solid #fff}
#form .btn{text-align:center}
#form .btn input{display:inline-block;border:none;background:#e59a23;color:#fff;padding:10px 30px}
#form .btn input#back{margin-right:5px;background:#585858}
.header_link{width:49%;margin:0 auto 25px;text-align:center}
.header_link a{position:relative;display:block;margin:0 auto 20px;text-align:center;border-radius:40px;color:#fff;font-size:1.6rem;padding:20px 30px 20px 40px;box-sizing:border-box;background-image:url(../img/link_icon.png);background-position:30px 15px;background-repeat:no-repeat;background-color:#F19EC2}
.header_link a:before{position:absolute;display:block;content:"";border-top:solid 3px #FFF;border-left:solid 3px #FFF;width:20px;height:20px;top:25px;right:30px;transform:rotate(135deg)}
@media screen and (max-width: 1000px) {
.header_link{width:95%;margin:0 auto 25px}
.header_link a{padding:10px 30px 10px 40px;font-size:1.2rem;background-size:30px 30px;background-position:15px 13px}
.header_link a:before{width:10px;height:10px;top:17px;right:20px}
.bgIcon{display:none}
}
.family_content .bg_gray{padding:10px;margin:0 0 30px}
.family_content2{padding:1px 0 50px;margin:50px 0 0}
.family_content .btn02 a,.family_content2 .btn02 a{font-size:1rem;margin:0 0 1rem;width:auto}
.family_content2 .bg_white{border-radius:10px;padding:1px 30px 30px}
.family_content h2:not(#block-c173db7c-8e8f-4efd-8246-b5c63ab151db),.family_content2 .wrap h2:not(:first-child),.family_content2 h2:not(:first-child){border-top:1px solid #ccc;margin:50px 0 0;padding:50px 0 10px 15px}
#js-popup.popup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:.6s}
#js-popup.popup.is-show{opacity:1;visibility:visible}
#js-popup .popup-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:90%;max-width:600px;padding:50px;overflow-y:auto;background-color:#fff;z-index:2;box-sizing:border-box}
#js-popup .close-btn{width:120px;margin:0 auto;text-align:center;padding:5px 0;border:1px solid #000;cursor:pointer}
#js-popup .black-background{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000c;z-index:1;cursor:pointer}
@media only screen and (max-width:768px) {
#js-popup .popup-inner{width:95%;padding:30px 15px}
}
.form_check .wpcf7-list-item{padding:0 0 0 3px;text-indent:-25px}
.form_check .wpcf7-form-control-wrap{position:inherit}
.contact_privacy{background:#F3F3F3;padding:20px;box-sizing:border-box;margin:0 auto 25px}
.contact_privacy p,.contact_privacy ul{margin:0 auto 15px}
.contact_privacy ul li{padding:0 0 0 23px;text-indent:-16px}
.contact_privacy .form_check{text-align:center;margin:25px auto 15px}
.kanko_form .form{width:100%;margin:0 auto 30px}
.kanko_form summary{font-size:1.5rem;margin:0 auto 10px}
.kanko_form .form th{width:280px}
.kanko_form .form th span{color:#faf500}
.kanko_form .form th span.type2{color:#e0dddd}
.kanko_form .form td .sisetsu_type1 label,.kanko_form .form td .sisetsu_type2 label,.kanko_form .form td .sisetsu_type3 label,.kanko_form .form td .sisetsu_type4 label{min-width:140px;display:inline-block}
.kanko_form .form td .sisetsu_type1 span.wpcf7-list-item,.kanko_form .form td .sisetsu_type2 span.wpcf7-list-item,.kanko_form .form td .sisetsu_type3 span.wpcf7-list-item,.kanko_form .form td .sisetsu_type4 span.wpcf7-list-item{margin:0 0 10px}
.kanko_form .btn{text-align:center}
.kanko_form .btn input{border:none;background:#389A43;color:#fff;margin:0 0 10px;padding:5px 15px}
.kanko_form .btn input[type=button]{background:#525252}
.kanko_form .btn input+input{margin-left:10px}
.page_editor{padding:20px 0}
div#page-search-type select#type{width:100%}
.demo01{border-collapse:collapse;border-spacing:0}
.demo01 th{color:#000;background:#f4f4f4;width:30%;text-align:left}
.demo01 td{background:#fff}
.demo01 th,.demo01 td{border:1px solid #ddd}
@media only screen and (max-width:768px) {
.demo01{margin:0 auto}
.demo01 th,.demo01 td{width:100%;display:block;border-top:none}
.demo01 tr:first-child th{border-top:1px solid #ddd}
}
.demo02{border-collapse:collapse;border-spacing:0}
.demo02 th{color:#fff;background:#EF3F6B;width:30%;text-align:left}
.demo02 td{background:#fbeffa}
.demo02 th,.demo02 td{box-sizing:border-box;border-bottom:20px solid #fff;border-top:20px solid #fff}
@media only screen and (max-width:768px) {
.demo02{margin:0 auto}
.demo02 th,.demo02 td{width:100%;display:block;border-top:none}
.demo02 th{border-bottom:none}
.demo02 td{border-top:none}
}
.demo03{border-collapse:collapse;border-spacing:0}
.demo03 th{color:#fff;background:#ed6d35;width:30%;text-align:left}
.demo03 td{background:#fff8dc}
.demo03 th,.demo03 td{box-sizing:border-box;border-bottom:20px solid #fff;border-top:20px solid #fff}
@media only screen and (max-width:768px) {
.demo03{margin:0 auto}
.demo03 th,.demo03 td{width:100%;display:block;border-top:none}
.demo03 th{border-bottom:none}
.demo03 td{border-top:none}
}
#under #news_detail .tab_list{width:100%;margin:0 auto 15px}
#under #news_detail .tab_list ul{width:100%;display:flex;align-items:stretch}
#under #news_detail .tab_list ul li{flex-basis:50%}
#under #news_detail .tab_list ul li a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:10px 0;box-sizing:border-box;text-align:center;font-weight:700;background:#E7E7E7;border-radius:15px 15px 0 0;cursor:pointer}
#under #news_detail .tab_list ul li a.active{background:#EF3F6B;color:#fff}
#under #news_detail .tab_list ul li:nth-child(2) a{color:#00B0F0}
#under #news_detail .tab_list ul li:nth-child(2) a.active{background:#EF3F6B;color:#fff}
#under #news_detail .tab_content{display:none}
#under #news_detail .tab_content.active{display:block}
@media only screen and (max-width:768px) {
#under #news_detail .tab_list ul li a{padding:5px 10px}
}
.topbnr_wrap{display:flex;flex-wrap:wrap;justify-content:center}
.topbnr_wrap a{flex-basis:50%;margin:0 0 25px}
@media only screen and (max-width:768px) {
.topbnr_wrap{flex-wrap:wrap}
.topbnr_wrap a{flex-basis:100%;margin-bottom:15px}
.topbnr_wrap a:nth-child(1){order:1}
.topbnr_wrap a:nth-child(2){order:2}
.topbnr_wrap a:nth-child(3){order:3}
.topbnr_wrap a:nth-child(4){order:4}
}
.primary-table .in-btn {border: 1px solid var(--sec-btn-border);color: var(--sec-btn-color);transition: var(--transition);}
.primary-table .in-btn:hover {border: 1px solid var(--sec-btn-bg-hover);background: var(--sec-btn-bg-hover);}
.primary-table .table-row { border: 1px solid var(--section-border-color); background: var(--transparent);}
.primary-table .table-row:first-child { background: var(--background-color); border-width: 2px; }
.primary-table .brand-rating { border-right: 1px solid #C4C4C4; }
.primary-table .label {color: var(--txt-color); }
.primary-table .brand-cta { gap: 8px; }
.primary-table .rating-value {font-size: 22px; }
.primary-table h3 {background-color: transparent;text-align: center;}
@media screen and (min-width: 1200px) {
   .primary-table .table-row { height: 120px; }
  .primary-table .border-logo {border-right: 1px solid #C4C4C4;}
}
@media screen and (max-width:1199px) {
	.primary-table { width: 350px; max-width: 100%;}
	.primary-table .brand-logo { display: block; height: 65px;}
	.primary-table .brand-rating { border-right: none; border-bottom: 1px solid #C4C4C4; padding: 12px 0;}
	.primary-table .brand-bonus { padding: 12px 0; }
	.primary-table .brand-cta { gap: 12px; }
	.primary-table :is(.brand-rating, .brand-bonus, .brand-cta) {max-width: 300px;}
	.primary-table .border-logo {border-bottom: 1px solid #C4C4C4;}
}
.terms, .date{font-size: 12px;}
.cta-btn{font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:12px 20px;border-radius:5px;transition:.5s;margin:10px;color:var(--contrast-color)!important;background: var(--btn-bg);transition: var(--transition);text-decoration: none!important;}
.cta-btn:hover{background:var(--btn-bg-hover);color:var(--btn-hover-color);}
.brand-bonus { font-weight: 700; line-height: 1.2; min-height: 90px; }
.bonus-amount { font-size: 36px; font-weight: 700;color: var(--bonus-c); }
.bonus-before { color: var(--bonus-c); font-size: 18px; }
.bonus-after { font-size: 18px; }
.table-responsive-md table, .table-responsive-lg table, .table-responsive-xl table, .table-responsive-xxl table {
  width: 768px;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .table-responsive-sm table, .table-responsive-md table, .table-responsive-lg table, .table-responsive-xl table, .table-responsive-xxl table {
      width: 992px;
      max-width: 100%;
  }
}
.brand-intro .company-size { width: 100%; height: 100px;border-radius: 0;}
.brand-intro .list-box .heading { background: var(--sec-btn-border);  font-weight: bold;}
.brand-intro .list-box li:not(.heading) {position: relative;padding-left: 20px;font-size: 14px;}
.brand-intro .list-box li:before {position: absolute;content:'';width: 15px;height: 15px;top: 50%;transform:translateY(-50%);left: 0;}
.brand-intro .list-box.pros li:not(.heading):before {background: var(--icon-check) no-repeat center; filter: var(--pros-check-c)}
.brand-intro .list-box.cons li:not(.heading):before {background: var(--icon-x) no-repeat center; filter: var(--cons-x-c)}
.table-basic thead th,.table-basic th,.table-basic td{vertical-align:middle}
.table-basic thead,.table-basic .bg-category{background:#F7F7F7}
.table-basic thead th,.table-basic .category th,.table-basic .category td{border-top:0;border-bottom:0}
.table-basic .category + tr td,.table-basic tbody tr:nth-of-type(1) td{border-top:0}
.table-basic tr th:not(:last-child),.table-basic tr td:not(:last-child){border-right:1px solid #ebebeb;padding-left:1.25rem}
.table-basic tr th:first-child,.table-basic .label{border-radius:8px 0 0 8px}
.table-basic thead th:nth-last-of-type(1),.table-basic .category td:nth-last-of-type(1){border-radius:0 8px 8px 0}