@charset "utf-8";

body{
  width: 100%;
  background: #000;
}

.pc{
  display: block;
}

.sp{
  display: none;
}


.wrapper{
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  background: #000;
  background-image: url("../images/top_vis.jpg");
  background-repeat: no-repeat;
  background-position: calc(50% + 100px) 3em;
  position: relative;
}

.top_wrap{
  display: block;
  width: 100%;
  max-width: 1100px;
  height: 100%;
  margin: 0 auto;
  z-index: 400;
}



/* pc menu */

.pc_menu{
  width: 180px;
  height: 100%;
  background: #000;
  background-image: url("../images/menu/pcmenu_base.jpg");
  background-repeat: repeat-y;
  background-size: contain;
  display: block;
  position: fixed;
}

.pc_menu img{
  width: 100%;
}

.top_menu_wrap{
  display: block;
  position: fixed;
}

.pc_menu_logo{
  width: 180px;
  padding: 1em 10%;
  display: block;
  margin: 0 auto;
  background-image: url("../images/menu/pcmenu_top_base.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.pc_menu_logo img{
  width: 100%;
  max-width: 180px;
  display: block;
  margin: 0 auto;
}

.pc_menu ul{
  width: 140px;
  margin: 0 auto;
  display: block;
}

.pc_menu li{
  margin: 0.3em 0;
  display: block;
  position: relative;
  width: 100%;
}

.pc_menu_pow{
  border:solid 2px #a89767;
  width:165px !important;
  padding:15px 12.5px 0;
  display:block;
  position:relative;
  border-radius: 0.5em;
  margin: 17px auto 10px !important;
}

.pc_pow_icon{
  top:-12px;
  left: 0%;
  right:0%;
  margin: auto;
  width: 120px;
}

.menu_btn{
  display: block;
  width: 100%;
  height: 100%;
  background-position: top center;
}

.share{
  display: flex;
  width: 100%;
  max-width: 145px;
  margin: 1em auto;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.share img{
  width: 80%;
  display: block;
  margin: 0 auto;
}


/* top news */

.top_news{
  width: 100%;
  background: url("../images/orange_base.jpg");
  min-height: 50px;
  background-size: 3%;
  display: block;
  position: absolute;
}

.top_news_box{
  width:calc(100% - 180px);
  max-width: 1100px;
  margin-left: 180px;
}

.top_news_wrap{
  width: 90%;
  background: rgba(28, 9, 0, 0.8);
  border: double 3px rgb(223, 114, 0);
  min-height: 30px;
  margin: 20px auto;
  display: block;
  box-shadow: 2px 2px 2px rgba(48, 27, 1, 0.8);
}

.top_news_wrap{
  display: flex;
  color: #d6d6d6;
  z-index: 700;
  position: relative;
  padding: 0.2em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top_news_wrap a{
  display: inline;
  color: #ffd863;
  z-index: 700;
  position: relative;
  text-decoration: underline;
  padding: 0.2em;
  text-shadow: 2px 2px 2px #000;
  word-wrap: break-word;
}

.news_title,.news_txt{
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
}

.news_title{
  margin:0 0.5em;
}

.news_txt span{
  display: inherit;
  align-items: center;
}


.top_news_wrap .date{
  margin-right: 0.5em;
  line-height: 1.2em;
  font-size: 0.9em;
  padding: 0.3em 0;
  font-style: italic;
}

.top_news_wrap .txt{
  margin-right: 0.5em;
  line-height: 1.2em;
  font-size: 0.9em;
  padding: 0.3em 0.5em;
  border-left: solid 1px rgb(147, 131, 84);
  word-wrap: break-word;
}


/* top */

.content_box_top{
  width:calc(100% - 180px);
  display: block;
  margin-left: 180px;
}

.content_box_top img{
  width: 100%;
}

.top_vis{
  display: block;
  position: relative;
}

.top_logo{
  width: 63%;
  max-width: 500px;
  display: block;
  margin: 0 auto;
  height: 900px;
}

.top_logo_f{
  width: 450px !important;
  top:48%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.top_catch{
  top: 8%;
  left: 70%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 22%;
  max-width: 160px;
}

/* top contents */

.top_base_ora{
  width: 100%;
  background: url("../images/orange_base.jpg");
  background-size: 3%;
}

.content_box_ora_top{
  width:calc(100% - 180px);
  display: block;
  margin-left: 180px;
}

.top_release{
  width: 80%;
  max-width: 360px;
  display: block;
  margin: 0 auto;
  padding: 1.5em 0 0.5em;
}

.top_release img{
  width: 100%;
}

.top_contet{
  width: 90%;
  display: block;
  margin: 2% auto 6%;
}

.top_contet img{
  width: 100%;
}

.top_con_title{
  width: 100%;
  display: block;
  max-width: 250px;
  margin: 0 auto;
}

.top_con_r{
  width: 37%;
  padding-right: 0;
  float: right;
}

.top_con_l{
  width: 60%;
  padding: 0;
  float: left;
}

.topics_bnr{
  margin-bottom: 0.5em;
  display: inline-block;
}

.swiper-slide .topics_bnr{
  margin-bottom: 0;
  display: inline-block;
}



.fb-container {
	width: 100%;
	max-width: 500px;
  margin: 0 auto;
  margin-bottom: 1em;
}


/* top windows */

.top_win{
  width: 100%;
  margin: 2em auto 1em;
  text-align: center;
  background: rgba(60, 0, 0, 0.89);
  font-weight: bold;
  padding-top: 0.5em;
  font-size: 1.5em;
  color: #FFF;
  border-radius: 0.4em;
  border: solid 4px rgb(161, 2, 2);
}

.top_win .box{
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em 1em;
  padding: 0.5em 0.5em 0;
  border-top: solid 1px rgb(198, 198, 198);

}

.top_win .box .menu{
  width: 70%;
  vertical-align: middle;
}

.top_win .box .menu img{
  width: 49%;
}

.top_win .box .sub_menu{
  width: 28%;
  margin: 0 0 0 2%;
}

.top_win .box .sub_menu img{
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 0.3em;
}

/* 2nd content */

.base_ora{
  width: 100%;
  background: url("../images/orange_base.jpg");
  background-size: 3%;
  display: block;
}

.base_drk{
  width: 100%;
  background: url("../images/dark_base.png");
  background-size: 3.8%;
  color: rgb(241, 241, 241);
}

.content_box{
  width:calc(100% - 180px);
  display: block;
  margin-left: 180px;
}

.con_wrap{
  display: block;
  width: 100%;
  max-width: 1100px;
  height: 100%;
  margin: 0 auto;
  z-index: 400;
}

/* concept */

.con_wrapper{
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  background: #1b0703;
  background-image: url("../images/concept/concept_vis.jpg");
  background-repeat: no-repeat;
  background-position: calc(50% + 100px) -30px ;
  position: relative;
}

.concept_top{
  width: 80%;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #FFF;
  padding-top:55%;
  padding-bottom: 5%;
}

.concept_m{
  width: 90%;
  max-width: 720px;
  margin: 0 auto;
  padding: 5em 0;
  display: block;
  text-align: center;
}

.concept_m img{
  width: 100%;
}

.concept_link{
  background: rgb(221, 34, 1);
  border: solid 2px #FFF;
  border-radius: 0.3em;
  padding: 0.5em 0.6em;
  font-weight: bold;
  color: #FFF;
  text-shadow: 2px 2px 2px #000;
  font-size: 1.3em;
  box-shadow: 2px 2px 2px #000;
  margin-top: 1em;
  display: inline-block;
  width: 70%;
  max-width:280px;
  opacity:1 !important;
}

.concept_link:hover{
  color: rgb(255, 227, 40);
  border: solid 2px rgb(255, 227, 40);
  background: rgb(255, 0, 0);
}

.concept_link_before{
  background: rgb(138, 138, 138);
  border: solid 2px #d9d9d9;
  border-radius: 0.3em;
  padding: 0.5em 0.6em;
  font-weight: bold;
  color: #d9d9d9;
  text-shadow: 2px 2px 2px #000;
  font-size: 1.3em;
  box-shadow: 2px 2px 2px #000;
  margin-top: 1em;
  display: inline-block;
  width: 70%;
  max-width:280px;
  opacity: 0.8;
}

/* system */

.sys_wrapper{
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  background: #1b0703;
  background-repeat: no-repeat;
  background-position: calc(50% + 100px) -30px ;
}

.sys_pos{
  padding-bottom:1.5em; width:95%; margin:0 auto 4em;
}

.sys_menu_box{
  padding-top:2em;
}

.sys_menu{
  width: 100%;
  max-width: 860px;
  display: flex;
  margin: 0 auto 2em;
  justify-content: center;
}

.sys_menu_icon{
  width:30%;
  margin: 0 1.5%;
  height:20px;
  text-align: center;
}

.sys_menu{
  width: 100%;
  max-width: 860px;
  display: flex;
  margin: 0 auto;
  justify-content: center;
}

.sys_menu_btn{
  width: 30%;
  margin: 0 1.5% 2%;
}

.sys_menu_btn img, .line_menu_btn img{
  width: 100%;
}

.sub_btn_wrap{
  width: 80%;
  display:block;
  margin: 0 auto 2em;
}

.sub_btn{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.sub_btn .btn{
  width: 45%;
  max-width: 220px;
  margin: 0 2% 2%;
}


.sub_btn img{
  width: 100%;
}

.sub_btn .icon{
  width: 100%;
  text-align: center;
  margin-bottom: -2%;
}

.sub_btn .icon img{
  width: 20%;
}






.sys_title{
  width: 90%;
  text-align: center;
  margin: 0 auto;
  padding: 4em 0 2em;
}

.sys_title img,.swiper-slide img{
  width: 100%;
}

.slide_base{
  width: 100%;
  background-image: url("../images/sys/black_base.jpg");
  background-repeat: repeat-x;
  background-size: 100% 100%;
}

.slide_box{
  width: 100%;
  max-width: 900px;
  display: block;
  margin: 0 auto;
  padding: 3em 0;
}

.sys_txt{
  width: 94%;
  max-width: 860px;
  padding: 1em 3%;
  background: rgba(37, 12, 1, 0.8);
  margin: 2em auto 3em;
  color: rgb(255, 244, 231);
  line-height: 1.6em;
  border: double rgb(235, 145, 72) 6px;
  border-radius: 0.5em;
  text-shadow: 2px 2px 2px rgb(40, 13, 3);
  box-shadow: 2px 2px 2px rgb(40, 13, 3);
}

.sys_txt2{
  width: 100%;
  padding: 1em 0;
  background: rgba(0, 0, 0, 0.9);
  margin: 2em auto 3em;
  color: rgb(255, 244, 231);
  line-height: 1.6em;
  border-top: double rgb(235, 145, 72) 6px;
  border-bottom: double rgb(235, 145, 72) 6px;
  text-shadow: 2px 2px 2px rgb(40, 13, 3);
  box-shadow: 2px 2px 2px rgb(40, 13, 3);
}

.sys_txt2 .wrap{
  width: 90%;
  display: block;
  margin: 0 auto 2em;
  color:#daa655;
}

.sys_txt2 .wrap p{
  margin: 1.5em 0;
}

.sys_txt2 .wrap h3{
  font-weight: bold;
  font-size: 1.2em;
  color:#daa655;
  margin-top: 1em;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.sys_tab{
  overflow:hidden;
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  margin-top: 2em;
}

.sys_tab li{
  background:#634921;
  padding-top: 0.4em;
  text-align: center;
  cursor: pointer;
  border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
}

.tab_width2{
  width: calc(97% / 2);
}

.tab_width4{
  width: calc(97% / 4);
}

.sys_tab li img{
  width: 80%;
  max-width: 200px;
  opacity: 0.6
}

.sys_tab li.select{
  background:#b4853c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #b4853c), color-stop(0.00, #e2ae5a));
  background: -webkit-linear-gradient(top, #e2ae5a 0%, #b4853c 88%);
  background: -moz-linear-gradient(top, #e2ae5a 0%, #b4853c 88%);
  background: -o-linear-gradient(top, #e2ae5a 0%, #b4853c 88%);
  background: -ms-linear-gradient(top, #e2ae5a 0%, #b4853c 88%);
  background: linear-gradient(to bottom, #e2ae5a 0%, #b4853c 88%);
}

.sys_tab li.select img{
  opacity: 1;
}

.tab_content li{
  background:#000;
  padding:2em 5% 1em;
  color: #b4853c;
  text-shadow: none;
  border: #b4853c 2px solid;
  border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
}

.tab_content li p{
  text-shadow: 2px 2px 2px rgb(40, 13, 3);
}

.tab_hide {display:none;}

.tab_content img{width: 100%;}

.tab_content table{
    width: 100%;
    margin: 1em auto 2em;
    padding: 0;
    border-spacing: 0;
    color: rgba(236, 236, 223, 1);
    background: rgba(30, 30, 30, .3);
    font-size: 0.9em;
}
.tab_content th{
    background: #000;
    color: #bc9a64;
    width: 20%;
    padding: 0.5em 5%;
    border: solid 1px #bc9a64;
    text-align: center;
}

.tab_content td{
    background: #000;
    color: #bc9a64;
    width: 20%;
    padding: 0.5em 2%;
    border: solid 1px #bc9a64;
    text-align: center;
}


.tab_content td:last-of-type{
    background: #000;
    color: #bc9a64;
    width: 60%;
    padding: 0.5em 5%;
    border: solid 1px #bc9a64;
    text-align: left;
}

.tab_content .first th,.tab_content .first td{
    background: #b4853c !important;
    color: #000 !important;
    text-align: center;
    font-weight: bold;
}


/* taimei */

.sys_tab2{
  overflow:hidden;
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  margin-top: 2em;
}

.sys_tab2 li{
  background:#632321;
  padding-top: 0.4em;
  text-align: center;
  cursor: pointer;
  border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
}

.sys_tab2 li img{
  width: 80%;
  max-width: 200px;
  opacity: 0.6
}


.sys_tab2 li.select{
  background:#650000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #650000), color-stop(0.00, #bf1212));
  background: -webkit-linear-gradient(top, #bf1212 0%, #650000 88%);
  background: -moz-linear-gradient(top, #bf1212 0%, #650000 88%);
  background: -o-linear-gradient(top, #bf1212 0%, #650000 88%);
  background: -ms-linear-gradient(top, #bf1212 0%, #650000 88%);
  background: linear-gradient(to bottom, #bf1212 0%, #650000 88%);
}

.sys_tab2 li.select img{
  opacity: 1;
}


.tab3 .tab_content li{
  background:#000;
  padding:2em 5% 1em;
  color: #e8e8e8;
  text-shadow: none;
  border: #650000 2px solid;
  border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
}

.tab4 .tab_content li{
  background:#000;
  padding:2em 5% 1em;
  color: #e8e8e8;
  text-shadow: none;
  border: #650000 2px solid;
  border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
}


.tab3,.tab4{
  margin-bottom: 5em;
}



/* otehr tab */

.tab9 h2{
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  text-align: center;
  font-weight: bold;
  margin-top: 1.5em;
}

.tab9 .sys_tab{
  overflow:hidden;
  width: 95%;
  max-width: 650px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  margin-top: 2em;
}

.tab9 .sys_tab li img{
  width: 80%;
  max-width: 200px;
  opacity: 0.6;
}

.tab9 .sys_tab li.select{
  background:#b4853c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #b4853c), color-stop(0.00, #e2ae5a));
  background: -webkit-linear-gradient(top, #e2ae5a 0%, #b4853c 88%);
  background: -moz-linear-gradient(top, #e2ae5a 0%, #b4853c 88%);
  background: -o-linear-gradient(top, #e2ae5a 0%, #b4853c 88%);
  background: -ms-linear-gradient(top, #e2ae5a 0%, #b4853c 88%);
  background: linear-gradient(to bottom, #e2ae5a 0%, #b4853c 88%);
}

.tab9 .sys_tab li.select img{
  opacity: 1;
}

.tab_width9{
  width: calc(97% / 3);
  margin-bottom: 0.5em;
}

.tab9 .tab_content{
  color:#e2ae5a;
  font-size: 1em;
}

.tab9 .sys_tab li{
  background:#634921;
  padding-top: 0.4em;
  text-align: center;
  cursor: pointer;
  border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.tab9 .tab_content p{
  font-size: 0.95em;
  line-height: 1.8em;
  margin-top: 1em;
}

.tab9 .tab_content b{
  font-size: 1.3em;
  line-height: 1.8em;
  margin-bottom: -0.5em;
  color:#e2ae5a;
}

.tab9 .tab_content span{
  font-size: 0.8em;
  line-height: 1.8em;
  margin-bottom: -0.5em;
  color:#dbd0bf;
}

.tab9 .tab_content h4{
  font-size:2em!important;
  font-weight:bold;
  text-align: center;
  padding: 1em 0.5em 0.2em;;
  color:#e2ae5a;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.tab9 .tab_content h5{
  font-size:1.5em!important;
  font-weight:bold;
  text-align: center;
  padding: 1.5em 0.5em 1em;;
  color:#e2ae5a;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  border-top: solid 1px #c9b38e;
  margin-top: 1.5em;
}

.tab9 .tab_title{
  text-align: center;
}

.tab9 .slide_box{
    padding: 4.5em 0 2em;
}

.tab9 .s_btn{
  padding: 1em 1.5em;
  background: rgb(224, 190, 100);
  text-align: center;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  color: rgb(32, 31, 24);
  text-shadow: none;
  font-size:1.1em;
  margin-bottom: 1.5em;
}


/* products */

.pro_menu_box{
  padding-top:2em;
}

.pro_menu{
  width: 100%;
  max-width: 860px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 0;
}

.pro_line_box{
  padding:1em;
  margin: 0 auto 2em;
  background: rgb(0, 0, 0);
  border: double 3px rgb(222, 222, 211);
  border-radius: 1em;
  display: block;
  width: 90%;
  text-align: center;
}

.pro_line_box p{
  font-weight: bold;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  font-size: 1.1em;
  margin-top: 1em;
  display: inline-block;
  border-bottom: solid 1px rgb(154, 154, 154);
}

.line_menu{
  width: 90%;
  max-width: 800px;
  display: flex;
  margin: 0 auto;
}



.line_menu img{
  margin: 0;
  padding: 0;
  line-height: 0;
}

.line_up{
  margin: 0.5em 1%;
}

.line_up img{
  width: 100%;
}

.line_menu_btn{
  margin: 1.5em 1.5% 1em;
}

.pro_box{
  display: block;
  width: 90%;
  margin: 0 auto 3em;
  padding: 1.5em 0;
  text-align: center;
  background: url("../images/orange_base.jpg");
}

.pro_box .slide_base{
  padding-bottom: 2em;
}

.pro_title{
  width: 90%;
  margin: 0 auto;
  padding: 1.5em 0 1em;
  display: inline-block;
}

.pro_title .plat{
  width: 95%;
  margin: 2em auto 0;
  max-width: 200px;
}

.pro_title .plat img{
  width: 100%;
}


.pro_box .pic{
  width: 95%;
  max-width: 260px;
  display: inline-block;
}

.pro_box .pic_pbox{
  width: 95%;
  display: inline-block;
}

.pro_box .txt{
  font-size: 1.2em;
  color: rgb(228, 126, 7);
  font-weight: bold;
  padding-top: 0.5em;
}

.pro_box img{
  margin: 0em 0;
  width: 100%;
}

.price{
  width: 100%;
  text-align: center;
  padding: 3em 0 0.5em;
}

.price .box{
  display: inline-block;
  width: 100%;
  max-width: 520px;
}

.price_two, .price_three{
  display: flex;
  justify-content: center;
  padding: 3em 0 0.5em;
}

.price_two .box{
  width: 260px;
  margin: 0 10px;
}

.price_three .box{
  width: 370px;
  margin: 0 10px;
}

.price_three .box{
  margin: 0.6em 15px;
}


.box .title{
  text-align: center;
  font-size: 1.2em;
}

.box .num{
  text-align: center;
  font-size: 0.8em;
}

.box .num span{
  font-size: 2.2em;
}

.box .p_link2{
  display: block;
  color: #5e5e5e;
  border-radius: 0.1em;
  padding: 0.6em 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
  border: 2px solid #5e5e5e;
  opacity: 1 !important;
  background: #4c4c4c; /* Old browsers */
  background: -moz-linear-gradient(top, #4c4c4c 0%, #131313 95%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4c4c4c 0%,#131313 95%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4c4c4c 0%,#131313 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}

.box .p_link2 span{
  font-size: 0.7em;
  padding: 0 0.5em;
}

.box .p_link{
  display: block;
  color: #ffffff;
  border-radius: 0.1em;
  padding: 0.6em 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
  border: 2px solid rgb(198, 19, 19);
  opacity: 1 !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #870d12), color-stop(0.00, #f04a00));
  background: -webkit-linear-gradient(#f04a00, #870d12);
  background: -moz-linear-gradient(#f04a00, #870d12);
  background: -o-linear-gradient(#f04a00, #870d12);
  background: -ms-linear-gradient(#f04a00, #870d12);
  background: linear-gradient(#f04a00, #870d12);
}



.box .p_link:hover{
  color: #FFF;
  border-radius: 0.1em;
  padding: 0.6em 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
  border: 2px solid rgb(254, 245, 33);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f66e04), color-stop(0.00, #fbda2d));
  background: -webkit-linear-gradient(#fbda2d, #f66e04);
  background: -moz-linear-gradient(#fbda2d, #f66e04);
  background: -o-linear-gradient(#fbda2d, #f66e04);
  background: -ms-linear-gradient(#fbda2d, #f66e04);
  background: linear-gradient(#fbda2d, #f66e04);
}

.pro_box .dl20{
  background: rgb(255, 239, 27);
  color: rgb(198, 19, 19);
  font-weight: bold;
  padding: 0.5em 1em;
  font-size: 0.9em;
  font-weight: bold;
  display: inline-block;
  border-radius: 1.7em;
  width: 100%;
  max-width: 520px;
  margin-bottom: 1em;
}

.pro_box .spec{
  border: 1px solid rgb(241, 94, 0);
  color: rgb(241, 94, 0);
  border-radius: 0.2em;
  display: inline-block;
  width: 100%;
  max-width: 520px;
  margin-bottom: 0.5em;
}

.pro_box .mini{
  text-align: left;
  font-size: 0.7em;
  padding: 0.5em 1em;
  width: 100%;
  color: rgb(226, 226, 226);
  display: inline-block;
  max-width: 520px;
  margin-bottom: 1em;
}

.pbox_title{
  font-size: 1.4em;
  font-weight: bold;
  color: rgb(255, 207, 52);
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
  border-bottom: 1px solid rgb(235, 145, 72);
}

.pbox_txt{
  width: 94%;
  max-width: 860px;
  padding: 1em 3% 1.5em;
  background: rgba(37, 12, 1, 0.7);
  margin: 2em auto 0;
  color: rgb(255, 244, 231);
  line-height: 1.6em;
  border: double rgb(235, 145, 72) 6px;
  border-radius: 0.5em;
  text-shadow: 2px 2px 2px rgb(40, 13, 3);
  box-shadow: 2px 2px 2px rgb(40, 13, 3);
}

.pbox_txt ul{
  width: 90%;
  max-width: 720px;
  text-align: left;
  display: block;
  margin: 0 auto;
}

.pbox_txt li{
  padding: 0.5em 0;
  font-size: 1.1em;
  font-weight: bold;
  color: rgb(255, 207, 52);

}

.pbox_txt li p{
  font-size: 0.7em;
  font-weight: normal;
  margin-left: 1em;
  color: rgb(200, 200, 200);
}

.p_ps_bt img{
  opacity: 1;
}

.p_win_bt img{
  opacity: 0.6;
}


.p_sw_bt img{
  opacity: 0.6;
}

.dpbox_mini{
  color:rgb(255, 207, 52);
  border: solid 2px rgb(255, 207, 52);
  padding: 1em;
  margin: 2em 0 0;
  background: rgb(111, 8, 8);
}

.tokuten_title{
  font-size: 1.5em;
  padding-top: 0.4em;
  font-weight: bold;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.win_table{
  text-align: left;
  width: 90%;
  margin: 0 auto;
  padding: 2em 0;
  display: inline-block;
}

.win_table th, .win_table td{
  border-bottom: 1px solid rgb(208, 208, 208);
  font-size: 0.9em;
  padding: 0.7em 0.8em;;
}

.win_table th{
  font-size: 0.8em;
}

.spec_mini{
  font-size: 0.6em;
  text-align: left;
  margin-top: 2em;
  color: rgb(217, 217, 217);
}

.ktsv_link{
  color: rgb(255, 239, 27);;
  font-weight: bold;
  padding: 1em;
  font-size: 0.9em;
  font-weight: bold;
  display: inline-block;
  border-radius: 0.2em;
  width: 100%;
  margin: 1em auto;
  border: 1px solid rgb(255, 239, 27);
  vertical-align: middle;
}

.ktsv_link a{
  color:rgb(255, 239, 27);
  display: table-cell;
}


.video_card{
  width: 95%;
  display: block;
  margin: 0 auto 0;
  padding: 1em 0em;
}

.video_card p{
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.5em 0;
  color:rgb(184, 160, 102);
}

.video_card ul{
  display: flex;
  flex-wrap: wrap;
}

.video_card li{
  width: 50%;
  text-align: left;
  padding: 0.3em 1.5em;
  border: solid 1px rgb(184, 160, 102);
  color:rgb(255, 251, 235);
}

.dousa_v{
  text-align: center;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  color: rgb(184, 160, 102);
  margin-top: 3em;
  padding-bottom: 0.5em;
  width: 100%;
  border-bottom: 1px solid rgb(184, 160, 102);
}


.demo_spec{
  width: 94%;
  margin: 2em auto;
  text-align: left;
  padding: 2%;
  font-size: 0.9em;
}

.demo_spec .box{
  width: 100%;
  margin: 1em auto;
}

.demo_spec a{
  color:rgb(190, 72, 35);
  text-decoration: underline;
}

.demo_spec h3{
  width: 100%;
  padding: 0.5em 1em;
  background: rgb(122, 102, 52);
  text-align: left;
  margin: 0.8em 0;
}

.demo_spec li{
  padding: 0.5em 1em 0.5em 2em;
  text-indent: -1em;

}

.att{
  padding: 0.6em 1em;
  color: rgb(255, 249, 103);
  border: 1px solid rgb(198, 0, 24);
  margin: 1em;
}

.demo_spec .pac{
  width: 100%;
  margin: 2em auto 4em;
}


/* gallery */


.mov_box{
  width: 95%;
  margin: 0 2.5% 3em;
  text-align: left;
  min-height: 100%;
}

.mov_txt{
  font-size:1.4em;
  padding-bottom:0.8em;
  color:rgb(205, 178, 146);
  font-weight: bold;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.busyo_box{
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 2.5% 3em;
  text-align: left;
  min-height: 100%;
}

.busyo_box .sum{
  width: 23%;
  margin: 1.5em 1%;
  display: block;
  position: relative;
}

.busyo_box .sum img{
  width: 100%;
}

/* Event */

.event_box{
  width: 90%;
  margin: 0 5% 5em;
  text-align: left;
  min-height: 100%;
}

.event_box .title{
  display: flex;
  justify-content: left;
  align-items: center;
  border-bottom: 2px solid rgb(116, 93, 42);
  width: 100%;
}

.event_box h3{
  font-weight: bold;
  font-size:1.4em;
  display: inline;
  padding-left: 0.8em;
}

.event_box .date{
  background: rgb(116, 93, 42);
  padding: 1em;
  font-size: 0.8em;
  height: 100%;
}

.event_box .day{
  font-weight: bold;
  display: block;
  font-size: 1.5em;
}

.ev_block{
  display: flex;
  flex-wrap: wrap;
}

.ev_pic{
  display: block;
  width: 100%;
  margin: 1.5em auto;
}

.ev_pic img{
  width: 100%;
}

.ev_area{
  background: rgb(23, 23, 23);
  color: rgb(255, 210, 96);
  font-size: 0.9em;
  width: 100%;
  border: 3px double rgb(116, 93, 42);
  padding: 1.8em;
  border-radius: 0.5em;
  line-height: 1.5em;
  margin: 1em auto;
}

.ev_area h3{
  font-size: 1.4em;
  font-weight: bold;
  padding-left: 0;
  color: rgb(255, 255, 255);
  margin-bottom: 1em;
  display: block;
}

.ev_area b{
  font-size: 1.2em;
  margin-bottom: 0.5em;
  display: block;
}

.ev_area hr{
  border:2px dotted #745d2a;
  margin: 30px 0;
  height: 1px;
}

.ev_area a{
  color: rgb(195, 67, 44);
  text-decoration: underline;
}

.ev_area .link_btn{
  background: rgb(195, 67, 44);
  padding: 1em;
  width: 100%;
  max-width: 320px;
  border-radius: 1em;
  display: block;
  margin: 2.5em 0  1.5em;
  font-weight: bold;
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-shadow: rgb(78, 9, 9);
  border: 1px solid rgb(182, 175, 107);
  text-align: center;
  font-size: 1.2em;
}



/* footer */

.fotter_wrap
{   font-size: 0.8em;
    position: relative;
    clear: both;
    top:0;
    width: 100%;
    height: auto;
    min-height: 80px;
    padding: 1.5em 3%;
    color: #fff4d1;
    border-top: solid 1px #66664e;
    background: rgb(0, 0, 0);
    margin: 0 auto;
    display: inline-block;
}

.footer_item{
  max-width: 1050px;
  margin: 0 auto;
  display: block;
}

.fotter_wrap .plat_bottom
{
    font-size: 10px;

    display: block;
    float: left;

    width: 100%;
    max-width: 650px;
    margin-right: 3em;
    margin-bottom: 0;
}

.fotter_wrap .plat_bottom_txt
{
    display: block;
    float: left;
    width: 100%;
    max-width: 540px;
    margin: .2em 0 .8em 0;
}

.reg_txt{
  font-size: 10.5px !important;
  text-indent: 0 !important;
  color:#CCC;
  display: inline-block;
}

.textLink
{
    font-size: 16;
    display: inline-block;
    text-align: left;
    text-indent: 0.5em;
    color: rgb(226, 226, 226);
    margin-right: 2em;
}

.textLink a
{
    color: rgb(226, 226, 226);
}

.textLink a:hover
{
    text-decoration: underline;

    color: rgb(255, 233, 116);
}


/* slide */

.swiper-button-prev img,.swiper-button-next img{
  width: 100%;
}

.swiper-button-prev,.swiper-button-next{
  display: block;
  position: absolute;
  width: 10%;
  max-width: 80px;
  margin-top: -40px;

}

.swip_txt{
  font-size: 0.9em;
  width: 100%;
  text-align: center;
  color:rgb(255, 209, 166);
  padding: 0.5em 5%;
}


/* tutorial */

.content_single{
  width: 100%;
  display: block;
  margin: 0 auto;
}

.content_single h1{
  font-size:1.8em;
  font-weight:bold;
  text-align: center;
  padding: 1em 0.5em;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.content_single h4{
  display: block;
  width: 100%;
  margin: 1em auto 1em;
  font-weight:bold;
  font-size: 1.4em;
  line-height: 1.6em;
  text-align: center;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.content_single h3{
  display: block;
  width: 85%;
  margin: 0 auto;
  font-weight: normal;
  font-size: 1.1em;
  line-height: 1.6em;
}

.content_single .box{
  display: block;
  width: 90%;
  margin: 4em auto;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.8em;
  /* background-image: url("../images/tu/back_tri.png"); */
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 50%;
}

.content_single .box_mini{
  display: block;
  width: 92%;
  margin: 2em auto;
  padding: 2em 0;
  border-top:1px solid rgb(233, 200, 125);
}

.content_single .box .slide_base{
  background-color: rgba(143, 1, 1, 0.5);
  background-image: url("../images/tu/back_tri.png");
  background-position: 0 0;
  background-size: 45%;
  background-repeat: no-repeat;
  border-top: 6px double rgb(233, 200, 125);
  border-bottom: 6px double rgb(233, 200, 125);
}

.content_single .box p{
  width: 92%;
  display: block;
  margin: 0 auto 1em;
}

.box_mini .swip_txt{
  text-align: left!important;
  text-indent: -1.5em;
  margin-left: 0.75em;
}

.top_bnr_img{
  width: 100%;
  display: block;
  margin: 0 auto;
}

.top_bnr_img img{
  width: 100%;
}

.content_single .link{
  display: block;
  width: 80%;
  max-width: 390px;
  margin:2em auto;
  padding: 1em 0;
  color: rgb(238, 191, 98);
  font-size: 0.8em;
}

#circle{
  height:50px;
  width:50px;
  border-radius:50%;
  line-height:50px;
  text-align:center;
	background: rgb(233, 200, 125);
  margin: 0 auto;
  color: rgba(143, 1, 1, 1);
  font-weight: bold;
  font-size: 1.5em;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}


.oda_menu{
  width:80%; margin:0 auto 1em; display:block; position: relative; height:78px;
}

/* PBOX */

.pbox_item{
  width: 100%;
  display: block;
  margin: 0 auto 3em;
  background: rgba(0, 0, 0,0.6);
  border: rgb(235, 206, 141) double 3px;
  border-radius: 0.5em;
}

.pbox_item .sum{
  width: 100%;
  max-width: 320px;
}

.pbox_item ul{
  display: flex;
  padding: 2em 1em;
  text-align: left;
  font-size: 0.9em;
  flex-wrap: wrap;
  justify-content: center;
}

.pbox_item ul li:first-child{
  padding: 0 2%;
  width: 35%;
}

.pbox_item ul li:nth-of-type(2){
  padding: 0 2%;
  width: 65%;
}

.pbox_item ul h3{
  font-size: 1.4em!important;
  font-weight: bold;
  color: rgb(235, 206, 141);
  text-align: left;
  margin: 0;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.pbox_item ul h4{
  font-size: 1.2em!important;
  font-weight: bold;
  color: rgb(235, 206, 141);
  text-align: center;
  margin: 0;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.players{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.player_wrap{
  width: 50%;
  padding: 1em 1em;
}

.pictures{
  display: flex;
  width: 95%;
  max-width:95%;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.picture_wrap{
  width: 30%;

}

.picture_wrap a{
  width: 100%;
}

.picture_wrap img{
  width: 100%;
}


.pbox_ul_title{
  width: 100%;
  max-width:860px;
  display: block;
  text-align: center;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  font-weight: bold;
  color: rgb(235, 206, 141);
  font-size: 1.5em;
  border-bottom: rgb(148, 126, 78) solid 1px;
  padding: 0.5em 0;
  margin: 1em auto;
}

.plus{
  display: block;
  position: absolute;
  width: 30%;
  max-width: 80px;
  bottom: 10%;
  right: 5%;
}

.r_date{
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 2em;
}

.r_date a{
  background: rgb(48, 48, 48);
  color: rgb(255, 216, 52);
  border-radius: 0.5em;
  padding: 0.5em 1.5em;
  font-size: 0.9em;
  text-decoration: underline;
}


/*---pbox---*/
.pbox_link{
	text-align: center;
  background: rgba(56, 3, 3, 0.9);
  border: double 3px rgb(218, 184, 96);
  border-radius: 0.8em;
  margin-bottom: 3em;
}

.midashi{
  padding: 0.5em 1em;
  background:rgb(250, 224, 87);
  color: rgb(179, 0, 11);
  font-weight: bold;
  width: 100%;
  margin: 1em 0;
}

.pbox_link .links{
	display: flex;
  width: 95%;
  max-width:95%;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pbox_link .links .box {
  width: 30%;
  max-width:100%;
  margin: 0.5em auto;
  background: rgba(29, 0, 0, 0.92);
  border-radius: 0.5em;
  padding: 2em 1em 1em;
  font-size:0.9em;
}

.pbox_link .links .box img{
  width: 100%;
  max-width:100%;

}


/* Count Down */

.count_box{
  width: 100%;
  background: rgba(122, 2, 2, 0.7);
}

.today_char{
  width: 94%;
  display: flex;
  flex-wrap: wrap;
  padding: 2em 0;
  margin: 0 auto;
}

.count_char{
  width: 49%;
  margin: 0 2%;
}

.today_char img{
  width: 100%;
}

.count_txt{
  width: 47%;
}

.count_txt{
  padding: 1em;
  text-align: center;
}

.txt_title{
  width: 80%;
  margin: 0 auto;
}

.today_char .comment{
  margin-top: 1em;
}

.count_box .sns{
  width: 70%;
  margin: 2em auto;
}

.count_box .sns a{
  color: #FFF;
  text-decoration: underline;
}

.count_day{
  width: 100%;
  text-align: center;
}

.count_day img{
  width: 80%;
}

.count_box .icon_box{
  width: 100%;
}

.count_box .icon_box ul{
  width: 95%;
  max-width: 750px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.count_box .icon_box li{
  width: 22%;
  margin: 1.5% 1.5%;
}

.count_box .icon_box img{
  width: 100%;
}

.icon_title{
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.7em;
  padding: 0.5em 1em;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}


.before_box{
  width: 100%;
  background: rgb(43, 13, 13);

}

.before_box .wrap{
  width: 94%;
  display: flex;
  flex-wrap: wrap;
  padding: 2em 0;
  margin: 0 auto;
}

.before_box .char_b{
  width: 45%;
  margin: 0 1%;
  text-align: center;
}



.before_box .txt_b{
  width: 53%;
  text-align: center;
}

.before_box .txt_b img{
  width: 100%;
}

.before_box img{
  width: 80%;
}

.ret_btn{
  width: 80%;
  max-width: 250px;
  margin: 0 auto;
}

.ret_btn img{
  width: 100%;
}



/* taketatu_yabou */

.content_single .a_box .slide_base{
  background-color: rgba(255, 255, 255, 1);
  background-repeat: no-repeat;
  border-radius: 1em;
}

.content_single .a_box .slide_base{
  background-image: none;
  background-color: rgb(255, 217, 153);
  border: none;
  border: double 6px rgb(230, 133, 20);
  background-image: url("../images/ta/ta_back_y.jpg");
  background-size: cover;
}

.a_box_title{
  display: block;
  margin: 0 auto;
}

.a_box .slide_box{
  padding: 2em 0 3em;
}

.a_box_img{
  display: block;
  margin: 0 auto;
  width: 90%;
}

.a_box .swip_txt{
  color: rgb(219, 67, 126);
}

.aya_box{
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto 1em;
  padding-right: 2%;
  background-position: -45% 0%;
  background-repeat: no-repeat;
  background-size: 75%;
}

.aya_pic{
  width: 50%;
}

.aya_txt{
  width: 50%;
  height: auto;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  color: rgb(219, 67, 126);
  padding: 1em;
  background: #FFF;
  border-radius: 2.5em;
  margin: 5em 0 3em;
  display: block;
  position: relative;
  border:solid 6px rgb(219, 67, 126);
}

.aya_txt h1{
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-weight: bold;
}

.a_box .swip_txt{
  color: rgb(204, 99, 12);
}



.ta_tw{
  left: 5%;
  bottom: 5%;
  width: 40%;
}


/* update */

.up_box .box{
  display: block;
  width: 90%;
  margin: 4em auto;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.8em;
  /* background-image: url("../images/tu/back_tri.png"); */
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 50%;
}

.up_box .slide_base_up{
  background-image: url("../images/orange_base.jpg");
  background-position: none;
  background-size: 8%;
  background-repeat: repeat;
  border-top: 6px double rgb(233, 200, 125);
  border-bottom: 6px double rgb(233, 200, 125);
}

.up_box .slide_base_up h2{
  font-size:2em;
  font-weight:bold;
  text-align: left;
  padding: 1em 4%;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  line-height: 1.3em;
  width: 100%;
  background: rgb(0, 0, 0);
  margin: 0 0 1em;
  color: rgb(255, 202, 45);
}

.up_box .slide_base_up h2 span{
  font-weight: normal;
  font-size: 0.7em;
  line-height: 0.9em;
}

.up_ver{
  padding: 2em 1.5em;
  background: rgba(0, 0, 0, 0.79);
  border-radius: 1em;
  border: solid 1px #FFF;
  width: 90%;
  margin: 0 auto;
}

.up_ver li{
  text-indent: -1em;
  padding-left: 2em;
  padding-right: 1em;
  margin: 0.9em 0 0 !important;
}

.up_con{
  margin: 1.5em auto 3em;
}

.up_ver b{
  display: inline-block;
  padding-bottom: 0.8em;
  font-size: 1.1em;
  text-indent: -1em;
  padding-left: 2em;
  font-weight: bold;
  color:rgb(255, 202, 45);
}

.up_dl{
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  height: 100%;
  margin: 2em auto 0;
  justify-content: center;
  word-break: break-all;
}

.up_dl .plat{
  width: 35%;
  padding: 1em 1.5em;
  background: rgba(0, 0, 0, 0.8);
  border: solid 1px rgb(134, 134, 134);
  vertical-align: middle;
}

.up_dl .plat p{
  display: inline;
}

.up_dl .inst{
  width: 65%;
  padding: 1em 1.5em;
  background: rgba(103, 103, 103, 1);
  color: #FFF;
  font-size: 0.85em;
  border:  solid 1px rgb(134, 134, 134);
}

.up_ver .box li{
  margin: 0.6em 0;
}

.up_ver .mini{
  display: block;
  font-size: 0.7em;
  padding-left: 1em;
  color: rgb(182, 130, 83);
}

.up_ver .min-title{
  padding-top: 1em;
  padding-left: 1em;
}

.up_att{
  font-weight: bold;
  /* color:#ffe21f; */
  padding: 1em;
  background-color: rgb(205, 28, 0);
  border: solid 2px #FFF;
  border-radius: 0.6em;
  width: 100%;
  margin: 1em auto 2.5em;
  text-align: left;
  display: block;
}


/* dlc */


.dlc_flow_box{
  width: 90%;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.3);
  padding: 2em;
  border-radius: 1em;
  border: double 6px rgb(190, 97, 51);
}

.dlc_flow_box .mini{
  font-size: 0.8em;
  margin-top: 1em;
}

.dlc_flow_box a{
  color: rgb(233, 188, 71);
  text-decoration: underline;
}

.dlc_flow_box h2{
  text-align: center;
  padding-bottom: 0.8em;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  color:rgb(231, 204, 136);
}

.flow_item{
  background: rgb(88, 40, 0);
  padding:0.4em 2em 1em;
  margin-bottom: 1em;
  border-radius: 0.5em;
  font-size: 0.95em;
  cursor: pointer;
}

.flow_item h4{
  font-size: 1.2em;
  color:rgb(231, 204, 136);
  width: 100%;
  border-bottom: solid 1px rgb(231, 204, 136);
}

.flow_btn{
  background:rgb(148, 133, 87); padding:0.5em; border-radius:0.5em; font-weight:bold;
  text-align: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto 1.5em;
}


.dlc_menu{
  width: 90%;
  margin: 2em auto;
}

.dlc_menu ul{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.dlc_menu ul li{
  width: 24%;
  margin: 0 0.5%;
  text-align: center;
}

.dlc_menu ul li img{
  width: 100%;
}




.dlc_box .box{
  display: block;
  width: 90%;
  margin: 4em auto;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.8em;
  /* background-image: url("../images/tu/back_tri.png"); */
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 50%;
}

.dlc_box .slide_base_up{
  background-image: url("../images/orange_base.jpg");
  background-position: none;
  background-size: 8%;
  background-repeat: repeat;
  border-top: 6px double rgb(233, 200, 125);
  border-bottom: 6px double rgb(233, 200, 125);
}

.dlc_box .slide_base_up h2{
  font-size:1.6em;
  font-weight:bold;
  text-align: left;
  padding: 0.3em 4%;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  line-height: auto;
  width: 100%;
  background: rgb(0, 0, 0);
  margin: 0 0 1em;
  color: rgb(255, 202, 45);
}

.dlc_box .slide_base_up h2 span{
  font-weight: normal;
  font-size: 0.6em;
  line-height: 0.9em;
}

.dlc_ver{
  padding: 1.5em;
  background: rgba(0, 0, 0, 0.79);
  border-radius: 0.5em;
  border: solid 1px rgb(233, 190, 115);
  width: 90%;
  margin: 0 auto;
}

.dlc_ver li{
  text-indent: -1em;
  padding-left: 2em;
  margin: 0.5em 0 0 !important;
}

.dlc_img_box{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.dlc_img1{
  width: 53%;
  max-width: 400px;
}

.dlc_img2{
  width: 45%;
  float: left;
  margin-bottom: 2%;
}

.dlc_img1 img,.dlc_img2 img{
  width: 100%;
  border: solid 2px rgb(233, 190, 115);
}

.dlc_con{
  margin: 1.5em auto;
  color:rgb(233, 190, 115);
}

.dlc_ver b{
  display: inline-block;
  padding-bottom: 0.8em;
  font-size: 1.1em;
  text-indent: -1em;
  padding-left: 2em;
  font-weight: bold;
  color:rgb(255, 202, 45);
}

.up_dlc{
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  height: 100%;
  margin: 2em auto 0;
  justify-content: center;
  word-break: break-all;
  font-size: 0.9em;
}

.up_dlc .plat{
  width: 35%;
  padding: 0.5em 1.5em;
  background: rgba(0, 0, 0, 0.8);
  border: solid 1px rgb(134, 134, 134);
  vertical-align: middle;
}

.up_dlc .plat p{
  display: inline;
}

.up_dlc .inst{
  width: 65%;
  padding: 0.5em 1.5em;
  background: rgba(36, 0, 0, 0.6);
  color: #FFF;
  font-size: 0.85em;
  border:  solid 1px rgb(134, 134, 134);
}

.up_dlc a{
  color: rgb(254, 232, 85);
  text-decoration: underline;
  word-break: break-all;
}

.up_dlc .mini{
  font-size: 0.8em;
  padding-top: 0.8em;
}

.ody_btn{
  background:rgb(209, 0, 0);
  padding:0.5em 1.5em;
  border-radius:0.5em;
  font-weight:bold;
  text-align: center;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 1.5em;
  color:rgb(255, 216, 50)!important;
  text-decoration: underline;
  display: block;
  font-size: 1.7em;
}

/* ノミネート作品 */


.nominate_wrap{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.nominate_content{
  color: rgb(255, 255, 255);
  width: 47%;
  margin: 1em 1.5% 1.5em;
  padding:1em 1em;
  text-align: center;
  background: rgba(125, 19, 19, 0.8);
  border-radius: 0.3em;
}

.nominate_content h4{
  color: rgb(218, 179, 126)!important;
  font-size: 1.1em;
  margin: 0;
  margin-bottom: 0.5em;
}


.nominate_mov{
  background-image: url(../images/contest/frame.jpg);
  background-size: contain;
  padding: 3%;
  margin-bottom: 0.5em;
}

.box .comment{
  font-size: 0.9em;
  padding: 1em;
  text-align: left;
  color: rgb(236, 236, 236);
  border-top: double rgb(222, 138, 27) 3px;
  margin-top: 1em;
  height: auto;
}





@media screen and (max-width:768px){

  .pc{
		display: none !important;
	}

	.sp{
		display: block !important;
	}

  .wrapper{
    background-image: none;
    background-position: top center ;
    background-size: contain;
  }

  .top_news_box,.content_box_top,.content_box,.content_box_ora_top,.content_box,.content_box_drk{
    width:100%;
    margin-left: 0;
  }

  .content_box_top{
    padding-top: 0;
  }

  .top_logo{
    margin: 0 auto;
    padding-top:0;
    max-width: none;
    width: 100%;
    height: auto;
  }

  .top_logo img{
    width: 100%;
  }

  .top_catch{
    display: none;
  }

  .top_con_r,.top_con_l{
    width: 100%;
    float: none;
    margin-bottom: 1.5em;
  }


  /* top sns */

  .top_sns_box{
    width: 95%;
    margin: 0 auto;
  }

  .fb-link-bnr{
    display: none;
  }

  .fb-container,.tw-container {
  	width: 45%;
  	max-width: 500px;
    margin: 0 2% 1em;
    float: left;
  }


  /* top sns */

  .top_sns_box{
    width: 100%;
    margin:auto;
  }

  .fb-link-bnr{
    display: none;
  }

  .fb-container,.tw-container {
  	width: 45%;
  	max-width: 500px;
    margin: 0 2% 1em;
    float: left;
  }




  /* top news */

  /* top news */

  .top_news{
    width: 100%;
    background: url("../images/orange_base.jpg");
    min-height: 50px;
    background-size: 10%;
    display: block;
    position: relative;
    z-index: 600;
    padding: 15px 0!important;
    vertical-align: middle;
  }

  .top_base_ora{
    background: url("../images/orange_base.jpg");
    background-size: 10%;
  }

  .top_base_ora .top_release{
    padding: 0;
    padding-top: 0.5em;
    width: 70%;
  }

  .top_con_title{
    max-width: 200px;
    margin-bottom: 0.5em
  }

  .top_news_box{
    width: 100%;
    height: 100%;
  }


  .top_news_wrap{
    width: calc(90% - 65px);
    background: rgba(28, 9, 0, 0.8);
    border: double 3px rgb(223, 114, 0);
    margin: 0px 3%;
    height: 100%;
    min-height: 65px;
    word-wrap: break-word !important;
    box-shadow: 2px 2px 2px #441a05;
  }

  .top_news_wrap a{
    display: block;
    color: #ffd863;
    z-index: 700;
    position: relative;
    text-decoration: underline;
    padding: 0.2em;
    text-shadow: none;
  }

  .news_title,.news_txt {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .news_title{
    margin:0 0.5em;
    width: 50px;
  }

  .top_news_wrap .date{
    margin-right: 0.5em;
    line-height: 1.2em;
    font-size: 0.8em;
    padding: 0.3em 0;
  }

  .top_news_wrap .txt{
    margin-right: 0.5em;
    line-height: 1.2em;
    font-size: 0.8em;
    padding: 0.3em 0.5em;
  }



  /* sp menu */

  .sp_menu_wrap{
    width: 100%;
    height: 0px;
    position: fixed;
    top:0;
    background: rgba(43, 10, 2, 0.9);
    z-index: 800;
  }

  .sp_menu_btn{
    display: block;
    width: 100%;
    max-width: 65px;
    position: fixed;
    top: 15px;
    right: 3%;
    z-index: 1000;
    box-shadow: 2px 2px 2px rgba(48, 27, 1, 0.8);
    line-height: 0;
    margin: 0;
    padding: 0;
  }

  .sp_menu_sns{
    display: block;
    width: 100%;
    max-width: 250px !important;
    margin: 0.5em auto;
  }

  .spbtn_c{
    display: none;
  }

  .list_data{
    display: none;
    text-align: center;
  }

  .sp_menu_logo{
    width: 30%;
    margin: 0.5em 0;
    display: inline-block;
  }

  .sp_menu{
    display: block;
    background: rgba(37, 11, 1, 0.9);
    z-index: 900;
    width: 100%;
    height: 100%;
  }

  .sp_menu li{
    color: #FFF;
    text-align: center;
    font-size: 1.2em;
    padding: 0.5em 0;
  }

  .sp_menu li img{
    vertical-align: middle;
  }


  .sp_menu_base_f{
    background: url('../images/menu/sp_menu_base_f.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .sp_menu_base_o{
    background: url('../images/menu/sp_menu_base_o.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .sp_menu_base_b{
    background: url('../images/menu/sp_menu_base_b.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .sp_menu_txt{
    height: 35px;
    margin: 0.2em;
  }

  .sp_menu_icon{
    width: 40px;
    left: 20px;
  }

  /* concept */

  .con_wrapper{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    background: #000;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center top ;
    position: relative;
  }

  .concept_top{
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    padding-top:0%;
    padding-bottom: 0%;
    position: relative;
  }

  .concept_top_sp{
    position: absolute;
    display: block;
    bottom: 30px;
    padding: 0 1em;
    text-align: left;
    font-size: 0.9em;
  }

  .concept_top_sp img{
    width: calc(100% + 2em);
    margin-left: -1em;

  }

  .base_ora{
    background-size: 10%;

  }

  /* system */

  .sys_title{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 2em 0 1em;
  }

  .sys_pos{
    padding-bottom:1.5em; width:100%; margin:0 auto 4em;
  }


  /* PBOX */

  .pbox_item ul li:first-child{
    padding: 0 2%;
    width: 100%;
    text-align: center;
  }

  .pbox_item ul li:nth-of-type(2){
    padding: 0 2%;
    width: 100%;
  }

  .player_wrap{
    width: 100%;
    padding: 1em 1em;
  }

  .picture_wrap{
    width: 50%;
    padding: 1em 1em;
  }


  .pbox_item ul h3{
    font-size: 1.2em!important;
    padding: 0.7em 0;
  }

  .aya_pic{
    width: 50%;
    opacity: 0;
  }

  .ta_img{
    width: 50%;
    opacity: 1;
  }

  .aya_txt{
    margin: 2em 0 3em;
  }

  /* top windows */

  .top_win .box .menu{
    width: 70%;
    vertical-align: middle;
  }

  .top_win .box .menu img{
    width: 49%;
  }

  .top_win .box .sub_menu{
    width: 28%;
    margin: 0 0 0 2%;
  }

  .top_win .box .sub_menu img{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 0.3em;
  }



}


@media screen and (max-width:430px){

  .concept_m{
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 4em 1em 3em;
    display: block;
    text-align: center;
  }

  .concept_m .slide_box{
    padding: 0;
  }

  .sys_menu_box{
    padding-top:calc(1em + 85px);
    width: 98%;
    margin: 0 auto;
  }

  .sys_menu_btn{
    width: 33%;
    margin: 0 0.3% 2%;
  }

  .slide_base{
    background-image: none;
    background-color: rgb(18, 18, 18);
    border-top: 5px solid rgb(163, 157, 143);
    border-bottom: 5px solid rgb(163, 157, 143);
  }

  /* sp menu */

  .sp_menu_logo{
    width: 25%;
    margin: 0.4em 0;
    display: inline-block;
  }

  .sp_menu li{
    color: #FFF;
    text-align: center;
    font-size: 1.2em;
    padding: 0.3em 0;
  }

  .sp_menu_txt{
    height: 30px;
    margin: 0.1em;
  }

  .sp_menu_sns{
    max-width: 200px !important;
    margin: 0.3em auto;
  }

  .share{
    width: 100%;
    max-width: 160px;
    margin: 0.2em auto 0.4em;
  }

  /* sp news */

  .news_title,.news_txt{
    display: inline;
    vertical-align: middle;
  }

  .news_title{
    margin:0 0.5em 0 0.2em;
    width: 50px !important;
  }

  .top_news_wrap .date{
    margin-right: 0.5em;
    line-height: 0.8em;
    font-size: 0.7em;
    padding: 0.5em 0 0.5em;
  }

  .top_news_wrap .txt{
    margin-right: 0.2em;
    line-height: 1.2em;
    font-size: 0.7em;
    padding: 0em 0 0.5em;
    border: none;
  }

  .top_release{
    width: 90%;
    max-width: 360px;
    display: block;
    margin: 0 auto;
    padding: 0em 0 0.5em;
  }

  /* sp top */

.top_con_title{
  max-width: 200px;
}

  /* top sns */

.top_sns_box{
  width: 100%;
  margin:auto;
}

.fb-link-bnr{
  display: block;
}

.fb-container,.tw-container {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 1em;
  text-align: center;
  float: none;
}



.oda_menu{
  width:98%; margin:0 auto 0.5em; display:block; position: relative; height:auto;
}


/* products */

.line_menu{
  width: 100%;
  display: flex;

  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   align-items: center;
   flex-wrap: wrap;
  margin: 0 auto;
}

.line_menu a{
  width: 70%;
}

.line_menu_btn{
  margin: 0.5em 1.5% ;
}

.pro_menu{
  width: 100%;
  max-width: 860px;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto 0;
}

.pro_menu_box{
  padding-top: 80px;
}


.pro_box{
  width: 100%;
}

.price, .price_two, .price_three{
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   align-items: center;
  padding: 3em 0 0;
  flex-wrap: wrap;
}

.price .box, .price_two .box, .price_three .box{
  margin: 0.6em 0;
  width: 260px;
}


.price_three{
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   align-items: center;
  padding: 3em 0 0;

}



.pro_box .dl20{
  background: rgb(255, 239, 27);
  color: rgb(198, 19, 19);
  font-weight: bold;
  padding: 0.5em;
  font-size: 0.8em;
  font-weight: bold;
  display: inline-block;
  border-radius: 0.2em;
  width: 90%;
  max-width: 260px;
  margin-bottom: 1em;
}


.video_card p{
  padding: 0;
}

.video_card li{
  width: 100%;
  font-size: 0.8em;
}



/* gallery */

.busyo_box .sum{
  width: 48%;
  margin: 0.2em 1%;
  display: block;
  position: relative;
}

/* PBOX */

.pictures{
  display: block;
  justify-content: center;
}


.picture_wrap{
  width: 80%;
  padding: 1em 1em;
  display: block;
  margin: 0 auto;
}

.pbox_link .links{
	display: block;
  width: 95%;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
   justify-content: space-between;
}

.pbox_link .links .box {
  width: 90%;
  margin: 2em auto;
  background: rgba(29, 0, 0, 0.92);
  border-radius: 0.5em;
  padding: 2em 1em 1em;
  font-size:0.8em;
}

.mov_txt{
  font-size:1em;
  padding: 0 0.6em;
  padding-bottom:0.8em;
}


/* tutorial */

.content_single h1{
  font-size:1.5em;
}

.content_single h4{
  font-size: 1.1em;
  line-height: 1.4em;
}

.content_single h3{
  font-size: 0.8em;
  line-height: 1.2em;
}

.content_single .box{
  font-size: 0.9em;
  line-height: 1.4em;
}


/* Count Down */

.count_char{
  width: 96%;
  margin: 0 2%;
}

.count_txt{
  width: 97%;
  margin: 0 auto;
}

.count_box .sns{
  width: 85%;
  margin: 2em auto;
}

.count_day img{
  width: 110%;
  margin-left: -5%;
}

.count_txt{
  padding: auto 0;
}

.before_box .char_b{
  width: 96%;
  margin: 0 1%;
  text-align: center;
}

.before_box .txt_b{
  width: 96%;
  text-align: center;
}

.aya_box{
  background: none !important;
}

.aya_pic{
  width: 100%;
  display: block;
  opacity: 1;
}

.aya_txt{
  width: 100%;
  height: auto;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  color: rgb(219, 67, 126);
  padding: 0em 0.5em;
  background: #FFF;
  border-radius: 2.5em;
  margin: -7em 0 1em;
  display: block;
  position: relative;
  border:solid 6px rgb(219, 67, 126);
}

.aya_box .aya_txt{
  margin-top: -7em!important;
}

.t_mov{
  border-radius: 2em!important;
  margin:2em auto 1em!important;
}

.t_mov .container_group{
  padding: 2em 0.5em!important;
}

.ta_tw{
  position: static;
  width: 80%;
  margin: 0 auto;
}


/* update */

.up_box .box{
  width: 100%;
}

.up_dl .plat{
  width: 100%;
  padding: 1em 1.5em;
  background: rgba(0, 0, 0, 0.8);
  border: solid 1px rgb(134, 134, 134);
  vertical-align: middle;
}

.up_dl .plat p{
  display: inline;
}

.up_dl .inst{
  width: 100%;
  padding: 1em 1.5em;
  background: rgba(103, 103, 103, 1);
  color: #FFF;
  font-size: 0.85em;
  border:  solid 1px rgb(134, 134, 134);
}

/* top windows */

.top_win{
  width: 100%;
  margin: 1em auto;
  text-align: center;
  background: rgba(60, 0, 0, 0.89);
  font-weight: bold;
  padding-top: 0.5em;
  font-size: 1em;
  color: #FFF;
  border-radius: 0.4em;
  border: solid 4px rgb(161, 2, 2);
}

.top_win .box{
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em 0.2em 0;
  border-top: solid 1px rgb(198, 198, 198);

}

.top_win .box .menu{
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

.top_win .box .menu img{
  width: 50%;
  padding: 0 1% 2%;
  float: left;
}

.top_win .box .sub_menu{
  width: 100%;
  margin: 0 0 0 2%;
  text-align: center;
}

.top_win .box .sub_menu img{
  width: 49%;
  height: auto;
  float: left;
  padding: 0 2%;
  margin-bottom: 0.5em;
}



/* dlc */

.dlc_flow_box{
  width: 100%;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.8em;
  border-radius: 0.6em;
  border: double 4px rgb(190, 97, 51);
}

.dlc_box .box{
  display: block;
  width: 100%;
  margin: 3em auto;
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1.6em;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 50%;
}

.flow_item h4{
  font-size: 1em;
  color:rgb(231, 204, 136);
  width: 100%;
  border-bottom: solid 1px rgb(231, 204, 136);
}

.dlc_img1{
  width: 100%;
  max-width: 400px;
}

.dlc_box .slide_base_up h2{
  font-size:1.3em;
  font-weight:bold;
  text-align: left;
  padding: 0.3em 4%;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  line-height: auto;
  width: 100%;
  background: rgb(0, 0, 0);
  margin: 0 0 1em;
  color: rgb(255, 202, 45);
}

.dlc_box .slide_base_up h2 span{
  font-weight: normal;
  font-size: 0.5em;
  line-height: 0.9em;
}

.ody_btn{
  background:rgb(209, 0, 0);
  padding:0.5em 0.9em;
  border-radius:0.3em;
  font-weight:bold;
  text-align: center;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 1.5em;
  color:rgb(255, 216, 50)!important;
  text-decoration: underline;
  display: block;
  font-size: 1.3em;
}

.up_box .slide_base_up h2{
  font-size:1.4em;
  font-weight:bold;
  text-align: left;
  padding: 1em 1em;
  font-family: 'Roboto Slab', Garamond, 'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  line-height: 1.3em;
  width: 100%;
  background: rgb(0, 0, 0);
  margin: 0 0 1em;
  color: rgb(255, 202, 45);
}

.up_ver{
  padding: 2em 0.5em!important;
  width: 95%;
}

.up_con{
  font-size: 0.85em;
}

.up_con ul{
  padding-left: 0.5em;
}


/* ノミネート作品 */


.nominate_content{
  width: 95%;
  margin: 1em 2.5% 1.5em;
  text-align: center;
}