/*--------------------------------------------------------------
>>> 基本スタイル
---------------------------------------------------------------*/
/*-------------------------
  ヘッダー
-------------------------*/
header {
	margin: 0 auto;          /* 中央寄せ             */
	width: 95vw;             /* 横幅                 */
	padding: 10px 0 10px 0;  /* 上下10pxのパディング */
}
/*-------------------------
  メニュー
-------------------------*/
.site_name {
	padding: 10px 0 0 0;  /* 上下10pxのパディング */
	margin: 0;
	text-align: center;
	font-size: 33px;
	font-family: arial, sans-serif;
}

.clear{
	clear: both;
}

.slide-toggle{
	display: none;
}

.slidemenu{
	width: 100%;
	font-family: arial, sans-serif;
	max-width: 600px;
	margin: 20px auto;
	overflow: hidden;
}

.slidemenu label{
	width: 25%;
	text-align: center;
	display: block;
	float: left;
	color: #333;
	opacity: 0.2;
}

.slidemenu label:hover{
	cursor: pointer;
	color: #666;
}

.slidemenu label span{
	display: block;
	padding: 10px;
}

.slidemenu label .icon{
	font-size: 20px;
	border: solid 2px #333;
	text-align: center;
	height: 50px;
	width: 50px;
	display: block;
	margin: 0 auto;
	line-height: 47px;
	border-radius: 50%;
}

/*Bar Style*/
.slider{
	width: 100%;
	height: 5px;
	display: block;
	background: #ccc;
	margin-top: 100px;
	border-radius: 5px;
}

.slider .bar{
	width: 25%;
	height: 5px;
	background: #333;
	border-radius: 5px;
}

/*Animations*/
.slidemenu label, .slider .bar {
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
}

/*Toggle*/
.slidemenu .slide-toggle:checked + label{
	opacity: 1;
}

.slidemenu #slide-item-1:checked ~ .slider .bar{ margin-left: 0; }
.slidemenu #slide-item-2:checked ~ .slider .bar{ margin-left: 25%; }
.slidemenu #slide-item-3:checked ~ .slider .bar{ margin-left: 50%; }
.slidemenu #slide-item-4:checked ~ .slider .bar{ margin-left: 75%; }



/*-------------------------
  情報表示領域
-------------------------*/
#main {
	margin: 0 auto;         /* 中央寄せ     */
	width: 95vw;            /* 横幅         */
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dotted #333333;
	background-size: 95vw;
}

/*-------------------------
  フッター
-------------------------*/
footer {
	margin: 0 auto;          /* 中央寄せ             */
	width: 95vw;             /* 横幅                 */
	padding: 10px 0 10px 0;  /* 上下10pxのパディング */
	text-align: center;
}
footer p {
	margin: 10px 0 20px 0;
	width: 95vw;             /* 横幅                 */
	text-align: center;
}

/*-------------------------
  情報表示領域
-------------------------*/
a {
	color: #000;
	text-decoration: none;
}
a:hover  {
	color: #000;
	text-decoration: none;
}
#cv_a {
	color: #ffb6c1 !important;
	text-decoration: none;
}
#cv_a:hover {
	color: #fff !important;
	text-decoration: none;
}



/*-------------------------
  画像保存禁止設定
-------------------------*/
img {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	user-select:none;
}


/*-------------------------
  サイト内更新情報
-------------------------*/
.details_log {
	text-align: left;
	background: #b0dcfa;                /* 背景色                             */
	padding: 0.5em;                     /* 文字周りの余白                     */
	border-radius: 0.5em;               /* 角の丸み                           */
}

/*-------------------------
  セレクトボックス
-------------------------*/
.select_area {
	margin: 0 auto;          /* 中央寄せ             */
	width: 95vw;             /* 横幅                 */
	padding: 0 0 10px 0;  /* 上下10pxのパディング */
}

.media-body {
	vertical-align: middle; /* 縦中央寄せ */
}
.text {
	font-size: 20px;
	font-weight: bold;
}
.combatant_name_s {
	font-size: 18px;
	font-weight: bold;
	padding: 0 !important;
	margin: 0 !important;
}
.world_p {
	padding: 0;
	margin: 0 !important;
	letter-spacing: 2px;
}
.world_f {
	margin: 0;
}

/*-------------------------
  戦闘員名
-------------------------*/
.combatant_name_p {
	font-size: 25px;
	padding: 1rem 2rem;
	color: #fff;
	background: #015dac;
	background-image: radial-gradient(#0175d5 13%, transparent 13%), radial-gradient(#0175d5 13%, transparent 13%);
	background-size: 50px 50px;
	background-position: 0 0, 25px 25px;
}

/*-------------------------
  Canvas表示設定
-------------------------*/
.card_s {
	font-size: 20px;
	padding: 1rem 2rem;
	border-left: 6px double #000;
	background: #f4f4f4;
}
.card_img {
	width: 90vw;            /* 横幅         */
	margin: 10px auto;
}
canvas {
	display: block;
	margin: 0 auto;
	/* border: 1px dashed white; */
	width: 90%;
}

/*-------------------------
  基本情報
-------------------------*/
.information_p {
	font-size: 20px;
	padding: 1rem 2rem;
	border-left: 6px double #000;
	background: #f4f4f4;
}
/*-------------------------
  基本情報表示領域設定
-------------------------*/
.information {
	margin: 20px auto;
	width: 80vw;             /* 横幅                 */
	color: #fff;
	background: #2E3744;
}
.information td{
	padding: 5px 10px;
	border: 1px dashed white;
}
/*-------------------------
  基本ステータス
-------------------------*/
.information_pm {
	width: 180px;
}
/*-------------------------
  実装日
-------------------------*/
.imp_date_d {
	height: 50px;
	display: flex;
	align-items: center;
}
/*-------------------------
  プロフィール
-------------------------*/
.information_pf {
	width: 110px;
}
/*-------------------------
  モットー
-------------------------*/
.motto_d {
	height: 120px;
	display: flex;
	align-items: center;
	overflow-y: scroll !important;
}

/*-------------------------
  紹介
-------------------------*/
.introduce_d {
	height: 210px;
	display: flex;
	align-items: center;
	overflow-y: scroll !important;
}
.introduce {
	height: 190px;
}

/*-------------------------
  他国実装情報
-------------------------*/
.world_d {
	height: 110px;
	display: flex;
	align-items: center;
	overflow-y: scroll !important;
}
.world {
	height: 90px;
	display: flex;
	align-items: center;
}

/*-------------------------
  親縁
-------------------------*/
.information_pr {
	width: 80px;
}
/*-------------------------
  親縁サイズ
-------------------------*/
.cat_icon_d {
	height: 360px;
}
/*-------------------------
  親縁画像
-------------------------*/
.cat_icon {
	text-align: center;
	height: 200px;
}
.cat_img {
	width: 370px;
	margin: 10px auto;
}
/*-------------------------
  親縁説明
-------------------------*/
.relation_explanation {
	height: 220px;
	overflow-y: scroll !important;
}

/*-------------------------
  エピソード #1
-------------------------*/
.episode1_content_d {
	height: 585px !important;
	overflow-y: scroll !important;
}

/*-------------------------
  エピソード #2
-------------------------*/
.episode2_content_d {
	height: 585px !important;
	overflow-y: scroll !important;
}

/*-------------------------
  エピソード #3
-------------------------*/
.episode3_content_d {
	height: 585px !important;
	overflow-y: scroll !important;
}

/*-------------------------
  エピソード #4
-------------------------*/
.episode4_content_d {
	height: 585px !important;
	overflow-y: scroll !important;
}

/*-------------------------
  エピソード #5
-------------------------*/
.episode5_content_d {
	height: 585px !important;
	overflow-y: scroll !important;
}

/*-------------------------
  凸
-------------------------*/
.star_select_p {
	font-size: 20px;
	padding: 1rem 2rem;
	border-left: 6px double #000;
	background: #f4f4f4;
}
.star_p {
	font-size: 20px;
}


/*-------------------------
  スキル配置
-------------------------*/
.skill_fix::after {
	content: "";
	display: block;
	clear: both;
}

.skill_left {
	float: left;
}
.skill_right {
}



/*-------------------------
  スキル1
-------------------------*/
.skill_01_name_p {
	font-size: 20px;
	padding: 1rem 2rem;
	border-left: 6px double #000;
	background: #f4f4f4;
}
.skill_01_genre_p {
	margin: 20px 0 20px 0;
	font-size: 14px;
}
.skill_01_p {
	font-size: 16px;
	margin: 20px 0 20px 110px;
}

/*-------------------------
  スキル2
-------------------------*/
.skill_02_name_p {
	font-size: 20px;
	padding: 1rem 2rem;
	border-left: 6px double #000;
	background: #f4f4f4;
}
.skill_02_genre_p {
	margin: 20px 0 20px 0;
	font-size: 14px;
}
.skill_02_p {
	font-size: 16px;
	margin: 20px 0 20px 110px;
}

/*-------------------------
  スキル3
-------------------------*/
.skill_03_name_p {
	font-size: 20px;
	padding: 1rem 2rem;
	border-left: 6px double #000;
	background: #f4f4f4;
}
.skill_03_genre_p {
	margin: 20px 0 20px 0;
	font-size: 14px;
}
.skill_03_p {
	font-size: 16px;
	margin: 20px 0 20px 110px;
}

/*-------------------------
  スキル4
-------------------------*/
.skill_04_name_p {
	font-size: 20px;
	padding: 1rem 2rem;
	border-left: 6px double #000;
	background: #f4f4f4;
}
.skill_04_p {
	font-size: 16px;
	margin: 20px 0 20px 110px;
}

/*-------------------------
  凸効果
-------------------------*/
.convex_p {
	font-size: 20px;
	padding: 1rem 2rem;
	border-left: 6px double #000;
	background: #f4f4f4;
}

/*-------------------------
  ジャンル
-------------------------*/
.genre {
	padding: 5px;
	background: #7f7f7f;
	color: #fff;
}

/*-------------------------
  凸効果
-------------------------*/
.convex_text_p {
	font-size: 16px;
	margin: 20px 0 20px 0;
}



/*-------------------------
  Aboutページ用
-------------------------*/
.about_h {
	font-size: 18px;
	font-weight: bold;
}
.default_a {
	color: #1a0dab;
}


/*-------------------------
  Storyページ用
-------------------------*/
summary {
	list-style-type: none;
}
summary::-webkit-details-marker {
	display: none;
}
summary:before {
	content: "";
}
details[open] summary:before,
summary details[open] summary:before {
	content: "";
}
.details_in {
	height: 100px !important;
	overflow-y: scroll !important;
}
details summary span {
	color: #000;
}

.youtube_aph {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	display: block;
	margin: auto;
}

.story_m {
	font-size: 20px;
	padding: 1rem 2rem;
	border-left: 6px double #000;
	background: #f4f4f4;
}
.story_p {
	margin: 20px 0 20px 0;
}

/*-------------------------
  Ver1.0 インプリズンドパペット
-------------------------*/
.imprisoned_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.imprisoned_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #301621;
	color: #fff;
}
.imprisoned_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #5C2A3F;
	color: #fff;
}
.imprisoned_st a {
	color: #fff;
}
.imprisoned_st a:hover {
	color: #fff;
}

/*-------------------------
  Ver1.1 甘味協奏会(未)
-------------------------*/
.kanmi_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.kanmi_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #FCDA85;
	color: #3B1D1D;
}
.kanmi_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #FCEEC0;
	color: #3B1D1D;
}

/*-------------------------
  Ver1.1 人知れぬ秘密
-------------------------*/
.hitoshirenu_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.hitoshirenu_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #B5194D;
	color: #FFC281;
}
.hitoshirenu_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #D94176;
	color: #FFC281;
}

/*-------------------------
  Ver1.1 夏日特别事件簿
-------------------------*/
.natsubi_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.natsubi_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #98DAF9;
	color: #3E3750;
}
.natsubi_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #C8E3F9;
	color: #3E3750;
}

/*-------------------------
  Ver1.1 暗潮の声
-------------------------*/
.ancho_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.ancho_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #84759B;
	color: #FEFFFF;
}
.ancho_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #B6A2D6;
	color: #FEFFFF;
}

/*-------------------------
  Ver1.2 相聞歌
-------------------------*/
.somonka_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.somonka_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #573631;
	color: #FCFBF6;
}
.somonka_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #8F5950;
	color: #FCFBF6;
}

/*-------------------------
  Ver1.2 業火紅蓮
-------------------------*/
.goka_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.goka_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #AB2642;
	color: #FFFCF3;
}
.goka_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #D96179;
	color: #FFFCF3;
}

/*-------------------------
  Ver1.3 夢境での邂逅
-------------------------*/
.mukyo_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.mukyo_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #DA793D;
	color: #FFFCF3;
}
.mukyo_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #E99B6D;
	color: #FFFCF3;
}

/*-------------------------
  Ver1.3 思いを手紙に乗せて
-------------------------*/
.omoi_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.omoi_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #254556;
	color: #fff;
}
.omoi_s {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #386882;
	color: #fff;
}
.omoi_s a {
	color: #fff;
}
.omoi_s a:hover {
	color: #fff;
}
.omoi_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #4A89AB;
	color: #fff;
}

/*-------------------------
  Ver1.4 猫と夢の国
-------------------------*/
.nekotoyume_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.nekotoyume_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #253D47;
	color: #fff;
}
.nekotoyume_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #49788C;
	color: #fff;
}
.nekotoyume_st a {
	color: #fff;
}
.nekotoyume_st a:hover {
	color: #fff;
}

/*-------------------------
  Ver1.4 銀世界を映す瞳
-------------------------*/
.ginsekai_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.ginsekai_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #F0C662;
	color: #393222;
}
.ginsekai_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #F0DD9A;
	color: #393222;
}
.nekotoyume_st a {
	color: #fff;
}
.nekotoyume_st a:hover {
	color: #fff;
}

/*-------------------------
  Ver1.5 遠山には福来る
-------------------------*/
.toyama_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.toyama_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #881D1D;
	color: #FEFCE7;
}
.toyama_s {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #BF5252;
	color: #FEFCE7;
}
.toyama_s a {
	color: #FEFCE7;
}
.toyama_s a:hover {
	color: #FEFCE7;
}
.toyama_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #E66363;
	color: #FEFCE7;
}

/*-------------------------
  Ver1.6 恋咲くショコラ
-------------------------*/
.koisaku_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.koisaku_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #FDBABC;
	color: #F31A59;
}
.koisaku_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #FDE1DD;
	color: #F31A59;
}
.koisaku_st a {
	color: #F31A59;
}
.koisaku_st a:hover {
	color: #F31A59;
}

/*-------------------------
  Ver1.7 無名の花
-------------------------*/
.mumei_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.mumei_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #7B556E;
	color: #FEFFEA;
}
.mumei_s {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #C98BB4;
	color: #fff;
}
.mumei_s a {
	color: #fff;
}
.mumei_s a:hover {
	color: #fff;
}
.mumei_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #C9AAC6;
	color: #FEFFEA;
}

/*-------------------------
  Ver1.8 哀悼のウンブラ
-------------------------*/
.aito_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.aito_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #D3263C;
	color: #fff;
}
.aito_s {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #F55567;
	color: #fff;
}
.aito_s a {
	color: #fff;
}
.aito_s a:hover {
	color: #fff;
}
.aito_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #F5999A;
	color: #fff;
}

/*-------------------------
  Ver1.8 水かけカーニバル
-------------------------*/
.mizukake_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.mizukake_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #0C6408;
	color: #FFE300;
}
.mizukake_s {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #3F9C3F;
	color: #FFE300;
}
.mizukake_s a {
	color: #FFE300;
}
.mizukake_s a:hover {
	color: #FFE300;
}
.mizukake_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #6C9E70;
	color: #FFE300;
}

/*-------------------------
  Ver1.9 散ることのない桜
-------------------------*/
.chirukoto_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.chirukoto_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #F083AC;
	color: #FDFCF7;
}
.chirukoto_s {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #F091B6;
	color: #FDFCF7;
}
.chirukoto_s a {
	color: #fff;
}
.chirukoto_s a:hover {
	color: #fff;
}
.chirukoto_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #F0AECB;
	color: #FDFCF7;
}

/*-------------------------
  Ver2.0 猫の帰る場所
-------------------------*/
.nekokae_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.nekokae_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #795340;
	color: #FFE300;
}
.nekokae_s {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #996951;
	color: #FFE300;
}
.nekokae_s a {
	color: #FFE300;
}
.nekokae_s a:hover {
	color: #FFE300;
}
.nekokae_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #C48768;
	color: #FFE300;
}

/*-------------------------
  Ver2.1 妄誕ノ洋館
-------------------------*/
.motan_d {
	margin: 5px 0;
	list-style-type: none;
	border: 2px solid #fff;
}
.motan_t {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #0E1116;
	color: #fff;
}
.motan_s {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #374357;
	color: #fff;
}
.motan_s a {
	color: #fff;
}
.motan_s a:hover {
	color: #fff;
}
.motan_st {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	background: #5B6E8F;
	color: #fff;
}



/*--------------------------------------------------------------
>>> スマホ用スタイル
---------------------------------------------------------------*/
@media screen and (max-width: 480px)    /* スマホ対応                         */
{
	/*-------------------------
	  メニュー
	-------------------------*/
	.site_name {
		font-size: 25px;
	}
	/*-------------------------
	  基本ステータス
	-------------------------*/
	.information_pm {
		width: 170px;
	}
	/*-------------------------
	  実装日
	-------------------------*/
	.imp_date_d {
		height: 105px;
		display: flex;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  親縁
	-------------------------*/
	.relation_name {
		height: 50px;
		display: flex;
		align-items: center;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  プロフィール
	-------------------------*/
	.information_pf {
		width: 100px;
	}

	/*-------------------------
	  性格
	-------------------------*/
	.name_f {
		height: 50px;
		display: flex;
		align-items: center;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  CV
	-------------------------*/
	.character_voice {
		height: 50px;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  性格
	-------------------------*/
	.personality {
		height: 50px;
		display: flex;
		align-items: center;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  象徴
	-------------------------*/
	.symbol {
		height: 50px;
		display: flex;
		align-items: center;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  モットー
	-------------------------*/
	.motto_d {
		height: 100px;
		display: flex;
		align-items: center;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  紹介
	-------------------------*/
	.introduce_d {
		height: 170px;
		display: flex;
		align-items: center;
		overflow-y: scroll !important;
	}
	.introduce {
		height: 150px;
	}
	/*-------------------------
	  他国実装情報
	-------------------------*/
	.world_d {
		height: 130px;
		display: flex;
		align-items: center;
		overflow-y: scroll !important;
	}
	.world {
		height: 110px;
	}
	
	/*-------------------------
	  親縁
	-------------------------*/
	.information_pr {
		width: 60px;
	}
	/*-------------------------
	  親縁画像
	-------------------------*/
	.cat_icon {
		height: 300px;
	}
	.cat_img {
		width: 70vw;            /* 横幅         */
		margin: 10px auto;
	}
	/*-------------------------
	  親縁説明
	-------------------------*/
	.relation_explanation {
		height: 365px;
		display: flex;
		align-items: center;
		overflow-y: scroll !important;
	}
	.relation_ex {
		height: 345px;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  エピソード #
	-------------------------*/
	.episode1_content_d {
		height: 665px !important;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  エピソード #2
	-------------------------*/
	.episode2_content_d {
		height: 665px !important;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  エピソード #3
	-------------------------*/
	.episode3_content_d {
		height: 665px !important;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  エピソード #4
	-------------------------*/
	.episode4_content_d {
		height: 665px !important;
		overflow-y: scroll !important;
	}
	/*-------------------------
	  エピソード #5
	-------------------------*/
	.episode5_content_d {
		height: 665px !important;
		overflow-y: scroll !important;
	}
}