@charset "UTF-8";

html {
  font-size:62.5%;
  height:100%;
}
body {
  font-size:1.4rem;
  background:#c4b5a8;
  margin: 0;
  padding: 0;
  height:100%; 
  zoom: 90%;
}
body > .box {
	height: auto;
}
*{
	padding:0;
	margin:0;
}
*, *::before, *::after {
  box-sizing:border-box;
}
.clearfix::after {
  content:'';
  display:block;
  clear:both;
}
body.story_mbg {background:#caac34;}
body.nie_mbg {background:#ca3636;}

/*アニメーション*/
.effect-fade {
	opacity:0;
	transform:translate(0, 45px);
	transition:all 3500ms;
}

.effect-fade.effect-scroll {
	opacity : 1;
}

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

ストーリーページ（物語）

===============================*/
#contents {
	width:100%;
	height:auto;
	background:url("../img/bg/bg_chara.jpg");
	background-size:2700px 1519px;
	background-attachment: fixed;
}
#contents.story_bg{background:url("../img/bg/bg_story.jpg");}
#contents.chara_bg{background:url("../img/bg/bg_chara.jpg");}
#contents.goannai_bg{background:url("../img/bg/bg_goannai.jpg");}
#contents.giga_bg{background:url("../img/bg/bg_giga.jpg");}
.content_top {
	width:1200px;
	height:auto;
	margin:auto;
	background:url(../img/bg/bg_02.jpg);
	background-size: contain;
}
/*==縦幅が短い背景用==*/
.content_top.bg_h {
	background:url(../img/bg/bg_02.jpg);
	background-size:100% 1686px;
}
.nienomachi_paper {padding-bottom:50px;}
@media (max-width: 1200px) {
	.content_top {
		width:100%;
	}
}
/*==top01====================*/
.top01 {
	max-width:1200px;
	padding-top:10px;
}
.top01 img {max-width:1200px;}
@media (max-width: 1200px) {
	.top01 {width:100%;}
	.top01 img {width:100%;}
}
/*==paper_box====================*/
.paper_box {
	border:3px solid #38364b;
	margin:0 50px;
	padding:3px 0 0 0 ;
}
@media (max-width: 1200px) {
	.paper_box {margin:0 10px;}
	
}

/*==left01=タイトル===================*/
.left01 {
	width:39%;
	float: left;
}
@media (max-width: 1200px) {
	.left01 {
		width:100%;
		text-align:center;
	}
	.left01 img {width:58%;}
}
@media (max-width: 800px) {
	.left01 img {width:90%;}
}
@media (max-width: 700px) {
	.left01 img {width:100%;}
}
/*==right01====================*/
/*==メニュー==*/
.right01 {
	width:61%;
	float: left;
	position:relative;
}
.menu01 {}
.menu01 li{
	float: left;
	list-style:none;
	padding:0 4.3px;
}
.menu_m {display:none;}
@media (max-width: 1200px) {
	.right01 {
		width:100%;
		overflow:hidden;
		position:relative;
		margin:auto;
		text-align:center;

	}
	.menu01 {
		position: relative;
		left: 50%;
	}
	.menu01 li {
		position: relative;
		left: -50%;
	}
	.right01 {display: flex;}
	
	.menu01 li img{width:90%;}
}
@media (max-width: 800px) {
	.menu01 li img{width:75%;}
}
@media (max-width: 700px) {
	.right01 {
		width:100%;
		overflow:auto;
		position:relative;
		margin:auto;
		text-align:center;
		clear:both;
	}
	.menu01 {
		text-align:center; margin:auto;
	}
	.menu01 {
		position: relative;
		left: 0;
	}
    .menu01 li {
		position: relative;
		left: 0;
		width:100%;
		padding:0 3px;
	}
	/*.menu01 {display:none;}*/
	.menu01 ul{
		display: grid;
		grid-template-columns: repeat(auto-fit, 70px);/*4個並び87px*/
		justify-content: center;
		margin:0;
		width:100%;
	}
	.menu01 li {width:70px;}/*※85*/
	.menu01 li img{width:55px;}/*※70*/

	/*ここから*/
	.menu01 {width:100%;}
	ul.nav_yoko {
		display: flex;width:100%;
		flex-wrap: wrap;
		text-align:center;
		margin:auto;
		justify-content: center;
	}
	.menu_m {
		display:inline-block;/*flex使用のためinline*/
		width:100%;
		font-size:22px;
		text-align:center;
		margin:auto;
		color:#d4bc8a;
		font-family: "Sawarabi Mincho"; 
	}
	.menu_m a {
		color:#d4bc8a;
		text-decoration:none;
	}

	.menu_m li{
		width:30%;
		list-style:none;

		background:#2a2b47;
		margin:5px;
	}
	.menu_m li a:hover{background:#761717;}
	
	.menu_m li a {
		padding:15px 0;
		text-decoration: none;
		display: block;
	}
	
	.mikaihou {position:relative;}
	.mikaihou_image {
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}


}
/*「新」アイコン_メニュー 追加0311*/
.new_menu01 {position:relative;}
.new_icon_menu01 {
	position:absolute;
	top:-5px;
	right:-15px;
	z-index:999;
}
.new_icon_menu01 img{max-width:45px;}
@media (max-width: 1200px){
	/*新アイコン 物語*/
	.new_icon_menu01 img{max-width:40px;}
	.new_icon_menu01 {
		position:absolute;
		top:-2px;
		right:-18px;
	}
}


/*==.top_line====================*/
.top_line {margin:10px 0;}
.top_line img{width:100%;}

/*==.story_menu=ストーリーメニュー===================*/
.story_menu img {max-width:230px;}
.story_menu li{
	display: inline-block;
	text-align:center;
	padding-left:42px;
}
.story_menu li:first-child{padding-left:12px;}
.story_menu_m {display:none;}
@media (max-width: 800px) {
	.story_menu {text-align:center;margin:auto;}
	.story_menu li:first-child{padding-left:0px;}
	.story_menu li{
		display: inline-block;
		text-align:center;
		padding-left:0;
		margin:auto;
	}
}
/*==ストーリースマホ用のメニュー==*/
@media (max-width: 700px) {
	.story_menu {display:none;}
	ul.story_yoko {
		display: flex;width:100%;
		flex-wrap: wrap;
		text-align:center;
		margin:auto;
		justify-content: center;
	}
	.story_menu_m {
		display:inline-block;/*flex使用のためinline*/
		width:100%;
		font-size:20px;
		text-align:center;
		margin:auto;
		color:#d4bc8a;
		font-family: "Sawarabi Mincho"; 
	}
	.story_menu_m a {
		color:#d4bc8a;
		text-decoration:none;
	}
	.story_menu_m li{
		width:45%;
		list-style:none;

		background:#2a2b47;
		margin:5px;
	}
	.story_menu_m li a:hover{background:#761717;}
	
	.story_menu_m li a {
		padding:15px 0;
		text-decoration: none;
		display: block;
	}
	/*=クラウドファンディングメニュー用=*/
	li.list-w {width:80%;}
	.goannai_menu {display:none;}

}


/*==hr.line_style====================*/
hr.line_style {
	background:#765f17;
	border: 1px solid #765f17;
	margin-top:20px;	
}

/*==story_kaimaku_box=開幕 0201===================*/
.story_kaimaku_box {
	padding:40px 0;
	font-size:24px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	line-height:50px;	
	letter-spacing:10px;
	text-align:center;
}
.kaimaku_yesno {
	display:flex;
	justify-content: center;
	max-width:600px;
	margin:auto;
}
.kaimaku_yes {
	width:100%;
	margin:auto;
	text-align:center;
}
.kaimaku_no {
	width:100%;
	margin:auto;
	text-align:center;
}
.bg_kaimaku {
	background:url("../img/story/kaimaku_bg.png");
	background-repeat:no-repeat;
	background-position:center;
}
.zikan {letter-spacing:1px;}
/*==1200以下====================*/
@media (max-width: 1100px) {
}
@media (max-width: 800px) {
    .story_kaimaku_box {font-size:18px;}
	.bg_kaimaku {
		background:url("../img/story/kaimaku_bg2.png");
		background-repeat:no-repeat;
		background-position:center;
	}
	.kaimaku_yesno img{width:120px;}
}
/*===============================

/*==story_gaiden_box=外伝===================*/
.story_gaiden_box {
	text-align:center;
	padding:50px 0;
	font-size:24px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;

	letter-spacing:10px;
}
p.gaidenbox_top{
	text-align:center;	line-height:50px;
}
/*==story_gozitu_box=後日===================*/
.story_gozitu_box {
	padding:40px 0;
	font-size:24px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	line-height:50px;	
	letter-spacing:10px;
}
.bg_taizai {
	width:100%;
	margin:auto;
	text-align:center;
	background:url("../img/story/story_taizai.png");
	background-position: bottom;
	background-repeat:no-repeat;
}
.bg_kikan {
	width:100%;
	margin:auto;
	text-align:center;
	background:url("../img/story/story_kikan.png");
	background-position: bottom;
	background-repeat:no-repeat;
}

/*==1200以下====================*/
@media (max-width: 1100px) {

	
	.menu01 li br{display:none;}
	/*.left01 {display:none;}
	.left02 {width:100%;}*/
}
@media (max-width: 800px) {
    .story_gaiden_box {font-size:18px;}
	.story_gozitu_box {font-size:18px;}
}


/*==story_if_box=いふ===================*/
.story_if_box {
	text-align:left;
	padding:30px 12px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;

}
p.story_iftext {
	font-size:22px;
	line-height:50px;
	letter-spacing:10px;
	margin:0 15px 30px 15px;
}
.story_if_box p {padding:15px 15px 20px 15px;}
.zikan_02 {letter-spacing:-18px; color:black;font-size:40px;}
.if_fontimg img {padding:15px 15px 20px 15px;}
/*==.if_charabox====================*/
.if_charabox {
	margin-bottom:18px;
}
/*==.if_charatitle====================*/
.if_charatitle {margin:0 10px; position:relative;}
.iftitle01 {width:560px;}
.iftitle02 {width:470px;}
.iftitle03 {width:590px;}
.iftitle04 {width:245px;}
.iftitle05 {width:400px;}
.iftitle06 {width:210px;}
.iftitle07 {width:245px;}
.iftitle08 {width:160px;}
.iftitle09 {width:245px;}
.title_iftext {display:none;}
.if_fonttext{display:none;}
.if_fontimg{display:block;}
/*「新」アイコン 物語*/
.new_story {position:relative;}
.new_icon_story {
	position:absolute;
	top:-10px;
	right:3px;
}
@media (max-width: 990px) {
	.if_fontimg img {width:100%;}
}
@media (max-width: 800px) {
	.story_if_box p {font-size:18px;}
}
@media (max-width: 700px){
	/*新アイコン 物語*/
	.new_icon_story img{max-width:30px;}
	.new_icon_story {
		position:absolute;
		top:-10px;
		right:-10px;
	}
	
	/*==いふキャラタイトル==*/
	.if_charatitle {font-size:22px; width:94%; text-align:center; margin:auto;}
	.iftitleimg{display:none;}
	.iftitle01,.iftitle02,.iftitle03,.iftitle04,.iftitle05,.iftitle06,.iftitle07,.iftitle08,.iftitle09 {width:94%;}
	.title_iftext {
		display:block;
		text-align:center;
		font-family: "Sawarabi Mincho"; 
		color:#d4bc8a;
		background:#2a2b47;
		padding:15px 0;
		line-height:29px;
		letter-spacing:3px;
		font-size:22px;
		 margin:auto;
	}
	.zikan_02 {letter-spacing:-18px; color:black;font-size:32px;line-height:25px;}

	.if_fonttext{display:block;}
	.if_fontimg{display:none;}
	p.story_iftext {
		font-size:18px;
		font-family: "Sawarabi Mincho"; 
		color:#2a2b47;
		line-height:35px;
		letter-spacing:5px;
		padding-top:10px;
	}
}
/*タイトル本文調整用*/
@media (max-width: 399px){
	.if_charatitle {margin:auto;}
	.title_iftext {
		padding:15px 0;
		line-height:29px;
		letter-spacing:4px;
		font-size:20px;
	}
	p.story_iftext {
	    margin:0 5px 30px 5px;
	}
	
}
@media (max-width: 308px){
	.title_iftext {
		padding:15px 0;
		line-height:29px;
		letter-spacing:2px;
		font-size:19px;
	}
}

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

ご案内ページ

===============================*/
/*==ご案内トップタイトル==*/
.title_toptext {display:none;}

/*==ご案内メニュー==*/
.goannai_menu li{
	display: inline-block;
	text-align:center;
	padding-left:42px;
}
.goannai_menu li:first-child{padding-left:12px;}
@media (max-width: 800px) {
	.goannai_menu {text-align:center;margin:auto;}
	.goannai_menu li:first-child{padding-left:0px;}
	.goannai_menu li{
		display: inline-block;
		text-align:center;
		padding-left:0;
	}
}
/*==.goannai_box====================*/
/*==.goannai_title====================*/
.goannai_title {margin:0 10px;}
@media (max-width: 1200px) {
	.goannai_title img{width:100%;}
}
/*==.spec_box=製品情報===================*/
.spec_box {
	font-size:22px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	display: flex;
	justify-content: space-between;
}
@media (max-width: 1200px) {
	.spec_box {
		width:100%;
		display:block;
	}
}
/*==製品情報画像-製品情報・前作『贄の町』==*/
.spec_image {
	width:35%;
	text-align:center;
}
.spec_image {position:relative;}
.niemuzispec_image img{width: 340px;}
.nie_syosai img {width: 140px;}
.nie_syosai {
	position:absolute;
	top:290px;
	left:30px;
}
/*パッチ追加07*/
.patchpage_link img{
	width: 320px;
	margin: auto;
	text-align: center;
	padding: 20px 0 0 20px;
}
.nieiro_image img{width: 340px;}
@media (max-width: 1200px) {
	.nie_syosai {
		position:absolute;
		bottom:10px;
		left:35%;
	}
	.patchpage_link img{
		width: 320px;
		margin: auto;
		text-align: center;
		padding: 10px;
	}
}
@media (max-width: 800px) {
	.nie_syosai {
		position:absolute;
		bottom:10px;
		left:25%;
	}
}
@media (max-width: 600px) {
	.nie_syosai {
		position:absolute;
		bottom:10px;
		left:6%;
	}
}
@media (max-width: 400px) {
	.nie_syosai {
		position:absolute;
		bottom:10px;
		left:5%;
	}
}

/*==製品情報テキスト==*/
.spec_text {
	width:65%;
	margin:auto;
}
.spec_table {border-spacing: 15px 20px;}
.spec_table a{color:#2a2b47;}
.spec_table th{
	font-weight:normal;
	background:#ad9a5f;
	color:#765f17;
	padding:2px 30px;
}
.spec_table td {padding-left:10px;}
td.dokon_t {letter-spacing:-2px;white-space: nowrap}
@media (max-width: 1200px) {
	.spec_image {width:100%;}
	.spec_image img{max-width:100%;}
	.spec_text {width:100%;}
}
@media (max-width: 800px) {
	.spec_box {font-size:18px;}
	.spec_table th {padding:2px 10px;}
	td.dokon_t {letter-spacing:-2px;white-space: normal;}
	.spec_table th{
	font-weight:normal;
	background:#ad9a5f;
	color:#765f17;
	padding:2px 5px;
	width:90px;
	}
	.spec_table td {padding-left:4px;}
}
/*==スタッフ==*/
/*==動作環境（共用）==*/
.staff_box {
	font-size:22px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
}
.staff_image {
	text-align:center;
}
.staff_image img{max-width:380px;}
.staff_table {
	margin:auto;
	border-spacing: 20px 20px;
}
.staff_table th{
	text-align:right;
	font-weight:normal;
	letter-spacing:-2px;
	vertical-align: top;
}
.td_small {font-size:17px;}
@media (max-width: 800px) {
	.staff_box {font-size:18px;}
}

/*==ご案内-クラウドファンディング==*/
.mbr {display:none;}
.pcbr {display:block;}
.crowd_topbox {
	display: flex;
	width:100%;
}
.crowd_leftbox {
	width:33%;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	font-size:22px;
	font-family: 'Noto Serif JP', serif;
	color:#2a2b47;
	letter-spacing:0px;
	line-height:38px;
	margin:auto;
	padding-right:10px;
	order: 1;
}
.crowd_text1 {color:#765f17;}
.crowd_text2 {background:#c90303; color:#000; font-weight:bold;}
.crowd_text3 {color:#765f17; font-weight: 900;}
.crowd_rightbox {
	width:67%;
	text-align:right;
	margin-right:20px;
	order: 2;
}
.crowd_rightbox img{max-width:720px; width:100%;}
.rightbox_m {display:none;}
@media (max-width: 1000px) {
	.crowd_topbox {width:100%;display:block;}
	.crowd_leftbox {
		width:100%;
		margin:auto;
		text-align:center;writing-mode: horizontal-tb;
		margin:20px 0;
		font-size:18px;
		padding:10px;
	}
	.crowd_rightbox {width:100%; margin:auto; text-align:center;}
}
@media (max-width: 1200px) {
	/*改行用メディアクエリ*/
	.pcbr {display:none;}
	.mbr {display:block;}
}
@media (max-width: 700px) {
	.crowd_rightbox img{width:94%;}
	.crowd_links {display:none;}
	.rightbox_m {
		display:block;
		font-size:20px;
		font-family: "Sawarabi Mincho"; 
		color:#2a2b47;
		margin:auto;
	}
	.crowd_link01 {
		background:#ad9a5f;
		padding:4px 0;
		font-weight:bold;
		margin:10px;
	}
	.crowd_smal {
		font-size:18px;
		color:#765f17;
		font-weight:normal;
	}

	.crowd_syosai a{
		display:inline-block;
		text-decoration:none;
		background:#78611a;
		padding:0 80px;
		color:#d4bc8a;
	}
	.crowd_syosai a:hover{
		display:inline-block;
		text-decoration:none;
		background:#761717;
		padding:0 80px;
		color:#d4bc8a;
	}
	
	
	.crowd_link02 {
		background:#cfb988;
		padding:4px 0;
		font-weight:bold;
		border:4px solid #88712d;
		margin:10px;
	}
	.crowd_smal {
		font-size:18px;
		color:#765f17;
		font-weight:normal;
	}

	.crowd_syosai a{
		display:inline-block;
		text-decoration:none;
		background:#78611a;
		padding:0 170px;
		color:#d4bc8a;
	}
	.crowd_syosai a:hover{
		display:inline-block;
		text-decoration:none;
		background:#761717;
		padding:0 170px;
		color:#d4bc8a;
	}
	
	.crowd_tnk_sikaku {display:none;}
}

/*==特別協賛==*/
.kyosan_kabu {display:none;}
.specialtnk {
	font-size:22px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	margin:auto;
}
.specialtnk_image {text-align:center;}
.specialtnk_image img {max-width:100%;}
.kyosan_list {
	display: flex;
	margin:auto;
	line-height:40px;
}
.kyosan_list01 {margin-left:45px;}
.kyosan_list01,.kyosan_list02,.kyosan_list03,.kyosan_list04{padding-right:30px;}
@media (max-width: 1200px) {
	.specialtnk table tr td{width:10%;}
	.specialtnk {font-size:20px;}

}
@media (max-width: 800px) {
	.specialtnk {font-size:16px;}
	.kyosan_list01 {margin-left:0;}
	.kyosan_list01,.kyosan_list02,.kyosan_list03,.kyosan_list04{
		padding-right:0;
	}
	
	.kyosan_list {
		width:100%;
		margin:auto;
		line-height:28px;
	}
}
@media (max-width: 700px){
	.specialtnk {font-size:20px;}
	.kyosan_list {
		display:block;
		text-align:center;
		line-height:40px;
	}
	.kyosan_kabu {
		display:block;
		width:95%;
		background:#65656c;
		color:#ccb688;
		padding:20px;
		margin:auto;
	}
	.specialtnk_bottom img{display:none;}
	
	/*==ご案内トップタイトル==*/
	.goannai_title img{display:none;}
	.title_toptext {
		display:block;
		font-size:28px;
		text-align:center;
		font-family: "Sawarabi Mincho"; 
		color:#d4bc8a;
		background:#2a2b47;
		padding:10px 0;
		height:61.25px;
	}
	.toptextfont2 {
		font-size:20px;
		line-height:22px;
	}
}
@media (max-width: 1200px) {
	.staff_image img {max-width:100%;}
}

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

RTキャンペーン※追加

===============================*/
.cam_yokoku {text-align:center;}
.cam_box {
	font-size:22px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	padding:0 20px;
	line-height:40px;
}
@media (max-width: 800px) {
	.cam_box {font-size:18px;}
}

.camtext1 {color:#0f192f;}
.camtext2 {
	color:#828282;
	ruby-position:under;
}
.camtext2 rt {
	font-size:20px;
	text-align: center;

}
.cam_end {display:none;}
@media (max-width: 700px){
	.cam_end {
		display:inline-block;
		color:#0f192f;
	}
	.camtext2 ruby {display:none;}
}
.camtext2 a{
	color:#db2d21;
	font-weight:bold;
}
.camtext2 span.cam_arink {color:#664ec7;}
.camtext2 a:hover {color:#3e0da1;}


.camtext1 li {margin-left:22px;}
.camtext1_co {
	color:#765f17;
	padding-left:1em;
	text-indent:-1em;
}

@media (max-width: 1065px) {
	.cam_yokoku img{width:95%;}
}

/*追加*/
.cambottom_image {text-align:center;}
.cambottom_image img {max-width:100%;}
.cam_kabu {display:none;}
.cambottom_bottom {margin-top:20px;}
@media (max-width: 700px){
	.cam_kabu {
		display:block;
		width:100%;
		background:#65656c;
		color:#ccb688;
		padding:20px;
		margin:auto;
		text-align:left;
	}
    .cambottom_bottom img{display:none;}
}
/*===============================

贄の町フェア※追加

===============================*/
.fea_box {
	font-size:22px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	padding:0 12px;
	line-height:40px;
}
@media (max-width: 800px) {
	.fea_box {font-size:18px;}
}
/*タイトル部分*/
/*title2*/
.fea_image2 {
	text-align:center;
	position:relative;
	width:100%;
}
.fea_image2 {text-align:left;}
@media (max-width: 1200px) {
	.fea_timg img {max-width:100%;}
}
.fea_timg {display:block;}
.fea_tfont {display:none;}
@media (max-width: 700px) {
	.fea_image2 {width:100%;}
	.fea_timg {display:none;}
	.fea_tfont {
		display:block;
		width:100%;
		font-size:20px;
		text-align:center;
		margin:auto;
		color:#d4bc8a;
		font-family: "Sawarabi Mincho"; 
		background:#2a2b47;
		padding:10px 0;
	}
}
/*詳細ボタン*/
.ofsite_go2 {
	position:absolute;
	top:3px;
	left:886px;
}
@media (max-width: 1000px) {.ofsite_go2 img{width:120px;}}
@media (max-width: 900px) {
	.ofsite_go2 {
		position:absolute;
		top:2px;
		left:auto;
		right:2px;
	}
}
@media (max-width: 500px) {
	.ofsite_go2 img{width:105px;}
	.ofsite_go2 {
		position:absolute;
		top:-20px;
		left:auto;
		right:-10px;
	}
}
.fea_boxin {padding:0 10px;}
/*ホビガール様*/
.fea_toptitle01 {
	width:100%;
	margin: auto;
	position:relative;
}

.fea_subtitle_left01 {width:75%;}
.fea_subtitle01 {
	font-size:24px;
	font-weight:bold;
	padding-bottom:7px;
}
.fea_subtext01 {
	font-size:20px;
	color:#000;
	line-height:32px;
}
.fea_subtitle_right01 {
	position:absolute;
	top:4px;
	right:1px;
	padding-top:10px;
}
.fea_subtitle_right01 img {width:240px;}
.hobigoods_01{margin-top:15px;}
ul.hobilist_01 {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.hobilist_01 li{
	list-style:none;
	width: 14%;
}
ul.hobilist_01 li img {width:99%;}

.fea_subtitle02 {
	font-size:24px;
	font-weight:bold;
	padding-bottom:7px;
	white-space: nowrap;
}
.sq_l {letter-spacing:1px;}
.fea_subtext02 {
	font-size:20px;
	color:#000;
	line-height:32px;
	margin-bottom:20px;
}
.f_subtext_t {font-size:24px;}

/*AGF*/
.hobigoods_box {
	padding:0 10px;
	display:flex;

}
.hbox01,.hbox02,.hbox03 {
	width:100%;
	padding:0 10px;
}
.hbox01,.hbox02{
	border-right:3px dotted #3157ad;
	/*height:360px;*/
}

.hbox01 img{width:260px;}
.hbox02 img{width:310px;}
.ss_h {margin-top:25px;}

/*ステラワース様*/
ul.strlist_01 {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.strlist_01 li{
	list-style:none;
	width: 16%;
}
ul.strlist_01 li img {width:98%;}

.str_namebox {position:relative;}
ul.strlist_02 {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.strlist_02 li{
	list-style:none;
	width: 33%;
	 height:62px;
}
ul.strlist_02 li img {width:100%;}
ul.strlist_02 li.st2_hi {
	position:absolute;
	top:5px;
	right:0;
}
ul.strlist_03 {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.strlist_03 li{
	list-style:none;
	width: 14%;

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


.strbox_bottom {
	display:flex;
}
.strbox_left {
	background:#ffc000;
	padding:15px 20px;
}
.str_l01{
	font-size:28px;
	font-weight:bold;
	color:#3157ad;
}
.str_l02 {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	font-family: serif;
	line-height:22px;
	color:#000;
}
.strl02_font1 {
	font-size:28px;
	font-weight:900;
}
.strbox_right {
	padding-left:30px;
	color:#000;
	line-height:29px;
}
/*アニメイト様*/
.anime_lisit01 {
	padding-left:20px;
	color:#ff0000;
	font-weight:bold;
}
ul.anime_lisit02 {
	width:100%;
	list-style:none;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
}
ul.anime_lisit02 li{text-align:center;}

.alist1 img{width:290px;}
.alist2 img{width:230px;}
.alist3 img{width:390px;}

@media (max-width: 1200px) {
	.sq_no {display:none;}
	.fea_subtitle01,.fea_subtitle02  {
		border-top:3px solid #2a2b47;
		border-bottom:3px solid #2a2b47;
		padding-bottom:0px;
	}
	ul.strlist_02 li{
		width: 33%;
		height:68px;
	}
	ul.strlist_02 li.st2_hi {
		position:absolute;
		top:0px;
		right:0;
	}

}
@media (max-width: 1000px) {
	.hobigoods_box {
		padding:0 10px;
		display:block;
		margin:auto;
		text-align:center;
	}
	
	.hbox01,.hbox02{
		border-right:none;
	    border-bottom:3px dotted #3157ad;
	    height:auto;
	}
	.hbox01,.hbox02,.hbox03{padding:20px 10px;}
	.ss_h {margin-top:0px;}
}
@media (max-width: 980px) {
    ul.hobilist_01 li{
    	list-style:none;
	    width: 14%;
    }
    ul.hobilist_01 li img {width:98%;}
	.fea_subtitle_right01 {
		position:static;
		top:auto;
		right:auto;
		text-align:center;
	}
	.fea_subtitle_left01 {width:100%;}
	
	/*アニメイト様*/
	ul.anime_lisit02 {
		display:block;
	}
	ul.anime_lisit02 li{margin-bottom:20px;}

}
@media (max-width: 800px) {
    .fea_boxin {margin-top:10px;}
}
@media (max-width: 500px) {
	.f_zikan {letter-spacing:-3px;font-size:21px;}
	.i800 {padding-left:10px;}
	ul.hobilist_01 li {
        width: 22%;
    }
 
    ul.hobilist_01::after {
        content: "";
        display: block;
        width: 22%;
        height: 0;
    }
	.hbox01 img,.hbox02 img,.hbox03 img {max-width:100%;}
	
    ul.strlist_01 li{
		list-style:none;
		width: 30%;
	}
	ul.strlist_01 li img {width:98%;}
	
	ul.strlist_02 {
		max-width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	ul.strlist_02 li{
		list-style:none;
		width: 100%;
		height:80px;
	}
	ul.strlist_02 li img {width:100%;}
	ul.strlist_02 li.st2_hi {
		position:static;
		top:auto;
		right:auto;
	}
	
	ul.strlist_03 li {
        width: 25%;
    }
 
    ul.strlist_03::after {
        content: "";
        display: block;
        width: 25%;
    }
	.hatubai_t {font-size:16px;}
	.strbox_bottom { 
	    display: flex;
		flex-direction: column;
	}
	.i2_800 {letter-spacing:-1px;}
	.i3_800 {letter-spacing:-2px;}

	.strbox_left {
		order: 2;
		background:#ffc000;
		padding:15px 20px;
	}
	.str_l01{
		font-size:24px;
		font-weight:bold;
		color:#3157ad;
	}
	.str_l02 {
		writing-mode: horizontal-tb;
		font-family: serif;
		line-height:22px;
		color:#000;
	}
	.strl02_font1 {
		font-size:24px;
		font-weight:900;
	}
	.strbox_right {
		order: 1; margin-bottom:10px;
		padding-left:0;
		color:#000;
		line-height:29px;
	}
	.t_paneru {
		height:60px;
		line-height:21px;
		padding-right:40px;
		
	}
	
}
@media (max-width: 400px) {
	ul.strlist_02 li{height:65px;}
	ul.anime_lisit02 li{text-align:center;}
	.alist1 img{max-width:100%;}
	.alist2 img{max-width:100%;}
	.alist3 img{max-width:100%;}	
}

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

ツインパック※追加

===============================*/
.staff_box2 {
	font-size:22px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	padding:0 20px;
	line-height:40px;
}
@media (max-width: 800px) {
	.staff_box2 {font-size:18px;}
}

/*title2*/
.staff_image2 {
	text-align:center;
	position:relative;
	width:100%;
}
.ofsite_go {
	position:absolute;
	top:2px;
	left:355px;
}
.staff_image2 {text-align:left;}
@media (max-width: 1200px) {
	.staff_image2 img {max-width:100%;}
}

/*下部スタッフリスト等*/
.staff_table2 table{
	letter-spacing:2px;
}
.staff_table2 th{
	width:370px;
	font-weight:normal;
	vertical-align: top;
	text-align:left;
}
.staff_table2 td{
	padding-left:20px;
}
.td_small2 {font-size:17px; line-height:22px;margin-bottom:10px;}
@media (max-width: 700px) {
	.fontb {
		font-weight:bold;border-bottom:2px solid;
	}
	.staff_table2 th{
	    width:280px;
		font-weight:bold;
	}
	.staff_table2 th{vertical-align: middle;} 
	.td_small2 {font-size:14px; padding:0 0 20px 20px;}
}
@media (max-width: 500px) {
	.staff_table2 th,.staff_table2 td {display:block;}
	table.staff_table2 {width:100%;}
	.staff_table2 th{width:100%;}
	.staff_table2 td{
		width:100%;
		padding:0 0 20px 20px;
	}
	.staff_table2 td.bt_non {padding:0 0 0px 20px;}
}



/*--*/
.twin_timg {display:block;}
.twin_tfont {display:none;}
@media (max-width: 700px) {
	.staff_image2 {width:100%;}
	.twin_timg {display:none;}
	.twin_tfont {
		display:block;
		width:100%;
		font-size:20px;
		text-align:center;
		margin:auto;
		color:#d4bc8a;
		font-family: "Sawarabi Mincho"; 
		background:#2a2b47;
	}
	.ofsite_go img{width:120px;}
	.ofsite_go {
		position:absolute;
		top:2px;
		left:auto;
		right:2px;
	}
}
@media (max-width: 500px) {
	.ofsite_go img{width:130px;}
    .twin_tfont.tfont_left {padding-right:45px; margin-top:30px;}
	.ofsite_go {
		position:absolute;
		top:-20px;
		left:auto;
		right:-15px;
	}
}

/*DLパッケージ販売サイト*/
.dlsite1 {
	width:100%;
	display:flex;
	justify-content: center;
	font-family: "Sawarabi Mincho"; 
}
.dlbox_left,.dlbox_right {
	background:#c6a970;
	width:47%;
	margin:10px;
}
.dlbox_t {
	background:#765f17;
	color:#d1ba89;
	text-align:center;
	padding:5px 0;
	font-size:22px;
	font-weight:bold;
}
.dlbox_text {
	padding:15px 20px;
	font-size:20px;
	line-height:40px;
	color:#0f192f;
}
.dlbox_text a {
	color:#0f192f;
}
.dlzikan {letter-spacing:-1px;}
@media (max-width: 700px) {
	.dlsite1 {
		width:100%;
		display:block;
	}
	.dlbox_left,.dlbox_right {
		width:94%;
		margin:10px auto;
	}
	.dlbox_t {font-size:20px;}
	.dlbox_text {
		font-size:18px;
		line-height:32px;
	}
}

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

登場人物ページ

===============================*/
/*==キャラクターメニュー==*/
.chara_menu {
	width:100%;
	padding:0 24px;
}
.chara_menu li{
	display: inline-block;
	padding:0 12px 12px 12px;
	text-align:left;
}
/*「新」アイコン*/
.new {position:relative;}
.new_icon {
	position:absolute;
	top:-5px;
	right:-5px;
}
@media (max-width: 1200px) {
	.chara_menu {padding:12px; margin:10px; text-align:left;}
	.chara_menu ul {
		display: inline-block;}
	.chara_menu li{
		padding:0;
		margin:0px;
		text-align:center;
		width:19%;
	}
	.chara_menu li img{width:98%;}
}
@media (max-width: 900px) {
	.chara_menu {padding:12px; margin:0px; text-align:left;}
	.chara_menu ul {
		display: inline-block;}
	.chara_menu li{
		padding:0;
		margin:0px;
		text-align:center;
		margin:auto;
		width:19%;
	}
	.chara_menu li img{width:99%;}
}
@media (max-width: 800px) {
	.chara_menu {padding:12px; margin:0px; text-align:left;}
	.chara_menu ul {
		display: inline-block;}
	.chara_menu li{
		padding:0;
		margin:0px;
		text-align:center;
		margin:auto;
		width:19%;
	}
	.chara_menu li img{width:99%;}
	/*「新」アイコン*/
	.new {position:relative;}
	.new_icon img{max-width:30px;}
	.new_icon {
		position:absolute;
		top:-7px;
		right:-7px;
	}
}
/*追加*/
@media (max-width: 600px) {
	.chara_menu {padding:12px; margin:5px;text-align:left;}
	.chara_menu ul {
		display: inline-block;}
	.chara_menu li{
		padding:0;
		margin:0px;
		text-align:center;
		margin:auto;
		width:23%;
	}
	.chara_menu li img{width:99%;}

}
/*==キャラクター名前==*/
.charaname_title {
	text-align:center;
	margin-bottom:10px;
}
.chara_nametext {display:none;}
@media (max-width: 800px) {
	.charaname_title img {display:none;}
	.chara_nametext {
		display: flex;
		align-items:flex-end;
		justify-content: center;
		position: relative;
		background:#2a2b47;
		color:#d4bc8a;
		padding:10px 0;
		width:95%;
		margin:auto;
	}
	.chara_name_name {
	    font-size:22px;
		font-family: "Sawarabi Mincho";
	}
	.chara_name_cv {
	    font-size:14px;
		font-family: "Sawarabi Mincho";
		 position: absolute;
		 right: 10px;
		 bottom:-1px;
	}
	.name_w {font-family: "Sawarabi Mincho";}
}
.charaname_title img{max-width:100%;}

/*==キャラクターbottom横ならび==*/
.chara_all_box {
	display: flex;
	width:100%;
}
@media (max-width: 800px) {
	.chara_all_box {display: block;}
}
/*==キャラクター矢印==*/
.chara_outbox {
	position:relative;
}
.chara_arrow_l{
	position:absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.chara_arrow_r{
	position:absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media (max-width: 1200px) {
	.chara_arrow_l{
		position:absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.chara_arrow_r{
		position:absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
}
@media (max-width: 800px) {
	.chara_arrow_l{
		position:absolute;
		top: 230px;
		left: 0;
	}
	.chara_arrow_l img{width:40px;}
	.chara_arrow_r{
		position:absolute;
		top: 230px;
		right: 0;
	}
	.chara_arrow_r img{width:40px;}
	.arrow_mio {padding-top:35px;}/*笑男アホ毛調整用css*/
}

/*==キャラクター画像==*/
.chara_leftbox {
	width:50%;
	position:relative;
}

.isyo_box {
	position:absolute;
	bottom:0;
}
.charaimage_top {
		padding-bottom:20px;/*笑男アホ毛調整用css↓*/
		margin-top:-20px;/*笑男アホ毛調整用css↑*/		
}
.charaimage_top2 {
		padding-bottom:25px;/*あすくアホ毛調整用css↓*/
		margin-top:-25px;/*あすくアホ毛調整用css↑*/		
}
@media (max-width: 1200px) {
	.chara_leftbox img {max-width:100%;}
}
@media (max-width: 800px) {
	.chara_leftbox {
		width:100%;
		text-align:center;
	}
	.charaimage_top {
		/*笑男アホ毛調整用css↓*/
		margin-top:-15px;/*笑男アホ毛調整用css↑*/		
	}
	.charaimage_top2 {
		/*あすくアホ毛調整用css↓*/
		margin-top:-31px;/*あすくアホ毛調整用css↑*/		
	}
	.chara_image img{width:400px;}
}
/*==キャラクターテキスト==*/
.chara_rightbox {
	width:50%;
	position:relative;
}
@media (max-width: 800px) {
	.chara_rightbox {
		width:100%;
	}
	
}
/*==タブ==*/
.tab {}
.tab_text{display:none;}
.tab li {
  color: #333;
  float: left;
  cursor: pointer;
  list-style: none;
  transition: .3s;
  margin-left:20px;
  margin-top:20px;
}
.tab li.active {
  color: #fff;
  cursor: auto;
}
 
.area ul {
  display: none;
}
.area ul.show {
  display: block;
}
@media (max-width: 1200px) {
	.tab li img {width:200px;}
}

@media (max-width: 800px) {
	.tab_text{display:block;}
	.tab li img {width:170px;display:none;}
	.tab li {
		clear:both;
		background:#2a2b47;
		color:#d4bc8a;
		padding:10px 75px;
		text-align:center;
		margin:auto;
	}
	.tab {
		display: flex;
		justify-content: center;
		width:100%;
	}
	.tab_text {
		font-size:22px;
		font-family: "Sawarabi Mincho";
	}
	.tab li.active {
		color: #d4bc8a;
		background: #761717;
		cursor: auto;
	}
}
/*==テキスト部分==*/
.show li{
	list-style:none;
	font-size:22px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	padding:15px 22px;
	line-height:40px;
	letter-spacing:3px;
}
li.c_text_h {margin-top:1px;}
@media (max-width: 700px) {
	li.c_text_h {margin-top:0px;}
	.show li{
	list-style:none;
	font-size:20px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	padding:5px 22px;
	line-height:40px;
	letter-spacing:3px;}
}


/*==沙汰注意書き==*/
.chara_attention_box {
	padding:40px 0;
	font-size:24px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	line-height:50px;	
	letter-spacing:10px;
	text-align:center;
}
.chara_attention_yesno {
	display:flex;
	justify-content: center;
	max-width:600px;
	margin:auto;
}
.chara_attention_yes {
	width:100%;
	margin:auto;
	text-align:center;
}
.chara_attention_no {
	width:100%;
	margin:auto;
	text-align:center;
}
.bg_kaimaku {
	background:url("../img/story/kaimaku_bg.png");
	background-repeat:no-repeat;
	background-position:center;
}
/*==1200以下====================*/
@media (max-width: 1100px) {
}
@media (max-width: 800px) {
    .chara_attention_box {font-size:18px;}
	.bg_kaimaku {
		background:url("../img/story/kaimaku_bg2.png");
		background-repeat:no-repeat;
		background-position:center;
	}
	.chara_attention_yesno img{width:120px;}
}

/*==サンプルボイス部分==*/
.voice_mikaiho {
	position:absolute;
	bottom:30px;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
}
.samplevoice {
	text-align:center;
	position:absolute;
	bottom:0;
	right:20px;
}
.samplevoice1 {
	text-align:center;
	position:absolute;
	bottom:5px;
	right:20px;
	font-size:0;
}
.voice_list {
	display:flex;
	justify-content: center;
}
.voice_btn {
	padding:0 12px;
}


.voice_mikaiho img{
		width:95%;
}
.voice_d {display:none;}
@media (max-width: 1200px) {
	.samplevoice {
		position:relative;
	}
	.samplevoice img {
		
	}
	.samplevoice1 {
		position:absolute;
		right:0px;
		margin:auto;
		text-align:center;
	}
	.voice_mikaiho {
		position:absolute;
		bottom:30px;
		left: 50%;
		transform: translate(-50%);
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
	}
	.voice_mikaiho img{
		width:95%;
	}
	.voice_d {display:block;}
}
@media (max-width: 900px) {
	.v_line img{
		width:100%;
	}
	.voice_d {display:block;}
}
@media (max-width: 830px) {
	.samplevoice {
		text-align:center;
		position:relative;
		bottom:0;
		right:0;
	}
	.samplevoice img {
		max-width:100%;
	}
	.samplevoice1 {
		width:100%;
		position:relative;
		right:0px;
		margin:auto;
		text-align:center;
	}
	.v_line img{
		width:94%;
	}
	.voice_mikaiho {
		position:absolute;
		bottom:20px;

	}
}
@media (max-width: 800px) {
	.voice_mikaiho {
		position:absolute;
		bottom:45px;
	}
}
@media (max-width: 560px) {
	.voice_mikaiho {
		position:absolute;
		bottom:35px;
	}
}
@media (max-width: 450px) {
	.voice_btn {padding:0 5px;}
	.voice_btn img{width:90%;}
	.voice_mikaiho {
		position:absolute;
		bottom:25px;
		left: 50%;
		transform: translate(-50%);
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
	}
	.voice_mikaiho img{
		width:80%;
	}
}


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

戯画ページ

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

/*==戯画メニュー==*/
.giga_menu {
	width:100%;
	padding:0 24px;
	display:flex;flex-wrap: nowrap;
}
.giga_menu li{
	display: inline-block;
	padding:0 12px 12px 12px;
	text-align:left;
}
/*「新」アイコン_戯画*/
.new_giga {position:relative;}
.new_icon_giga {
	position:absolute;
	top:-7px;
	right:0px;
}
@media (max-width: 1200px) {
	.giga_menu {padding:12px; margin:10px; text-align:left;}
	.giga_menu ul {
		display: inline-block;}
	.giga_menu li{
		padding:0;
		margin:0px;
		text-align:center;
		width:24%;
	}
	.giga_menu li img{width:95%;}
	/*.gigaicon li{width:20%;}*/
}
@media (max-width: 800px) {
	.giga_menu {padding:12px; margin:10px; text-align:left;}
	.giga_menu ul {
		display: inline-block;}
	.giga_menu li{
		padding:0;
		margin:0px;
		text-align:center;
		width:24%;
	}
	.giga_menu li img{width:98%;}
	/*.giga_menu li:first-child{padding-left:12px;}*/
	/*「新」アイコン_戯画*/
	.new_giga {position:relative;}
	.new_icon_giga img{max-width:35px;}
	.new_icon_giga {
		position:absolute;
		top:-7px;
		right:-10px;
	}
}
/*追加*/
@media (max-width: 595px) {
	.giga_menu {padding:12px; margin:0px; text-align:left;}
	.giga_menu ul {
		display: inline-block;}
	.giga_menu li{
		padding:0;
		margin:0px;
		text-align:center;
		width:24%;
	}
	.giga_menu li img{width:98%;}
}

@media (max-width: 400px) {
	.giga_menu {padding:11px; margin:0px;}
	.giga_menu ul {
		display: inline-block;}
	.giga_menu li{
		padding:0;
		margin:0px;
		text-align:center;
		width:24%;
	}
	.giga_menu li img{width:98%;}
}
@media (max-width: 377px) {
	.giga_menu {padding:12px;}
	.giga_menu ul {
		display: inline-block;}
	.giga_menu li{
		padding:0;
		margin:0px;
		text-align:center;
		width:32%;
	}
	.giga_menu li img{width:98%;}
}
@media (max-width: 354px) {
	.giga_menu {padding:12px;}
	.giga_menu ul {
		display: inline-block;}
	.giga_menu li{
		padding:0;
		margin:0px;
		text-align:center;
		width:32%;
	}
	.giga_menu li img{width:96%;}
}


/*==戯画ページ矢印==*/
.giga_outbox {
	position:relative;
}
.giga_arrow_l{
	position:absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.giga_arrow_r{
	position:absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media (max-width: 1200px) {
	.giga_arrow_l{
		position:absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.giga_arrow_r{
		position:absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
}
@media (max-width: 800px) {
	.giga_arrow_l img{width:40px;}
	.giga_arrow_r img{width:40px;}
}
@media (max-width: 700px) {
	.giga_arrow_l img{display:none;}
	.giga_arrow_r img{display:none;}
}
/*==戯画ギャラリー部分==*/
.giga_gallery_box {
	max-width:100%;
	margin:auto;
	text-align:center;
}
.giga_gallery_box img{
	max-width:100%;
	width:1030px;
}
@media (max-width: 1200px) {
	.giga_gallery_box img{max-width:98%;}
}
/*==戯画テキスト部分==*/
.giga_text {
	display:black;/*display:flex;
	justify-content: center;*/
	font-size:20px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	line-height:28px;	
	letter-spacing:5px;
	/*padding-top:1px;*/
	padding:1px 40px;
}
.giga_text_l {
	width:100%;
	
	/*二行 width:47%;
	padding:0 1%;
	border-right:3px dashed #765f17;*/

}
.giga_text_r {
	width:100%;
	
	/*二行 width:48%;
	padding:0 0 0 2%;*/
}
/*==戯画キャラごとの色==*/
.gname_hisora {color:#0b5578; font-weight:bold;}
.gname_mio {color:#780b0b; font-weight:bold;}
.gname_asuku {color:#0b780d; font-weight:bold;}
.gname_naruomi {color:#78670b; font-weight:bold;}
.gname_koko {color:#650b78; font-weight:bold;}
.gname_komati {color:#858585; font-weight:bold;}
.gname_oya {color:#4a4a4a; font-weight:bold;}
.gname_akari {color:#994f00; font-weight:bold;}
.gname_sata {color:#0b368c; font-weight:bold;}
.gname_sonota {color:#595959; font-weight:bold;}
.serihu {
	padding-left:24px;
	text-indent:-24px;
}
@media (max-width: 800px) {
	.giga_text {
		display:block;
		margin:auto;
		font-size:18px;
		line-height:28px;	
		letter-spacing:5px;
		padding:1px 12px;/*一行追加分*/
	}
	.giga_text_l {
		width:100%;
		padding:10px;
		
	}
	.giga_text_r {
		width:98%;
		padding:10px;
	}
	.serihu {
	    padding-left:22px;
	    text-indent:-22px;
	}
}

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

音楽ページ

===============================*/
/*padding:15px 30px;*/
.movie_box {	
	/*background:#ddd;*/
}
/*動画部分_上部*/
.movie_top {
	padding:15px 30px 0 30px;
	width:100%;
}
/*.movie_area {
	background-color:#2a2b47;
	height:100%;
	width:100%;
}*/
.movie_area img {width:100%;}
.movie_area {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie_area iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*情報・タブ_中*/
.movie_center {
	display:flex;
	justify-content: space-between;
	padding:0 30px;
}
.song_tab{}
.song_info {
	font-size:24px;
	font-family: "Sawarabi Mincho"; 
	color:#2a2b47;
	text-align:center;
}

/*動画情報_下部*/
.movie_bottom{
	/*margin-bottom:-21px;*/

	margin:0;
	padding:0;

}
.tp_bg{}

.teppan_box_out {
	background-color:#c73f3f;
	background-image:url("../img/sound/bg_tex.png");
	background-position:top;
	background-size: contain;


}
.teppan_rink {
	text-align:right;
	margin-bottom:10px;
}
.teppan_rink img {padding-left:12px;}
.teppan_all {
	display:flex;
	/*background:green;*/
}
.teppan_left {
	/*background:#ddd;*/
	width:54%;
}
.teppan_left img {width:100%;}
.teppan_left_image {position:relative;}
.teppan_left_image01 {
	position:absolute;
	top:-80px;
	left:-20px;
}
.teppan_left_image01 img{width:420px;}
.teppan_left_text {
	background:#d1ba89;
	color:#765f17;
	font-size:20px;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0px;
	line-height:38px;
	padding:18px;
	margin-top:5px;
}
.teppan_right {
	background:#d1ba89;
	width:45%;
	/*height:920x;*/
	margin-left:1%;
	border-radius:8px;
	border:3px solid #2a2b47;
	
	display: flex;
    writing-mode: vertical-rl;
    align-items: center;
	font-size:22px;
	font-family: 'Noto Serif JP', serif;
	color:#2a2b47;
	letter-spacing:0px;
	line-height:38px;
	padding:20px 10px;
	order: 1;
	
	position:relative;
}
.comment_image {
	position:absolute;
	right:-48px;
	bottom:-29px;
}
.comment_text {display:none;}

.kasi_box {
	font-size:22px;
	font-family: 'Noto Serif JP', serif;
	color:#2a2b47;
	text-align:center;
	letter-spacing:0px;
	line-height:38px;
}

@media (max-width: 1200px) {
	.comment_image {
		position:absolute;
		right:-37px;
		bottom:-25px;
		}
	}
@media (max-width: 1000px) {
	.comment_image img{width:100px;}
	/*.movie_bottom{margin-bottom:-42px;}*/
}
@media (max-width: 950px) {
	.teppan_left_text {font-size:18px;}
	.teppan_right {
		font-size:18px;
		letter-spacing:0px;
		line-height:30px;
	}
}
@media (max-width: 800px) {
	.movie_top {
	padding:15px 12px 0 12px;
	width:100%;}
	.movie_center {		
		justify-content: space-between;
		padding:0 30px;
	}
	.song_info {
		font-size:20px;
		text-align:left;
	}
	.teppan_all {
		display:block;
	}
	.teppan_left {
		width:100%;
	}
	.teppan_left_text {
		padding:35px 20px;
		line-height:30px;
		margin:0;
	}
	.teppan_left_image01 img{width:400px;}
	.teppan_left_image02 {margin-bottom:-5px;}/*空白調整用*/
	.teppan_right {
		width:100%;
		font-size:18px;
		letter-spacing:0px;
		line-height:30px;
		margin:70px 0 50px 0;
		writing-mode: horizontal-tb;
		padding:0;
	}
	.song_tab {
		width:100%;
		margin:20px 0;
	}
	.teppan_comment {
		padding:35px 20px;
	}
	.comment_image {
		position:absolute;
		top:-40px;
		left:-15px;
		width:200px;
	}
	.comment_image img{display:none;}
	.comment_text {
		display:block;
		background-color:#2a2b47;
		font-size:20px;
		color:#cdb687;
		padding:20px;
		text-align:center;
		transform: rotate(-5deg);
	}
	.kasi_box {
		font-size:18px;
	}
}

@media (max-width: 750px) {
	.movie_center {
		display:block;
		padding:0 30px;
	}
	.teppan_left_image01 {
		position:absolute;
		top:-40px;
		left:-20px;
	}
	.teppan_left_image01 img{width:300px;}
}
@media (max-width: 570px) {
	.teppan_left_image {margin-top:35px;}
}
@media (max-width: 450px) {
	.teppan_rink {margin:10px 0;}
	.teppan_rink img{width:70px;}
	.teppan_left_image02 {margin-bottom:-20px;}/*空白調整用*/
	.teppan_left_image01 {
		position:absolute;
		top:-40px;
		left:0;
	}
}
@media (max-width: 300px) {
	.teppan_left_image01 img{width:90%;}
	.teppan_left_image01 {
		position:absolute;
		top:-40px;
		left:0;
	}
}

/*==タブ2==*/
.tab2 {display:flex;}
.tab2_text{display:none;}
.tab2 li {  
  cursor: pointer;
  list-style: none;
  transition: .3s;
  margin-top:0px;
  margin:18px 0  12px 15px;
}
.tab2 li.active2 {
   cursor: auto;
}
/*.area2{background:#000;}*/
.area2 ul {
  display: none;
  padding:0;
  margin:0;
  height: auto;
}
.area2 ul.show2 {
  display: block;
  padding:0;
  margin:0;
  height: auto;
}
@media (max-width: 1200px) {}

@media (max-width: 800px) {
	.pcbr2 {display:none;}
	.tab2_text{display:block;}
	.tab2 li img {width:170px;display:none;}
	.tab2 li {
		width:200px;
		background:#2a2b47;
		color:#d4bc8a;
		padding:20px;
		text-align:center;
		margin:auto;
		font-size:20px;
	}
	.tab2 li:first-child {
		margin-right:10px;
	}
	.tab2 {

		width:100%;
	}
	.tab2_text {
		font-family: "Sawarabi Mincho";
	}
	.tab2 li.active2 {
		color: #d4bc8a;
		background: #761717;
		cursor: auto;
	}
}
/*====*/
.show2 li{
	list-style:none;
	font-family: "Sawarabi Mincho"; 
	padding:15px 30px;

}
li.c_text_h {margin-top:1px;}
@media (max-width: 700px) {
	li.c_text_h {margin-top:0px;}
	.show2 li{
	    list-style:none;
	    font-family: "Sawarabi Mincho"; 
		
		padding:5px 22px;
		line-height:40px;
		letter-spacing:3px;
	}
}

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

お土産

===============================*/
/*==メニュー==*/
.omiyage_menu_m {display:none;}
.omiyage_menu li{
	display: inline-block;
	text-align:center;
	padding-left:52px;
}
.omiyage_menu li:first-child{padding-left:12px;}
@media (max-width: 800px) {
	.omiyage_menu {text-align:center;margin:auto;}
	.omiyage_menu li:first-child{padding-left:0px;}
	.omiyage_menu li{
		display: inline-block;
		text-align:center;
		padding-left:0;
	}
}
/*==スマホ用のメニュー==*/
@media (max-width: 700px) {
	li.sub2.sbw {width:92%;}
	.omiyage_menu {display:none;}
	.menu_s2 {display:none;}
	.sub2 {height:60px;}/*改行時高さ合わせ*/



	ul.omiyage_yoko {
		display: flex;width:100%;
		flex-wrap: wrap;
		text-align:center;
		margin:auto;
		justify-content: center;

	}
	.omiyage_menu_m {
		display:inline-block;/*flex使用のためinline*/
		width:100%;
		font-size:20px;
		text-align:center;
		margin:auto;
		color:#d4bc8a;
		font-family: "Sawarabi Mincho"; 
	}
	.omiyage_menu_m a {
		color:#d4bc8a;
		text-decoration:none;
		width:100%;
	}
	.sub2 a {height:60px;}
	.omiyage_menu_m li{
		display: flex;
		align-items:center;
		justify-content: center;
    	width:45%;
		list-style:none;
		background:#2a2b47;
		margin:5px;
	}
	.omiyage_menu_m li a:hover{background:#761717;}
	
	.omiyage_menu_m li a {
		text-decoration: none;
		display: block;
		height:60px;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}

}
@media (max-width: 470px) {
	.menu_s2 {display:block;}
	.sub2 {
		letter-spacing:-1px;
		line-height:1em;
	}
}
@media (max-width: 370px) {
	.sub2 {
		letter-spacing:-1px;
		line-height:1em;
		font-size:0.9em;
	}
}



/*==ツイッターアイコン==*/
.ticon_list {
	width:100%;
	padding:0;
}
.ticon_list li{
	display: inline-block;
	padding:0 24px 12px 12px;
	text-align:left;
}

@media (max-width: 1200px) {
	.ticon_list {padding:12px; margin:10px; text-align:left;}
	.ticon_list ul {
		display: inline-block;}
	.ticon_list li{
		padding:0;
		margin:0px;
		text-align:center;
		width:19%;
	}
	.ticon_list li img{width:98%;}
}
@media (max-width: 900px) {
	.ticon_list {padding:12px; margin:0px; text-align:left;}
	.ticon_list ul {
		display: inline-block;}
	.ticon_list li{
		padding:0;
		margin:0px;
		text-align:center;
		margin:auto;
		width:19%;
	}
	.ticon_list li img{width:99%;}
}
@media (max-width: 800px) {
	.ticon_list {padding:12px; margin:0px; text-align:left;}
	.ticon_list ul {
		display: inline-block;}
	.ticon_list li{
		padding:0;
		margin:0px;
		text-align:center;
		margin:auto;
		width:19%;
	}
	.ticon_list li img{width:99%;}
}
/*追加*/
@media (max-width: 600px) {
	.ticon_list {padding:2px; margin:0px;text-align:left;}
	.ticon_list ul {
		display: inline-block;
		text-align:center;
	}
	.ticon_list li{
		padding:0;
		margin:0px;
		text-align:center;
		margin:auto;
		width:31%;
	}
	.ticon_list li img{width:100%;}
}

/*==ツイッターバナー（ヘッダー）==*/
.ticon_list2 {
	width:100%;
	padding:0;
}
.ticon_list2 li{
	display: inline-block;
	padding:0 10px 12px 12px;
	text-align:left;
}
@media (max-width: 1200px) {
	.ticon_list2 li{
		display: block;
	}
	.tbnr {
	    width:100%;
		padding:0;
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}
@media (max-width: 1000px) {.tbnr img {width:100%;}}
@media (max-width: 900px) {
	.tbnr {
	    display:block;

	}
}

/*==カウントダウンイラスト==*/
.count_list {
	width:100%;
	padding:0;
}
.count_list li{
	display: inline-block;
	padding:0 19px 12px 12px;
	text-align:left;
}

@media (max-width: 1200px) {
	.count_list {padding:12px; margin:10px; text-align:left;}
	.count_list ul {
		display: inline-block;}
	.count_list li{
		padding:0;
		margin:0px;
		text-align:center;
		width:32%;
	}
	.count_list li img{width:98%;}
}
@media (max-width: 900px) {

	.count_list{
		padding:2px; margin:0 auto; text-align:center;
		display: flex;
		width:99%;
		justify-content: center;
	}
	.count_list li{
		padding:0;
		margin:0px;
		text-align:center;
		margin:auto;
		width:49%;
	}
	.count_list li img{width:99%;}

}



/*以降css見直し↓↓*/
/*===============================

特典

===============================*/
.tokuten_box {font-family: "Sawarabi Mincho";}
.tokutentitle_bottom {
	font-size:18px;
	color:#9b2331;
	padding:0 15px;
	margin-bottom:10px;
}
/*01*/
.tokutenbox01 {
	position:relative;
	/*background:#ddd;*/
	margin:0 15px;
	display:flex;
	width:1064px;
}
.tokuten_info01 {/*情報*/
	display:flex;
	flex-wrap: wrap;
	margin-bottom:20px;
}
.tbox_title01 {
	background:#761717;
	width:70px;
}
.tbox_title01_m {display:none;}
.tbox_left01 {
	/*background:red;*/
	width:180px;
	text-align:center;
}
.tbox_left01 img{max-width:150px;}
.tbox_right01 {
	/*background:green;*/
	width:814px;
}
.t_right01 {
	font-size:24px;
	color:#2a2b47;
	line-height:28px;
	margin:15px 0;
}
.t_right02 {
	font-size:18px;
	color:#2a2b47;
}
.ttitle_p {display:block;}
.ttitle_m {display:none;}


/*その他*/
.tbox_sonota01 {
	display:flex;
	/*background:#252525;*/
	height:120px;
	margin:0 0 0 15px;
}
.sonota_l01 {
	width:150px;
	background:#761717;
	font-family: serif;
	font-weight:bold;
	color:#d1ba89;
	font-size:24px;
	padding:12px 15px;
	display: flex;
	writing-mode: vertical-rl;
	flex-direction: row;
	align-items: center;
	justify-content: center;	
	
}
.sonota_r02{
	width:814px;
	background:#a36850;
	height:120px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
}
.t_sonotatext {
	color:#d1ba89;
	font-size:18px;
}
.t_sonotatext2 {
	color:#761717;
	font-size:15px;
}
/*購入はこちら*/
.buy_btn {
	position:absolute;
	bottom:40px;
	right:2px;
}

/*box2*/
.tbox_all02 {
	margin:0 15px;
	width:100%;
}
.tokuten02_top {
	display:flex;
	justify-content: space-between;
	
}
.tokuten02_bottom {
	display:flex;
	justify-content: space-between;
}
.tbox2_text {font-size:18px;text-align:left;}

@media (max-width: 1200px) {
	.tokutenbox01 {
		position:relative;
		margin:0 15px;
		display:flex;
		width:98%;
	}
	.tbox_left01 {
		width:20%;
		text-align:center;
	}
	.tbox_right01 {
	    width:78%;
	}
	/*その他*/
	.sonota_r02{
	    width:700px;
	}
}
@media (max-width: 970px) {
	.tbox_sonota01 {
		width:98%;
		height:120px;
		margin:0 0 0 15px;
	}
}
@media (max-width: 930px) {
	.tokutenbox01 {
		position:relative;
		margin:0 15px;
		display:block;
		width:97%;
	}
	.tbox_title01 {display:none;}
	.tbox_title01_m {
		display:block;
		text-align:center;
		padding:10px 0;
		font-size:18px;
	}
	.tbox_title01_m.tt01 {
		background:#761717;
		color:#d1ba89;
	}
}
@media (max-width: 840px) {/*1段*/
	.tokuten_info01 {/*情報*/
	    display:block;
		margin:15px 0;
	}
	.tbox_left01 {
		width:100%;
		text-align:center;
	}
	.tbox_left01 img{max-width:300px;}
	.tbox_right01 {
		width:100%;
	}
	.ttitle_p {display:none;}
	.ttitle_m {
		position:relative;
		display:block;
		border:6px double #2a2b47;
		font-size:18px;
		margin-top:5px;
		border-radius:10px;
		font-family: serif;
		font-weight:bold;
		color:#2a2b47;
		letter-spacing:-2px;
	}
	.r18icon {
		position:absolute;
		left:-10px;
		top:-15px;
	}
	/*その他*/
	.tbox_sonota01 {
		display:flex;
		height:120px;
		margin:0;
		width:100%;
	}
	.sonota_r02{
		width:100%;
		height:120px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding:0 10px;
	}
	.buy_btn {
		position:absolute;
		bottom:20px;
		right:2px;
	}
	
	/*box2*/
	.tbox_all02 {
		margin:0 7px;
		width:98%;
	}
	.tokuten02_top {
		display:block;
		text-align:center;
	}
	.tokuten02_bottom {
		display:block;
		text-align:center;
	}
	.mbtitle {text-align:center;}
}
@media (max-width: 640px) {
	.buy_btn {
		position:absolute;
		bottom:2px;
		right:2px;
	}
}
@media (max-width: 620px) {
	.tbox_sonota01 {
		display:block;
		height:auto;
	}
	.sonota_l01 {
		width:100%;
		font-size:18px;
		padding:10px 15px;
		display: flex;
		writing-mode: horizontal-tb;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.buy_btn {
		position:absolute;
		bottom:60px;
		right:1px;
	}
	.buy_btn img{
		max-width:150px;
	}
	.tokutenbox01 {margin:10px 7px;}
	.t_right01 {
		font-size:18px;
	}
	.t_right01  p{
		padding-left:5.5em;
		text-indent:-5.5em;
	}
}
@media (max-width: 420px) {
	.tokutentitle_bottom {
		font-size:15px;
	}
	.ttitle_m {
		font-size:18px;
		margin-top:5px;
		padding:8px 0;
	}
	.tbox_title01_m {
		display:block;
		text-align:center;
		padding:15px 0;
		font-size:18px;
	}
	
	.buy_btn {
		position:absolute;
		bottom:80px;
		right:1px;
	}
	.buy_btn img{
		max-width:120px;
	}
	
	.tokuten02_top img {width:100%;}
	.tokuten02_bottom img {width:100%;}
}

/*=========================*/
/*パッチ追加分=============*/
.toptext_m {
	font-size:20px;
	text-align:center;
	font-family: "Sawarabi Mincho"; 
	color:#d4bc8a;
	background:#2a2b47;
	padding:10px 0;
	height:61.25px;
	line-height: 22px;
}
.patchbox {
	position:relative;
	/*background:#ddd;*/
	margin:15px;
	display:flex;
	width:1064px;
}
.patchleft img {
	width: 150px;
}
.patchleft_m {display: none;}
.patchright {
	font-size:18px;
	color: #280b0b;
	line-height:32px;
	letter-spacing: 2px;
	width: 914px;
	padding: 6px 0 0 30px;
}
.pright_stext {
	font-size: 14px;
}
.patch_download {
	margin: auto;
	text-align: center;
}
.pdown_text {display: none;}
@media (max-width: 1064px) {
	.patchbox {
		width:100%;
	}
	.patchright {
		width: 100%;
	}
	.patch_download img{
		display: none;
	}
	.pdown_text {display: block;}
}
@media (max-width: 880px) {
	.patchbox {
		width:100%;
		position:relative;
		margin:10px 0;
		display:block;
	}
	.patchleft img {display: none;}
	.patchleft_m {
		display: block;
		font-size: 20px;
		color: #efb007;
		background-color: #2a2b47;
		width: 94%;
		padding: 5px 0;
		text-align: center;
		margin: auto;
	}
	.patchright {
		padding: 12px;
		width: 100%;
	}

}

/*表示するテキストが切り替わる*/
.btntextchange{
    /*テキストの基点とするためrelativeを指定*/
	position: relative;
    /*ボタンの形状*/
	border: 1px solid #555;
    min-width:210px;
	padding: 20px;
    text-align: center;
	display: inline-block;
    text-decoration: none;
    color: #d1ba89;
    outline: none;
    /*アニメーションの指定
    transition: all .2s;*/
	background:#2a2b47;
	font-size: 20px;
	width: 280px;
}

/*hoverした際の変化*/
.btntextchange:hover{
  background:#761717;
  color:#d1ba89;
}

.btntextchange span{
    /*絶対配置でテキストの位置を決める*/
	position: absolute;
	left: 50%;
	top:50%;
    transform:translate(-50%,-50%);
    /*アニメーションの指定*/
    transition: all .5s;
  /*ブロック要素にしてテキスト折り返しなし*/  
	display: block;
	white-space: nowrap;
}

/*差し替わるテキストの設定*/
.btntextchange span:nth-child(2){
	opacity:0;/*透過0に*/
}

/*hoverするとテキストが入れ替わる設定*/
.btntextchange:hover span:nth-child(1){
	opacity:0;/*透過0に*/
}

.btntextchange:hover span:nth-child(2){
	opacity:1;/*不透明に*/
}