@charset "utf-8";
/* CSS Document */

body{
   background-color: rgba(18,0,0,1.00);
}

body.ser02{
   background-color: rgba(199,2,211,1.00);
}



body.bg1{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/tmp/bg_001.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}

body.bg1:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/tmp/bg_001.jpg");
   background-size:cover;
}



body.bg2{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/bg/bg_001.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

body.bg2:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/bg/bg_001.jpg");
   background-size:cover;
   background-position: center;
}


body.bg3{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/bg/bg_002.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

body.bg3:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/bg/bg_002.jpg");
   background-size:cover;
   background-position: center;
}

body.bg4{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/chara/bg_102.jpg");
   background-position: center top;
   background-repeat: no-repeat;
}

body.bg4:before{
   content:"";
   display:block;
   position:relative;
   top:auto;
   left:auto;
   z-index:-1;
   width:100%;
   height:auto;
   background-image: url("../images/chara/bg_102.jpg");
   background-size:100% auto;
   background-position: center top;
   background-repeat: no-repeat;
}

body.bg5{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/story/bg_001.jpg");
   background-repeat: no-repeat;
   background-position: top center;
}

body.bg5.s2{
   background-image: url("../images/tmp/bg_108.jpg");
}

body.bg5:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/story/bg_001.jpg");
   background-position: top center;
   background-repeat: no-repeat;
}

body.bg5.s2:before{
   background-image: url("../images/tmp/bg_108.jpg");
}

body.bg6{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/chara/bg_101.jpg");
   background-repeat: no-repeat;
   background-position: top center;
}

body.bg6:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/chara/bg_101.jpg");
   background-position: top center;
}

body.bg7{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/tmp/bg_007.jpg");
   background-repeat: no-repeat;
   background-position: top center;
}

body.bg7:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/tmp/bg_007.jpg");
   background-position: top center;
}

body.bg7_02{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/tmp/bg_007_02.jpg");
   background-repeat: no-repeat;
   background-position: top center;
}

body.bg7_02:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/tmp/bg_007_02.jpg");
   background-position: top center;
}


body.bg8{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/tmp/bg_008.jpg");
   background-repeat: no-repeat;
   background-position: top center;
}

body.bg8:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/tmp/bg_008.jpg");
   background-position: top center;
}

body.bg9{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/intro/bg_intro.jpg");
   background-repeat: no-repeat;
   background-position: top left;
   background-size: 100% auto;
}

/*=========================
   背景クロスフェード
  =========================*/

.crossfade {
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/tmp/bg_intro.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size:100% auto;
  background-attachment: fixed;
   z-index: 3;
}

.crossfade_upper{
   z-index: 5;
}


.crossfade canvas{
  background-attachment: fixed;
}


#wrapper {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
}

.en{
   display: none;
}

/*=========================
   ヘッダ領域
  =========================*/
.head{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100px;
   border: 0;
   border-bottom: rgba(255,0,4,1.00) 1px solid;
   z-index: 100;
   box-shadow: 5px 6px 10px rgba(0,0,0,0.50);
   transition: .5s;
}



.s2 .head::before,
.s2 .head::after{
    content: "";
    display: block;
    height: 1px;
    background: linear-gradient(to right, rgba(255,0,4,1.00) 0%, rgba(103,51,150,1.00) 50%, rgba(255,0,4,1.00) 100%);
}


.head.ser02{
   border-bottom: rgba(100,62,137,1.00) 1px solid;
}

.is-animation.head{
   top: -30px;
   transition: .5s;
}

#wata{
   width: 100%;
   height: 100px;
   background-color: rgba(37,1,1,1.00);
   transition: .5s;
}

#wata.ser02{
   width: 100%;
   height: 100px;
   transition: .5s;
   background-color: rgba(37,0,19,1.00);
}


.head_inner{
   position: absolute;
   height: 100px;
   right: 0;
   left: 0;
   margin: auto;
   transition: .5s;
   max-width: 1200px;
}

.head_logo{
   position: absolute;
   width: 280px;
   top: 22px;
   left: 0;
   margin: auto;
   transition: .5s;
}

.head_logo_left{
   position: absolute;
   width: 200px;
   top: 22px;
   left: 0;
   margin: auto;
   transition: .5s;
}
.head_logo_right{
   position: absolute;
   width: 200px;
   top: 22px;
   right: 0;
   margin: auto;
   transition: .5s;
}

.is-animation .head_logo_left{
   display: none;
}

.is-animation .head_logo_right{
   display: none;
}


.is-animation .head_inner{
   top: 5px;
   transition: .5s;
}

.is-animation .head_logo{
   width: 180px;
   top: 80px;
   transition: .5s;
}


/*=======================================================
   グローバルメニュー
  =======================================================*/

.head_menu_wrap{
   position: absolute;
   width: 750px;
   top: 25px;
   right: 0;
   left: 0;
   margin: auto;
   transform: scale(1, 1.3);
   text-align: left;
   font-size: 100%;
   transition: .5s;
}

.is-animation .head_menu_wrap{
   width: 1000px;
   right: 80px;
   top: 35px;
   font-size: 90%;
   transition: .5s;
}

.head_menu_wrap ol{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}
.head_menu_wrap li a{
   transition: color 0.5s;
   color: rgba(255,255,255,1.00);
   text-decoration: none;
   z-index: 104;
   font-family: 'Noto Serif JP', serif; 
   font-size: 70%;
   letter-spacing: 2px;
   padding: 0 10px 10px 12px;
   /*padding: 2px 20px 2px 14px;*/
}

.is-animation .head_menu_wrap li a{
   transition: color 0.5s;
   font-size: 70%;
   padding: 0 10px 10px 23px;
   /*padding: 2px 20px 2px 14px;*/
}

.head_menu_wrap li a .en{
   letter-spacing: 1px;
   /*padding: 2px 20px 2px 14px;*/
}

.head_menu_wrap li a:hover{
   transition: color 0.5s;
   color: rgba(255,0,0,1.00);
}

/*
.head_menu_wrap li:hover{
   background-image: url("../images/menu/k_001.png");
   background-repeat: no-repeat;
   background-position: right bottom;
   background-size: 15px auto;
}
*/

.head_menu_wrap li.select{
   background-image: url("../images/index/bg_menu.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100% 70%;
}

.head_menu_wrap .select a{
   color: rgba(255,255,255,1.00);
   text-shadow:0 0 10px rgba(255,0,0,1.00),0 0 10px rgba(255,0,0,1.00),0 0 10px rgba(255,0,0,1.00);
}


/*=======================================================
   ページタイトル
  =======================================================*/
.page_title_wrap{
   position: relative;
   overflow: hidden;
   width: 100%;
   margin-top: 150px;
}
.page_title{
   position: relative;
   width: 380px;
   margin: 30px auto 0 auto;
}

.page_title_wrap2{
   position: absolute;
   width: 380px;
   top: 140px;
   left: calc(50% - 190px);
}


.page_title_wrap3{
   position: relative;
   width: 1100px;
   margin: auto;
   margin-top: 140px;
}
.page_title3{
   position: relative;
   width: 380px;
   margin: 30px 0 0 0;
}


.b_page_back{
   position: fixed;
   top: 220px;
   left: 0;
   font-family: 'Noto Serif JP', serif; 
   font-size: 130%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   text-align: left;
   align-self: center;
   line-height: 1.3;
   background-color: rgba(143,6,6,1.00);
   color: rgba(255,255,255,1.00);
   transition: box-shadow 0.5s;
   z-index: 15;
}

.b_page_back a{
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   display: block;
   padding: 5px 10px;}

.b_page_back:hover{
   box-shadow: 0 0 15px rgba(224,0,62,1.00);
   transition: box-shadow 0.5s;
}

.b_page_back.package{
   position: absolute;
   top: 75px;
   left: 0;
}

/*---------------------------
   タイトルフェードイン
  ---------------------------*/
.index_fade {
  animation: indexanime 2.8s 1;
  animation-fill-mode:forwards;
}
@keyframes indexanime {
  0% {
  filter: opacity(0) blur(50px);
  
  }
  90% {
   filter: opacity(1) blur(0px);
  }
}

/*---------------------------
   タイトルフェードイン2
  ---------------------------*/
.index_fade2 {
  animation: indexanime2 2.0s 1;
  animation-fill-mode:forwards;
}
@keyframes indexanime2 {
  0% {
  filter: opacity(0) blur(30px);
  
  }
  90% {
   filter: opacity(1) blur(0px);
  }
}




/*=======================================================
   追加インデックス
  =======================================================*/

.page_inner_i001{
   position: relative;
   width: 400px;
   margin: 0 auto 0 auto;
   color: rgba(255,255,255,1.00);
   background-image: url("../images/tmp/bg_menu.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100% 95%;
   font-family: 'Noto Serif JP', serif; 
   font-size: 200%;
   letter-spacing: 7px;
   font-weight: 600;
   transform: scale(0.8, 1);
   text-align: center;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.page_inner_i001 .title{
   width: 300px;
   margin: auto;
}

.page_inner_i002{
   position: relative;
   width: 400px;
   margin: 0 auto 0 auto;
   color: rgba(255,255,255,1.00);
   background-image: url("../images/tmp/bg_menu.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100% 80%;
   font-family: 'Noto Serif JP', serif; 
   font-size: 170%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   text-align: center;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

/*=======================================================
   中面1列
  =======================================================*/
.contents_wrap{
   position: relative;
   overflow: hidden;
   width: 1000px;
   margin: 0 auto 40px auto;
}

.contents_wrap.comics{
   width: 1150px;
}

/*=======================================================
   中面2列（メニュー付）
  =======================================================*/
.contents_wrap2{
   position: relative;
   width: 1150px;
   margin: 0 auto 80px auto;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.contents_wrap2 .left_box{
   width: 200px;
   margin-top: 20px;
}

.contents_wrap2 .right_box{
   width: 900px;
}


/*=======================================================
   中面統一コンテンツ領域
  =======================================================*/

.main_content{
   position: relative;
   overflow: hidden;
   background-color:rgba(51,8,8,1.00);
   margin: 0 0 20px 0;
   margin-bottom: 50px;
   border: rgba(103,7,8,1.00) 3px solid;
}

.main_content_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   box-sizing: border-box;
   justify-content: space-between;
   min-height: 90px;
}

.main_content_wrap .title_box{
   width: 100%;
   width: 95%;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 110%;
   letter-spacing: 5px;
   transform: scale(1, 1.4);
   text-align: left;
   align-self: center;
   line-height: 1.2;
   margin: 10px auto 0 auto;
}

.main_content .kiji_wrap{
   background-color: rgba(255,255,255,1.00);
   margin: 15px;
   box-shadow: 0 0 15px rgba(255,255,255,1.00);
   padding: 30px 30px;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 400;
   font-style: normal;
   line-height: 1.8;
   font-size: 100%;
}




/*=======================================================
   フェード枠
  =======================================================*/

.fade_wrap{
   opacity: 0;
   transform: translate(0, 10px);
   transition: all 2.0s;
}

.fade_in{
  transform: translate(0, 0);
  opacity: 1;
}



/*=======================================================
   上段メニュー枠（統一）
  =======================================================*/


.upper_menu_wrap{
   width: 1080px;
   margin: 0 auto 50px auto;
}

.upper_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.upper_menu_wrap li{
   width: auto;
   text-align: center;
   border-left: rgba(198,0,0,1.00) 1px solid;
   font-size: 120%;
   line-height: 1.3;
   font-family: 'Noto Serif JP', serif; 
   letter-spacing: 1px;
   transform: scale(1, 1.3);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   vertical-align: middle;
}

.upper_menu_wrap li.w200{
   width: 200px;
}

.upper_menu_wrap li.w250{
   width: 250px;
}

.upper_menu_wrap li.w280{
   width: 280px;
}

.upper_menu_wrap li.w300{
   width: 300px;
}

.upper_menu_wrap li:last-child{
   border-right: rgba(198,0,0,1.00) 1px solid;
}

.upper_menu_wrap li a{
   display: block;
   color: rgba(255,255,255,1.00);
   text-decoration: none;
}

.upper_menu_wrap li a.selected{
   color: rgba(255,0,0,1.00);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.upper_menu_wrap li .selected::before{
   content: "";
   display: inline-block;
   background-image: url("../images/menu/k_001.png");
   background-position: left top;
   background-repeat: no-repeat;
   width: 30px;
   height: 20px;
   background-size: contain;
   vertical-align: middle;
}

.upper_menu_wrap li .selected::after{
   content: "";
   display: inline-block;
   background-image: url("../images/menu/k_002.png");
   background-position: right bottom;
   background-repeat: no-repeat;
   width: 30px;
   height: 20px;
   background-size: contain;
   vertical-align: middle;
}

/*=======================================================
   内部リスト枠
  =======================================================*/

.list_wrap{
   position: relative;
   width: 1080px;
   margin: 30px auto 40px auto;
}

.list_inner{
   width: 100%;
   position: relative;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.list_wrap .box_wrap{
   background-color: rgba(94,18,21,1.00);
   width: 48%;
   padding: 6px;
   box-sizing: border-box;
   transition: box-shadow 0.5s;
   margin-bottom: 20px;
   display: flex;
}

.list_wrap .box_wrap .ml_box{
   border: rgba(0,0,0,1.00) 7px solid;
   padding: 10px;
   box-sizing: border-box;
   background-image: url("../images/music/bg_001.png");
   background-size: 100% 100%;
   transition: box-shadow 0.5s;
}

.list_wrap .box_wrap .ml_box.s2_sotsu{
   border: rgba(0,0,0,1.00) 7px solid;
   padding: 10px;
   box-sizing: border-box;
   background-image: url("../images/music/bg_001s2.png");
   background-size: 100% 100%;
   transition: box-shadow 0.5s;
}


.list_wrap .box_wrap:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(177,31,31,1.00);
}

.list_wrap .box_wrap .ml_box:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(177,31,31,1.00);
}



.list_wrap .box_wrap .ml_box.s1{
   background-image: url("../images/story/list/bg_001.jpg");
   background-size: 100% auto;
}

.list_wrap .box_wrap .ml_box.s2{
   background-image: url("../images/story/list/bg_002.jpg");
   background-size: 100% auto;
}

.list_wrap .box_wrap .ml_box.s3{
   background-image: url("../images/music/bg_001s2.png");
}






.list_wrap .box_wrap.s1:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(177,31,31,1.00);
}

.list_wrap .box_wrap.s2:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(106,54,158,1.00);
}

.list_wrap .box_wrap .ml_box.s1:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(177,31,31,1.00);
}
.list_wrap .box_wrap .ml_box.s2:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(106,54,158,1.00);
}

/*=======================================================
   ニュース
  =======================================================*/
/*---------------------------
   記事一覧
  ---------------------------*/
 .newsPaging{
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 2.0s;
}

.news_mani{
  transform: translate(0, 0);
  opacity: 1;
}
 
 
 .news_list_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   border: rgba(255,0,0,1.00) 1px solid;
   box-sizing: border-box;
   background-color:rgba(0,0,0,1.00);
   justify-content: space-between;
   margin: 20px;
   transition: box-shadow 0.5s;
}

.news_list_wrap .day_box{
   width: 90px;
   height: 85px;
   background-image: url("../images/news/tmp/bg_day.png");
   background-size: 100% 100%;
   margin: 15px 10px 15px 15px;
}

.news_list_wrap .day_box .year{
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 90%;
   margin-top: 20px;
   line-height: 1.0;
}

.news_list_wrap .day_box .day{
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 110%;
}

.news_list_wrap .title_box{
   width: 100%;
   width: calc(100% - 110px);
   color: rgba(255,255,255,1.00);
   margin: 15px 10px 15px 0;
   padding-top: 10px;
}

.news_list_wrap .title{
   font-family: 'Noto Serif JP', serif; 
   font-size: 100%;
   letter-spacing: 5px;
   transform: scale(1, 1.2);
   text-align: left;
   align-self: center;
   line-height: 1.3;
}

.news_list_wrap .txt01_wrap{
   font-family: 'Noto Serif JP', serif; 
   font-size: 75%;
   letter-spacing: 4px;
   transform: scale(1, 1.2);
   background-color: rgba(61,8,8,1.00);
   padding: 3px 10px;
   margin: 20px auto auto auto;
   color: rgba(167,167,167,1.00);
}

.news_list_wrap .more_wrap{
   width: 15px;
   background-color: rgba(255,0,0,1.00);
   display: flex;
}

.news_list_wrap .more_wrap .txt_wrap{
   font-size: 90%;
   align-self:center;
   color: rgba(0,0,0,1.00);
}

.news_list_wrap:hover{
   box-shadow: 0 0 15px rgba(224,0,62,1.00);
   transition: box-shadow 0.5s;
}

a.title_link{
   text-decoration: none;
}

/*---------------------------
   ニュース各ページ追加分
  ---------------------------*/
.news_w_01_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
}

.news_w_01_box{
   width: 30%;
   border: rgba(255,0,0,1.00) 1px solid;;
   margin: 0 10px 10px 0;
   box-sizing: border-box;
}

.news_w_01_txt{
   background-color: rgba(0,0,0,1.00);
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif;
   font-size: 100%;
   text-align: left;
   padding: 3px 10px;
   box-sizing: border-box;
}

.news_w_02_txt{
   background-color: rgba(143,6,6,1.00);
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif;
   padding: 3px 10px;
   box-sizing: border-box;
}

.news_w_02_txt2{
   border-top: rgba(164,86,87,1.00) 3px dotted;
   color: rgba(255,255,255,1.00);
   font-family: ten-mincho-text, serif;
   padding: 10px 0 10px 0;
   box-sizing: border-box;
}


.news_w_02_wrap{
   border: rgba(255,0,0,1.00) 1px solid;;
   padding: 20px;
}

.news_w_03_wrap{
   border: rgba(255,0,0,1.00) 1px solid;;
   background-color: rgba(143,6,6,1.00);
}

.news_w_04_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.news_w_04_box{
   border: rgba(255,0,0,1.00) 1px solid;
   background-color: rgba(143,6,6,1.00);
   width: 32%;
   margin-bottom: 10px;
}

.news_w_04_txt{
   background-color: rgba(143,6,6,1.00);
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif;
   padding: 3px 10px;
   box-sizing: border-box;
   text-align: center;
   font-size: 90%;
}



/*---------------------------
   PR領域
  ---------------------------*/

.pr article{
   width: 50%;
}

.pr .news_list_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   border: rgba(255,0,0,1.00) 1px solid;
   box-sizing: border-box;
   background-color:rgba(0,0,0,1.00);
   justify-content: space-between;
   margin: 10px 20px;
   transition: box-shadow 0.5s;
}

.pr .news_list_wrap .day_box{
   width: 70px;
   height: 70px;
   background-image: url("../images/news/tmp/bg_day.png");
   background-size: 100% 100%;
   margin: 15px 10px 15px 15px;
}

.pr .news_list_wrap .day_box .year{
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif;
   font-size: 80%;
   margin-top: 16px;
   line-height: 1.0;
}

.pr .news_list_wrap .day_box .day{
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif;
   font-size: 90%;
}

.pr .news_list_wrap .title_box{
   width: 100%;
   width: calc(100% - 90px);
   color: rgba(255,255,255,1.00);
   margin: 15px 10px 15px 0;
   padding-top: 10px;
}

.pr .news_list_wrap .title{
   font-family: 'Noto Serif JP', serif; 
   font-size: 80%;
   letter-spacing: 5px;
   transform: scale(1, 1.2);
   text-align: left;
   align-self: center;
   line-height: 1.3;
}

.pr .news_list_wrap .txt01_wrap{
   display: none;
}


/*---------------------------
   ニュース内部
  ---------------------------*/

.news_content{
   position: relative;
   overflow: hidden;
   background-color:rgba(51,8,8,1.00);
   margin: 20px;
   border: rgba(255,0,0,1.00) 1px solid;
}

.news_content_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   box-sizing: border-box;
   justify-content: space-between;
}

.news_content_wrap .day_box{
   width: 90px;
   height: 85px;
   background-image: url("../images/news/tmp/bg_day.png");
   background-size: 100% 100%;
   margin: 15px 10px 15px 15px;
}

.news_content_wrap .day_box .year{
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 90%;
   margin-top: 20px;
   line-height: 1.0;
}

.news_content_wrap .day_box .day{
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 100%;
}

.news_content_wrap .title_box{
   width: 100%;
   width: calc(100% - 110px);
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 120%;
   font-weight: 700;
   letter-spacing: 8px;
   transform: scale(1, 1.2);
   text-align: left;
   align-self: center;
   line-height: 1.4;
   margin: 15px 10px 15px 0;
}

.news_content .kiji_wrap{
   background-color: rgba(255,255,255,1.00);
   margin: 15px;
   box-shadow: 0 0 15px rgba(255,255,255,1.00);
   padding: 20px;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 400;
   font-style: normal;
   line-height: 1.8;
   font-size: 100%;
}

.b_news_back{
   width: 250px;
   margin: 50px auto auto auto;
}

.b_news_more{
   position: relative;
   overflow: hidden;
   width: 300px;
   margin: 20px auto;
   background: linear-gradient(-45deg, rgba(255,0,15,0.80), rgba(61,5,5,0.80));
   border-radius: 50px;
   text-align: center;
   border: rgba(143,6,6,1.00) 1px solid;
   transition: box-shadow 0.5s;
}
.b_news_more a{
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 110%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   padding: 10px 0;
   display: block;
}

.b_news_more:hover{
   box-shadow: 0 0 15px rgba(224,0,62,1.00);
   transition: box-shadow 0.5s;
}


/*=============
  追加分
  =============*/

.ns06_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   justify-content: space-between;
}

.ns06_ch01{
   font-family: 'Noto Serif JP', serif; 
   font-size: 120%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   font-weight: 600;
   line-height: 1.6;
   margin-top: 15px;
   margin-bottom: 50px;
}

.ns06_bg{
   background-image: url("../images/news/p_006_bg.jpg");
   background-position: right bottom;
   background-repeat: no-repeat;
   background-size: 90% auto;
}

.ns6_01_pic{
}

.ns06_txt{
}

.flex_wrapper_f2{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.flex_wrapper_f2 .f2_box{
   width: 24%;
   background-color: rgba(0,0,0,1.00);
}


/*=======================================================
   グッズ
  =======================================================*/

.goods_list_title{
   width: 100%;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif;
   font-size: 92%;
   letter-spacing: 4px;
   transform: scale(1, 1.2);
   font-weight: 600;
   line-height: 1.4;
   margin-bottom: 10px;
   padding-bottom: 6px;
   border-bottom: rgba(255,0,0,1.00) 1px solid;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.goods_list .box_wrap .ml_box{
   display: flex;
   width: 100%;
   height: 100%;
   justify-content: space-around;
   flex-wrap: wrap;
   align-self: stretch;
}

.goods_list .box_wrap .ml_box .right{
   width: 35%;
}

.goods_list .box_wrap .ml_box .left{
   width: 63%;
   color: rgba(221,221,221,1.00);
   margin-left: 2%;
   margin-top: 10px;
   line-height: 1.8;
   box-sizing: border-box;
   font-family: 'Noto Serif JP', serif;
}

.goods_list_txt{
   font-size: 90%;
   line-height: 1.4;
}

.goods_list_txt .k_01{
   color: rgba(0,0,0,1.00);
   margin-right: 7px;
}

.goods_table{
   font-size: 90%;
}
.goods_list td{
   padding-bottom: 5px;
}

.goods_list td.w02{
   width: 105px;
}
.goods_list td.w03{
   width: 80px;
}

td.goodstd01{
   width: 60px;
}

.goods_list a{
   text-decoration: none;
}

.goods_list td{
   line-height: 1.4;
}

.goods_content{
   position: relative;
   overflow: hidden;
   background-color:rgba(51,8,8,1.00);
   margin: 20px;
   border: rgba(255,0,0,1.00) 1px solid;
}

.goods_content_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   box-sizing: border-box;
   justify-content: space-between;
}


.goods_content_wrap .title_box{
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 120%;
   letter-spacing: 5px;
   transform: scale(1, 1.2);
   text-align: left;
   align-self: center;
   line-height: 1.2;
   width: 95%;
   font-weight: 700;
   margin: 30px auto 15px auto;
}

.goods_content .kiji_wrap{
   background-color: rgba(255,255,255,1.00);
   margin: 15px;
   box-shadow: 0 0 15px rgba(255,255,255,1.00);
   padding: 20px;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 400;
   font-style: normal;
   line-height: 1.8;
   font-size: 100%;
}

.goods_txt01{
   border: rgba(143,6,6,1.00) 1px solid;
   padding: 20px;
   box-sizing: border-box;
   font-family: YakuHanJP,'Noto Sans JP', sans-serif;
   
}

.goods_i01{
   background: linear-gradient(45deg, rgba(184,1,12,0.80), rgba(61,5,5,0.80));
   font-family: 'Noto Serif JP', serif; 
   color: rgba(255,255,255,1.00);
   padding: 5px 10px;
   font-size: 110%;
   font-weight: 800;
   margin-bottom: 15px;
}

.goods_border{
   border-bottom: rgba(61,8,8,1.00) 2px dotted;
}

.b_goods_more{
   position: relative;
   overflow: hidden;
   width: 40%;
   min-width: 350px;
   margin: 20px auto 40px auto;
   background: linear-gradient(-45deg, rgba(255,0,15,0.80), rgba(61,5,5,0.80));
   border-radius: 50px;
   text-align: center;
}
.b_goods_more a{
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 120%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   padding: 5px 0 7px 0;
   display: block;
}

.b_goods_more2{
   position: relative;
   overflow: hidden;
   width: 60%;
   margin: 20px 0 40px 0;
   background: linear-gradient(-45deg, rgba(255,0,15,0.80), rgba(61,5,5,0.80));
   border-radius: 50px;
   text-align: center;
}
.b_goods_more2 a{
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 120%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   padding: 5px 0 7px 0;
   display: block;
}


/*=======================================================
   パッケージ
  =======================================================*/

h1.package {
   font-family: 'Noto Serif JP', serif; 
   font-size: 150%;
   letter-spacing: 5px;
   transform: scale(1, 1);
   text-align: left;
   border-bottom: rgba(139,3,4,1.00) 2px solid;
   padding-top: 7px;
   padding-left: 28px;
   line-height: 1.2;
   color: rgba(255,255,255,1.00);
   background-image: url("../images/tmp/k_005.png");
   background-position: center left;
   background-repeat: no-repeat;
   background-size: 20px auto;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

h1.package.satoko{
   background-image: url("../images/package/k_satoko.png");
   background-size: 50px 50px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 50px;
}

h1.package.keiichi{
   background-image: url("../images/package/k_keiichi.png");
   background-size: 50px 50px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 60px;
}

h1.package.rika{
   background-image: url("../images/package/k_rika.png");
   background-size: 50px 50px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 60px;
   padding-bottom: 5px;
}

h1.package.rena{
   background-image: url("../images/package/k_rena.png");
   background-size: 50px 50px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 60px;
   padding-bottom: 5px;
}

h1.package.mion{
   background-image: url("../images/package/k_mion.png");
   background-size: 50px 50px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 60px;
   padding-bottom: 5px;
}

h1.package.shion{
   background-image: url("../images/package/k_shion.png");
   background-size: 50px 50px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 70px;
   padding-bottom: 7px;
}

h1.package.satoko{
   background-image: url("../images/package/k_satoko.png");
   background-size: 50px 50px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 60px;
   padding-bottom: 5px;
}

h1.package.hanyu{
   background-image: url("../images/package/k_hanyu.png");
   background-size: 50px 50px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 60px;
   padding-bottom: 5px;
}

h1 .tr12{
   transform: scale(1, 1.2);
   padding-bottom: 7px;
}

.package_index{
   background: linear-gradient(45deg, rgba(151,16,24,0.80), rgba(61,5,5,0.80));
   padding: 7px 20px 5px 10px;
   font-weight: 600;
   border-bottom: rgba(255,0,4,1.00) 1px solid;
}

.pg_gou{
   color: rgba(255,255,255,1.00);
   font-weight: 500;
   text-shadow: 
    rgba(139,1,2,1.00) 2px 1px 2px, rgba(139,1,2,1.00) -2px 1px 2px,
    rgba(139,1,2,1.00) 2px -1px 2px, rgba(139,1,2,1.00) -2px -1px 2px,
    rgba(139,1,2,1.00) 1px 1px 2px, rgba(139,1,2,1.00) -1px 1px 2px,
    rgba(139,1,2,1.00) 1px -1px 2px, rgba(139,1,2,1.00) -1px -1px 2px;
}

.pg_sotsu{
   color: rgba(255,255,255,1.00);
   font-weight: 500;
   text-shadow: 
    rgba(106,54,158,1.00) 2px 1px 2px, rgba(106,54,158,1.00) -2px 1px 2px,
    rgba(106,54,158,1.00) 2px -1px 2px, rgba(106,54,158,1.00) -2px -1px 2px,
    rgba(106,54,158,1.00) 1px 1px 2px, rgba(106,54,158,1.00) -1px 1px 2px,
    rgba(106,54,158,1.00) 1px -1px 2px, rgba(106,54,158,1.00) -1px -1px 2px;
}

.package_index .title{
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 140%;
   letter-spacing: 5px;
   transform: scale(1, 1.2);
   text-align: left;
   background-image: url("../images/tmp/k_005.png");
   background-position: center left;
   background-repeat: no-repeat;
   background-size: 25px auto;
   padding-left: 35px;
}


.package_content{
   position: relative;
   overflow: hidden;
   background-color:rgba(51,8,8,1.00);
   margin: 0 0 20px 0;
   margin-bottom: 50px;
   border: rgba(103,7,8,1.00) 3px solid;
}

.package_content_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   box-sizing: border-box;
   justify-content: space-between;
   min-height: 90px;
}

.package_content_wrap .title_box{
   width: 100%;
   width: 95%;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 120%;
   letter-spacing: 7px;
   transform: scale(1, 1.4);
   text-align: left;
   align-self: center;
   line-height: 1.2;
   margin: 10px auto 0 auto;
}

.pg_i_bg{
   background-image: url("../images/package/i_bg.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.package_content .kiji_wrap{
   background-color: rgba(255,255,255,1.00);
   margin: 15px;
   box-shadow: 0 0 15px rgba(255,255,255,1.00);
   padding: 30px 30px;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 400;
   font-style: normal;
   line-height: 1.8;
   font-size: 100%;
}


.package_tokuten_wrap{
	position: relative;
	overflow: hidden;
	padding: 10px 0;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.package_tokuten{
   width: 100%;
   font-size: 100%;
   line-height: 1.4;
   padding: 5px 10px;
}

.package_tokuten_wrap .shop_name{
   width: 100%;
   background-image: url("../images/tmp/k_005.png");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: 14px auto;
   font-family: 'Noto Sans JP', sans-serif;
   font-size: 110%;
   letter-spacing: 2px;
   transform: scale(1, 1.1);
   text-align: left;
   padding-left: 20px;
   line-height: 1.2;
   font-weight: 900;
	border-bottom: rgba(143,0,0,1.00) 2px solid;
}

.package_tokuten_wrap .goods_img{
	width: 200px;
	height: 200px;
	border: rgba(255,0,0,1.00) 1px solid;
}

.package_tokuten_wrap .goods_img img{
	width: 200px;
	height: 200px;
	object-fit: contain;
}

.package_tokuten_wrap .txtBox{
	width: calc(100% - 230px);
}

.package_tokuten_wrap .goods_name{
   font-family: 'Noto Sans JP', sans-serif;
   font-size: 110%;
	font-weight: 600;
   color: rgba(195,9,5,1.00);
   line-height: 1.4;
   margin-top: 10px;
}

.package_border{
   width: 95%;
   border-bottom: rgba(126,198,249,1.00) 3px dotted;
   margin: 10px auto 10px auto;
}


.pcg_font{
   font-size: 95%;
}

.package_content_wrap .title_box.i001{
   transform: scale(1 , 1);
   width: 50%;
   margin: 10px 10px 0 10px;
}

.pcg_t01{
   width: 80%;
   margin-bottom: 10px;
}

.pcg_bar01{
   border-bottom: rgba(146,84,84,1.00) 2px solid;
}
.pcg_bar02{
   border-bottom: rgba(216,184,184,1.00) 2px dotted;
}

.package_var_name{
   background: linear-gradient(-45deg, rgba(193,19,29,0.80), rgba(61,5,5,0.80));
   color: rgba(255,255,255,1.00);
   padding: 6px 15px;
   letter-spacing: 2px;
   width: 100%;
   font-family: 'Noto Sans JP', sans-serif;
   font-size: 100%;
   transform: scale(1, 1.1);
   text-align: left;
   line-height: 1.4;
   box-sizing: border-box;
}


.package_var_name2{
   /*color: rgba(139,3,4,1.00);*/
   padding: 4px 15px;
   letter-spacing: 2px;
   width: 100%;
   font-weight: 700;
   font-family: 'Noto Serif JP', serif;
   font-size: 110%;
   transform: scale(1, 1.1);
   text-align: left;
   line-height: 1.4;
   box-sizing: border-box;
   border-bottom: rgba(139,3,4,1.00) 1px solid;
   border-left: rgba(139,3,4,1.00) 10px solid;
}

.package_kumisu{
   margin-bottom: 20px;
   font-weight: 900;
   font-size: 120%;
}

.package_release_day{
   font-weight: 900;
   font-size: 155%;
   font-family: 'Noto Sans JP', sans-serif;
}

.pg_daihon_wrap{
   position: relative;
   overflow: hidden;
   width: 90%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}


.pg_i01{
   font-family: 'Noto Sans JP', sans-serif;
   color: rgba(144,0,0,1.00);
   font-size: 100%;
   font-weight: 600;
   transform: scale(1, 1.1);
}

.pg_h_kakera{
   background-image: url("../images/tmp/k_005.png");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: 14px auto;
   font-family: 'Noto Sans JP', sans-serif;
   letter-spacing: 2px;
   transform: scale(1, 1.1);
   text-align: left;
   padding-left: 20px;
   line-height: 1.3;
   font-weight: 900;
   font-size: 105%;
   color: rgba(143,6,6,1.00);
   border-bottom: rgba(143,6,6,1.00) 1px solid;
   margin-bottom: 10px;
   padding-bottom: 5px;
}


.b_pcg_more{
   position: relative;
   overflow: hidden;
   width: 200px;
   margin: 15px 0 0 0;
   background: linear-gradient(-45deg, rgba(255,0,15,0.70), rgba(61,5,5,0.70));
   border-radius: 50px;
   text-align: center;
   transition: box-shadow 0.5s;
}

.b_pcg_more a{
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 80%;
   letter-spacing: 4px;
   transform: scale(1, 1.3);
   padding: 3px 0;
   display: block;
}

.b_pcg_more:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 10px 1px rgba(177,31,31,1.00);
}



.package_main_menu_wrap{
   width: 600px;
   margin: 20px auto 30px auto;
   padding-bottom: 6px;
}



.package_main_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content:center;
   flex-wrap: wrap;
}

.package_main_menu_wrap li{
   width: 50%;
   text-align: center;
   border: rgba(198,0,0,1.00) 1px solid;
   font-size: 100%;
   line-height: 2.0;
   font-family: 'Noto Serif JP', serif; 
   letter-spacing: 4px;
   transform: scale(1, 1.3);
   box-sizing: border-box;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   vertical-align: middle;
}

.package_main_menu_wrap li a{
   display: block;
   color: rgba(131,131,131,1.00);
   text-decoration: none;
}

.package_main_menu_wrap li.left{
   background-image: url("../images/bg/bg_003_left.png");
   background-size: 100% 100%;
}

.package_main_menu_wrap li.right{
   background-image: url("../images/bg/bg_003_right.png");
   background-size: 100% 100%;
}

.package_main_menu_wrap li:last-child{
   border-right: rgba(198,0,0,1.00) 1px solid;
}

.package_main_menu_wrap li.select{
   display: block;
   color: rgba(255,255,255,1.00);
   background-color: rgba(83,2,2,1.00);
   text-decoration: none;
}

.package_main_menu_wrap li.select a{
   color: rgba(255,255,255,1.00);
}


/*=======================================================
   フッダ領域
  =======================================================*/

.footer {
   position: relative;
   overflow: hidden;
   margin-top: 0;
   min-height: 200px;
   background-color: rgba(22,0,0,0.80);
   flex: 1;
}

.s2 .footer {
   border: 0;
   border-top: 1px solid rgba(255,0,4,1.00);
   border-image: linear-gradient(to right, rgba(255,0,4,1.00) 0%, rgba(103,51,150,1.00) 50%, rgba(255,0,4,1.00) 100%);
   border-image-slice: 1;
}


.footer02 {
   position: relative;
   overflow: hidden;
   margin-top: auto;
   height: 200px;
   background-color: rgba(22,0,0,0.80);
}

.copy{
   width: 100%;
   margin: auto;
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-size: 90%;
   font-family: 'Noto Serif JP', serif;
   font-weight: 400;
   font-style: normal;
   letter-spacing: 5px;
   transform: scale(0.8, 1);
}

/*=======================================================
   オンエア
  =======================================================*/
.onair_wrap{
   position: relative;
   width: 100%;
   margin: 30px auto 60px auto;
}

.onair_wrap2{
   position: relative;
   width: 100%;
   margin: 30px auto 100px auto;
}

.onair_txt01{
   position: relative;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   line-height: 1.3;
   width: 90%;
   margin: 40px auto 50px auto;
}

.onair_txt01 .ot04{
   font-family: 'Noto Serif JP', serif; 
   font-size: 180%;
   letter-spacing: 15px;
   text-align: center;
   color: rgba(255,255,255,1.00);
   text-shadow: 
    rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   transform: scale(0.8, 1);
   transform-origin: top left;
   width: 125%;
}

.onair_txt01 .ot05{
   font-family: 'Noto Serif JP', serif; 
   font-size: 180%;
   letter-spacing: 15px;
   text-align: center;
   color: rgba(255,255,255,1.00);
   text-shadow: 
    rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   transform: scale(0.8, 1);
   transform-origin: top left;
   width: 125%;
}


.ot06{
   width: 60%;
   margin: auto;
   margin-top: -90px
}


.ot_title{
   width: 30%;
   margin: auto;
   margin-top: 50px;
}


.onair_txt01 .k01{
   width: 20px;
   text-align: center;
   margin: auto;
}


.onair_i001{
   position: relative;
   width: 300px;
   margin: -30px auto 30px auto;
   padding: 30px 50px;
   color: rgba(255,255,255,1.00);
   background-image: url("../images/tmp/k_006.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 400px 100px;
   font-family: 'Noto Serif JP', serif; 
   font-size: 170%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   text-align: center;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.onair_i002{
   position: relative;
   width: 300px;
   margin: 0 auto 40px auto;
   color: rgba(255,255,255,1.00);
   background-image: url("../images/tmp/bg_menu.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100% auto;
   font-family: 'Noto Serif JP', serif; 
   font-size: 170%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   text-align: center;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}



.oaflash {
  animation: flash2 .03s infinite;
}
@keyframes flash2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: .9;
  }
}

.oaskew {
  animation: skew 3s infinite;
}
@keyframes skew {
  0% {
    transform: none;
  }
  33% {
    transform: none;
  }
  34% {
    transform: skewX(18deg);
  }
  34.3% {
    transform: skewX(-18deg);
  }
  34.9% {
    transform: none;
  }
  66% {
    transform: none;
  }
  66.3% {
    transform: skewX(1deg);
  }
  66.6% {
    transform: skewX(-1deg);
  }
  66.9% {
    transform: none;
  }
  77% {
    transform: none;
  }
  77.3% {
    transform: skewX(10deg);
  }
  77.6% {
    transform: skewX(-10deg);
  }
  77.9% {
    transform: none;
  }
}



.onair_tv_wrap{
	position: relative;
   width: 800px;
   margin: auto;
	margin-bottom: 20px;
}



.onair_ond_wrap{
	position: relative;
   width: 900px;
   margin: auto;
	margin-bottom: 200px;
}

.onair_box_inner{
   position: relative;
   overflow: hidden;
   line-height: 1.6;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.tsf_txt{
   transform: scale(0.8, 1);
   transform-origin: top left;
   width: 125%;
}

.tsf_txt.cr2{
   font-size: 90%;
}



.onair_box_inner2{
	position: relative;
	overflow: hidden;
   line-height: 1.6;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
   color: rgba(255,255,255,1.00);
}

.onair_box_inner.in2{
	margin-bottom: 7px;
}

.onair_box_inner3.in2{
	margin-bottom: 7px;
}

.onair_box01{
   width: 38%;
   border-bottom: rgba(123,61,146,1.00) 1px solid;
   font-family: 'Noto Serif JP', serif; 
   color: rgba(216,216,216,1.00);
   font-size: 30px;
   letter-spacing: 10px;
   padding-bottom: 5px;
   padding-right: 50px;
   font-weight: 700;

   text-align: right;
   box-sizing: border-box;
}


.onair_box101{
   text-align: right;
   width: 40%;
   border-bottom: rgba(123,61,146,1.00) 1px solid;
   font-family: 'Noto Serif JP', serif; 
   color: rgba(216,216,216,1.00);
   font-size: 30px;
   letter-spacing: 10px;
   padding-bottom: 5px;
   padding-right: 50px;
   font-weight: 700;
   box-sizing: border-box;
}




.onair_box02{
	float: left;
   width: 60%;
	font-size: 30px;
	text-align: center;
	font-weight: 600;
   border-bottom: rgba(184,7,112,1.00) 1px solid;
   font-family: 'Noto Serif JP', serif; 
   color: rgba(216,216,216,1.00);
   letter-spacing: 10px;
   padding-bottom: 5px;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.txt_l10{
   margin-left: 20px;
}

.onair_box01.nwk{
   width: 45%;
   font-size: 28px;
}

.onair_box22.nwk{
   width: 55%;
}



.oa_t01{
   width: 33%;
}


.oa_t02{
   width: 33%;
}

.oa_t03{
   width: 33%;
}




.oa_t11{
   width: 40%;
   text-align: center;
}


.oa_t12{
   width: 0%;
}

.oa_t13{
   width: 60%;
   text-align: left;
}



.onair_box01_01{
  text-align: left;
  width: 28%;
	padding-left: 20px;
	font-weight: 700;
}

.onair_box01 a{
   color: rgba(255,255,255,1.00);
   text-decoration: none;
   border-bottom: dotted 2px rgba(70,70,70,1.00);
}

.onair_box01 a:hover{
   color: rgba(194,0,9,1.00);
}







.onair_box02_01{
	float: left;
	text-align: left;
   width: 68%;
	font-size: 18px;
	padding-left: 120px;
   letter-spacing: 2px;
   margin-bottom: 10px;
   font-family: 'Noto Serif JP', serif; 
   color: rgba(231,231,231,1.00);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.onair_box02_02{
	float: left;
	text-align: left;
   width: 100%;
	font-size: 18px;
	padding-left: 90px;
   letter-spacing: 2px;
   margin-bottom: 30px;
   font-family: 'Noto Serif JP', serif; 
   color: rgba(231,231,231,1.00);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}




.onair_ond_box_wrap{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 20px 0 20px;
	box-sizing: border-box;
}



.onair_ond_box{
	position: relative;
   width: 46%;
	border: rgba(151,3,3,1.00) 2px solid;
   background-color: rgba(0,0,0,0.50);
   border-radius: 20px;
	text-align: center;
	font-size: 120%;
	margin-bottom: 20px;
 	height: 60px;
	line-height: 1.2;
	display: flex;
   -webkit-align-items: center; 
  align-items: center; 
   -webkit-justify-content: center; 
  justify-content: center;
   font-family: 'Noto Serif JP', serif; 
   box-shadow:0px 0px 14px 1px rgba(0,0,0,1.00);
   color: rgba(255,255,255,1.00);
   transition: background-color 0.5s;
}

.onair_ond_box a{
	display: block;
   overflow: hidden;
	color: rgba(255,255,255,1.00)!important;
	text-decoration: none;
	font-weight: 600;
	width: 110%;
	padding: 25px 10px 25px 10px;
}

.onair_ond_box .nolink{
	display: block;
   overflow: hidden;
	color: rgba(146,146,146,1.00)!important;
	text-decoration: none;
	font-weight: 600;
	width: 110%;
	padding: 25px 10px 25px 10px;
}

.onair_ond_box .day{
   font-weight: 400;
   color: rgba(201,201,201,1.00);
   letter-spacing: 2px;
}


.onair_ond_box a:hover{
	color: rgba(255,255,255,1.00) !important;
   transition: background-color 0.5s;
}



.onair_ond_box:hover{
	background-color: rgba(119,0,0,0.80);
   border: rgba(255,255,255,0.60) 2px solid;
   box-shadow:0px 0px 14px 1px rgba(205,19,19,1.00);
}

.onair_ond_box.nohover:hover{
   background-color: rgba(0,0,0,0.50);
	border: rgba(151,3,3,1.00) 2px solid;
   box-shadow:0px 0px 14px 1px rgba(0,0,0,1.00);
}

.no_a{
	display: block;
}


.ot03{
   color: rgba(171,171,171,1.00);
   text-align: center;
   letter-spacing: 10px;
   margin-top: 50px;
   transform: scale(0.8, 1);
}




.oa_t04{
   font-size: 160%;
   font-weight: 900;
}

.oa_cau01{
   text-align: center;
   margin-top:20px;
   line-height: 1.6;
   color: rgba(212,212,212,1.00);
   font-family: 'Noto Serif JP', serif; 
   transform: scale(0.8, 1);
   letter-spacing: 5px;
}






.onair_txt02{
   position: relative;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   line-height: 1.3;
   width: 100%;
   margin: 30px auto 30px auto;
}

.onair_txt02.t02{
   margin: 40px auto 20px auto;
}

.onair_txt02 .ot04{
   font-family: 'Noto Serif JP', serif; 
   font-size: 180%;
   letter-spacing: 10px;
   text-align: center;
   color: rgba(255,255,255,1.00);
   text-shadow: 
    rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   transform: scale(0.8, 1);
   transform-origin: top left;
   width: 125%;
}

.onair_txt02 .ot04.haishin{
   font-size: 140%;
   transform: scale(0.8, 1);
   transform-origin: top left;
   width: 125%;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.onair_tv_wrap2{
	position: relative;
   width: 600px;
   margin: auto;
	margin-bottom: 60px;
}


.onair_box_inner3{
   width: 100%;
   margin: auto;
   position: relative;
   overflow: hidden;
   line-height: 1.6;
	display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}


.onair_box11{
   text-align: left;
   width: 40%;
   border-bottom: rgba(123,61,146,1.00) 1px solid;
   font-family: 'Noto Serif JP', serif; 
   color: rgba(216,216,216,1.00);
   font-size: 28px;
   letter-spacing: 10px;
   padding-bottom: 5px;font-weight: 700;
}


.onair_box22{
	float: left;
   width: 60%;
	font-size: 28px;
	text-align: center;
	font-weight: 600;
   border-bottom: rgba(184,7,112,1.00) 1px solid;
   font-family: 'Noto Serif JP', serif; 
   color: rgba(216,216,216,1.00);
   letter-spacing: 10px;
   padding-bottom: 5px;
}
.oa_t12{
   float:left;
   width: 50%;
}

.oa_t13{
   float:left;
   width: 50%;
}


/*=======================================================
   イントロ
  =======================================================*/

.intro_wrap .page_title_wrap{
   position: relative;
   overflow: hidden;
   margin-right: 7%;
}

.intro_wrap .page_title{
   position: relative;
   margin: auto;
}

.intro_wrap{
   position: relative;
   margin: 0;
   margin-right: 7%;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}
.intro_txt01{
   position: relative;
   color: rgba(209,209,209,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 1.15vw;
   letter-spacing: 6px;
   text-align: center;
   line-height: 1.8;
   transform: scale(0.7, 1);
   margin: auto;
   float: right;
   margin-bottom: 100px;
}

 @media screen and (max-width: 1470px) {
    .intro_txt01{
       font-size: 19px;
   }
}

.en .intro_txt01{
   font-size: 140%;
   transform: scale(0.8, 1) !important;
}

.en_intro_under{
   margin-bottom: 150px;
}




/*=======================================================
   キャラクター（Ｖ２）
  =======================================================*/

.chara_list{
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 2.0s;
}

.chara_bg01{
   width: 100%;
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/chara/bg_101.jpg");
   background-position: top center;
   background-repeat: no-repeat;
}

.chara_bg02{
   width: 100%;
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/chara/bg_102.jpg");
   background-position: top -20px center;
   background-repeat: no-repeat;
   background-size: 110% auto;
}




.chara_p01{
   position: absolute;
   width: 31.5%;
   top: 20px;
   left: 10px;
}

.chara_p02{
   position: absolute;
   width: 30%;
   top: -40px;
   left: 25%;
}

.chara_p0212{
   position: absolute;
   width: 42%;
   top: -10px;
   left: 25%;
}

   .chara_p0212_keiichi{
      position: absolute;
      width: 25%;
      top: -20px;
      left: 28%;
   }
   
   .chara_p0212_rena{
      position: absolute;
      width: 46%;
      top: 25px;
      left: 25%;
   }
   .chara_p0212_mion{
      position: absolute;
      width: 35%;
      top: 0px;
      left: 25%;
   }
   .chara_p0212_satoko{
      position: absolute;
      width: 30%;
      top: 50px;
      left: 26%;
   }
   .chara_p0212_satoko_jk{
      position: absolute;
      width: 24%;
      top: 30px;
      left: 26%;
   }
   .chara_p0212_rika{
      position: absolute;
      width: 37%;
      top: 45px;
      left: 26%;
   }
   .chara_p0212_rika_jk{
      position: absolute;
      width: 25%;
      top: 30px;
      left: 30%;
   }
   .chara_p0212_shion{
      position: absolute;
      width: 26%;
      top: 18px;
      left: 28%;
   }
   .chara_p0212_tomitake{
      position: absolute;
      width: 22%;
      top: 0px;
      left: 27%;
   }
   .chara_p0212_oishi{
      position: absolute;
      width: 28.5%;
      top: 0px;
      left: 24%;
   }
   .chara_p0212_takano{
      position: absolute;
      width: 19%;
      top: 0px;
      left: 30%;
   }
    .chara_p0212_irie{
      position: absolute;
      width: 25%;
      top: 0px;
      left: 25%;
   }  
    .chara_p0212_hanyu{
      position: absolute;
      width: 37%;
      top: 25px;
      left: 20%;
   }  
    .chara_p0212_teppei{
      position: absolute;
      width: 24%;
      top: 5px;
      left: 26%;
   }  
    .chara_p0212_chie{
      position: absolute;
      width: 24%;
      top: 20px;
      left: 25%;
   } 
    .chara_p0212_c024{
      position: absolute;
      width: 32%;
      top: 22px;
      left: 26%;
   }
   /* --page no.015(テスト環境)--
    .chara_p0212_c025{
      position: absolute;
      width: 34%;
      top: 20px;
      left: 22%;
   } 
    .chara_p0212_c025_02{
      position: absolute;
      width: 31%;
      top: 22px;
      left: 21%;
   } */



.chara_p03{
   position: absolute;
   width: 50%;
   bottom: 0;
   left: 40%;
}

.chara_p03.rena{
   position: absolute;
   width: 55%;
   bottom: 0;
   left: 34%;
}

.chara_p03.mion{
   position: absolute;
   width: 55%;
   bottom: 0;
   left: 40%;
}

.chara_p03.shion{
   position: absolute;
   width: 45%;
   bottom: 0;
   left: 47%;
}

.chara_p03.oishi{
   position: absolute;
   width: 55%;
   bottom: 0;
   left: 40%;
}

.chara_p03.takano{
   position: absolute;
   width: 37%;
   bottom: 0;
   left: 49%;
}

.chara_p03.irie{
   position: absolute;
   width: 49%;
   bottom: 0;
   left: 40%;
}

.chara_p03.hanyu{
   position: absolute;
   width: 55%;
   bottom: 0;
   left: 36%;
}

.chara_p03.teppei{
   position: absolute;
   width: 50%;
   bottom: 0;
   left: 44%;
}
.chara_p03.chie{
   position: absolute;
   width: 54%;
   bottom: 0;
   left: 38%;
}
.chara_p03.c024{
   position: absolute;
   width: 62%;
   bottom: 0;
   left: 43%;
}

.chara_i01{
   position: absolute;
   width: 41%;
   top: 35%;
   left: 52%;
   z-index: 20;
}



.chara_t01{
   position: absolute;
   width: 48%;
   top: 65%;
   left: 52%;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 85%;
   letter-spacing: 4px;
   line-height: 1.6;
   transform: scale(1, 1.2);
   text-shadow: 
        black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;
   }

.chara_t01.en{
   width: 47%;
   transform: scale(1, 1.1);
   letter-spacing: 2px;
   font-size: 100%;
}



.chara_list_wrap{
   position: relative;
   width: 1080px;
   margin: auto;
   margin-top: 50px;
   display: flex;
   flex-wrap: wrap;
}

.chara_list_wrap .box01{
   width: 29%;
   margin: 2% 2%;
   margin-bottom: 15px;
   box-sizing: border-box;
   transition: box-shadow 0.5s;
}

.chara_list_wrap .box01:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(177,31,31,1.00);
}


.chara_list_wrap .box01{
   position: relative;
   width: 30%;
   margin: 0 1%;
   margin-bottom: 15px;
   box-sizing: border-box;
   transition: box-shadow 0.5s;
}

.box01.select{
   transition: box-shadow 0.5s;
   box-shadow:4px 10px 7px -1px rgba(177,31,31,1.00);
}


.chara_sys_wrap .chara_list_wrap2{
   position: relative;
   width: 1080px;
   margin: auto;
   display: flex;
   flex-wrap: wrap;
}

.chara_sys_wrap .chara_list_wrap2 .box02{
   width: 30%;
   margin: 0 1%;
   margin-bottom: 15px;
   box-sizing: border-box;
   transition: box-shadow 0.5s;
}

.chara_sys_wrap .box02.select{
   transition: box-shadow 0.5s;
   box-shadow:4px 10px 7px -1px rgba(177,31,31,1.00) ;
}

.chara_list_wrap2 .box02:hover{
   transition: box-shadow 0.5s;
   box-shadow:4px 10px 7px -1px rgba(177,31,31,1.00);
}

.chara_bg{
   position: relative;
   width: 100%;
   margin: auto;
   border-bottom: rgba(143,6,6,1.00) 1px solid;
}

.chara_wrap{
   position: relative;
   width: 1160px;
   margin: auto;
}

.chara_blend{
-webkit-filter:invert(100%)opacity(25%);   // for Google Chrome and Safari
-moz-filter:invert(100%)opacity(25%);      // for Firefox
-o-filter:invert(100%)opacity(25%);        // for Oper
-ms-filter:invert(100%)opacity(25%);       // for Internet Explorer
 filter:invert(100%)opacity(25%);
 mix-blend-mode: color-dodge;
}

.chara_sys_wrap{
   position: relative;
   width: 100%;
   background-color: rgba(22,0,0,0.80);
}

.chara_menu_load{
   margin: 50px auto;
}

.chara_b_change_wrap{
   position: absolute;
   top: 10px;
   right: 0;
   width: 140px;
   color: rgba(255,255,255,1.00);
}

.chara_b_change_wrap ol{
   position: relative;
   overflow: hidden;
   display: flex;
   width: 100%;
   flex-wrap: wrap;
}
.chara_b_change_wrap li{
   display: block;
   cursor: pointer;
   width: 100%;
}

.style_jk{
   display: none;
}


.chara_update{
   position: absolute;
   bottom: 1.8%;
   right: 1%;
   width: 32%;
}

/*=======================================================
   ストーリー
  =======================================================*/

.story_pic_wrap{
}


.story_bg02{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/story/bg_003.jpg");
   background-repeat: no-repeat;
   background-position: top center;
}

.story_bg02:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/story/bg_003.jpg");
   background-position: top center;
}

.story_content{
   position: relative;
   overflow: hidden;
   width: 900px;
   margin: 0 auto 50px auto;
   box-sizing: border-box;
}

.story_i001{
   position: relative;
   width: 300px;
   margin: 0 auto 30px auto;
   padding: 30px 50px;
   color: rgba(255,255,255,1.00);
   background-image: url("../images/tmp/k_006.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 400px 100px;
   font-family: 'Noto Serif JP', serif; 
   font-size: 170%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   text-align: center;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.story_i002{
   width: 1100px;
   margin: 0px auto 30px auto;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 160%;
   letter-spacing: 8px;
   font-weight: 700;
   text-align: center;
   padding-bottom: 7px;
   background-image: url("../images/tmp/bar02.png");
   background-size: 100% auto;
   background-repeat: no-repeat;
   background-position: bottom center;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.story_i002 .title{
   width: 450px;
   margin: auto;
}

.story_i003{
   margin: 0px auto 20px auto;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 200%;
   letter-spacing: 5px;
   transform: scale(1, 1.4);
   text-align: center;
   font-weight: bold;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.story_staff_kugiri{
   color: rgba(143,6,6,1.00);
   padding: 0 5px;
   text-shadow: 
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.story_titlelogo{
   width: 20%;
   margin: 30px auto 20px auto;
}

.story_titlelogo_normal{
   width: 20%;
   margin: 0px auto 20px auto;
}

.story_staff{
   font-family: 'Noto Serif JP', serif; 
   font-size: 90%;
   letter-spacing: 2px;
   color: rgba(220,220,220,1.00);
   transform: scale(1, 1.2);
   margin-bottom: 15px;
   padding: 0 5px 7px 5px;
   text-align: center;
}

.story_arasuji_wrap{
   border: rgba(143,6,6,1.00) 2px solid;
   background-color: rgba(0,0,0,0.60);
   padding: 20px;
}

.story_arasuji_wrap .title{
   background: linear-gradient(45deg, rgba(255,0,15,0.80), rgba(61,5,5,0.80));
   font-family: 'Noto Serif JP', serif; 
   color: rgba(255,255,255,1.00);
   padding: 5px 10px;
   font-size: 110%;
   margin-bottom: 28px;
}

.story_arasuji_box{
   margin: 10px auto 20px auto;
   font-family: 'Noto Serif JP', serif; 
   font-size: 91%;
   color: rgba(255,255,255,1.00);
   letter-spacing: 2px;
   transform: scale(1, 1.2);
   line-height: 2.0;
   width: 99%;
}




.story_list{
}

.story_list_wrap{
   position: relative;
   width: 1080px;
   margin: 0 auto 40px auto;
   display: flex;
   flex-wrap: wrap;
   opacity: 0;
   transform: translate(0, 10px);
   transition: all 2.0s;
}

.chara_mani{
  transform: translate(0, 0);
  opacity: 1;
}


.story_mani{
  transform: translate(0, 0);
  opacity: 1;
}

/* 第20話以降のリスト表示
.list_inner.story_list .box_wrap{
   width: 33%;
}

.list_inner.story_list .box_wrap_dmy{
   width: 33%;
}
*/


.list_wrap .story_list .box_wrap .ml_box{
   min-height: 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0;
   flex-wrap: wrap;
}


.story_list .box_wrap .ml_box .logo{
   width: 90%;
   margin: 30px auto 20px auto;
   padding-bottom: 10px;

}

.story_list .box_wrap .ml_box .logo_dtxt{
   
}

.story_list .box_wrap .ml_box .right{
   width: 82%;
}

.story_list .box_wrap .ml_box .left{
   width: 17%;
   box-sizing: border-box;
}

.story_list .box_wrap .ml_box .right img{
   transition: filter 0.5s;
}
.story_list .box_wrap .ml_box .right img:hover{
   filter: sepia(50%) saturate(150%);
   transition: filter 0.5s;
}



.story_main_menu_wrap{
   width: 1150px;
   margin: 20px auto 30px auto;
   padding-bottom: 6px;
   border-bottom: rgba(198,0,0,1.00) 1px solid;
}



.story_main_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content:center;
   flex-wrap: wrap;
}

.story_main_menu_wrap li{
   width: 30%;
   text-align: center;
   border-left: rgba(198,0,0,1.00) 1px solid;
   border-top: rgba(198,0,0,1.00) 1px solid;
   font-size: 110%;
   line-height: 2.0;
   font-family: 'Noto Serif JP', serif; 
   letter-spacing: 4px;
   transform: scale(1, 1.3);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   vertical-align: middle;
}

.story_main_menu_wrap li a{
   display: block;
   color: rgba(131,131,131,1.00);
   text-decoration: none;
}

.story_main_menu_wrap li.left{
   background-image: url("../images/bg/bg_003_left.png");
   background-size: 100% 100%;
}

.story_main_menu_wrap li.right{
   background-image: url("../images/bg/bg_003_right.png");
   background-size: 100% 100%;
}

.story_main_menu_wrap li:last-child{
   border-right: rgba(198,0,0,1.00) 1px solid;
}

.story_main_menu_wrap li.select{
   display: block;
   color: rgba(255,255,255,1.00);
   background-color: rgba(83,2,2,1.00);
   text-decoration: none;
}

.story_main_menu_wrap li.select a{
   color: rgba(255,255,255,1.00);
}



.story_menu_wrap{
   width: 1080px;
   margin: 0 auto 50px auto;
}

.story_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.story_menu_wrap li{
   width: 16%;
   text-align: center;
   border-left: rgba(198,0,0,1.00) 1px solid;
   font-size: 110%;
   line-height: 1.3;
   font-family: 'Noto Serif JP', serif; 
   letter-spacing: 4px;
   transform: scale(1, 1.3);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   vertical-align: middle;
}

.story_menu_wrap li:last-child{
   border-right: rgba(198,0,0,1.00) 1px solid;
}

.story_menu_wrap li a{
   display: block;
   color: rgba(255,255,255,1.00);
   text-decoration: none;
}

.story_menu_wrap li a.selected{
   color: rgba(255,0,0,1.00);
}

.story_menu_wrap li .selected::before{
   content: "";
   display: inline-block;
   background-image: url("../images/menu/k_001.png");
   background-position: left top;
   background-repeat: no-repeat;
   width: 30px;
   height: 20px;
   background-size: contain;
   vertical-align: middle;
}

.story_menu_wrap li .selected::after{
   content: "";
   display: inline-block;
   background-image: url("../images/menu/k_002.png");
   background-position: right bottom;
   background-repeat: no-repeat;
   width: 30px;
   height: 20px;
   background-size: contain;
   vertical-align: middle;
}





.story_in_menu_wrap{
   width: 100%;
   margin: 0 auto 20px auto;
}

.story_in_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.story_in_menu_wrap li{
   text-align: center;
   margin: 2% 0;
   padding: 0 2%;
   border-left: rgba(0,0,0,1.00) 1px solid;
   font-size: 100%;
   line-height: 1.3;
   font-family: 'Noto Serif JP', serif; 
   letter-spacing: 1px;
   transform: scale(1, 1.3);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   vertical-align: middle;
}

.story_in_menu_wrap li:last-child{
   border-right: rgba(0,0,0,1.00) 1px solid;
}

.story_in_menu_wrap li a{
   display: block;
   color: rgba(255,255,255,1.00);
   text-decoration: none;
}

.story_in_menu_wrap li a:hover{
   display: block;
   color: rgba(248,198,199,1.00);
   text-decoration: none;
}

.story_in_title{
   font-size: 120%;
   line-height: 1.3;
   font-family: 'Noto Serif JP', serif; 
   color: rgba(255,255,255,1.00);
   padding-bottom: 10px;
   text-align: center;
   letter-spacing: 6px;
   transform: scale(1, 1.3);
   margin: 20px auto 10px auto;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.b_package_list_more1{
   position: relative;
   overflow: hidden;
   width: 60%;
   margin: 20px auto;
   background: linear-gradient(-45deg, rgba(255,0,15,0.80), rgba(61,5,5,0.80));
   border-radius: 50px;
   text-align: center;
   border: rgba(0,0,0,1.00) 2px solid;
   transition: box-shadow 0.5s;
}
.b_package_list_more1 a{
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 110%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   padding: 8px 0;
   display: block;
}

.b_package_list_more1:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(177,31,31,1.00);
}

.b_package_list_more2{
   position: relative;
   overflow: hidden;
   width: 60%;
   margin: 20px auto;
   background: linear-gradient(-45deg, rgba(106,54,158,0.80), rgba(18,5,31,0.80));
   border-radius: 50px;
   text-align: center;
   border: rgba(0,0,0,1.00) 2px solid;
   transition: box-shadow 0.5s;
}
.b_package_list_more2 a{
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 110%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   padding: 8px 0;
   display: block;
}

.b_package_list_more2:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(137,57,189,1.00);
}



/*=======================================================
   ミュージック
  =======================================================*/

.music_list_wrap{
   position: relative;
   width: 1080px;
   margin: 0 auto 40px auto;
   display: flex;
   flex-wrap: wrap;
   opacity: 0;
   transform: translate(0, 10px);
   transition: all 2.0s;
}

.music_mani{
  transform: translate(0, 0);
  opacity: 1;
}


.list_wrap .music_list .box_wrap .ml_box{
   min-height: 250px;
   display: flex;
   justify-content: space-around;
   align-items: center;
}

.music_list .box_wrap .ml_box .logo{
   width: 80%;
}

.music_list .box_wrap .ml_box .right{
   width: 40%;
}

.music_list .box_wrap .ml_box .left{
   width: 60%;
   box-sizing: border-box;
}

.page_inner_i001.music{
   width: 500px;
}

.music_page_inner_i001{
   position: relative;
   width: 450px;
   margin: 0 auto 0 auto;
   background-image: url("../images/tmp/bg_menu.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100% 95%;
   font-family: 'Noto Serif JP', serif; 
   font-size: 170%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   text-align: center;
}

.music_i01{
   margin: auto;
   width: 450px;
   color: rgba(255,255,255,1.00);
   font-size: 100%;
   text-align: center;
   font-family: 'Noto Serif JP', serif; 
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   padding-bottom: 7px;
}

.title_box.music{
   font-size: 80%;
   text-align: center;
   font-family: 'Noto Serif JP', serif; 
}

.music_page_title_inner{
   width: 100%;
   margin: 20px auto 10px auto;   
}

.music_i03{
   font-size: 220%;
   text-align: center;
   font-family: 'Noto Serif JP', serif; 
   font-weight: 700;
   transform: scale(1, 1.2);
   letter-spacing: 5px;
}

.music_i03_02{
   font-size: 220%;
   text-align: center;
   font-family: 'Noto Serif JP', serif; 
   font-weight: 700;
   transform: scale(1, 1.2);
   letter-spacing: 5px;
   line-height: 1.0;
   margin-bottom: 30px;
}

.music_i03_02_02{
   font-size: 60%;
}

.music_i02{
   font-size: 130%;
   font-weight: 700;
   color: rgba(0,0,0,1.00);
   font-family: 'Noto Serif JP', serif; 
   letter-spacing: 5px;
   transform: scale(1, 1.4);
   align-self: center;
   line-height: 1.2;
   text-align: center;
   margin: 15px auto 30px auto;
}

.music_op_t01{
   border: rgba(183,7,7,1.00) 1px solid;
   padding: 20px;
}

.music_h3{
   width: 100%;
   border-bottom: rgba(189,6,6,1.00) 1px solid;
   font-family: 'Noto Serif JP', serif; 
   font-size: 120%;
   font-weight: 900;
   color: rgba(130,3,3,1.00);
   padding: 0 10px 0 10px;
}

.music_h3:before{
  content: '◆';
  color: rgba(0,0,0,1.00);
  margin-right: 8px;
}

.music_tokuten_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.music_tokuten_wrap .box{
   position: relative;
   width: 32%;
   margin-bottom: 15px;
   border: rgba(212,4,2,1.00) 1px solid;
   background-color: rgba(130,3,3,1.00);
}

.music_tokuten_wrap .pic{
   width: 100%;
}

.music_tokuten_wrap .shop_name{
   font-family: 'Noto Serif JP', serif; 
   font-weight: 600;
   color: rgba(255,255,255,1.00);
   padding: 2px 5px 2px 5px;
   font-size: 110%;
   box-sizing: border-box;
   text-align: center;
   border-bottom: rgba(207,80,80,1.00) 3px dotted;
}

.music_tokuten_wrap .goods_name{
   font-family: 'Noto Serif JP', serif; 
   color: rgba(255,255,255,1.00);
   padding: 4px 5px 5px 5px;
   font-size: 100%;
   text-align: center;
   line-height: 1.4;
}

h5.music{
   border-bottom: rgba(203,86,87,1.00) 2px dotted;
   padding-bottom: 5px;
}

h5.goods{
   border-bottom: rgba(221,151,152,1.00) 2px dotted;
   padding-bottom: 5px;
}

/*=======================================================
   コミックス
  =======================================================*/

.comics_wrap{
   position: relative;
   overflow: hidden;
   width: 1000px;
   display: block;
   margin: auto;
   padding: 20px;
   margin-bottom: 80px;
}

.comics_txt01{
   width: 100%;
   font-family: 'Noto Serif JP', serif; 
   font-size: 125%;
   letter-spacing: 6px;
   transform: scale(1, 1.3);
   font-weight: 400;
   line-height: 1.4;
   margin-bottom: 60px;
   color: rgba(255,255,255,1.00);
   text-shadow: 
    rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}


.comics_txt01{
   /*border-bottom: 1px solid;*/
   /*border-image: linear-gradient(to right, rgba(177,0,2,1.00) 0%, rgba(103,51,150,1.00) 100%);*/
   /*border-image-slice: 1;*/
   /*background-image: url("../images/tmp/bar02.png");
   background-size: 100% 2px;
   background-repeat: no-repeat;
   background-position: bottom center;*/
   padding-bottom: 5px;
   margin-top: 10px;
}



.comics_txt02{
   font-family: 'Noto Serif JP', serif; 
   font-size: 140%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   font-weight: 600;
   margin-bottom: 80px;
   line-height: 1.4;
   color: rgba(255,255,255,1.00);
}

.comics_flex{
   position: relative;
   display:flex;
   justify-content: space-around;
}

.comics_flex .shoei{
   width: 45%;
}

.comics_flex .txt01{
   width: 50%;
   box-sizing: border-box;
}


.comics_ch01{
   font-family: 'Noto Serif JP', serif; 
   font-size: 130%;
   letter-spacing: 10px;
   transform: scale(1, 1.3);
   font-weight: 400;
   line-height: 1.4;
   padding-bottom: 25px;
   padding-top: 20px;
   color: rgba(255,255,255,1.00);
   text-shadow: 
    /*rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,*/
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.comics_pic{
   box-shadow: rgba(255,0,0,0.40) 0px 0px 20px, rgba(255,0,0,0.40) 0px 0px 20px;
}


.comics_bg{
   background-image:url("../images/comics/bg_001.png");
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 90% 90%;
}

.comics_b01{
   width: 400px;
   margin-top: 20px;
   margin-bottom: 35px;
   transition: box-shadow 0.5s;
}

.comics_b01:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(177,31,31,1.00);
}


h5.comics{
   background-image: url("../images/tmp/k_005.png");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: 12px auto;
   font-size: 120%;
   letter-spacing: 5px;
   transform: scale(1, 1.1);
   text-align: left;
   padding-left: 20px;
   line-height: 1.0;
   font-weight: 500;
   color: rgba(255,255,255,1.00);
   margin-bottom: 10px;
}

h5.comics2{
   background-image: url("../images/tmp/k_005.png");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: 12px auto;
   font-size: 80%;
   letter-spacing: 5px;
   transform: scale(1, 1.1);
   text-align: left;
   padding-left: 20px;
   line-height: 1.0;
   font-weight: 500;
   color: rgba(255,255,255,1.00);
   margin-bottom: 10px;
}



.comics_box01{
   width: 100%;
   background-color: rgba(94,18,21,1.00);
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 90%;
   padding: 10px;
   border: rgba(0,0,0,1.00) 5px solid;
   box-sizing: border-box;
   margin-top: 30px;
}

.comics_box01.cl2{
   font-size: 100%;
   padding: 20px;
   box-sizing: border-box;
   margin-top: 30px;
}

.comics_box01 .ch01{
   margin-bottom: 6px;
   font-size: 110%;
}

.comics_box01 .ch02{
   margin-bottom: 15px;
   font-size: 130%;
}

.comics td{
   padding: 5px 5px;
   font-family: 'Noto Serif JP', serif; 
   font-size: 90%;
   line-height: 1.6;
}

.comics .td01{
   width: 80px;
}

.comics tr {
    background-color:  rgba(86,13,16,1.00);    /* 背景色指定 */
}

.comics tr:nth-child(odd) {
    background-color:  rgba(58,9,11,1.00);    /* 背景色指定 */
}

.comics_list{
   width: 100%;
}

.comics_shosai{
   background-color: rgba(58,9,11,1.00);
   font-size: 110%;
   font-family: 'Noto Serif JP', serif; 
   line-height: 1.6;
   color: rgba(255,255,255,1.00);
   padding: 20px;
   box-sizing: border-box;
   margin: 20px auto;
}

.comics_list_shoei{
   width: 80%;
   margin: auto;
}


/*-----------------
   スペシャル03
  -----------------*/

.sp3_bg{
   background-image:url("../images/comics/bg_001.png");
   background-position: top center;
   background-repeat: no-repeat;
   background-size: auto 100%;
}

.sp3_ch01{
   font-family: 'Noto Serif JP', serif; 
   font-size: 180%;
   font-weight: 700;
   padding: 50px 0;
   margin-top: -30px;
   text-align: center;
   color: rgba(255,255,255,1.00);
   text-shadow: 
    /*rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,*/
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.sp3_i01{
   width: 200px;
   text-align: center;
   margin: 0 auto 30px auto;
   background: linear-gradient(-45deg, rgba(193,19,29,0.80), rgba(61,5,5,0.80));
   font-size: 160%;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-weight: 700;
   line-height: 1.5;
   transform: scale(1, 1.1);
   padding: 3px 10px;
   letter-spacing: 2px;
   border: rgba(0,0,0,1.00) 1px solid;
   
}

.sp3_txt01{
   text-align: center;
   margin-bottom: 40px;
   font-size: 125%;
   font-family: 'Noto Serif JP', serif;
   color: rgba(0,0,0,1.00);
   padding-bottom: 30px;
}

.kiji_wrap.sp3{
   background-color: rgba(255,255,255,0.80);
}
.main_content.sp3{
   background-color: rgba(51,8,8,0.40);
   margin-bottom: 10px;
}

.sp3_txt02{
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif;
   width: 100%;
   background-color: rgba(94,18,21,0.80);
   padding: 30px;
   border: rgba(0,0,0,1.00) 5px solid;
   box-sizing: border-box;
   margin-bottom: 40px;
   line-height: 2.0;
   text-align: left;
   background-image: url("../images/special/003/p_002.png");
   background-repeat: no-repeat;
   background-position: bottom right;
}

.sp3_txt03{
   color: rgba(255,255,255,1.00);
   font-size: 95%;
   letter-spacing: 1px;
   text-shadow: 
    /*rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,*/
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.sp3_txt04{
   color: rgba(255,255,255,1.00);
   font-size: 100%;
   letter-spacing: 1px;
   text-shadow: 
    /*rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,*/
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}


.sp3_i02{
   background: linear-gradient(-45deg, rgba(51,10,12,0.80), rgba(0,0,0,0.80));
   font-size: 120%;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-weight: 700;
   line-height: 1.5;
   transform: scale(1, 1.1);
   padding: 6px 10px;
   letter-spacing: 2px;
}

.contents_wrap.sp3{
   width: 1080px;
}

.sp3_b01{
   width: 400px;
   margin: 50px auto 35px auto;
   transition: box-shadow 0.5s;
}

.sp3_b01:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(177,31,31,1.00);
}


/*=======================================================
   スペシャル
  =======================================================*/

.special_wrap{
   opacity: 0;
   transform: translate(0, 10px);
   transition: all 1.0s;
}

.special_mani{
  transform: translate(0, 0);
  opacity: 1;
}

.special_i001{
   width: 300px;
   margin: 30px auto 20px auto;
}

.special_list_wrap{
   position: relative;
   width: 100%;
   margin: auto;
   margin-bottom: 40px;
   display: flex;
   flex-wrap: wrap;
}

.special_list_wrap .box01{
   position: relative;
   width: 48%;
   margin: 0 1% 2% 1%;
   margin-bottom: 15px;
   box-sizing: border-box;
   transition: box-shadow 0.5s;
}

.special_list_wrap .box01:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(205,19,19,1.00);
}

/*-----------------
   スペシャル01
  -----------------*/

.sp01_wrap{
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.sp01_txt01{
   color: rgba(255,255,255,1.00);
   font-size: 110%;
   letter-spacing: 3px;
   text-align: center;
   margin-bottom: 40px;
   transform: scale(1, 1.2);
}

.sp01_box01{
   position: relative;
   width: 30%;
   margin-bottom: 30px;
   border: rgba(255,0,0,1.00) 1px solid;
   background-color: rgba(143,6,6,1.00);
   transition: background-color 0.5s;
   box-sizing: border-box;
}

.sp01_box01_dmy{
   width: 30%;
}

.sp01_box01 .dw_wrap{
   padding: 5px 20px;
   text-align: center;
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif;
   font-size: 120%;
   letter-spacing: 2px;
   box-sizing: border-box;
}

.sp01_box01 a{
   text-decoration: none;
}

.sp01_box01:hover{
   background-color: rgba(220,2,2,1.00);
   transition: background-color 0.5s;
}

.k_new{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 90px
}

.k_new.k_special{
   top: 6px;
   left: 8px;
   width: 90px;
}



.sp01_box01{
   position: relative;
   width: 30%;
   margin-bottom: 30px;
   border: rgba(255,0,0,1.00) 1px solid;
   background-color: rgba(143,6,6,1.00);
   transition: background-color 0.5s;
   box-sizing: border-box;
}



.spn01_wrap{
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.spn01_box01_dmy{
   width: 30%;
}

.spn01_box01{
   position: relative;
   width: 32%;
   margin-bottom: 30px;
   border: rgba(255,0,0,1.00) 1px solid;
   background-color: rgba(143,6,6,1.00);
   transition: background-color 0.5s;
   box-sizing: border-box;
}
.spn01_box01 .dw_wrap2{
   padding: 5px 20px;
   text-align: center;
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif;
   font-size: 90%;
   letter-spacing: 2px;
   box-sizing: border-box;
}


/*-----------------
   スペシャル_02
  -----------------*/

h5.kakera.sp02{
   font-family: 'Noto Serif JP', serif;
   border-bottom: rgba(233,185,185,1.00) 2px dotted;
   padding-bottom: 4px;
}

.sp02_anser{
   font-size: 105%;
}

/*-----------------
   スペシャル_04
  -----------------*/

.sp04_i001{
   width: 100%;
   background-color: rgba(88,0,0,1.00);
   border: rgba(0,0,0,1.00) 2px solid;
   box-sizing: border-box;
}

.sp04_i001 img{
   width: 40%;
   height: auto;
}



.sp04_i001.houki{
   background-image: url("../images/special/004/p_houki.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.hoshi{
   background-image: url("../images/special/004/p_hoshi.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.nakahara{
   background-image: url("../images/special/004/p_nakahara.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.yukino{
   background-image: url("../images/special/004/p_yukino.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.kanai{
   background-image: url("../images/special/004/p_kanai.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.tamura{
   background-image: url("../images/special/004/p_tamura.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.cha{
   background-image: url("../images/special/004/p_cha.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.ookawa{
   background-image: url("../images/special/004/p_ookawa.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.itou{
   background-image: url("../images/special/004/p_itou.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.horie{
   background-image: url("../images/special/004/p_horie.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.hidaka{
   background-image: url("../images/special/004/p_hidaka.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.seki{
   background-image: url("../images/special/004/p_seki.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.orikasa{
   background-image: url("../images/special/004/p_orikasa.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}



.sp04_anser{
   font-size: 110%;
}



/*-----------------
   スペシャル_06
  -----------------*/

.sp06_index{
   position: relative;
   overflow: hidden;
   width: 100%;
   border: rgba(144,0,0,1.00) 1px solid;
   padding: 10px 15px;
   box-sizing: border-box;
   margin-bottom: 40px;
}

.sp06_question{
   padding-bottom: 10px;
   font-size: 98%;
   letter-spacing: 0;
   line-height: 1.6;
   margin-bottom: 25px;
   font-weight: 600;
   color: rgba(82,82,82,1.00);
   border-left: rgba(166,166,166,1.00) 5px solid;
   padding-left: 10px;
}

.sp06_anser_name{
   font-weight: 700;
   border: rgba(178,0,0,1.00) 1px solid;
   background-color: rgba(0,0,0,1.00);
   padding: 2px 10px;
   color: rgba(255,255,255,1.00);
   font-size: 90%;
}


.sp06_anser{
   font-size: 100%;
   border-bottom: rgba(233,185,185,1.00) 2px dotted;
   padding-bottom: 20px;
}



/*-----------------
   スペシャル_内部ヘッダ
  -----------------*/

.special_head_wrap{
   width: 100%;
   background-color: rgba(103,7,8,1.00);
   padding: 5px 2px 5px 2px;
   box-sizing: border-box;
   border: rgba(103,7,8,1.00) 2px solid;
   border-bottom: none;
}

.special_head_wrap .inner{
   border: rgba(0,0,0,1.00) 7px solid;
   padding: 10px;
   box-sizing: border-box;
   display: flex;
   justify-content: space-around;
   background-image: url("../images/special/bg_001.jpg");
   background-size: 100% auto;
}

.special_head_wrap .left_wrap{
   width: 45%;
}

.special_head_wrap .right_wrap{
   width: 50%;
   align-self: center;
}

/*=======================================================
   スタッフ
  =======================================================*/

.staff_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   box-sizing: border-box;
   justify-content: space-between;
   margin: 0 0 0 20px;
   flex-wrap: wrap;
}

.staff_wrap .left_box{
   width: 50%;
}

.staff_wrap .right_box{
   width: 50%;
}

.staff_wrap .staff_waku{
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 150px;
}

.staff_wrap .cast_waku{
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 100px;
}

.staff_main_box{
   width: 100%;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}
.staff_box{
   width: 33%;
   margin-bottom: 50px;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.staff_box_brk{
   width: 33%;
}

.staff_i{
   width: 100%;
   margin: auto;
   margin-bottom: 30px;
   padding: 10px 0;
}

.staff_yaku{
   text-decoration: none;
   color: rgba(251,0,0,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 100%;
   letter-spacing: 7px;
   transform: scale(1, 1.3);
   display: block;
   text-align: center;
   margin-bottom: 7px;
}


/* スタッフフェード */
.staff_fade {
  animation: staffanime 2.0s 1;
  animation-fill-mode:forwards;
}
@keyframes staffanime {
  0% {
  filter: opacity(0) blur(50px);
  
  }
  90% {
   filter: opacity(1) blur(0px);
  }
}

.staff_name{
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif; 
   font-size: 130%;
   letter-spacing: 7px;
   transform: scale(1, 1.3);
   text-align: center;
}


/*=======================================================
   ストーリー（中面）
  =======================================================*/
.story_shosai_wrap{
   position: relative;
   overflow: hidden;
   width: 100%;
   margin: 0 auto 0 auto;
}

/*=======================================================
   ラジオ
  =======================================================*/

.special_head_wrap .left_wrap.radio{
   width: 60%;
}

.special_head_wrap .right_wrap.radio{
   width: 40%;
   align-self: center;
}

.radio_psn{
   position: relative;
   overflow: hidden;
   width: 50%;
   display: flex;
   justify-content: space-between;
}

/*=======================================================
   オフィシャルチャンネル
  =======================================================*/

.special_head_wrap .left_wrap.nicoch{
   width: 60%;
}

.special_head_wrap .right_wrap.nicoch{
   width: 40%;
   align-self: center;
}

.radio_psn{
   position: relative;
   overflow: hidden;
   width: 50%;
   display: flex;
   justify-content: space-between;
}

/* -----------------------------------------
   シェアボタン
   -----------------------------------------*/

.share_wrap{
   position:relative;
   width:300px;
   font-size:130%;
   padding: 10px;
   margin: auto;
   margin-top: 20px;
}




@media screen and (max-width: 1200px) {
.head_logo_left{
   width: 170px;
}
.head_logo_right{
   width: 170px;
}

}

/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   タブレット版
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

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

.head{
   position: fixed;
   top: -3px;
   left: 0;
   width: 100%;
   height: 120px;
   border-bottom: rgba(255,0,4,1.00) 1px solid;
   z-index: 100;
   box-shadow: 5px 6px 10px rgba(0,0,0,0.50);
   transition: .5s;
}

#wata{
   height: 120px;
}


.head_inner{
   width: 100%;
   height: auto;
   min-width: 768px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.head_logo{
   position: relative;
   margin: auto;
   width: 160px;
   top: 5px;
   transition: .5s;
}

.head_logo_left{
   position: relative;
   margin: 0;
   width: 160px;
   margin-right: 20px;
   top: 5px;
   transition: .5s;
}

.head_logo_right{
   position: relative;
   margin: 0;
   width: 160px;
   margin-left: 20px;
   top: 5px;
   transition: .5s;
}



.head_menu_wrap{
   position: absolute;
   width: 95%;
   min-width: 768px;
   top: 50px;
   left: 5px;
}

.head_menu_wrap li a{
   font-size: 60%;
   padding: 0 10px 0px 10px;
   line-height: 1;
}


.is-animation.head{
   top: -50px;
}

.is-animation .head_menu_wrap{
   width: 100%;
   min-width: 768px;
   top: 60px;
   font-size: 90%;
   transition: .5s;
}

.is-animation .head_menu_wrap li a{
   transition: color 0.5s;
   font-size: 65%;
   padding: 0 10px 0px 10px;
}

.is-animation .head_logo{
   width: 0;
   transition: .5s;
}


.story_menu_wrap{
   width: 98%;
   margin: 0 auto 50px auto;
}

.story_list_wrap{
   width: 98%;
}

.list_wrap .box_wrap {
   width: 49%;
}

.list_wrap .box_wrap.n100 {
   width: 100%;
}

.n100 .goods_table{
   font-size: 110%;
}

.n100 td.goodstd01{
   width: 90px;
}

.n100 td.w02{
   width: 140px;
}

.goods_list .box_wrap .ml_box .right {
   width: 25%;
}

.story_menu_wrap li{
   font-size: 70%;
}

.story_menu_wrap li .selected::before{
   width: 20px;
}

.story_titlelogo_normal{
   width: 30%;
}


/*=======================================================
   スタッフ
  =======================================================*/

.staff_main_box{
   font-size: 90%;
}
.staff_box{
   font-size: 90%;
}

/*=======================================================
   オンエア
  =======================================================*/
.onair_tv_wrap{
   width: 98%;
}

.onair_box01{
   font-size: 25px;
}

.onair_box101{
   font-size: 25px;
}
.onair_box02{
   font-size: 25px;
}

/*=======================================================
   ニュース
  =======================================================*/

 .news_list_wrap{
    margin: 20px 0 20px 40px;
}

/*=======================================================
   イントロ
  =======================================================*/

body.bg9{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/tmp/bg_009m.jpg");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}

body.bg9:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/tmp/bg_009m.jpg");
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
}

.intro_wrap{
   margin: auto;
}




.chara_list_wrap{
   position: relative;
   width: 98%;
   margin: auto;
   margin-top: 50px;
   display: flex;
   flex-wrap: wrap;
}

.chara_wrap{
   position: relative;
   width: 100%;
   margin: auto;
}

.chara_sys_wrap .chara_list_wrap2{
   width: 98%;
}

.page_title_wrap3{
   width: 98%;
   margin: auto;
}

.b_page_back{
   font-size: 100%;
   top: 130px;
}

.chara_t01{
   font-size: 65%;
}

.chara_t01.en{
   font-size: 65%;
}

.story_i002{
   width: 98%;
}

.story_staff{
   width: 98%;
}

.story_content{
   position: relative;
   overflow: hidden;
   width: 750px;
   margin: 0 auto 50px auto;
   box-sizing: border-box;
}



/*きゃら（Ｖ２）*/
   
.chara_p03{
   position: absolute;
   width: 43%;
   bottom: 0;
   left: 43%;
}

.chara_p03.rena{
   position: absolute;
   width: 48%;
   bottom: 0;
   left: 36%;
}

.chara_p03.mion{
   position: absolute;
   width: 48%;
   bottom: 0;
   left: 45%;
}

.chara_p03.shion{
   position: absolute;
   width: 39.5%;
   bottom: 0;
   left: 51%;
}

.chara_p03.oishi{
   position: absolute;
   width: 48%;
   bottom: 0;
   left: 40%;
}

.chara_p03.takano{
   position: absolute;
   width: 32%;
   bottom: 0;
   left: 52%;
}

.chara_p03.irie{
   position: absolute;
   width: 43%;
   bottom: 0;
   left: 43%;
}

.chara_p03.hanyu{
   position: absolute;
   width: 48%;
   bottom: 0;
   left: 38%;
}

.chara_p03.teppei{
   position: absolute;
   width: 43%;
   bottom: 0;
   left: 44%;
}
.chara_p03.chie{
   position: absolute;
   width: 46%;
   bottom: 0;
   left: 38%;
}
.chara_p03.c024{
   position: absolute;
   width: 54%;
   bottom: 0;
   left: 43%;
}


.chara_b_change_wrap{
   position: absolute;
   top: 50px;
   right: 10px;
   width: 90px;
   color: rgba(255,255,255,1.00);
}


.story_main_menu_wrap{
   width: 100%;
   margin: 20px auto 30px auto;
   padding-bottom: 4px;
   border-bottom: rgba(198,0,0,1.00) 1px solid;
}


.story_main_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content:center;
   flex-wrap: wrap;
}

.story_main_menu_wrap li{
   width: 250px;
   text-align: center;
   border-left: rgba(198,0,0,1.00) 1px solid;
   border-top: rgba(198,0,0,1.00) 1px solid;
   font-size: 80%;
   line-height: 2.0;
   box-sizing: border-box;
   font-family: 'Noto Serif JP', serif; 
   letter-spacing: 4px;
   transform: scale(1, 1.3);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   vertical-align: middle;
}

/*=======================================================
   コミックス
  =======================================================*/

.comics_wrap{
   position: relative;
   overflow: hidden;
   width: 100%;
   display: block;
   margin: auto;
   padding: 20px;
   margin-bottom: 80px;
   box-sizing: border-box;
}

.comics_flex{
   font-size: 70%;
}

.comics_flex .shoei{
   width: 40%;
}

.comics_flex .txt01{
   width: 52%;
   box-sizing: border-box;
}

.comics_b01{
   width: 80%;
   margin-top: 20px;
   margin-bottom: 35px;
   transition: box-shadow 0.5s;
}


.comics_box01{
   font-size: 70%;
   padding: 10px;
   border: rgba(0,0,0,1.00) 5px solid;
   box-sizing: border-box;
   margin-top: 30px;
}

.comics_box01.cl2{
   font-size: 90%;
   padding: 20px;
   box-sizing: border-box;
   margin-top: 30px;
}

.comics_box01 .ch01{
   margin-bottom: 6px;
   font-size: 100%;
}

.comics_box01 .ch02{
   margin-bottom: 15px;
   font-size: 130%;
}

.comics td{
font-size: 80%;
}


/*=======================================================
   スペシャル
  =======================================================*/

.contents_wrap.sp3{
   width: 100%;
}

.sp3_txt01{
font-size: 100%;
}

.sp3_txt03{
   font-size: 90%;
}


/*=======================================================
   中面1列
  =======================================================*/
.contents_wrap{
   position: relative;
   overflow: hidden;
   width: 98%;
   margin: 0 auto 40px auto;
}

.contents_wrap.comics{
   width: 100%;
}

.comics .td01{
   width:  60px;
}

/*=======================================================
   中面2列（メニュー付）
  =======================================================*/
.contents_wrap2{
   position: relative;
   width: 98%;
   margin: 0 auto 80px auto;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.contents_wrap2 .left_box{
   width: 20%;
   margin-top: 20px;
}

.contents_wrap2 .right_box{
   width: 80%;
}

.upper_menu_wrap{
   width: 98%;
   margin: 0 auto 50px auto;
}

/*=======================================================
   内部リスト枠
  =======================================================*/

.list_wrap{
   width: 98%;
   margin: 30px auto 40px auto;
}

.list_wrap .music_list .box_wrap .ml_box{
   min-height: auto;
}

.s2 .footer {
   border-top: 1px solid rgba(103,51,150,1.00);
   border-image: none;
   
}

}



/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   スマホ版
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
@media screen and (max-width: 480px) {

body{
   font-size: 80%;
}

body.bg3{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/bg/bg_002.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top center;
}

body.bg6{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/chara/bg_101m.jpg");
   background-repeat: no-repeat;
   background-position: top center;
}

body.bg6:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/chara/bg_101m.jpg");
   background-position: top center;
}

body.bg7{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/tmp/bg_007m.jpg");
   background-repeat: no-repeat;
   background-position: top center;
}

body.bg7:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/tmp/bg_007m.jpg");
   background-position: top center;
}

body.bg7_02{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/tmp/bg_007_02m.jpg");
   background-repeat: no-repeat;
   background-position: top center;
}

body.bg7_02:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/tmp/bg_007_02m.jpg");
   background-position: top center;
}

body.bg9{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/tmp/bg_009m.jpg");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}

body.bg9:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/tmp/bg_009m.jpg");
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
}

.head{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 80px;
   border-bottom: rgba(255,0,4,1.00) 1px solid;
   z-index: 100;
   transition: .5s;
   box-shadow: 0px 10px 10px rgba(0,0,0,1.00);
}


.top_chg_wrap{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.top_chg_wrap li{
   width: 50%;
   box-sizing: border-box;
   margin-bottom: 5%;

}
.top_chg_wrap li.gou{
   border: rgba(131,7,7,1.00) 2px solid;
}
.top_chg_wrap li.sotsu{
   border: rgba(92,27,111,1.00) 2px solid;
}
.top_chg_wrap li.out img{
   opacity: 0.4;
   background-color: rgba(0,0,0,1.00);
}


.top_chg_wrap li img:hover{
   opacity: 1.0;
}

#wata{
   width: 100%;
   height: 80px;
   background-image: url("../images/tmp/bg_001.jpg");
   background-repeat: no-repeat;
   background-position: top left;
   background-size: auto;
}

.head_logo{
   position: absolute;
   width: 200px;
   top: 5px;
   left: 0;
   right: 0;
	z-index: 996;
   display: flex;
   justify-content: space-between;
}
.head_logo .logo01{
   width: 50%;
}



.head_m{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 65px;
  border-bottom: 1px solid rgba(103,51,150,1.00);
   z-index: 100;
   transition: .5s;
   box-shadow: 0px 10px 10px rgba(0,0,0,1.00);
}


#wata_m{
   width: 100%;
   height: 65px;
   background-image: url("../images/tmp/bg_001.jpg");
   background-repeat: no-repeat;
   background-position: top left;
   background-size: auto;
}





.page_title_wrap{
   position: relative;
   width: 100%;
   margin-top: 100px;
}

.page_title{
   position: relative;
   width: 70%;
   margin: 10px auto 5px auto;
}



.b_page_back{
   position: absolute;
   top: auto;
   bottom: 0;
   left: 0;
   font-size: 90%;
   letter-spacing: 3px;
   padding-bottom: 5px;
   transform: scale(1, 1.3);
   text-align: left;
   align-self: center;
   line-height: 1.3;
   background-color: rgba(143,6,6,1.00);
   color: rgba(255,255,255,1.00);
   transition: box-shadow 0.5s;
}

.b_page_back.package{
   position: absolute;
   top: auto;
   bottom: 0;
   left: 0;
   font-size: 90%;
   letter-spacing: 3px;
   padding-bottom: 5px;
   transform: scale(1, 1.3);
   text-align: left;
   align-self: center;
   line-height: 1.3;
   background-color: rgba(143,6,6,1.00);
   color: rgba(255,255,255,1.00);
   transition: box-shadow 0.5s;
}



.b_page_back a{
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   display: block;
   padding: 5px 5px;}

.b_page_back:hover{
   box-shadow: 0 0 15px rgba(224,0,62,1.00);
   transition: box-shadow 0.5s;
}

/*=======================================================
   追加インデックス
  =======================================================*/

.page_inner_i001{
   position: relative;
   width: auto;
   display: block;
   margin: 0 auto 0 auto;
   text-align: center;
   padding: 5px 5px;
   color: rgba(255,255,255,1.00);
   background-image: url("../images/tmp/bg_menu.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 60% 30px;
   font-size: 150%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
}

.page_inner_i001 .title{
   width: 220px;
}

/*=======================================================
   中面1列
  =======================================================*/
.contents_wrap{
   width: 98%;
   margin: 0 auto 80px auto;
}

.contents_wrap.comics{
   width: 98%;
}

/*=======================================================
   中面2列
  =======================================================*/
.contents_wrap2{
   width: 98%;
   margin: 0 auto 80px auto;
   display: block;
}

.contents_wrap2 .left_box{
   width: 98%;
   margin: auto;
}

.contents_wrap2 .right_box{
   width: 100%;;
}

/*=======================================================
   上段メニュー（統一）
  =======================================================*/
.upper_menu_wrap{
   width: 95%;
   margin: 0 auto 30px auto;
}

.upper_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.upper_menu_wrap li{
   text-align: center;
   margin: 0 auto 15px auto;
   border: rgba(198,0,0,1.00) 1px solid;
   font-size: 110%;
   line-height: 1.3;
   letter-spacing: 1px;
   transform: scale(1, 1.3);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   vertical-align: middle;
}

.upper_menu_wrap li.w200{
   width: auto;
}

.upper_menu_wrap li.w250{
   width: auto;
}

.upper_menu_wrap li.w280{
   width: auto;
}

.upper_menu_wrap li.w300{
   width: 300px;
}

.upper_menu_wrap li:last-child{
   border-right: rgba(198,0,0,1.00) 1px solid;
}

.upper_menu_wrap li a{
   display: block;
   color: rgba(255,255,255,1.00);
   text-decoration: none;
   padding: 3px 10px 2px 10px;
}

.upper_menu_wrap li a.selected{
   color: rgba(255,255,255,1.00);
   background-color: rgba(189,0,3,1.00);
}

.upper_menu_wrap li .selected::before{
   content: "";
   display: inline-block;
   background-image:none;
   width: auto;
   height: auto;

}

.upper_menu_wrap li .selected::after{
   content: "";
   display: inline-block;
   background-image: none;
   width: auto;
   height: auto;
}


/*=======================================================
   内部リスト枠
  =======================================================*/

.list_wrap{
   position: relative;
   width: 98%;
   margin: 30px auto 40px auto;
}

.list_inner{
   width: 100%;
   position: relative;
   display: flex;
   justify-content: space-between;
}

.list_wrap .box_wrap{
   background-color: rgba(94,18,21,1.00);
   width: 100%;
   padding: 6px;
   box-sizing: border-box;
   transition: box-shadow 0.5s;
   margin-bottom: 40px;
}

.list_wrap .box_wrap .ml_box{
   border: rgba(0,0,0,1.00) 7px solid;
   padding: 10px;
   box-sizing: border-box;
   background-image: url("../images/music/bg_001.png");
   background-position: top left;
   background-size: 100% 100%;
   transition: box-shadow 0.5s;
}

.list_wrap .box_wrap:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(177,31,31,1.00);
}

.list_wrap .box_wrap .ml_box:hover{
   transition: box-shadow 0.5s;
   box-shadow:0px 0px 14px 1px rgba(177,31,31,1.00);
}

.list_wrap .box_wrap .ml_box.s1{
	background-size: cover;
	background-position: center;
}
.list_wrap .box_wrap .ml_box.s2{
	background-size: cover;
	background-position: center;
}

/*=======================================================
   内部メイン共通
  =======================================================*/

.main_content{
   position: relative;
   overflow: hidden;
   background-color:rgba(51,8,8,1.00);
   margin: 0 0 20px 0;
   margin-bottom: 30px;
   border: rgba(103,7,8,1.00) 3px solid;
   box-sizing: border-box;
}

.main_content_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   box-sizing: border-box;
   justify-content: space-between;
   min-height: 60px;
}

.main_content_wrap .title_box{
   width: 100%;
   width: 95%;
   color: rgba(255,255,255,1.00);
   font-size: 95% !important;
   letter-spacing: 3px;
   transform: scale(1, 1.4);
   text-align: left;
   align-self: center;
   line-height: 1.2;
   margin: 10px auto 10px auto;
   padding: 10px 0;
}

.main_content .kiji_wrap{
   background-color: rgba(255,255,255,1.00);
   margin: 8px;
   box-shadow: 0 0 15px rgba(255,255,255,1.00);
   font-weight: 400;
   font-style: normal;
   line-height: 1.8;
   font-size: 100%;
   padding: 20px 15px;
}

/*=======================================================
   ニュース
  =======================================================*/
/*---------------------------
   記事一覧
  ---------------------------*/
  .news_list_wrap{
   display: block;
   border: rgba(255,0,0,1.00) 1px solid;
   box-sizing: border-box;
   background-color:rgba(0,0,0,1.00);
   margin: 0 1% 20px 1%;
   transition: box-shadow 0.5s;
}

.news_list_wrap .day_box{
   width: 130px;
   height: 40px;
   background-image: url("../images/news/tmp/bg_day_m.png");
   background-size: 100% 100%;
   margin: 15px 10px 5px 15px;
}

.news_list_wrap .day_box .year{
   display: inline-block;
   text-align: left;
   color: rgba(255,255,255,1.00);
   font-size: 90%;
   margin: 13px 5px auto 10px;
   line-height: 1.0;
}

.news_list_wrap .day_box .day{
   display: inline-block;
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-size: 110%;
}

.news_list_wrap .title_box{
   width: 100%;
   margin: 0 10px 15px 0;
   padding-top: 10px;
   box-sizing: border-box;
}

.news_list_wrap .title{
   font-size: 95%;
   letter-spacing: 3px;
   transform: scale(1, 1.2);
   text-align: left;
   align-self: center;
   line-height: 1.2;
   padding: 0 10px;
}

.news_list_wrap .txt01_wrap{
   font-size: 70%;
   letter-spacing: 4px;
   transform: scale(1, 1.2);
   padding: 3px 10px;
   margin: 20px auto auto auto;
}

.news_list_wrap .more_wrap{
   display: none;
}

.news_list_wrap .more_wrap .txt_wrap{
   font-size: 90%;
   align-self:center;
   color: rgba(0,0,0,1.00);
}

.news_list_wrap:hover{
   box-shadow: 0 0 15px rgba(224,0,62,1.00);
   transition: box-shadow 0.5s;
}

a.title_link{
   text-decoration: none;
}



/*---------------------------
   ニュース内部
  ---------------------------*/

.news_content{
   position: relative;
   overflow: hidden;
   background-color:rgba(51,8,8,1.00);
   margin: 5px;
   border: rgba(255,0,0,1.00) 1px solid;
   margin-top: 20px;
}

.news_content_wrap{
   position: relative;
   overflow: hidden;
   display: block;
   box-sizing: border-box;
}

.news_content_wrap .day_box{
   width: 130px;
   height: 40px;
   background-image: url("../images/news/tmp/bg_day_m.png");
   background-size: 100% 100%;
   margin: 15px 10px 5px 8px;
}

.news_content_wrap .day_box .year{
   display: inline-block;
   text-align: left;
   color: rgba(255,255,255,1.00);
   font-size: 90%;
   margin: 13px 5px auto 15px;
   line-height: 1.0;
}

.news_content_wrap .day_box .day{
   display: inline-block;
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-size: 110%;
}

.news_content_wrap .title_box{
   width: 100%;
   font-size: 90%;
   letter-spacing: 2px;
   transform: scale(1, 1.3);
   text-align: left;
   align-self: center;
   line-height: 1.4;
   margin: 15px 10px 15px 0;
   padding: 0 10px;
   box-sizing: border-box;
}

.news_content .kiji_wrap{
   background-color: rgba(255,255,255,1.00);
   margin: 15px 7px;
   box-shadow: 0 0 15px rgba(255,255,255,1.00);
   padding: 20px 10px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.8;
   font-size: 100%;
}

.b_news_back{
   width: 200px;
   margin: 50px auto auto auto;
}


/*=============
  追加分
  =============*/
.ns06_wrap{
   flex-wrap: wrap;
}

.ns06_ch01{
   font-size: 100%;
   letter-spacing: 3px;
   transform: scale(1, 1.3);
   font-weight: 600;
   line-height: 1.6;
   margin-top: 15px;
   margin-bottom: 30px;
}

.ns06_bg{
   background-image: none;
}


.ns06_txt{
   order: 1;
}

.ns6_01_pic{
   order: 2;
}

.flex_wrapper.f2{
   display: flex;
   justify-content: space-between;
}


/*---------------------------
   ニュース各ページ追加分
  ---------------------------*/
.news_w_01_box{
   width: 46%;
   margin: 0 2% 10px 0;
}

.news_w_01_txt{
   font-size: 85%;
   padding: 3px 5px;
}

.news_w_04_box{
   width: 48%;
}


.flex_wrapper_f2 .f2_box{
   width: 48%;
}

/*---------------------------
   PR領域
  ---------------------------*/

.pr article{
   width: 100%;
}

.pr .news_list_wrap{
   position: relative;
   overflow: hidden;
   display: block;
   border: rgba(255,0,0,1.00) 1px solid;
   box-sizing: border-box;
   background-color:rgba(0,0,0,1.00);
   justify-content: space-between;
   margin: 10px 20px;
   transition: box-shadow 0.5s;
}

.pr .news_list_wrap .day_box{
   width: 110px;
   height: 40px;
   background-image: url("../images/news/tmp/bg_day_m.png");
   background-size: 100% 100%;
   margin: 6px 0px 5px 10px;
}

.pr .news_list_wrap .day_box .year{
   display: inline-block;
   text-align: left;
   color: rgba(255,255,255,1.00);
   font-size: 90%;
   margin: 13px 5px auto 10px;
   line-height: 1.0;
}

.pr .news_list_wrap .day_box .day{
   display: inline-block;
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-size: 110%;
}

.pr .news_list_wrap .title_box{
   width: 95%;
   font-size: 85%;
   letter-spacing: 2px;
   transform: scale(1, 1.2);
   text-align: left;
   align-self: center;
   line-height: 1.2;
   margin: 15px auto  20px auto;
   padding: 0;
   box-sizing: border-box;
}

.pr .news_list_wrap .title{
   font-size: 85%;
   letter-spacing: 2px;
   transform: scale(1, 1.2);
   text-align: left;
   align-self: center;
   line-height: 1.3;
   padding: 0;
}

.pr .news_list_wrap .txt01_wrap{
   display: none;
}

/*=======================================================
   グッズ
  =======================================================*/


.n100 .goods_table{
   font-size: 90%;
}

.n100 td.goodstd01{
   width: auto;
}

.n100 td.w02{
   width: auto;
}

.goods_list .box_wrap .ml_box .right {
   width: 40%;
}


.goods_content{
   position: relative;
   overflow: hidden;
   background-color:rgba(51,8,8,1.00);
   margin: 5px;
   border: rgba(255,0,0,1.00) 1px solid;
   margin-top: 20px;
}

.goods_content_wrap{
   position: relative;
   overflow: hidden;
   display: block;
   box-sizing: border-box;
}

.goods_content_wrap .title_box{
   width: 100%;
   font-size: 120%;
   letter-spacing: 1px;
   transform: scale(1, 1.1);
   text-align: left;
   align-self: center;
   line-height: 1.4;
   margin: 15px 10px 15px 0;
   padding: 0 10px;
   box-sizing: border-box;
}

.goods_content .kiji_wrap{
   background-color: rgba(255,255,255,1.00);
   margin: 15px 7px;
   box-shadow: 0 0 15px rgba(255,255,255,1.00);
   padding: 20px 10px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.8;
   font-size: 100%;
}

.goods_txt01{
   border: rgba(143,6,6,1.00) 1px solid;
   padding: 20px 10px;
   box-sizing: border-box;
}


.goods_list_title{
   position: relative;
   overflow: hidden;
   width: 100%;
   font-size: 95%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   font-weight: 600;
   line-height: 1.6;
   margin-bottom: 20px;
   border-bottom: rgba(255,0,0,1.00) 1px solid;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.goods_list .box_wrap .ml_box{
   position: relative;
   overflow: hidden;
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
   padding: 10px 5px;
}

.goods_list .box_wrap .ml_box .right{
   width: 90%;
   margin: auto;
   margin-bottom: 15px;
   order: 0;
}

.goods_list .box_wrap .ml_box .left{
   font-size: 90%;
   margin-left: 0;
   width: 90%;
   margin: auto;
   margin-bottom: 10px;
   order: 1;
}

.goods_list a{
   text-decoration: none;
}

.goods_list td{
   padding-bottom: 2px;
}

td.goodstd01{
   width: 50px;
}

.goods_list td.w03{
   width: 60px;
}

.goods_list td.w02{
   width: 80px;
}

.b_goods_more{
   width: 90%;
   min-width: 90%;
   margin: 20px auto 40px auto;
}
.b_goods_more a{
   font-size: 100%;
   letter-spacing: 2px;
}



/*=======================================================
   オンエア
  =======================================================*/
.onair_wrap{
   position: relative;
   width: 100%;
   margin: 0 auto 50px auto;
}

.onair_wrap2{
   position: relative;
   width: 100%;
   margin: 0 auto 100px auto;
}

.onair_txt01{
   position: relative;
   color: rgba(255,255,255,1.00);
   line-height: 1.5;
   transform: scale(0.8, 1);
   font-weight: 600;
   width: 100%;
   padding: 0;
   font-size: 120%;
   margin: 20px auto 40px auto;
}

.onair_i001{
   position: relative;
   width: 100%;
   margin: -10px auto 10px auto;
   padding: 30px 0;
   color: rgba(255,255,255,1.00);
   background-image: url("../images/tmp/k_006.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 300px 80px;
   font-size: 140%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   text-align: center;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.onair_txt01 .ot04{
   font-size: 140%;
   letter-spacing: 10px;
   text-align: center;
   color: rgba(216,216,216,1.00);
   text-shadow: none;
   text-shadow: 
    rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.onair_txt01 .ot05{
   font-size: 120%;
   letter-spacing: 10px;
   text-align: center;
   color: rgba(216,216,216,1.00);
   text-shadow: none;
   text-shadow: 
    rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}


.onair_txt01 .ot01{
   font-size: 240%;
   letter-spacing: 5px;
   text-align: center;
}

.onair_txt01 .ot02{
   font-size: 200%;
   letter-spacing: 5px;
   text-align: center;
}



.oa_t11{
   width: 40%;
   text-align: right;
}


.oa_t12{
   width: 0%;
}

.oa_t13{
   width: 60%;
   text-align: left;
}



.onair_tv_wrap{
	position: relative;
   width: 100%;
   margin: auto;
	margin-bottom: 60px;
}

.onair_box_inner{
  line-height: 1.6;
	display: block;
	margin-bottom: 30px;
}

.onair_box_inner.in2{
   margin-bottom: 0px;
}

.onair_box_inner3.in2{
   margin-bottom: 0;
}

.onair_box_inner2{
  line-height: 1.6;
	display: block;
	margin-bottom: 0px;
}

.onair_ond_txt01 .title{
	font-size: 140%;
}

.onair_box01{
  text-align: center;
  width: 100%;
	font-size: 140%;
   letter-spacing: 5px;
  border-bottom: none;
	font-weight: 900;
   padding: 0;
}

.onair_box101{
  text-align: center;
  width: 100%;
	font-size: 140%;
   letter-spacing: 5px;
  border-bottom: none;
	font-weight: 900;
   padding: 0;
}

/*
.onair_box01 a{
   color: rgba(255,0,0,1.00);
}
*/


.onair_box02{
   float: none;
	text-align: center;
   width: 95%;
   margin: auto;
	font-size: 130%;
	padding-left: 10px;
	font-weight: 700;
	padding-bottom: 5px;
   border-bottom: rgba(184,7,112,1.00) 1px solid;
   letter-spacing: 5px;
}

.onair_box02.nbr{
   border-bottom: none;
}

.onair_box22.nbr{
   border-bottom: none;
}

.onair_box01_01{
	display: none;
}

.onair_box02_01{
	float: none;
	text-align: center;
   width: 100%;
	font-size: 100%;
	padding-left: 0;
	font-weight: 700;
	padding-bottom: 10px;
   margin-bottom: 30px;
}

.o22 .onair_box02_01.ybr{
   width: 60%;
   margin: auto;
}

.onair_box02_01.ybr{
   border-bottom: rgba(184,7,112,1.00) 1px solid;
}




.onair_ond_box_wrap{
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0 0px 0 0px;
	box-sizing: border-box;
}




.onair_ond_box_inner{
  line-height: 1.6;
	display: block;
	margin-bottom: 30px;
}

.onair_ond_box_inner2{
  line-height: 1.6;
	display: block;
	margin-bottom: 0px;
}

.onair_ond_box_wrap{
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0 0px 0 0px;
	box-sizing: border-box;
}



.onair_ond_box01{
  text-align: center;
  width: 100%;
	font-size: 150%;
	padding-left: 0;
  border-bottom: none;
	font-weight: 900;
}

.onair_ond_box02{
	float: none;
	text-align: center;
  width: 100%;
	font-size: 150%;
	padding-left: 0;
	font-weight: 700;
	padding-bottom: 5px;
  border-bottom: rgba(187,187,187,1.00) 1px solid;
}


.onair_ond_box{
	position: relative;
   overflow: hidden;
	width: 100%;
	text-align: center;
	font-size: 120%;
	margin-bottom: 10px;
 	box-sizing: border-box;
	height: 50px;
	line-height: 1.0;
	display: flex;
   -webkit-align-items: center; 
  align-items: center; 
   -webkit-justify-content: center; 
  justify-content: center;
}

.onair_txt02 .ot04.haishin{
   font-size: 110%;
   transform: scale(0.8, 1);
   transform-origin: top left;
   width: 125%;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.onair_ond_txt01{
	text-align: center;
	line-height: 1.4;
   margin-bottom: 15px;
}


.oa_cau01{
   margin-top:30px;
}






.onair_txt02{
   position: relative;
   color: rgba(255,255,255,1.00);
   line-height: 1.5;
   transform: scale(0.8, 1);
   font-weight: 600;
   padding: 0;
   font-size: 120%;
   margin: 30px auto 20px auto;
}

.onair_txt02 .ot04{
   font-size: 120%;
   letter-spacing: 10px;
   text-align: center;
   color: rgba(216,216,216,1.00);
   text-shadow: 
    rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}



.onair_tv_wrap2{
	position: relative;
   width: 100%;
   margin: auto;
	margin-bottom: 0px;
}


.onair_box_inner3{
  line-height: 1.6;
	display: block;
	margin-bottom: 20px;
}


.onair_box11{
  text-align: center;
  width: 100%;
	font-size: 140%;
   letter-spacing: 5px;
  border-bottom: none;
	font-weight: 900;
   line-height: 1.2;
}


.onair_box22{
   float: none;
	text-align: center;
   width: 60%;
   margin: auto;
	font-size: 120%;
	padding-left: 0;
	font-weight: 700;
	padding-bottom: 5px;
   border-bottom: rgba(184,7,112,1.00) 1px solid;
   line-height: 1.2;
   letter-spacing: 5px;
}
.oa_t12{
   float:left;
   width: 50%;
}

.oa_t13{
   float:left;
   width: 50%;
}


.txt_l10{
   margin-left: 0px;
}

.ot06{
   width: 90%;
   margin: auto;
   margin-top: -10%;
}


.ot_title{
   width: 50%;
   margin: auto;
   margin-top: 50px;
}


/*=======================================================
   イントロ
  =======================================================*/

/*=======================================================
   イントロ
  =======================================================*/

.intro_wrap .page_title_wrap{
   position: relative;
   overflow: hidden;
   margin-right: auto;
}

.intro_wrap .page_title{
   position: relative;
   margin: auto;
}

.intro_wrap{
   position: relative;
   margin: auto;
}
.intro_txt01{
   position: relative;
   color: rgba(255,255,255,1.00);
   font-size: 120%;
   letter-spacing: 4px;
   text-align: center;
   line-height: 1.8;
   transform: scale(1, 1);
   margin: auto;
   float: right;
   margin-bottom: 100px;
}

.intro_txt01 .txt_tsf {
    transform: scale(0.8, 1);
    transform-origin: top left;
    width: 125%;
}

 @media screen and (max-width: 1470px) {
    .intro_txt01{
   }
}

.intro_txt01 .en {
   width: 80%;
   margin: auto;
   font-size: 90%;
   transform: scale(1, 1) !important;
}

.en .txt_tsf {
    transform: scale(0.8, 1);
    transform-origin: top left;
    width: 125%;
}

.en_intro_under{
   margin-bottom: 0px;
}

/*=======================================================
   キャラクター（Ｖ２）
  =======================================================*/


.chara_bg01{
   width: 100%;
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/chara/bg_101m.jpg");
   background-position: top center;
   background-repeat: no-repeat;
}

.chara_bg02{
   width: 100%;
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/chara/bg_102m.jpg");
   background-position: top center;
   background-repeat: no-repeat;
   border-bottom: rgba(143,6,6,1.00) 1px solid;
}




.chara_i01{
   position: relative;
   width: 95%;
   margin: auto;
   top: -20px;
   left: auto;
}

.chara_p01{
   position: relative;
   width: 50%;
   top: auto;
   left: auto;
   float: right;
   margin-right: 10px;
}

.chara_p01.rena{
   z-index: 10;
}

.chara_p01.kpt{
   z-index: 10;
   margin-top: 10%;
}


.chara_p02{
   position: absolute;
   left: 0;
   float: left;
}
.chara_p0212{
   position: absolute;
   left: 0;
   float: left;
   top: 100px;
   width: 68%;
}

   .chara_p0212_keiichi{
      position: absolute;
      left: 0;
      float: left;
      top: 100px;
      width: 52%;
   }
   
   .chara_p0212_rena{
      position: absolute;
      width: 90%;
      top: 110px;
      left: 0%;
   }
   .chara_p0212_mion{
      position: absolute;
      left: 0;
      float: left;
      top: 110px;
      width: 68%;
   }
   .chara_p0212_satoko{
      position: absolute;
      left: 0;
      float: left;
      top: 23%;
      width: 54%;
   }
   .chara_p0212_satoko_jk{
      position: absolute;
      left: 0;
      float: left;
      top: 30%;
      width: 45%;
   }
   .chara_p0212_rika{
      position: absolute;
      left: 0;
      float: left;
      top: 23%;
      width: 66%;
   }
   .chara_p0212_rika_jk{
      position: absolute;
      left: 5%;
      float: left;
      top: 30%;
      width: 46%;
   }
   .chara_p0212_shion{
      position: absolute;
      left: 30px;
      float: left;
      top: 120px;
      width: 50%;
   }
   
    .chara_p0212_tomitake{
      position: absolute;
      left: 20px;
      float: left;
      top: 110px;
      width: 45%;
   }
   
    .chara_p0212_oishi{
      position: absolute;
      left: -10px;
      float: left;
      top: 105px;
      width: 54%;
   }   
    .chara_p0212_takano{
      position: absolute;
      left: 30px;
      float: left;
      top: 110px;
      width: 36%;
   }
    .chara_p0212_irie{
      position: absolute;
      left: 0px;
      float: left;
      top: 110px;
      width: 53%;
   }   
    .chara_p0212_hanyu{
      position: absolute;
      left: -10px;
      float: left;
      top: 120px;
      width: 65%;
   }      
    .chara_p0212_teppei{
      position: absolute;
      left: 20px;
      float: left;
      top: 110px;
      width: 49%;
   }
     .chara_p0212_chie{
      position: absolute;
      left: 10px;
      float: left;
      top: 120px;
      width: 47%;
   }
     .chara_p0212_c024{
      position: absolute;
      left: 10px;
      float: left;
      top: 120px;
      width: 57%;
   }  
   
.chara_p02.rika{
   width: 60%;
   top: 50px;
}

.chara_p02.mion{
   width: 55%;
   top: 90px;
}

.chara_p03{
   display: none;
}


.chara_t01{
   position: relative;
   width: 90%;
   margin: auto;
   margin-top: 50px;
   top: 65%;
   left: auto;
   font-size: 90%;
   letter-spacing: 3px;
   line-height: 1.6;
   transform: scale(1, 1.1);
   text-shadow:1px 1px 3px #000000,1px 1px 3px #000000;
}


.chara_t01.en{
   width: 90%;
   transform: scale(1, 1.1);
   letter-spacing: 2px;
   font-size: 100%;
}



.chara_list_wrap{
   position: relative;
   width: 98%;
   margin: auto;
   margin-top: 20px;
   flex-wrap: wrap;
   justify-content: flex-start;
}

.chara_list_wrap .box01{
   width: 48%;
   margin: 0 1%;
   margin-bottom: 20px;
   box-sizing: border-box;
   transition: box-shadow 0.5s;
}

.chara_list_wrap .box01:hover{
   transition: box-shadow 0.5s;
}


.chara_sys_wrap .chara_list_wrap2{
   position: relative;
   width: 95%;
   margin: auto;
   display: flex;
   flex-wrap: wrap;
}

.chara_sys_wrap .chara_list_wrap2 .box02{
   width: 45%;
   margin: 0 auto 10px auto;
   margin-bottom: 15px;
   box-sizing: border-box;
   transition: box-shadow 0.5s;
}

.chara_sys_wrap .box02.select{
   transition: box-shadow 0.5s;
   box-shadow:2px 5px 3px -1px rgba(177,31,31,1.00) ;
}

.chara_list_wrap2 .box02:hover{
   transition: box-shadow 0.5s;
   box-shadow:2px 5px 3px -1px rgba(177,31,31,1.00) ;
}



.chara_bg{
   position: relative;
   overflow: hidden;
   width: 100%;
   background-size: 300% 100%;
}

.chara_wrap{
   position: relative;
   width: 100%;
   margin: auto;
   padding-bottom: 60px;
}

.chara_menu_load{
   margin: 50px auto 10px auto;
}



.chara_b_change_wrap{
   position: relative;
   right: auto;
   width: 160px;
   color: rgba(255,255,255,1.00);
   z-index: 50;
   top: 0;
   margin-top: -10%;
}

.chara_b_change_wrap ol{
   position: relative;
   overflow: hidden;
   display: flex;
   width: 160px;
   flex-wrap: wrap;
}
.chara_b_change_wrap li{
   display: block;
   cursor: pointer;
   width: 50%;
}


/*=======================================================
   コミックス
  =======================================================*/

.comics_wrap{
   position: relative;
   overflow: hidden;
   width: 100%;
   margin: auto;
   padding: 20px 10px;
   box-sizing: border-box;
   flex-wrap: wrap;
}

.comics_flex{
   position: relative;
   flex-wrap: wrap;
   font-size: 100%;
}

.comics_flex .shoei{
   width: 100%;
}

.comics_flex .txt01{
   width: 100%;
}


.comics_box01.cl2{
   font-size: 100%;
   padding: 10px;
   box-sizing: border-box;
   margin-top: 30px;
}

.comics_txt01{
   order: 0;
   font-size: 95%;
   letter-spacing: 2px;
   transform: scale(1, 1.3);
   font-weight: 600;
   line-height: 1.4;
   text-align: center;
   margin-bottom: 30px;
   margin-top: 0px;
   color: rgba(255,255,255,1.00);
   text-shadow: 
    rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}



.comics_ch01{
   font-size: 100%;
   text-align: center;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   font-weight: 600;
   line-height: 1.4;
   padding-bottom: 20px;
   padding-top: auto;
   box-sizing: border-box;
   color: rgba(255,255,255,1.00);
   text-shadow: 
    rgba(255,0,0,0.80) 10px 0px 10px, rgba(255,0,0,0.80) -10px 0px 10px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.comics_pic{
   box-shadow: rgba(255,0,0,0.40) 0px 0px 20px, rgba(255,0,0,0.40) 0px 0px 20px;
}

.comics_b01{
   width: 100%;
   margin-top: 0;
   margin-bottom: 35px;
}


.comics_bg{
   background-image:url("../images/comics/bg_001.png");
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 80% 90%;
}

h5.comics{
   background-image: none;
   text-align: center;
   font-size: 120%;
   letter-spacing: 2px;
   transform: scale(1, 1.1);
   padding-left: 0;
   line-height: 1.0;
   font-weight: 700;
   color: rgba(255,255,255,1.00);
   margin-bottom: 10px;
}

.comics_kazari{
   text-align: center;
   margin: 10px auto 20px auto;
}

.comics_kazari .comics_img_wrap{
   width: 14px;
   margin: auto;
}

.comics .td01{
   width: 60px;
}

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

.comics_box01 .ch02{
   margin-bottom: 15px;
   font-size: 110%;
}

/*=======================================================
   スペシャル
  =======================================================*/

.special_i001{
   width: 250px;
   margin: 30px auto 20px auto;
}

.special_list_wrap{
   position: relative;
   width: 100%;
   margin: auto;
   margin-bottom: 40px;
   display: block;
}

.special_list_wrap .box01{
   width: 90%;
   margin: 0 auto 15px auto;
}


/*-----------------
   スペシャル01
  -----------------*/

.sp01_wrap{
   width: 98%;
   margin: auto;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.sp01_txt01{
   color: rgba(255,255,255,1.00);
   font-size: 90%;
   letter-spacing: 2px;
   text-align: center;
   margin-bottom: 40px;
   transform: scale(1, 1.2);
}

.sp01_box01{
   width: 48%;
   margin-bottom: 30px;
   border: rgba(255,0,0,1.00) 1px solid;
   background-color: rgba(143,6,6,1.00);
   transition: background-color 0.5s;
   box-sizing: border-box;
}

.sp01_box01_dmy{
   width: 30%;
}

.sp01_box01 .dw_wrap{
   padding: 5px 0px;
   text-align: center;
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   font-size: 120%;
   letter-spacing: 2px;
   box-sizing: border-box;
}

.sp01_box01 a{
   text-decoration: none;
}

.sp01_box01:hover{
   background-color: rgba(220,2,2,1.00);
   transition: background-color 0.5s;
}

.k_new{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 70px
}

.k_new.k_special{
   top: 6px;
   left: 2%;
   width: 50px;
}

.spn01_box01{
   width: 48%;
}
.spn01_box01 .dw_wrap2{
   padding: 5px 5px;
   text-align: center;
   text-decoration: none;
   color: rgba(255,255,255,1.00);
   font-family: 'Noto Serif JP', serif;
   font-size: 90%;
   letter-spacing: 0;
   box-sizing: border-box;
}

/*-----------------
   スペシャル_02
  -----------------*/

h5.kakera.sp02{
   padding-bottom: 4px;
   font-size: 98%;
   letter-spacing: 0;
}

.sp02_anser{
   font-size: 98%;
}


.special_head_wrap .right_wrap{
   width: 80% !important;
   margin: auto;
   order: 2;
}

/*-----------------
   スペシャル_03
  -----------------*/

.sp3_ch01{
   font-size: 140%;
}

.sp3_txt02{
   padding: 30px 15px;
}

.sp3_txt01{
   padding: 0 15px 20px 15px;
   box-sizing: border-box;
}

.sp3_txt03{
   font-size: 100%;
}

.sp3_b01{
   width: 80%;
   margin: 50px auto 35px auto;
   transition: box-shadow 0.5s;
}


/*-----------------
   スペシャル_04
  -----------------*/

.sp04_i001{
   width: 100%;
   background-color: rgba(88,0,0,1.00);
   border: rgba(0,0,0,1.00) 2px solid;
   box-sizing: border-box;
}

.sp04_i001 img{
   width: 82%;
   height: auto;
}



.sp04_i001.houki{
   background-image: url("../images/special/004/p_houki.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.hoshi{
   background-image: url("../images/special/004/p_hoshi.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.nakahara{
   background-image: url("../images/special/004/p_nakahara.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.yukino{
   background-image: url("../images/special/004/p_yukino.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.kanai{
   background-image: url("../images/special/004/p_kanai.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.tamura{
   background-image: url("../images/special/004/p_tamura.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.cha{
   background-image: url("../images/special/004/p_cha.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.ookawa{
   background-image: url("../images/special/004/p_ookawa.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.itou{
   background-image: url("../images/special/004/p_itou.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.horie{
   background-image: url("../images/special/004/p_horie.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.hidaka{
   background-image: url("../images/special/004/p_hidaka.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.seki{
   background-image: url("../images/special/004/p_seki.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}

.sp04_i001.orikasa{
   background-image: url("../images/special/004/p_orikasa.png");
   background-repeat: no-repeat;
   background-position: top right;
   background-size: auto 100%;
}


/*-----------------
   スペシャル_内部ヘッダ
  -----------------*/

.special_head_wrap{
   padding: 5px 2px 5px 2px;
   border: rgba(103,7,8,1.00) 2px solid;
   margin-top: 20px;
}

.special_head_wrap .inner{
   border: rgba(0,0,0,1.00) 4px solid;
   padding: 10px;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   background-image: none;
   background-size: auto 100%;
}

.special_head_wrap .left_wrap{
   width: 100%;
   order: 2;
}

.special_head_wrap .right_wrap{
   width: 100%;
   align-self: center;
   order: 1;
}


/*=======================================================
   ストーリー
  =======================================================*/

.story_bg02{
   background-color: rgba(0,0,0,1.00);
   background-image: url("../images/story/bg_003.jpg");
   background-repeat: no-repeat;
   background-position: top center;
}

.story_bg02:before{
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: url("../images/story/bg_003.jpg");
   background-position: top center;
}

.story_content{
   position: relative;
   overflow: hidden;
   margin: 20px;
   box-sizing: border-box;
}

.story_i001{
   width: 100%;
   margin: 30px auto 20px auto;
   font-size: 150%;
   letter-spacing: 5px;
   transform: scale(1, 1.6);
}



.story_i002{
   width: 100%;
   margin: 0 auto 20px auto;
   font-size: 120%;
}

.story_i002 .title{
   width: 300px;
   margin: auto;
}

.story_i003{
   margin: 0px auto 0px auto;
   font-size: 140%;
}

.story_staff{
   font-size: 80%;
   padding-top: 10px;
}


.story_titlelogo{
   width: 45%;
   margin: 20px auto 20px auto;
}

.story_titlelogo_normal{
   width: 60%;
   /*margin: 20px auto 10px auto;*/
   margin: 0px auto 20px auto;
}

.story_content{
   position: relative;
   overflow: hidden;
   width: 95%;
   margin: 0 auto 0 auto;
   box-sizing: border-box;
}

.story_arasuji_wrap{
   border: rgba(143,6,6,1.00) 2px solid;
   background-color: rgba(0,0,0,0.60);
   padding: 20px 10px;
}



.story_list_wrap{
   position: relative;
   width: 100%;
   margin: 20px auto 30px auto;
   display: block;
}

.story_list_wrap .box01{
   width: 100%;
   margin: 0 auto 10px auto;
   box-sizing: border-box;
}





.story_main_menu_wrap{
   width: 98%;
   margin: 20px auto 30px auto;
   padding-bottom: 4px;
   border-bottom: rgba(198,0,0,1.00) 2px solid;
}


.story_main_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content:center;
   flex-wrap: wrap;
}

.story_main_menu_wrap li{
   width: 50%;
   text-align: center;
   border-left: rgba(198,0,0,1.00) 1px solid;
   border-top: rgba(198,0,0,1.00) 1px solid;
   font-size: 90%;
   line-height: 1.6;
   box-sizing: border-box;
   font-family: 'Noto Serif JP', serif; 
   letter-spacing: 2px;
   padding: 5px 0;
   transform: scale(1, 1.3);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   vertical-align: middle;
}

.story_main_menu_wrap li a{
   display: block;
   color: rgba(131,131,131,1.00);
   text-decoration: none;
}

.story_main_menu_wrap li.left{
   background-image: url("../images/bg/bg_003_left.png");
   background-size: 100% 100%;
}

.story_main_menu_wrap li.right{
   background-image: url("../images/bg/bg_003_right.png");
   background-size: 100% 100%;
}

.story_main_menu_wrap li:last-child{
   border-right: rgba(198,0,0,1.00) 1px solid;
}

.story_main_menu_wrap li.select{
   display: block;
   color: rgba(255,255,255,1.00);
   background-color: rgba(83,2,2,1.00);
   text-decoration: none;
}

.story_main_menu_wrap li.select a{
   color: rgba(255,255,255,1.00);
}




.story_menu_wrap{
   width: 95%;
   margin: 0 auto 30px auto;
}

.story_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.story_menu_wrap li{
   width: 28%;
   text-align: center;
   margin: 1% 2% 15px 1%;
   border: rgba(198,0,0,1.00) 1px solid;
   font-size: 90%;
   line-height: 1.3;
   letter-spacing: 1px;
   transform: scale(1, 1.3);
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   vertical-align: middle;
}

.story_menu_wrap li:last-child{
   border-right: rgba(198,0,0,1.00) 1px solid;
}

.story_menu_wrap li a{
   display: block;
   color: rgba(255,255,255,1.00);
   text-decoration: none;
   padding: 3px 0 5px 0;
}

.story_menu_wrap li a.selected{
   color: rgba(255,255,255,1.00);
   background-color: rgba(189,0,3,1.00);
}

.story_menu_wrap li .selected::before{
   content: "";
   display: inline-block;
   background-image:none;
   width: auto;
   height: auto;

}

.story_menu_wrap li .selected::after{
   content: "";
   display: inline-block;
   background-image: none;
   width: auto;
   height: auto;
}

.story_in_menu_wrap{
   width: 100%;
   margin: 0 auto 0px auto;
}

.story_in_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.story_in_menu_wrap li{
   margin: auto 1% 20px 1%;
   padding: 5px;
   text-align: center;
   border-left: rgba(0,0,0,1.00) 1px solid;
   background-color: rgba(0,0,0,1.00);
   font-size: 90%;

   box-sizing: border-box;
}

.story_in_menu_wrap li:last-child{
   border-right: rgba(0,0,0,1.00) 1px solid;
}

.story_in_menu_wrap li a:hover{
   display: block;
   color: rgba(255,255,255,1.00);
   text-decoration: none;
}


.story_in_menu_wrap li:hover{
   background-color: rgba(35,35,35,1.00);
}

.story_in_title{
   font-size: 90%;
   line-height: 1.3;
   color: rgba(255,255,255,1.00);
   text-align: center;
   letter-spacing: 3px;
   transform: scale(1, 1.3);
   margin-bottom: 30px;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}


/*=======================================================
   ミュージック
  =======================================================*/


.list_wrap .music_list .box_wrap .ml_box{
   min-height: auto;
   display: flex;
   justify-content: space-around;
   align-items: center;
   flex-wrap: wrap;
}

.music_list .box_wrap .ml_box .logo{
   width: 60%;
}

.music_list .box_wrap .ml_box .right{
   width: 90%;
}

.music_list .box_wrap .ml_box .left{
   width: 100%;
   box-sizing: border-box;
}

.music_i01{
   margin: auto;
   width: 100%;
   color: rgba(255,255,255,1.00);
   font-size: 100%;
   text-align: center;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   margin-top: 15px;
}

.page_inner_i001.music{
   width: 100%;
}


.title_box.music{
   font-size: 180%;
   text-align: center;
}

.music_i03{
   font-size: 150%;
   text-align: center;
   font-weight: 600;
   transform: scale(1, 1.2);
   letter-spacing: 2px;
   line-height: 1.4;
}


.music_i03_02{
   font-size: 150%;
   text-align: center;
   font-family: 'Noto Serif JP', serif; 
   font-weight: 700;
   transform: scale(1, 1.2);
   letter-spacing: 5px;
   line-height: 1.8;
   margin-bottom: 30px;
}

.music_i03_02_02{
   font-size: 60%;
   line-height: 1.4;
}


.music_i02{
   font-size: 95%;
   font-weight: 600;
   color: rgba(0,0,0,1.00);
   letter-spacing: 5px;
   transform: scale(1, 1.4);
   align-self: center;
   line-height: 1.2;
   text-align: center;
   margin: 10px auto 30px auto;
}

.music_page_title_inner{
   width: 100%;
   margin: 10px auto 10px auto;   
}


.music_tokuten_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.music_tokuten_wrap .box{
   position: relative;
   width: 48%;
   margin-bottom: 15px;
   border: rgba(212,4,2,1.00) 1px solid;
   background-color: rgba(130,3,3,1.00);
}

.music_tokuten_wrap .pic{
   width: 100%;
}

.music_tokuten_wrap .shop_name{
   font-weight: 600;
   color: rgba(255,255,255,1.00);
   padding: 2px 5px 2px 5px;
   font-size: 110%;
   box-sizing: border-box;
   text-align: center;
   border-bottom: rgba(207,80,80,1.00) 3px dotted;
}

.music_tokuten_wrap .goods_name{
   color: rgba(255,255,255,1.00);
   padding: 4px 5px 5px 5px;
   font-size: 100%;
   text-align: center;
   line-height: 1.4;
}
/*=======================================================
   スタッフ
  =======================================================*/

.staff_wrap{
   position: relative;
   overflow: hidden;
   width: 95%;
   display: block;
   margin: auto;
}

.staff_wrap .left_box{
   width: 100%;
}

.staff_wrap .right_box{
   width: 100%;
}

.staff_wrap .staff_waku{
   width: 100%;
   display: block;
   margin-bottom: 80px;
}

.staff_wrap .cast_waku{
   width: 100%;
   display: block;
   margin-bottom: 80px;
}

.staff_box{
   width: 100%;
   margin-bottom: 40px;
}

.staff_box_brk{
   width: 100%;
}

.staff_box{
   margin-bottom: 40px;
}

.staff_yaku{
   text-decoration: none;
   color: rgba(251,0,0,1.00);
   font-size: 110%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   display: block;
   text-align: center;
   margin-bottom: 7px;
}


.staff_name{
   color: rgba(255,255,255,1.00);
   font-size: 120%;
   letter-spacing: 4px;
   transform: scale(1, 1.3);
   text-align: center;
}


/*=======================================================
   パッケージ
  =======================================================*/

h1.package {
   font-size: 110%;
   letter-spacing: 1px;
   transform: scale(1, 1);
   text-align: left;
   border-bottom: rgba(139,3,4,1.00) 2px solid;
   padding-top: 7px;
   padding-left: 28px;
   padding-bottom: 0;
   line-height: 1.6;
   color: rgba(255,255,255,1.00);
   background-image: url("../images/tmp/k_005.png");
   background-position: center left;
   background-repeat: no-repeat;
   background-size: 20px auto;
}

h1.package.satoko{
   background-image: url("../images/package/k_satoko.png");
   background-size: 40px 40px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 50px;
}

h1.package.keiichi{
   background-image: url("../images/package/k_keiichi.png");
   background-size: 40px 40px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 50px;
}

h1.package.rika{
   background-image: url("../images/package/k_rika.png");
   background-size: 40px 40px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 50px;
   padding-bottom: 0;
}

h1.package.hanyu{
   background-image: url("../images/package/k_hanyu.png");
   background-size: 40px 40px;
   background-position: bottom left;
   padding-top: 20px;
   padding-left: 50px;
   padding-bottom: 0;
}

h1 .tr12{
   transform: scale(1, 1.2);
}

.package_index{
   background: linear-gradient(45deg, rgba(151,16,24,0.80), rgba(61,5,5,0.80));
   padding: 7px 20px 5px 10px;
   border-bottom: rgba(255,0,4,1.00) 1px solid;
}

.pg_gou{
}

.package_index .title{
   color: rgba(255,255,255,1.00);
   font-size: 100%;
   letter-spacing: 5px;
   transform: scale(1, 1.2);
   text-align: left;
   background-image: url("../images/tmp/k_005.png");
   background-position: center left;
   background-repeat: no-repeat;
   background-size: 25px auto;
   padding-left: 35px;
}


.package_content{
   position: relative;
   overflow: hidden;
   background-color:rgba(51,8,8,1.00);
   margin: 0 0 20px 0;
   margin-bottom: 30px;
   border: rgba(103,7,8,1.00) 3px solid;
   box-sizing: border-box;
}

.package_content_wrap{
   position: relative;
   overflow: hidden;
   display: flex;
   box-sizing: border-box;
   justify-content: space-between;
   min-height: 60px;
}

.package_content_wrap .title_box{
   width: 100%;
   width: 95%;
   color: rgba(255,255,255,1.00);
   font-size: 95% !important;
   letter-spacing: 3px;
   transform: scale(1, 1.4);
   text-align: left;
   align-self: center;
   line-height: 1.2;
   margin: 10px auto 10px auto;
   padding: 10px 0;
}

.package_content .kiji_wrap{
   background-color: rgba(255,255,255,1.00);
   margin: 8px;
   box-shadow: 0 0 15px rgba(255,255,255,1.00);
   line-height: 1.8;
   font-size: 100%;
   padding: 20px 15px;
}


.package_tokuten_wrap{
	position: relative;
	overflow: hidden;
	padding: 0;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.package_tokuten_wrap .shop_name{
   width: 100%;
   font-size: 110%;
   padding: 0 10px 0px 15px;
   margin-bottom: 7px;

}

.package_tokuten_wrap .goods_img{
	width: 250px;
	height: 250px;
   order: 2;
   margin: auto;
}

.package_tokuten_wrap .goods_img img{
	width: 250px;
	height: 250px;
	object-fit: contain;
}

.package_tokuten_wrap .txtBox{
   width: 100%;
   margin-bottom: 15px;
}

.package_tokuten_wrap .goods_name{
	font-size: 110%;
   order: 0;
   line-height: 1.5;
}

.package_border{
   width: 95%;
   border-bottom: rgba(126,198,249,1.00) 3px dotted;
   margin: 10px auto 10px auto;
}



.pcg_font{
   font-size: 95%;
}

.package_content_wrap .title_box.i001{
   width: 70%;
   margin: 0px 10px 0 0;
}

.pcg_t01{
   width: 80%;
   margin-bottom: 10px;
}

.pcg_bar01{
   border-bottom: rgba(146,84,84,1.00) 2px solid;
}
.pcg_bar02{
   border-bottom: rgba(216,184,184,1.00) 2px dotted;
}

.package_var_name{
   background: linear-gradient(-45deg, rgba(193,19,29,0.80), rgba(61,5,5,0.80));
   color: rgba(255,255,255,1.00);
   padding: 6px 15px;
   letter-spacing: 2px;
   width: 100%;
   font-size: 100%;
   transform: scale(1, 1.1);
   text-align: left;
   line-height: 1.4;
   box-sizing: border-box;
}


.package_var_name2{
   /*color: rgba(139,3,4,1.00);*/
   padding: 6px 15px;
   letter-spacing: 2px;
   width: 100%;
   font-size: 100%;
   transform: scale(1, 1.1);
   text-align: left;
   line-height: 1.4;
   box-sizing: border-box;
   border-bottom: rgba(139,3,4,1.00) 1px solid;
   border-left: rgba(139,3,4,1.00) 10px solid;
   font-weight: 600;
}

.package_kumisu{
   margin-bottom: 20px;
   font-weight: 900;
   font-size: 120%;
}

.pg_h_kakera{
   background-image: url("../images/tmp/k_005.png");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: 12px auto;
   letter-spacing: 1px;
   transform: scale(1, 1.1);
   text-align: left;
   padding-left: 16px;
   line-height: 1.3;
   font-weight: 900;
   font-size: 110%;
   color: rgba(143,6,6,1.00);
   border-bottom: rgba(143,6,6,1.00) 1px solid;
   margin-bottom: 10px;
   padding-bottom: 3px;
}

.b_pcg_more{
   position: relative;
   overflow: hidden;
   width: 200px;
   margin: 15px auto 0 auto;
   background: linear-gradient(-45deg, rgba(255,0,15,0.70), rgba(61,5,5,0.70));
   border-radius: 50px;
   text-align: center;
   transition: box-shadow 0.5s;
}

.package_main_menu_wrap{
   width: 98%;
   margin: 30px auto 30px auto;
   padding-bottom: 6px;
}



.package_main_menu_wrap ol{
   position: relative;
   display: flex;
   justify-content:center;
   flex-wrap: wrap;
}

.package_main_menu_wrap li{
   width: 50%;
   text-align: center;
   border: rgba(198,0,0,1.00) 1px solid;
   font-size: 70%;
   line-height: 2.0;
   font-family: 'Noto Serif JP', serif; 
   letter-spacing: 4px;
   transform: scale(1, 1.3);
   box-sizing: border-box;
   text-shadow: 
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
   vertical-align: middle;
}

.b_package_list_more1{
   position: relative;
   overflow: hidden;
   width: 80%;
   margin: 20px auto;
   border-radius: 50px;
   text-align: center;
   border: rgba(0,0,0,1.00) 2px solid;
   transition: box-shadow 0.5s;
}
.b_package_list_more1 a{
   font-size: 100%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   padding: 8px 0;
   display: block;
}

.b_package_list_more2{
   position: relative;
   overflow: hidden;
   width: 80%;
   margin: 20px auto;
   transition: box-shadow 0.5s;
}
.b_package_list_more2 a{
   text-decoration: none;
   font-size: 100%;
   letter-spacing: 5px;
   transform: scale(1, 1.3);
   padding: 8px 0;
   display: block;
}


.list_wrap .box_wrap.s1{
   order: 1;
}

.list_wrap .box_wrap.s2{
   order: 0;
}

/*=======================================================
   ラジオ
  =======================================================*/

.special_head_wrap .left_wrap.radio{
   width: 100%;
   order: 1;
}

.special_head_wrap .right_wrap.radio{
   width: 100%;
   align-self: center;
   order: 2;
}

.radio_psn{
   position: relative;
   overflow: hidden;
   width: 100%;
}

.radio_psn .fb48{
   width: 49%;
}

.special_head_wrap .inner.radio{
   background-image: url("../images/special/bg_001.jpg");
   background-size: 100% 100%;
}

/*=======================================================
   オフィシャルチャンネル
  =======================================================*/

.special_head_wrap .left_wrap.nicoch{
   width: 100%;
   order: 2;
}

.special_head_wrap .right_wrap.nicoch{
   width: 100%;
   align-self: center;
   order: 1;
}

.nicoch_psn{
   position: relative;
   overflow: hidden;
   width: 100%;
}

.nicoch_psn .fb48{
   width: 49%;
}

.special_head_wrap .inner.nicoch{
   background-image: url("../images/special/bg_001.jpg");
   background-size: 100% 100%;
}


/* -----------------------------------------
   フッダ
   -----------------------------------------*/

.footer {
   position: relative;
   overflow: hidden;
   margin-top: auto;
   border-top: rgba(255,0,4,1.00) 1px solid;
   height: 200px;
   background-color: rgba(22,0,0,0.80);
   padding-top: 20px;
}

.s2 .footer {
   position: relative;
   overflow: hidden;
   margin-top: auto;
   border-top: rgba(103,51,150,1.00) 1px solid;
   height: 200px;
   background-color: rgba(22,0,0,0.80);
   padding-top: 20px;
   border-image: none;
}

.footer02 {
   position: relative;
   overflow: hidden;
   margin-top: auto;
   height: 200px;
   background-color: rgba(22,0,0,0.80);
   padding-top: 20px;
}

.copy{
   width: 100%;
   margin: auto;
   text-align: center;
   color: rgba(255,255,255,1.00);
   font-size: 90%;
   font-weight: 400;
   font-style: normal;
   letter-spacing: 2px;
   transform: scale(0.8, 1);
}

/* -----------------------------------------
   シェアボタン
   -----------------------------------------*/

.share_wrap{
	position:relative;
	width:200px;
	margin: auto;
	right: auto;
	top: auto;
   font-size:100%;
   padding: 3px;

}

}