@charset "utf-8";
	
/*
================================================================================================================
sスペック切替
================================================================================================================
*/

.tabs__menu_sp {
  display: none;
}
@media screen and (max-width: 800px) {
.tabs__menu_sp {
    position:relative;
    display: flex;
    width: 28vw;
    top:5px;
    left:5px;
	z-index: 20;
}
}

.tabs__menu {
  display: flex;
  width: calc(90% - 0px)!important;
}
@media screen and (max-width: 800px) {
.tabs__menu {
    display: flex;
	width: calc(90% - 0px)!important;
	margin: 0 auto;
  }
}
.tabs__menu-item {
  cursor: pointer;
  transition: all 0.2s ease 0s;
  width:calc((80% / 3) - 4px);
	margin: 0;
	padding: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
      background: rgba(164,16,212,0.00);
  }
.tabs__menu-item.is-active {
      background: rgba(16,136,212,0.00);
      cursor: default;
    }
.tabs__body {
    display: none;
	margin: 0;
    padding:0;
  }
.tabs__body.is-active {
      display: block;
    }

/*タブ実装*/

.tab_btn {
  cursor: pointer;
  transition: all 0.2s ease 0s;
  width:calc((90% / 2) - 0%);
	margin: 0 0%;
  max-width: 180px;
}
a.tab_btn, .tab_btn:hover, a.tab_btn.is-active{
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
}
a.tab_btn#btn_no01 {
  background-image: url("../img/menu/spec_btn_01.png");
}
a.tab_btn#btn_no02 {
  background-image: url("../img/menu/spec_btn_02.png");
}
a.tab_btn#btn_no01:hover{
  background-image: url("../img/menu/spec_btn_01hv.png");
}
a.tab_btn#btn_no02:hover {
  background-image: url("../img/menu/spec_btn_02hv.png");
}
a.tab_btn#btn_no01.is-active {
  background-image: url("../img/menu/spec_btn_01ac.png");
	pointer-events: none;
  cursor: none;
}
a.tab_btn#btn_no02.is-active {
  background-image: url("../img/menu/spec_btn_02ac.png");
	pointer-events: none;
  cursor: none;
}

/*////////////// ▼ボタン吹き出し▼ ///////////////*/
.spec_btn_area .tab_btn.active .triangle {
  display: none;
  width: 0;
  height: 0;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 40px solid rgba(65,65,65,1.00);
  margin: -12px auto -2px auto;
}
.spec_btn_area .tab_btn.active .triangle .triangle02 {
  display: none;
  width: 0;
  height: 0;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  border-bottom: 36px solid rgba(255,253,218,1.00);
  padding-top: 5px;
  margin-left: -18px;
}
/*////////////// ▲ボタン吹き出し▲ ///////////////*/

.spec_btn_area .tab_btn .triangle {
  display: none;
}


/*
================================================================================================================
MENU(メインメニュー)
================================================================================================================
*/
.new.none{display:none;}
.menu-all{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	display: flex;
}
menu {
display: flex;
justify-content: center;
align-items: flex-end;
}
nav {
position: relative;
top: 0;
min-height: 30px;
z-index: 810;
pointer-events: none;
}
nav::-webkit-scrollbar {
display: none;
}
#bg_cover, #bg_cover01, #bg_cover02 {
background-color: rgba(30,10,30,0.80);
opacity: 0;
position: fixed;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index:800;
pointer-events: none;
-webkit-transition: ease 0.8s;
transition: ease 0.8s;
}
.navbar_toggle {
pointer-events: auto;
position: fixed;
display: flex;
justify-content: center;
align-items: flex-end;
top: 0px;
right:0px;
margin: 0px;
width: 50px;
height: 50px;
background-color: rgba(255,180,240,1.00);
box-shadow: 0px 0px 0px 1px rgba(118,0,139,0.90);
cursor: pointer;
border-radius: 0px;
transform: translateX(0);
transition: transform .5s, background-color .5s linear;
z-index: 996;
}
@media screen and (max-width: 480px) {
.navbar_toggle {
width: 50px;
height: 50px;
}
}
.navbar_toggle.is-fixed {
position: fixed;
top: 0;
}
.navbar_toggle span, .navbar_toggle span:before, .navbar_toggle span:after {
content: '';
display: block;
top: 20px;
height: 3px;
width: 26px;
border-radius: 3px;
background-color: #000000;
position: absolute;
transform: rotate(0deg);
transition: transform .5s;
}
.navbar_toggle p:after{
position: absolute;
width: 50px;
content: "メニュー";
margin: -7px 0 0 -20px;
padding: 0;
font-size: 10px;
line-height: 0px;
font-weight: bold;
background-color: #000000;
}
.navbar_toggle span:before {
top: -10px;
}
.navbar_toggle span:after {
top: 10px;
}
.navbar_toggle.open {
background-color: rgba(255,0,0,1.00) !important;
}
.navbar_toggle.open span {
top: 18px;
background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
transform: rotate(450deg);
transition: transform .5s;
}
.navbar_toggle.open span::before {
top: 0px;
transform: rotate(495deg);
transition: transform .5s;
}
.navbar_toggle.open span::after {
top: 0px;
transform: rotate(405deg);
transition: transform .5s;
}
#menu-btn-check {
display: none;
}
.menu_area {
width: 250px;
height: 100%;
position: relative;
top: 0;
bottom: 0;
-webkit-transform: translate(250px);
transform: translate(250px);
-webkit-transition: ease .5s;
transition: ease .5s;
z-index: 10;
/*font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;*/
/*display:none;*/
}
@media screen and (max-width:319px){.menu_area {width: 220px;}}
@media screen and (min-width: 801px) {
.menu_area #main_manu {
width:98%;
margin: 0 auto;
	padding: 5px 0;
background-color: rgba(0, 0, 0, 0.00);
/*overflow: hidden;*/
}
}
@media screen and (max-width: 800px) {
.menu_area #main_manu {
width:100%;
margin: 0 auto;
background-color: rgba(0, 0, 0, 0.00);
overflow: hidden;
}
}
.menu_area ul li {
position:relative;/*絶対値指定の親要素に必要*/
display:flex;/*要素を横並びに*/
justify-content:space-between;/*横並びにした要素を両端に配置*/
}
.menu_area ul li.tabs__menu {
position:relative;/*絶対値指定の親要素に必要*/
display:flex;/*要素を横並びに*/
justify-content: space-evenly;
padding-right: 3vw;
}
@media screen and (max-width: 800px) {
.menu_area ul li.tabs__menu {padding: 2vw 1vw 0vw 1vw;}
}
.menu_area ul li:after {
content:"";/*疑似要素の中身を指定*/
position:absolute;/*絶対位置指定*/
right: 0px;/*横位置の指定*/
top:20%;/*縦位置の指定*/
background:rgba(255,255,255,1.00);/*線の色指定*/
width:0px;/*線の幅指定*/
height:60%;/*線の高さ指定*/
}
.menu_area ul li:last-child::after {
content:"";/*疑似要素の中身を指定*/
position:absolute;/*絶対位置指定*/
left:0px;/*横位置の指定*/
top:20%;/*縦位置の指定*/
background:rgba(255,255,255,1.00);/*線の色指定*/
width:0px;/*線の幅指定*/
height:60%;/*線の高さ指定*/
}
@media screen and (max-width: 800px) {
.menu_area ul li:after, .menu_area ul li:last-child::after{width:0px;}
}
.menu_area ul li a {
width: calc(100% - 0px);
margin: 0px 0px;
padding:0;
/* height: 40px;*/
display: block;
height: 100%;
cursor: pointer;
}
.menu_area ul li.tabs__menu a {width: calc((100% / 2) - 10px);}

.menu_area ul li.btn {
width: calc(100% - 0px);
/*margin: 0px 10px;*/
margin: 0px;
/*padding:0 5px 0 3px;*/
padding:0;
/*height: 40px;*/
text-align: center;
color: #FFF;
font-weight: bold;
/*border-bottom: 1px solid #172a01;*/
cursor: pointer;
}
.menu_area ul li.btn.new a {
background-image: url("../img/menu/new.png");
background-size: 20%;
background-repeat: no-repeat;
background-position: left 2px top 2px;
}
@media screen and (min-width: 801px) {
.menu_area ul li.btn {
transform: skew(-0deg);
-ms-transform: skew(-0deg);
-webkit-transform: skew(-0deg);
}
.menu_area ul li.btn a span img {display: block;}
.menu_area ul li.btn a p {display: none;}
}
@media screen and (max-width: 800px) {
.menu_area ul li.btn {
transform: skew(0deg);
-ms-transform: skew(0deg);
-webkit-transform: skew(0deg);
}
.menu_area ul li.btn a p {display: none;}
}
.new, .new_sub  {
background-image: url("../img/menu/new.png");
position: absolute;
width: calc(100% - 10px);
padding: 10px 0;
	margin: 0 0 0 10px;
background-repeat: no-repeat;
z-index: 10;
pointer-events: none;
}
.new{
background-size: 20%;
}
.new_sub{
background-size: 20%!important;
}
@media screen and (min-width: 801px) {
.new {
background-position: left 3px top 3px;
}
.new_sub {
background-position: left 5px top 0px;
}
}
@media screen and (max-width: 800px) {
.new, .new_sub {
background-position: left 0px top 0px;
	margin: 0 0 0 5px;
}
}
@media screen and (max-width: 800px) {.new {background-position: left 2px top 2px;}}
.menu_area ul li#top_bn a {
background-image: url("../img/menu/sp_menu_top.jpg");
background-size: 100%;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
@media screen and (min-width: 801px) {
.menu_area ul li#top_bn {
display: none;
}
}
.menu_area ul li.btn a {
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255,255,255,0.00);
padding: 0px;
margin: 3px 0;
background-size: 100%r;
background-repeat: no-repeat;
background-position: center center;
}
.menu_area ul li.btn a span {
background-color: rgba(255,255,255,0.00);
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
padding: 0;
margin: 0;
line-height: 0;
}
.menu_area ul li.btn a span img {100%}



.menu_area ul li.btn.soon a{
display: flex;
justify-content: center;
align-items: center;
background-color:rgba(180,180,180,0.00);
padding: 2px;
}
.menu_area ul li.btn.soon,
.menu_area ul li.pull.soon{
pointer-events: none;
}
.menu_area ul li.btn.soon p,
.menu_area ul li.btn.soon .new{
display: none;
}
.menu_area ul li.btn.soon a::after{
display: block;
color: rgba(120,120,120,1.00);
content: "COMING SOON";
}
@media screen and (min-width: 801px) {
.menu_area ul li.btn.soon a::after{
display: none;
}
}
@media screen and (max-width: 800px) {
.menu_area ul li.btn.soon a::before{
display: none;
}
}
.menu_area ul li.btn.active a, .menu_area ul li.top.active a {
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(251,189,231,0.00);
color: rgba(151,15,74,0.00);
}
.menu_area ul li.btn.active.active_sub a {
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(220,139,97,0.00);
color: rgba(71,36,13,0.00);
}
.menu_area ul li.btn.active.active_sub a:hover{
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255,48,164,0.00);
color: rgba(255,255,255,0.00);
}
.menu_area ul li.btn a:hover, .menu_area ul li.top a:hover {
background-color: rgba(255,48,164,0.00);
color: #FFF;
padding: 0;
}

.menu_area ul li#top a span {background-image: url("../img/menu/btn_01.png");}
.menu_area ul li#feature a span {background-image: url("../img/menu/btn_02.png");}
.menu_area ul li#flow a span {background-image: url("../img/menu/btn_03.png");}
.menu_area ul li#direct a span {background-image: url("../img/menu/btn_04.png");} 

.menu_area ul li#top:hover a span{background-image: url("../img/menu/btn_01_hover.png");}
.menu_area ul li#top.active:hover a span{background-image: url("../img/menu/btn_01_act_hover.png");}
.menu_area ul li#feature:hover a span{background-image: url("../img/menu/btn_02_hover.png");}
.menu_area ul li#feature.active:hover a span{background-image: url("../img/menu/btn_02_act_hover.png");}
.menu_area ul li#flow:hover a span{background-image: url("../img/menu/btn_03_hover.png");}
.menu_area ul li#flow.active:hover a span{background-image: url("../img/menu/btn_03_act_hover.png");}
.menu_area ul li#direct:hover a span{background-image: url("../img/menu/btn_04_hover.png");}
.menu_area ul li#direct.active:hover a span{background-image: url("../img/menu/btn_04_act_hover.png");}

.menu_area ul li#top.active a span {background-image: url("../img/menu/btn_01_active.png");}
.menu_area ul li#feature.active a span {background-image: url("../img/menu/btn_02_active.png");}
.menu_area ul li#flow.active a span {background-image: url("../img/menu/btn_03_active.png");}
.menu_area ul li#direct.active a span {background-image: url("../img/menu/btn_04_active.png");}


/*OPEN時の動き*/
nav.open {
position: fixed;
bottom: 0;
	right:0;
overflow-y: auto;
overflow-x: hidden;
pointer-events: auto;
/* IE, Edge 対応 */
-ms-overflow-style: none;
/* Firefox 対応 */
scrollbar-width: none;
}
#bg_cover.open, #bg_cover01.open, #bg_cover02.open {
opacity: 1;
pointer-events: auto;
}
.navbar_toggle.open {
background-color: rgba(219, 84, 197, 1.00);
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
.menu_area.open {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.menu_area ul li#bottom, .menu_area ul li#bottom a:hover {
display: none;
}
@media screen and (max-width: 800px) {
nav {
position: fixed;
top: 0;
bottom: 0;
right:0;
overflow-x: hidden;
pointer-events: none;
}
.menu_area {
background-color: rgba(255,220,220,1.00) !important;
}
.menu_area #main_manu {
padding-bottom: 5px;
background-color: rgba(255,220,220,1.00) !important;
}
.menu_area ul li#top_bn {
width: 100%;
height: 116px;
font-size: 0;
border: none;
margin: 0;
padding: 0;
border-bottom: solid 1px rgba(110,30,30,1.00);
}
.menu_area ul li.btn {
width: calc(100% - 30px);
margin: 0px 15px;
padding: 0;
min-height: 20px;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 20px !important;
/*border-bottom: 1px solid #172a01;*/
cursor: pointer;
overflow: hidden;
}
ul.flow_area {
display: none;
/*position: absolute;*/
}
li.pull.btn a{
display: flex;

}
li.pull.btn.active_sub a::before{
content: '';
position: absolute;
margin: 24px 0 0 0;
right: 16px;
height: 24px;
width: 24px;
color: #FFF;
font-size: 24px;
line-height: 24px;
content: "▲";
-webkit-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
transition: transform 0.5s;
}
li.pull.btn a::before{
content: '';
position: absolute;
margin: 24px 0 0 0;
right: 16px;
height: 24px;
width: 24px;
color:#47240D;
font-size: 24px;
line-height: 24px;
content: "▲";
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
transition: transform 0.5s;
}
li.pull.btn a:hover::before,li.pull.btn.active_sub a:hover::before{color: #FFF;}
li.pull.btn.active_sub a::before{color:#47240D;}
.menu_area ul li.btn.active.active_sub a {
color: #fff;
background-color: rgba(219, 84, 197, 1.00);
}
}
@media screen and (min-width: 801px) {
menu {
position: relative;
top: 0px;
width: 100%;
padding: 0px 0 0 0;
margin: 0;
}
nav {
position: absolute;
top: 0px;
width: 100%;
padding: 0;
margin: 0;
transition: all 0.5s 0s ease;
-moz-transition: all 0.5s 0s ease;
-webkit-transition: all 0.5s 0s ease;
}
nav.open {
bottom: inherit;
overflow-y: hidden;
}
.menu_area {
top: 0px;
right: 0;
left: 0;
width: 100%;
padding: 5px 0px;
pointer-events: auto;
}
.navbar_toggle {
display: none;
}
.menu_area {
width: calc(100% - 0px);
background-color: rgba(0, 0, 0, 0.00);
margin: 0 auto;
padding: 0px 0;
/*min-height: 30px;*/
position: relative;
right: inherit;
transform: translate(0);
}
	
.pc_menu_fixed {
position: fixed !important;
margin: 0px auto;
z-index: 999;  
animation: slideDown 0.3s ease-in-out;
-moz-animation: slideDown 0.3s ease-in-out;
-webkit-animation: slideDown 0.3s ease-in-out;
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
	
.menu_area ul {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px !important;
min-height: auto;
}

.menu_area ul li {
/*display: block;*/
position: relative;
border-bottom: none;
width: calc(100% - 40px);
/*cursor: pointer;*/
font-size: 30px;
line-height: 30px;
/*overflow: hidden;*/
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
}
.menu_area ul li a span{
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
}
.menu_area ul li#top a span {background-image: url("../img/menu/btn_01.png");}
.menu_area ul li#feature a span {background-image: url("../img/menu/btn_02.png");}
.menu_area ul li#flow a span {background-image: url("../img/menu/btn_03.png");}
.menu_area ul li#direct a span {background-image: url("../img/menu/btn_04.png");} 

.menu_area ul li#top:hover a span{background-image: url("../img/menu/btn_01_hover.png");}
.menu_area ul li#top.active:hover a span{background-image: url("../img/menu/btn_01_act_hover.png");}
.menu_area ul li#feature:hover a span{background-image: url("../img/menu/btn_02_hover.png");}
.menu_area ul li#feature.active:hover a span{background-image: url("../img/menu/btn_02_act_hover.png");}
.menu_area ul li#flow:hover a span{background-image: url("../img/menu/btn_03_hover.png");}
.menu_area ul li#flow.active:hover a span{background-image: url("../img/menu/btn_03_act_hover.png");}
.menu_area ul li#direct:hover a span{background-image: url("../img/menu/btn_04_hover.png");}
.menu_area ul li#direct.active:hover a span{background-image: url("../img/menu/btn_04_act_hover.png");}

.menu_area ul li#top.active a span {background-image: url("../img/menu/btn_01_active.png");}
.menu_area ul li#feature.active a span {background-image: url("../img/menu/btn_02_active.png");}
.menu_area ul li#flow.active a span {background-image: url("../img/menu/btn_03_active.png");}
.menu_area ul li#direct.active a span {background-image: url("../img/menu/btn_04_active.png");}

.menu_area ul li.btn a span,
.menu_area ul li.btn:hover a span,
.menu_area ul li.btn.active:hover a span{
transform: skew(0deg);
-ms-transform: skew(0deg);
-webkit-transform: skew(0deg);
}


.menu_area ul li.btn a img {width: 100%; border-radius: 0px; opacity: 1;}
.menu_area ul li.btn:hover a img {width: 100%; border-radius: 0px; opacity: 1;}

.menu_area ul li.btn a, .menu_area ul li.top a {
width: calc(100% - 20px);
height:calc(100% - 20px);
padding:0px;
margin:10px auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #333;
background-color: rgba(0,57,173,0.00);
position: relative;
z-index: 1;
/*overflow: hidden;*/
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
}
.menu_area ul li.btn.active a, .menu_area ul li.top.active a {
width: calc(100% - 20px);
height:calc(100% - 20px);
padding:0px;
margin:10px auto;
color: #000000;
}

.menu_area ul li.btn a, .menu_area ul li.top a {filter: drop-shadow(0 0 2px #3246C1) drop-shadow(0 0 3px #489DED);}
.menu_area ul li.btn.active a, .menu_area ul li.top.active a {filter: drop-shadow(0 0 2px #AC4304) drop-shadow(0 0 3px #CFA806);}
	
.menu_area ul li.btn.active_sub a, .menu_area ul li.top.active_sub a {
color: rgba(0,0,0,1.00);
}
.menu_area ul li.btn:hover a, .menu_area ul li.top:hover a {
color: rgba(255,255,255,1.00);
padding:0px;
}
.menu_area ul li.btn.active:hover a, .menu_area ul li.top.active:hover a {
color: rgba(255,255,255,1.00)!important;
padding:0px;
}
.menu_area ul li.btn.soon {
pointer-events: none!important;
}
.menu_area ul li.btn.soon img {
opacity: 0;
}
.menu_area ul li.btn.soon a span {background-image: url("../img/menu/btn_soon.png")!important;}
.menu_area ul li.btn.soon a, .menu_area ul li.top.soon a {
color: rgba(255,255,255,1.00)!important;
padding:0px;
}
._pc ul.open {
width: 100% !important;
}
#search_pc, #search_sp {
background-color: rgba(255, 255, 255, 0.0);
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
}
#search_pc:hover, #search_sp:hover {
background-color: rgba(219, 84, 197, 0.0);
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
}
.triangle {
display: block;
height: 0;
width: 0;
/*position: absolute;*/
top: 0px;
left: 0px;
border-right: 18vw solid transparent;
/*border-top: 20vw solid rgba(255, 255, 255, 0.50);*/
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
}
/*  .triangle:hover {
display: block;
height: 0;
width: 0;
position: absolute;
top: 0px;
left: 0px;
border-left: 0px solid transparent;
border-bottom: 0px solid rgba(219, 84, 197, 1.00);
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
}*/
.menu_area ul li a {
padding-top: 0px;
margin: 2px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
}
.menu_area ul li:hover, .menu_area ul li a:hover, .menu_area ul li#top a:hover, .menu_area ul li.ac {
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
}
	
.open_area {
display: none;
position: relative;
width: calc(100% - 6px);
margin: 0 auto;
height: 40px;
background-color: rgba(174, 220, 185, 1.00);
}
}


/*main***************************************************************/
#main_img {
width: 100%;
/*max-width: 1400px;*/
margin: 50px auto;
}
#main_img img {
width: 100%;
height: auto;
}
/*PC版サブメニュー初期非表示*/
ul.pc_sub {
display: flex;
flex-wrap: wrap;
justify-content:center;
}
@media screen and (min-width: 801px) {
#sub_menuset._pc {
width:calc(100% - 10px);
max-width: 1190px;
margin: 0 auto;
background-color: rgba(255,255,255,1.00);
border-top:solid 0px rgba(255,255,255,0.00);
box-shadow: 0 0 10px 0 rgba(60,40,40,1.00);
transition: transform .5s;
border-radius: 12px;
}
#sub_menuset._pc ul {
width: 100%;
/*max-width: 1200px;*/
margin: 0 auto;
margin: 0px auto 0 auto;
padding: 0;
transition: transform .5s;
}
/*  ul.pc_sub li {
margin: 5px 3px 5px 3px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}*/
ul.pc_sub li a {
padding: 6px 2px;
color: rgba(60,40,40,1.00);
background-color: rgba(129, 249, 150, 0.00);
}
ul.pc_sub li a:hover {
padding: 6px 2px;
color: rgba(252,109,109,1.00)!important;
background-color: rgba(0,0,0,0.00);
}
ul.pc_sub li.bar_non:after {
display: none;
width:0px!important;
height:0px!important;
}
}
@media screen and (min-width: 1061px) {
ul.pc_sub li {
width:auto;
margin: 5px 0px 5px 0px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
ul.pc_sub li:after {
content:"";/*疑似要素の中身を指定*/
position:absolute;/*絶対位置指定*/
right: 1px;/*横位置の指定*/
top:20%;/*縦位置の指定*/
background:rgba(60,40,40,1.00);/*線の色指定*/
width:2px;/*線の幅指定*/
height:60%;/*線の高さ指定*/
}
ul.pc_sub li:last-of-type::after {
content:"";/*疑似要素の中身を指定*/
position:absolute;/*絶対位置指定*/
left:1px;/*横位置の指定*/
top:20%;/*縦位置の指定*/
background:rgba(60,40,40,0.00);/*線の色指定*/
width:0px;/*線の幅指定*/
height:60%;/*線の高さ指定*/
}
}
@media screen and (min-width: 801px) and (max-width: 1060px) {
ul.pc_sub li {
margin: 5px 0px 5px 0px;
font-size: 1.2vw;
font-weight: bold;
line-height: 1.8vw;
}
ul.pc_sub li::after {
content:"";/*疑似要素の中身を指定*/
position:absolute;/*絶対位置指定*/
right: 1px;/*横位置の指定*/
top:20%;/*縦位置の指定*/
background:rgba(60,40,40,1.00);/*線の色指定*/
width:2px;/*線の幅指定*/
height:60%;/*線の高さ指定*/
}
ul.pc_sub li:last-of-type::after {
content:"";/*疑似要素の中身を指定*/
position:absolute;/*絶対位置指定*/
left:1px;/*横位置の指定*/
top:20%;/*縦位置の指定*/
background:rgba(60,40,40,0.00);/*線の色指定*/
width:0px;/*線の幅指定*/
height:60%;/*線の高さ指定*/
}
}
/*PC版サブメニュー初期非表示*/
@media screen and (max-width: 800px) {
#sub_menuset._sp {
width: 100%;
background-color: rgba(0, 0, 0, 0.00);
}
ul.sp_sub {
width: calc(100% - 10px);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
ul.sp_sub li {
width: calc(100% - 0px);
margin: 0px 3px 8px 3px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
ul.sp_sub li a {
padding: 12px 2px;
color: rgba(71,36,13,1.00);
background-color: rgba(251,236,184,1.00);
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
border: solid 2px rgba(102,65,12,1.00);
}
ul.sp_sub li a:hover {
padding: 12px 2px;
color: rgba(255,255,255,1.00);
background-color: rgba(243,44,217,1.00);
border: solid 2px rgba(102,65,12,1.00);
}
}

.menu_area ul li.btn.soon a{
display: flex;
justify-content: center;
align-items: center;
background-color:rgba(180,180,180,1.00);
color: rgba(120,120,120,0.00);
}
#sub_menuset ul#flow_sub li.soon a,
#sub_menuset ul#localinfo_sub li.soon a{
color: rgba(120,120,120,0.00);
text-align: center;
}
.menu_area ul li.btn.soon,
.menu_area ul li.pull.soon,
#sub_menuset ul#flow_sub li.soon,
#sub_menuset ul#localinfo_sub li.soon{
pointer-events: none;
}
.menu_area ul li.btn.soon p,
.menu_area ul li.btn.soon .new,
#sub_menuset ul.sp_sub li.soon .new{
display: none;
}
.menu_area ul li.btn.soon a::after,
#sub_menuset ul.sp_sub li.soon a::after,
#sub_menuset ul.pc_sub li.soon a::after{
display: block;
color: rgba(120,120,120,1.00);
content: "COMING SOON";
line-height: 0px;
	position: absolute;
	text-align: center；
}

@media screen and (min-width: 801px) {
.menu_area ul li.btn.soon a::after{
display: none;
}
}
@media screen and (max-width: 800px) {
ul.sp_sub li.soon a{
background-color:rgba(164,148,148,1.00);
border: solid 2px rgba(102,65,12, 1.00);

	}
#sub_menuset ul.sp_sub li.soon a::after{color: rgba(102,65,12, 1.00);}
.menu_area ul li.btn.soon a::before{
display: none;
}
}

@media screen and (max-width:480px){
	
.navbar_toggle.open {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.menu_area {
width: 100%;
height: 100vh;
	opacity: 0;
position: relative;
top: 0;
bottom: 0;
-webkit-transform: translateY(-110vh);
transform: translateY(-110vh);
-webkit-transition: ease 0.8s;
transition: ease 0.8s;
z-index: 10;
/*font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;*/
/*display:none;*/
}
.menu_area.open {height: 100vh;top: 0px; z-index: 600;opacity: 1;}
.menu_area ul li#top_bn {height: auto;}
li.search._sp{width: 90%!important; margin: 0 auto!important; padding: 10px 0;}
li.tabs__menu, li.push.btn{width: 86%!important; margin: 0 auto!important;}
#bg_cover, #bg_cover01, #bg_cover02 {background-color: rgba(255, 220, 220, 1.00)!important;}
	
}