@charset "UTF-8";

html {
  font-size:62.5%;
  height:100%;
  background:#000;
}
body {
  font-size:1.4rem;
  background:#000;
  margin: 0;
  padding: 0;
  height:100%;
  overflow-x: hidden;
}
body > #contents {
height: auto;
}
*{
	padding:0;
	margin:0;
}
*, *::before, *::after {
  box-sizing:border-box;
}
.clearfix::after {
  content:'';
  display:block;
  clear:both;
}
.top_menu,.top_news,.top_twitter,.spec_toptitle,.top_bottom2,.header_menu,#chara_contents,#gallery_contents,#special_contents,#spec_contents,#story_contents,footer,.a00{font-family: 'Sawarabi Mincho', serif;}


/*リンクスタイル用*/
.btn,
a.btn,
button.btn {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
a {
    transition : all 0.5s ease 0s;
}

/*改行*/
.pcbr {display:block;}
.mbr {display:none;}
@media screen and (max-width:780px) {
    .pcbr {display:none;}
	.mbr {display:block;}
}
/*=========================================================

TOP

=======================================================*/
#contents {
    position:relative;
    /*background-image: url('../img/03.jpg');
    background-size: cover; 
    background-position:center bottom;*/
    width:100%;
    height:100%;
    min-height:100%;
	background:#000;
}
/*トップ全体*/
/*--トップ上--*/
.top_a {
	display:flex;
	width:100%;
}
/*トップ左*/
.top_left {
	width:25%;
}
.top_menu {
	color:#fff;
	font-size:36px;
	text-align:center;
	padding:50px;
}
.top_nav {
	list-style:none;
}
.top_nav a:hover {color:#02aeba;}
.top_nav_a {margin:10px 0;}
.top_menu img {max-width:100%;}
.honpen_m {display:none;}
.honpen_pc {display:block;}

.honpen_box {display:block;}
.honpen_box_m {display:none;}

/*カウントダウン*/
.count_box {
	width:100%;
	margin:auto;
	text-align:center;
}
.count01 video {
	min-width:240px;
	width:100%;
	border:1px solid #ddd;
}
.count_text {font-size:15px;}
.count_text a{color:#35dbdd;}

/*トップ右*/
.top_right {
	width:75%;
	position:relative;
}
.top_right img{width:100%;}


.top_bottombox {
	background-image: url('../img/topbottom_back.jpg');
    background-size: cover; 
    background-position:center top;
}
video {

}
#screen {
	position: absolute;
	top:0;
    width: 170%;
	height:100%;
    mix-blend-mode: lighten;
}
@media screen and (max-width:1200px) {
	#screen {
	position: absolute;
	top:0;
    width: 100%;
	height:100%;
    mix-blend-mode: lighten;
	}
}


@media screen and (max-width:950px) {
	.top_a {display:block;}
	.top_left {width:100%;}
	.top_right {width:100%;}
	.top_nav {
		display:flex;
		width:100%;
		justify-content: space-around;
		flex-wrap: wrap;

	}
	#screen {
	position: absolute;
	top:0;
    width: 100%;
	height:100%;
    mix-blend-mode: lighten;
	}

	.top_menu {
		font-size:25px;
	}
	.honpen_box {display:none;}
	.honpen_box_m {
		display:flex;
		justify-content: center;

		width:100%;
		margin:auto;
		
	}
	.honpen_box_m img {
		width:94%;
	}
	.honpen_boxm {
		width:48%;
	}
	
	.count01 video {
    	min-width:240px;
	    width:50%;
		border:1px solid #ddd;
	}
	/*.honpen_m {
		display:block;
		border:2px solid #02aeba;
		border-radius:10px;
		margin-top:20px;
		font-size:18px;
		padding:10px;
	}
	.honpen_pc {display:none;}*/

}  
@media screen and (max-width:700px) {
	.top_nav_a {width:30%;}
	.honpen_m {
		font-size:12px;
	}
}
@media screen and (max-width:450px) {
	.honpen_box_m {
		display:flex;
		justify-content: center;
		flex-wrap:wrap;
		width:70%;
		margin:auto;
		
		
	}
	.honpen_box_m img {
		width:100%;
		text-align:center;
	}
	.honpen_boxm {
		width:98%;
	}
}

/*--トップ下--*/
/*--トップ下ニュース--*/
.top_bottom {
    width:100%;
	height:500px;
    min-height:100%;
	display:flex;
	justify-content: center;  /* 水平方向の中央寄せ */
	padding:0 50px;
}
.top_news {
	color:#ddd;
	width:65%;
	margin:0 10px;
}
.news_toptitle {
	font-size:50px;
	border-bottom:4px double #ddd;
}
.news_box {
	padding:20px;
	height:400px;
	overflow-y: scroll;
}
.news_list {
	border-bottom:1px solid #ddd;
	padding:0 10px;
}
.news_day {
	color:#02aeba;
	font-weight:bold;
}

/*Twitter*/
.top_twitter {
	width:35%;
	margin:0 10px;
}
.twitter_toptitle {
	font-size:50px;
	color:#ddd;
	border-bottom:4px double #ddd;
}
.twitter_box {
	padding:20px;
	text-align: center;
}
.twitter-timeline {}

/*--トップ下スペック--*/
/*ｓｐｅｃ*/
.top_bottom2 {
    padding:80px 20px 20px 20px;
	webkit-clip-path: polygon(0 0, 100% 22%, 100% 100%, 0% 100%);
      clip-path: polygon(0 0, 100% 22%, 100% 100%, 0% 100%);
    background-color:#191970;
    background-image:url('../img/pattern1.png');
}
.top_spec {
	display:flex;
	justify-content: space-around;
}
.top_specbox1,.top_specbox2 {
	color:#ddd;
	margin:0 10px;
}
.top_specbox1 {
	width:60%;
}
.top_specbox2 {
	width:40%;
}
.spec_toptitle {
	font-size:50px;
	border-bottom:4px double #ddd;
	color:#ddd;
}
.spec_titlebox,.spec_staffbox {	
	display:flex;
	justify-content: space-around;
	margin:15px 10px;
	/*align-items: center;*/
	border-bottom:1px #6f6f6f solid;
}
.spec_titlebox dt,.spec_staffbox dt{
	width:30%;
	text-align:center;
	font-weight:bold;
	color:#02aeba;
}
.spec_titlebox dd,.spec_staffbox dd {
	width:70%;
	padding:0 5px;
}
/*スペックリンクスタイル*/
.top_speclink {text-align:center;}
.top_specbox1 a.btn-flat {
  overflow: hidden;
  padding: 1.5rem 6rem;
  color: #ddd;
  border-radius: 5;
  background: rgba(0,0,0,0.4);
  border:1px solid #ddd;
}

.top_specbox1 a.btn-flat span {
  position: relative;
}

.top_specbox1 a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-96%);
  transform: translateX(-96%);
  background: #02aeba;
}

.top_specbox1 a.btn-flat:hover:before {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}


@media screen and (max-width:700px) {
	.top_bottom {
		width:100%;
		height:100%;
		min-height:100%;
		display:block;
		padding:0 30px;
	}
	.top_news {
		width:100%;
		margin:0 5px;
	}
	.news_box {padding:10px;}
	.top_twitter {
		width:100%;
		margin:0 10px;
	}
	.top_bottom2 {
		padding:80px 20px 20px 20px;
		webkit-clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
	}
	.top_spec {
		display:block;
	}
	.top_specbox1 {width:100%;}
	.top_specbox2 {width:100%;}

}


/*===============================================================

共通ヘッダーメニュー

===================================================================*/
.header_menu {
	background:#000;
	border-bottom:1px solid #ddd;

}
.nav {
  list-style: none;
  padding:10px 0;
  display:flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  font-size:22px;
}
.nav li {
  width: 14%;
  text-align: center;
}
.nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  /*display: block;*/
}
.nav li a:hover{
	color:#02aeba;
}
@media screen and (max-width:980px) {
	.nav li:first-child {
         display:none;
	 }
}
@media screen and (max-width:600px) {
	.nav li {
	  width: 29%;
	  }
}
/*===============================================================

ストーリー-story

===================================================================*/
#story_contents {
	position:relative;
	color:#ddd;
	width: 100%;
	background-image:url('../img/story/header_bg.jpg');
    background-size: cover;
    background-position:center;
	background-attachment: fixed;
}
#story_contents.story_arisya {
	position:relative;
	color:#ddd;
	width: 100%;
	background-image:url('../img/story/header_bg1.jpg');
    background-size: cover;
    background-position:center;
	background-attachment: fixed;
}
#story_contents.story_rizetto {
	position:relative;
	color:#ddd;
	width: 100%;
	background-image:url('../img/story/header_bg2.jpg');
    background-size: cover;
    background-position:center;
	background-attachment: fixed;
}
#story_contents.story_03 {
	position:relative;
	color:#ddd;
	width: 100%;
	background-image:url('../img/story/header_bg3.jpg');
    background-size: cover;
    background-position:center;
	background-attachment: fixed;
}
#story_contents.story_04 {
	position:relative;
	color:#ddd;
	width: 100%;
	
	background-image:url('../img/story/header_bg4.jpg');
    background-size: cover;
    background-position:center;
	background-attachment: fixed;
}

.story_header {
	background-color:#191970;
	font-size:50px;
	text-align:center;
}

.story_all {
	width:980px;
	position:relative;
    margin:auto;
	text-align:center;
	text-shadow: 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;
}
#screen2 {
	position: absolute;
	top:0;
    width: 100%;
	height:140%;
    mix-blend-mode: multiply;
}
.story_font01 {
	font-size:30px;
	padding:20px 0;
	line-height:90px;
}
.story_font02 {
	line-height:40px;
	font-size:20px;
}
.story_font03 {
	font-size:30px;
	padding:20px 0;
	line-height:90px;
}

/*エピソード紹介部分関連キャラ*/
.story_list_2 { 
    display:flex;
	justify-content: center;
}
/*エピソード紹介*/
.story_list {
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	width:100%;
}
.story_list a {
	width:24%;
}
.story_list img{
    width:230px;
}
.story01_font01 {
	font-size:30px;
	padding:20px 0;
	line-height:90px;
}
.story01_font02 {
	line-height:40px;
	font-size:20px;
}
.story01_font03 {
	font-size:30px;
	padding:20px 0;
	line-height:90px;
}

/* wrap */

.hero {
  height:auto;
  position: relative;
}

/* video */

.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height:100vh;
  min-height: 1050px;
  
  	background-image:url('../img/story/header_bg4.jpg');
    background-size: cover;
    background-position:center;
	background-attachment: fixed;

	

  
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
      mix-blend-mode: lighten;
	  opacity: 0.2;
	  
}

/* overlay */

.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  content: "";
  background: rgba(0, 0, 0, 0);
  
}

.mbox4 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  transform: translate(-50%);
}

@media screen and (max-width:1100px) {
	.story_list img{
	    width:230px;
	}
}

@media screen and (max-width:990px) {
	.story_all {
		width:100%;
	    position:relative;
        margin:auto;
		padding:20px;
	}
	.story_list img{
	    width:200px;
	}
	.story_list_2 img{width:90px;}
	
}
@media screen and (max-width:840px) {
	.story_list a {
	    width:24%;
	}
	.story_list img{
	    width:200px;
	}
}
@media screen and (max-width:780px) {
	.story_font02 {
		line-height:20px;
		font-size:18px;
	}
	.story_list {flex-wrap:wrap;}
	.story_list img{
	    width:250px;
	}
	.story_list a {
	    width:48%;
	}
	.story01_font02{
 		line-height:40px;
		font-size:18px;
	}
}
@media screen and (max-width:670px) {
    .story_all {
		text-align:left;
	}
	.story_font01,.story_font03 {
		font-size:26px;
		padding:20px 0;
		line-height:90px;
	}
	.story01_font01,.story01_font03 {
		font-size:26px;
		padding:20px 0;
		line-height:40px;
	}
}
@media screen and (max-width:590px) {
	.story_font01,.story_font03 {
		font-size:20px;
		padding:20px 0;
		line-height:40px;
	}
	.story_font02 {
		line-height:26px;
		font-size:16px;
	}
	.story_list {
		flex-wrap: wrap;
	}
	.story_list img{
	    width:200px;
	}
	
	.story01_font01,.story01_font03 {
		font-size:20px;
		padding:20px 0;
		line-height:30px;
	}
	.story01_font02 {
		line-height:26px;
		font-size:16px;
	}
	.epi_title img{width:100%;}
}
@media screen and (max-width:470x) {
	.story_font01,.story_font03 {
		font-size:18px;
		padding:20px 0;
		line-height:30px;
	}
	.story_list img{
	    width:150px;
	}
	.story01_font01,.story01_font03 {
		font-size:18px;
		padding:20px 0;
		line-height:30px;
	}
}
@media screen and (max-width:400px) {
	.story_list {display:block;}
	.epi_titl img,.story_epibox img{
	    width:100%;
	}
	.story_list img{
	    width:92%;
		margin:auto;
		text-align:center;
	}
	.video-box {
		min-height:1600px;

	}
}

/*===============================================================

キャラクター-character

===================================================================*/
#chara_contents {color:#ddd;}
.chara_header {
	background-color:#191970;
	font-size:50px;
	text-align:center;
}
/*キャラメニュー用*/
.chara_menu {
	background:#000;
	background-image:url('../chara/pattern3.png');
	margin:auto;
	text-align:center;
	padding-top:18px;
}
.chara_menu ul {
	list-style:none;
}
.charamenu_icon {
	width:100%;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}
.c_icon01 {width:175px;}

/*キャラメニュー用-下部-*/
.chara_menu2 {
	background:#000;
	background-image:url('../chara/pattern3.png');
	margin:auto;
	text-align:center;
	padding-top:18px;
}
.chara_menu2 ul {
	list-style:none;
}
.charamenu_icon2 {
	width:100%;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}
.c_icon02 {width:90px;}
.c_icon02 img{width:85px;}

@media screen and (max-width:1070px) {
	.c_icon01 img{width:150px;}
}
@media screen and (max-width:1057px) {
	.c_icon01 {width:16%;}
	.c_icon01 img{width:170px;}
}
@media screen and (max-width:1049px) {
	.c_icon01 {width:16%;}
	.c_icon01 img{width:130px;}
}
@media screen and (max-width:820px) {
	.c_icon01 {width:30%;}
	.c_icon01 img{width:170px;}
	.c_icon02 img{width:60px;}
}
@media screen and (max-width:550px) {
	.c_icon01 img{width:120px;}
}
@media screen and (max-width:360px) {
	.c_icon01 img{width:100px;}
}

/*キャラエリアここから*/
.chara_01 {
	position:relative;

}
.chara_header_bottom{
	background-image:url('../img/spec/header_bg.jpg');
    background-size: cover;
    background-position:center;
	background-attachment: fixed;
	height:250px;	
}
.chara_name {
	position:absolute;
	top:20px;
	left:20%;
}
.chara_all {
    background-color:#000;
    background-image:url('../chara/pattern3.png');
	padding:50px 20%;/*chara_name-20%*/
    height:750px;
}
.chara_side {
}
.chara_right {
	position:absolute;
	top:0;
    left: 41%;
}
.chara_prf {
	padding:10px 0;
	width:450px;
}
.chara_serihu {
	font-size:28px;
}
.minori_s {color:#de81c9;}
.nana_s {color:#de81c9;}
@media screen and (max-width:1840px) {
	.chara_right {
	    position:absolute;
	    top:0;
        left: 45%;
	}
	.chara_name {
		position:absolute;
		top:0;
		left:15%;
	}
	.chara_all {
		padding:50px 15%;/*chara_name-15%*/
		height:600px;
	}
	.chara_right img{max-width:88%;}
}
@media screen and (max-width:1500px) {
	.chara_name {
		position:absolute;
		top:0;
		left:10%;
	}
	.chara_all {
		padding:50px 10%;/*chara_name-15%*/
		height:600px;
	}
	.chara_right {
	    position:absolute;
	    top:15px;
        right: 0;
	}
	.chara_right img{max-width:88%;}
}
@media screen and (max-width:1250px) {
	.chara_name {
		position:absolute;
		top:0;
		left:10%;
	}
	.chara_all {
		padding:20px 10%;/*chara_name-15%*/
		height:600px;
	}
	.chara_right img{max-width:90%;}
}
@media screen and (max-width:1100px) {
	.chara_name {
		position:absolute;
		top:0;
		left:8%;
	}
	.chara_all {
		padding:20px 8%;/*chara_name-15%*/
		height:600px;
	}
	.chara_right {
	    position:absolute;
	    top:40px;
        right: 0;
	}
}
@media screen and (max-width:990px) {
	.chara_header_bottom{
    	height:200px;	
	}
	.chara_name {
		 position: absolute;
		 top: 0;
		 left: 50%;
		 transform: translateX(-50%);
		 -webkit-transform: translateX(-50%);
		 -ms-transform: translateX(-50%);
		 width:100%;
		 text-align:center;
		 margin:auto;
	}
	.chara_name img{
		max-width:470px;
		width:100%;
		text-align:center;
		margin:auto;

	}
	.chara_all {
		padding:0;
		height:100%;
	}
	.chara_right {
		width:100%;
		position: static;
		text-align:center;
		margin:auto;
	}
	.chara_right img{
		max-width:80%;
		text-align:center;
		margin:auto;
	}
	.chara_left {
		margin:auto;
		width:100%;
		background:;
		padding:0 120px;
		background:#000;
	}
	.chara_left img {max-width:100%;}
	.chara_prf {
		width:100%;
	}
}
@media screen and (max-width:600px) {
	.chara_left {
		padding:0 30px;
	}
}
@media screen and (max-width:400px) {
	.chara_header_bottom{
    	height:160px;	
	}
}


/*キャラボイス*/
.chara_voice a{margin:0 3px;}
.voice_d {padding:20px 0;}
@media screen and (max-width:600px) {
	.chara_voice a{margin:0 0;}
	.chara_voice a img{width:32px;}
}
/*===============================================================

ギャラリー-gallery

===================================================================*/
#gallery_contents {
	position:relative;
	color:#ddd;
	width: 100%;
	height:100%;
	min-height:1000px;
	background-image:url('../img/gallery/header_bg.jpg');
    background-size: cover;
    background-position:center;
	background-attachment: fixed;
}
.gallery_header {
	width:100%;
	background-color:#191970;
	font-size:50px;
	text-align:center;
}
.gallery_header_bottom{}
.gallery_all {padding:150px 20%;}
.gallery_all ul {list-style:none;}
.gallery_list {
	width:100%;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	text-align:center;
}
.g01 {
	width:30%;
	padding:20px 0;
}
.g01 img{max-width:100%;}
@media screen and (max-width:1800px) {
    .gallery_all {padding:150px 10%;}
	.g01 {
		width:30%;
		padding:20px 0;
	}
}
@media screen and (max-width:1330px) {
	.gallery_all {padding:150px 3%;}
	.g01 {
		width:30%;
		padding:20px 0;
	}
}
@media screen and (max-width:980px) {
	.gallery_all {padding:60px 3%;}
	.g01 {
		width:30%;
		padding:20px 0;
	}
}
@media screen and (max-width:600px) {
	.gallery_all {padding-bottom:60px;}
	.g01 {
		width:50%;
		padding:20px 0;
	}
}
@media screen and (max-width:400px) {
	.g01 {
		width:50%;
		padding:0;
	}
}
/*===============================================================

スペシャル-ｓｐｅｃｉａｌ

===================================================================*/

/*特典*/
#special_contents {
	position:relative;
	color:#ddd;
	width: 100%;
	background-image:url('../img/special/header_bg.jpg');
    background-size: cover;
    background-position:center;
	background-attachment: fixed;
}
#special_contents.special_bg02 {background-image:url('../img/special/header_bg2.jpg');}
.special_header {
	width:100%;
	background-color:#191970;
	font-size:50px;
	text-align:center;
}
.special01 {
	background:rgba(0,0,0,0.7);
    padding:0 20px 20px 20px;
    background-color:rgba(0,0,0,0.7);
    background-image:url('../img/pattern1.png');
}
.special_title {
	font-size:40px;
	text-align:center;
	padding:40px 20px 20px 20px;
	color:#fff;
	    text-shadow    : 
       2px  2px 1px #003366,
      -2px  2px 1px #003366,
       2px -2px 1px #003366,
      -2px -2px 1px #003366,
       2px  0px 1px #003366,
       0px  2px 1px #003366,
      -2px  0px 1px #003366,
       0px -2px 1px #003366;   

}

.tokuten_b_t{
	font-size:1.5em;padding-left:20px;
}
@media screen and (max-width:600px) {
	.tokuten_b_t{
	    font-size:1em;
		padding-left:0px;
	}

}

/*サブメニュー*/
.special_submenu {
	width:100%;
	height:auto;
	background-color:#191970;
	/*position:fixed;
	left:0;*/
	text-align:center;
	padding:10px;
	z-index:999;
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.submenu01 {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.submenu01 li {
	list-style-type: none;
	padding:0 5px;
}
.submenu01 a{
	color:#fff;
	background:rgba(3,223,252,0.8);
	border:1px solid #00fffa;
	text-decoration:none;
	padding:5px 10px;
	border-radius:5px;
}
.submenu01 a:hover{
	color:#fff;
	background:rgba(0,255,250,0.8);
	border:1px solid #00fffa;
	text-decoration:none;
	padding:5px 10px;
	border-radius:5px;
}
@media screen and (max-width:900px) {
	.submenu01 li {
		width:auto;
		margin:7px 0;
		font-size:0.6em;
	}

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

}



/*特典内容*/
.special_tokutenbox {
	width:980px;
	margin:auto;
	display:flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	padding:30px 0;
}
.tokutenbox_title {
	font-size:26px;
	color:#01d6f4;
	font-weight:bold;
}
.tokutenbox_01 {
	width:300px;
	border:2px solid #01d6f4;
	padding:8px;
	margin:5px 0;
	background:rgba(0,0,0,0.8);
}
.tokutenbox_text a,.tokutenbox_text02 a {
	color:#848bef;
}
/*fanza様*/
.tokutenbox_02 {
	width:955px;
	border:2px solid #01d6f4;
	padding:8px;
	background:rgba(0,0,0,0.8);
}
.tokutenbox02_all {
	display:flex;
	align-items: center;
	justify-content: center;
}
.tokutenbox02_image {width:18%;}
.tokutenbox_text02 {width:82%;}
.fanza_text {
	font-size:18px;
	font-weight:bold;
	
}
.fanza_box1 {
	padding:10px;
}
.fanza_box2 {
	border-top:1px #cfeaff solid;
	border-bottom:1px #cfeaff solid;	
	padding:20px;
	color:#cfeaff;
	background:rgba(219,219,219,0.1);
	font-size:0.9em;
}

/*オフィシャル通販*/
.tokutenbox_03 {
	width:955px;
	border:2px solid #01d6f4;
	padding:8px;
	background:rgba(0,0,0,0.8);
}
.tokutenbox03_all {
	display:flex;
	align-items: center;
	justify-content: center;
}
.tokutenbox03_image {width:60%;}
.tokutenbox_text03 {width:50%;}
.tokutenbox_text03 img {width:340px;}

.of_canbox {
	/*width:500px;
	margin:auto;*/
	padding:10px 25px;
	
}
.of_kigen {
	text-align:center;
    padding:20px;
	font-size:1.5em;
	border-bottom:1px solid #848bef;
	border-top:1px solid #848bef;
	width:500px;
	margin:auto;
}
.can_title {
	padding:5px 20px;
	width:95%;
	font-size:1.5em;
	color: #005966;
	background:#01d6f4;
	-webkit-box-shadow: 5px 5px 0 #008699;
	box-shadow: 5px 5px 0 #008699;
	font-weight:bold;
	margin:auto;
}
.arrow_box1{
    position:relative;
    width:370px;
    height:100%;
    background:#4B89E6;
    padding:20px;
    text-align:center;
    color:#FFFFFF;
    font-size:0.9em;

    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.arrow_box1:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(75, 137, 230, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -10px;
    border-right-color:#4B89E6;
    right:100%;
    top:50%;
}


/*予約キャンペーン情報*/
.tokutenbox_04 {
	width:955px;
	border:2px solid #01d6f4;
	padding:8px;
	background:rgba(0,0,0,0.8);
}
.tokutenbox04_all {
	display:flex;
	align-items: center;
	justify-content: center;
}
.tokutenbox04_image {width:25%;}
.tokutenbox_text04 {width:75%;}


/*マスターアップボイス*/
.master_top {
	text-align:center;
}
.master_sound {
	text-align:center;
}
.master_sound video {border:1px solid #ddd;}

/*ムービー*/
.tokutenbox_06 {
	width:955px;
	border:2px solid #01d6f4;
	padding:8px;
	background:rgba(0,0,0,0.8);
}
.tokutenbox06_all {
	width:600px;
	margin:auto;
}

.mirror_yoko {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0;
	padding:0 10px;
	
}
.mirror_box  {
	width:100%;
	display:flex;
	margin:10px 0;
	align-items: center;
}
.mirror_name {
	margin-right:20px;
	width:70%;
	color:#ddd;
}
.mirror_name a{
	color:#848bef;
	text-decoration:none;
}
.mirror_link {
	width:30%;
}
.mirror_link a{
	color:#fff;
	background:rgba(0,0,0,0.8);
	border:1px solid #00fffa;
	text-decoration:none;
	padding:10px 36px;
	border-radius:5px;
}
.mirror_link a:hover{
	color:#fff;
	background:rgba(0,255,250,0.8);
	border:1px solid #00fffa;
	text-decoration:none;
	padding:10px 36px;
	border-radius:5px;
}
/*ムービー用900px以下*/
@media screen and (max-width:900px) {
	.tokutenbox06_image {
		width:100%;
	}
	.tokutenbox06_image img{
		width:100%;
	}
	.tokutenbox_06 {
	    width:100%;
	}
	.mirror_yoko {
		margin:0px 0;
	}
	.tokutenbox06_all {
		width:100%;
		margin:auto;
	}
	.mirror_box  {
		width:100%;

		margin:20px 0;
		align-items: center;
	}
	.mirror_name {
		width:50%;
		margin:20px 0;
	}
	.mirror_link {
		width:50%;
	}
}
@media screen and (max-width:500px) {
	.mirror_box  {
		width:100%;
		display:block;
		margin:20px 0;
		align-items: center;
	}
	.mirror_name {
		width:100%;
		margin:20px 0;
	}
	.mirror_link {
		width:100%;
	}
}


/*1000px*/
@media screen and (max-width:1000px) {
	.special_tokutenbox {
	    width:96%;
	}
	.special01 {
	    padding:0;
    }
	.tokutenbox_01 {
		width:48%;
		text-align:center;
		margin:5px 0;
	}
	.tokutenbox_01 img{
		width:100%;
	}
	.tokutenbox_02 {
		width:99%;
		padding:8px;
	}
	.tokutenbox_03 {
		width:99%;
		border:2px solid #01d6f4;
		padding:8px;
		background:rgba(0,0,0,0.8);
	}
	.tokutenbox_04 {
		width:99%;
	}
}
@media screen and (max-width:850px) {
	.tokutenbox02_all {
		display:block;
		margin:auto;
		text-align:center;
	}
	.tokutenbox02_image {width:100%;}
	.tokutenbox_text02 {width:100%;}
	
	.tokutenbox03_all {
		display:block;
		margin:auto;
		text-align:center;
	}
    .tokutenbox03_image {width:100%;}
	.tokutenbox03_image img {width:100%;}
    .tokutenbox_text03 {width:100%;}
	
	.tokutenbox04_all {
		display:block;
		margin:auto;
		text-align:center;
	}
	.tokutenbox04_image {width:100%;}
	.tokutenbox_text04 {width:100%;}
	
	.fanza_box2 {text-align:left;}
	
	
	/*オフ通追加*/
	.of_kigen {
		text-align:center;
		padding:20px;
		font-size:1.5em;
		border-bottom:1px solid #848bef;
		border-top:1px solid #848bef;
		width:100%;
		margin:auto;
	}
	.arrow_box1{
		position:relative;
		width:98%;
		height:100%;
		background:#4B89E6;
		padding:10px;
		text-align:center;
		color:#FFFFFF;
		font-size:0.9em;
		font-weight:bold;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}
	.arrow_box1:after{
		border: solid transparent;
		content:'';
		height:0;
		width:0;
		pointer-events:none;
		position:absolute;
		border-color: rgba(75, 137, 230, 0);
		border-top-width:10px;
		border-bottom-width:10px;
		border-left-width:10px;
		border-right-width:10px;
		margin-left: -10px;
		border-bottom-color:#4B89E6;
		bottom:100%;
		left:50%;
	}
	
}
@media screen and (max-width:700px) {
	.master_top img{
		width:100%;
	    text-align:center;
	}
}
@media screen and (max-width:500px) {
	.special_title {font-size:28px;}
	.tokutenbox_01 {
		width:100%;
		text-align:center;
		margin:5px 0;
	}

	.master_sound video {width:100%;}
	.tokutenbox_title {font-size:20px;}
}
@media screen and (max-width:400px) {
	.special_title {font-size:22px;}
}



/*--期間限定特設ページ--*/
/*おしえて！消耗戦線*/
.tokutenbox_05 {
	width:955px;
	border:2px solid #01d6f4;
    padding:8px;
	background:rgba(33,133,60,0.5);
}
.tokutenbox_05 a{color:#4bffdb;}

.tokutenbox05_all img {text-align:center;}
.tokutenbox05_all {
	/*padding:0 70px;*/
	text-align:center;
	font-size:1.1em;
	font-family: "M PLUS Rounded 1c";
	letter-spacing:2px;
	line-height:28px;
}
.tokutenbox05_image {text-align:center;}

.tokutenbox05_all ul {padding:20px;}

@media screen and (max-width:1000px) {
	.tokutenbox_05 {
		width:96%;
	}
}
@media screen and (max-width:850px) {
	.tokutenbox_05 {
		width:96%;
	}
	.tokutenbox05_all img {max-width:100%;}
}
@media screen and (max-width:700px) {
	.tokutenbox05_all {
	    padding:0 30px;
	}
}
@media screen and (max-width:500px) {
	.tokutenbox_05 {
		width:98%;
	}

}

.button14 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background-image: linear-gradient(170deg, #659de6, #5abab8);
  border-radius: 50vh;
  transition: 0.3s;
}

.button14 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.button14 a:hover {
  text-decoration: none;
  background-image: linear-gradient(-170deg, #659de6, #5abab8);
}

@media screen and (max-width:500px) {
	.button14 a {width:100%;}
}
/*===============================================================

スペック-spec

===================================================================*/
/*特典*/
#spec_contents {
	position:relative;
	color:#ddd;
	width: 100%;
	background-image:url('../img/spec/header_bg.jpg');
    background-size: cover;
    background-position:center;
	background-attachment: fixed;
}
.spec_header {
	width:100%;
	background-color:#191970;
	font-size:50px;
	text-align:center;
}

.spec01 {
	background:rgba(0,0,0,0.7);
    padding:0 20px 20px 20px;
    background-color:rgba(0,0,0,0.7);
    background-image:url('../img/pattern1.png');
}
.spec_title {
	font-size:40px;
	text-align:center;
	padding:20px;
	color:#fff;
	    text-shadow    : 
       2px  2px 1px #003366,
      -2px  2px 1px #003366,
       2px -2px 1px #003366,
      -2px -2px 1px #003366,
       2px  0px 1px #003366,
       0px  2px 1px #003366,
      -2px  0px 1px #003366,
       0px -2px 1px #003366;   
}

/*スペックエリア*/
.spec_mvtextbox {
	display:flex;
	justify-content:center;
	align-items: center;
	margin:auto;
	width:980px;
	border:2px solid #01d6f4;
	padding:8px;
	background:rgba(0,0,0,0.8);
}
.spec_mvbox {width:280px;}
.spec_textbox {width:650px;}
.spec_titlebox_s {	
	display:flex;
	justify-content: space-around;
	margin:15px 10px;
	/*align-items: center;*/
	border-bottom:1px #6f6f6f solid;
}
.spec_titlebox_s dt{
	width:30%;
	text-align:center;
	font-weight:bold;
	color:#02aeba;
}
.spec_titlebox_s dd{
	width:70%;
	padding:0 5px;
}
@media screen and (max-width:1000px) {
	.spec_mvtextbox {
		width:850px;
		padding:8px;
	}
}
@media screen and (max-width:860px) {
	.spec_mvtextbox {width:100%;}
	.spec_title {font-size:30px;}
}
@media screen and (max-width:600px) {
	.spec_mvtextbox {
		display:block;
		margin:auto;
	}
	.spec_title {font-size:20px;}
	.spec_textbox {width:100%;}
	.spec_mvbox {margin:auto;}
}
/*===============================================================

フッター

===================================================================*/
footer{
    color:#ebebeb;
	padding:10px 0;
	background:#000;
    font-size:0.9em;
    text-align:center;
	bottom:0;
    text-shadow    : 
       2px  2px 1px #003366,
      -2px  2px 1px #003366,
       2px -2px 1px #003366,
      -2px -2px 1px #003366,
       2px  0px 1px #003366,
       0px  2px 1px #003366,
      -2px  0px 1px #003366,
       0px -2px 1px #003366;   
}


.a00 {
	color:#ddd;
	font-size:50px;
	text-align:center;
	padding:80px;
}