@charset "utf-8";

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Site Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
/*          google fonts          */
.ft_notoserif {font-family:'Noto Serif JP',serif;}
.ft_notosans {font-family:'Noto Sans JP',sans-serif;}

/*          カラー          */
.col_or  {color:#e89f0e;}/*オレンジ*/
.col_lbl {color:#5b87b0;}/*ライトブルー*/
.col_pk  {color:#e3628f;}/*ピンク*/
.col_lgn {color:#81ba43;}/*ライトグリーン*/
.col_dor {color:#e35e39;}/*ダークオレンジ*/
.col_bn  {color:#8a6432;}/*ブラウン*/
/*          背景色          */
.bg_col_wt {background-color:#FFF;}/*白*/
.bg_col_bk {background-color:#1c1c1c;}/*黒*/
.bg_col_lbl {background-color:#6070ac;}/*ライトブルー*/
.bg_col_dbl {background-color:#2f3754;}/*ダークブルー*/
.bg_col_tl  {background-color:rgba(255, 255, 255, .6);}/*半透明*/
/*          キャラクター色          */
/*光太*/
.mitta_nav_col {background-color:#75c71e;}
.mitta_line_col {background-color:#82cc33;}
/*紫苑景季*/
.keki_nav_col {background-color:#e34c22;}
.keki_line_col {background-color:#e55d37;}
/*錦戸虹江*/
.nijie_nav_col {background-color:#ffaf0f;}
.nijie_line_col {background-color:#feb626;}
/*條島正平*/
.shohei_nav_col {background-color:#4780b5;}
.shohei_line_col {background-color:#598cbc;}
/*津々見美波*/
.minami_nav_col {background-color:#e55386;}
.minami_line_col {background-color:#e76391;}

/*          loading          */
#overlay{position:fixed;width:100%;height:100%;text-align:center;background:#FFF;z-index:9999;}

/*          Site Contents          */
#siteWrap {
	position: relative;
	width: 100%;
	height: 100%;
	height: auto !important;
	min-height: 100%;
	overflow: hidden;
}

.link_hover {
	opacity: 1;
	transition: 1s ease;
}
.link_hover:hover {
	opacity: .5;
}

.loading_set {}
.loading_start {
	opacity: 0;
	transform: translateY(50px);
}
.loading_end {
	opacity: 1;
	transform: translateY(0px);
	transition:.5s ease-out;
}
.trst_delay_1s { transition-delay: .1s; }
.trst_delay_2s { transition-delay: .2s; }
.trst_delay_3s { transition-delay: .3s; }
.trst_delay_4s { transition-delay: .4s; }
.trst_delay_5s { transition-delay: .5s; }
.trst_delay_6s { transition-delay: .6s; }
.trst_delay_7s { transition-delay: .7s; }
.trst_delay_8s { transition-delay: .8s; }
.trst_delay_9s { transition-delay: .9s; }

/*　コンテンツ　*/
.logo_mogomoga {
	fill: #FFF;
}
.logo_mogomoga_ie, .lower_logo_mogomoga, .nav_logo {
	fill: #000;
}

.bg_img {
	position: relative;
	background-image: url(/books/mobomoga/img/bg/bg_pattern1.jpg);
	background-repeat: repeat;
}
.head_line {
	width: 22px;
	height: 5px;
	margin: 0 0 5px;
}
.head_img {
	width: 22px;
}
.ctt_title {
	font-size: 2.6rem;
	font-weight: 400;
}
img[src$=".svg"] {
	width: 100%;
}

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Header Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/

.lower_logo {
	width: 11vw;
	height: 100%;
	padding: 1vw;
}
.lower_logo a {
	display: block;
}
.lower_logo svg {
	height: 2vw;
}

/*Navigation Button*/
.navigationBtn {
	position: fixed;
	top: 0;
	right: 0;
	width: 5vw;
	height: 4vw;
	z-index: 1000;
//	cursor: pointer;
	-webkit-transition: .3s ease-out; transition: .3s ease-out;
}
.naviBtn {
	position: absolute;
	display: -webkit-flex; display: flex;
	-webkit-flex-direction: column; flex-direction: column;
	-webkit-justify-content: space-between; justify-content: space-between;
	-webkit-align-content: space-between; align-content: space-between;
	width: 50%;
	height: 40%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.naviBtn span {
	width: 100%;
	height: 0.2vw;
	background-color: #1C1C1C;
	-webkit-transition: .3s ease-out; transition: .3s ease-out;
}
/*Navigation Button  --  show*/
.show.navigationBtn {
}
.show .naviBtn .naviBtn1 {
	-webkit-transform: translateY(.7vw) rotate(-45deg);
	        transform: translateY(.7vw) rotate(-45deg);
}
.show .naviBtn .naviBtn2 {
	height: 0;
}
.show .naviBtn .naviBtn3 {
	-webkit-transform: translateY(-.7vw) rotate(45deg);
	        transform: translateY(-.7vw) rotate(45deg);
}
/*Navigation*/
.navigationWrap {
	position: fixed;
	width: 500px;
	height: 100%;
	top: 0;
	right: 0;
	overflow: auto;
	background: #fe852b;
	z-index: 999;
	-webkit-transform: translateX(100%); transform: translateX(100%);
	-webkit-transition: .3s ease-out; transition: .3s ease-out;
}
.nav_logo {
	width: 60%;
	margin: auto;
	padding: 100px 0 40px;
}
.navigationList {
}
.navigationList>li>a {
	display: block;
	padding: 20px 30px;
	color: #1C1C1C;
	font-size: 1.8rem;
}
.navigationList>li>a:hover {
}
.navigationList>li>a::before {
	content: "";
	padding: 0 5px 0 0;
	border-left: 5px solid;
}
/*Navigation  --  show*/
.show.navigationWrap {
	-webkit-transform: translateX(0%); transform: translateX(0%);
}




/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     ファーストビュー     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.youtube_play {
	position: relative;
	width: 100%;
	height: 100%;
}
.youtube_tumb_play, .youtube_tumb_stop {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.youtube_tumb_play img {
	width: 100%;
	height: 100%;
}
.youtube_tumb_stop {
	display: none;
}
#youtubeBgMovie {
	position: relative;
	width: 100%;
	height: 100%;
}

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     インフォメーションコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.abs {
	position: absolute;
}
.fix {
	position: fixed;
}
.keyvisual {
	position: relative;
	overflow: hidden;
}
.keyvisual_img {
	width: 100%;
	height: auto;
	left: 0;
	bottom: 0;
}
.keyvisual_img img {
	width: 100%;
	height: auto;
}


.logo_img {
	height: 100%;
}
.logo {
	position: absolute;
	width: 562px;
	height: 125px;
	left: 40px;
	bottom: 200px;
}

.catchphrase {
	position: relative;
	overflow: hidden;
}
.logo_mask {
	position: absolute;
	width: 800px;
	left: -144px;
	top: -463px;
}
.logo_mask img {
	background-image: url(/books/mobomoga/img/info/keyvisual.jpg);
	background-position: bottom left;
	background-attachment: fixed;
	background-size: cover;
}
.logo_mask>svg {
	position: absolute;
	width: 562px;
	height: 125px;
	left: 184px;
	top: 136px;
}
.catchphrase_img {
	position: relative;
	width: 800px;
	height: 740px;
	left: 610px;
	padding: 100px 0 40px;
}
.catchphrase_img>div {
	position: absolute;
	width: 100%;
	height: auto;
}
.catchphrase_mask img {
	background-image: url(/books/mobomoga/img/info/keyvisual.jpg);
	background-position: bottom left;
	background-attachment: fixed;
	background-size: cover;
}
.catchphrase_mask img.browser.ie {
	background: none;
}

/*トピックス*/
.ctt_topics {
	padding: 0 0 60px;
	text-align: center;
}
.ctt_topics li {
	padding: 20px;
}
.topics_row1 {
}
.topics_row1 li {
	width: 100%;
}
.topics_row2 {
	display: -webkit-flex; display: flex;
	-webkit-flex-wrap: wrap; flex-wrap: wrap;
	padding: 0 70px;
}
.topics_row2 li {
	width: 50%;
}

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     ニュースコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.news.section {
	padding: 60px 0;
}
.ctt_news {
	padding: 50px 90px;
}
.news_list {
	margin-left: 80px;
	line-height: 2;
}
.news_list dt{
	float: left;
	color: #afbae4;
	font-size: 1.3rem;
	font-weight: 900;
}
.news_list dd{
	margin-left: 8.5em;
	font-size: 1.5rem;
	font-weight: 500;
}
.news_list dd a {
	color: #FFF;
}


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     イントロダクションコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.introduction_bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 60%;
	height: 1026px;
	background-image: url(/books/mobomoga/img/intro/intro_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}
.ctt_introduction {
	padding: 60px 0 0;
}
.intro_lead {
	position: relative;
	z-index: 2;
}
.intro_lead_img {
	position: relative;
	width: 48%;
	min-width: 565px;
	margin: 0 15px 0 0;
	box-shadow: 5px 0 0 #000;
}
.intro_lead_img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #fe852b;
}
.intro_lead_img img {
	position: relative;
	width: 100%;
	height: auto;
	margin: -65px 0 0 0;
}
.intro_lead_txt {
	margin: 0 0 0 40px;
}
.intro_lead_txt1 {
	margin: 25px 0 40px;
	font-size: 5.5rem;
	font-weight: 500;
}
.intro_lead_txt1 span {
	position: relative;
}
.intro_lead_txt1 span::before {
	content: attr(data-ruby);
	position: absolute;
	top: -.3em;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-size: .3em;
}
.intro_lead_txt1 rt {
	display: none;
}
.intro_lead_txt2 {
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 2;
}
.intro_lead_txt3 {
	margin: 0 0 40px;
	font-size: 2.0rem;
	font-weight: 900;
	line-height: 2.2;
}
.intro_lead_txt4 {
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 2.2;
}
.intro_lead_txt4 span {
	font-size: 3.2rem;
}
.intro_lead_txt5 {
	font-size: 3.2rem;
	font-weight: 900;
}
.intro_lead_txt5 span {
	font-size: 4.0rem;
}

.intro_mobomoga {
	position: relative;
	padding: 70px 90px 70px;
	margin: -40px 0 0;
	z-index: 1;
}
.intro_mobomoga_word {
	font-size: 1.8rem;
	font-weight: 900;
}
.intro_mobomoga_desc {
	margin: 7px 0 0;
	font-size: 1.5rem;
	line-height: 1.8;
}
.intro_mobomoga_en {
	position: absolute;
	top: 70%;
	opacity: .6;
	font-size: 7.2rem;
	font-weight: 200;
}


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     ストーリーコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.story {
	background-image: url(/books/mobomoga/img/bg/bg.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.ctt_story {
	position: relative;
	padding: 180px 90px 100px;
	margin: -60px 0 0;
}
.story_wrap {
	margin: 0 0 0 60px;
}
.story_watch_img {
	position: absolute;
	bottom: 150px;
	right: 150px;
}
.story_outline {
	position: relative;
}
.story_outline1 {
	font-size: 2.6rem;
}
.story_outline2 {
	margin: 40px 0;
	font-size: 1.6rem;
	line-height: 2;
}
.story_outline3 {
	font-size: 3.2rem;
	line-height: 1.8;

}

.story_legend {
	position: relative;
	width: 450px;
	padding: 50px 40px;
	margin: 200px 0 0;
}
.story_legend_word {
	font-size: 2.8rem;
}
.story_legend_desc1 {
	margin: 20px 0 40px;
	font-size: 2.0rem;
	line-height: 2;
}
.story_legend_desc2 {
	font-size: 1.5rem;
	line-height: 2.5;
}


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     キャラクターコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.ctt_character {
	position: relative;
	padding: 100px 90px;
}
.character_wrap {
	margin: -35px 0 0 10px;
}
.character_bg {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0) skewX(-25deg);
	z-index: 0;
	animation: 150s linear infinite bg_move;
	transition: 2s ease;
}
@keyframes bg_move {
0% { transform: translate(-45%, 0) skewX(-25deg); }
50% { transform: translate(-55%, 0) skewX(-25deg); }
100% { transform: translate(-45%, 0) skewX(-25deg); }
}


/*キャラクターナビ*/
.nav_btn {
	position: relative;
	margin: 0 10px;
//	cursor: pointer;
}
.nav_btn::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 83%;
	bottom: 0;
	left: 0;
	opacity: 1;
	transition: 1s ease-out opacity;
}
.nav_mitta::before {background-color:#75c71e;}
.nav_keki::before {background-color:#e34c22;}
.nav_nijie::before {background-color:#ffaf0f;}
.nav_shohei::before {background-color:#4780b5;}
.nav_minami::before {background-color:#e55386;}
.nav_btn:hover::before {
	content: "";
	height: 0%;
	bottom: 83%;
	opacity: 0;
	transition: .25s ease-out,.05s ease-out .2s opacity;
}
.nav_btn img {
	position: relative;
}

/*キャラクター*/
.character_list {
	position: relative;
	width: 733px;
	height: 958px;
	margin: 60px auto;
}
.character_data {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/*
.character_word>span {
	position: absolute;
	width: 256px;
	height: auto;
	bottom: 40px;
	right: 90px;
	z-index: 1;
}
.character_figure>span {
	position: absolute;
	width: 394px;
	height: auto;
	top: 0;
	left: 280px;
	z-index: 2;
}
.chara_name>span {
	position: absolute;
	width: 315px;
	height: auto;
	top: 75px;
	left: 90px;
	z-index: 3;
}
.chara_desc {
	position: absolute;
	width: 100%;
	height: auto;
	top: 175px;
	left: 90px;
	z-index: 3;
}
.chara_comment {
	width: 19em;
	margin: 0 0 30px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
}
.chara_profile {
	position: relative;
	width: 100%;
	height: auto;
}
.chara_profile>span {
	position: absolute;
	width: 159px;
	height: auto;
}
*/

/*キャラクター別設定*/
#mitta .character_bg {background-color:#82cc33;}
#mitta .figure_mitta {display: block;}
#keki .character_bg {background-color:#e55d37;}
#keki .figure_keki {display: block;}
#nijie .character_bg {background-color:#feb626;}
#nijie .figure_nijie {display: block;}
#shohei .character_bg {background-color:#598cbc;}
#shohei .figure_shohei {display: block;}
#minami .character_bg {background-color:#e76391;}
#minami .figure_minami {display: block;}



/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     書籍コンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.books {
	position: relative;
	background-image: url(/books/mobomoga/img/bg/bg_pattern2.jpg);
	background-repeat: repeat;
}
.ctt_books {
	padding: 80px 90px;
}
.books_wrap {
	padding: 40px;
}
.books_lineup {
	padding: 0 0 40px;
}
.books_cover {
	width: 298px;
	height: auto;
	box-shadow: 5px 5px #000;
}
.books_data {
	margin: 0 0 0 60px;
}
.books_title {
	font-size: 2.6rem;
	font-weight: 500;
}
.books_details {
	margin: 20px 0;
	font-size: 1.6rem;
	line-height: 2;
}
.books_retailer a {
	display: block;
	padding: 15px 7rem 15px 15px;
	margin: 10px 0;
	font-size: 1.6rem;
	font-weight: 500;
	opacity: 1;
	background-image: url(/books/mobomoga/img/icon/arrowR.svg);
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 3rem;
	transition: .5s ease;
}
.books_retailer a:hover {
	opacity: .5;
	background-position: 97% center;
	text-decoration: none;
}
.books_author {
	display: inline-block;
	padding: 20px 0;
}
.books_author p {
	margin: 5px 0;
	font-size: 1.5rem;
}


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     スペシャルコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.ctt_special {
	padding: 80px 90px;
}
.special_wrap {
	padding: 5px 40px 40px;
}
.special_wrap>article {
	margin: 0 0 80px;
}
.special_wrap .ctt_title {
	margin: 0 0 5px;
}
.special_illust_txt {
	margin: 20px 0;
	font-size: 1.6rem;
	line-height: 1.8;
}
.special_illust_txt>span {
	font-size: 2.0rem;
}
.special_icon_list {
	-webkit-flex-wrap: wrap; flex-wrap: wrap;
	width: 800px;
}
.special_icon_list>li {
	width: 150px;
	height: 150px;
	margin: 0 10px 20px 0;
}
.special_cm {
}
.special_cm_link {
	position: relative;
	display: block;
	width: 600px;
	height: auto;
	margin: 5px 0 0;
}
.special_cm_play {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.special_trialreading_link {
	display: inline-block;
	width: 490px;
	margin: 5px 0 0;
}


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Footer Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.footerWrap {
	position: relative;
	background-attachment: fixed;
	background-size: cover;
}
.ctt_footer {
	-webkit-justify-content: space-between; justify-content: space-between;
	-webkit-align-items: center; align-items: center;
	width: 480px;
	margin: auto;
	padding: 150px 0;
}
.pagetop {
	position: fixed;
	width: 40px;
	height: 120px;
	bottom: 2%;
	right: 2%;
	z-index: 99;
}
.pagetop .pt1 {
	position: relative;
	top: 15px;
	-webkit-transition:.2s ease-out;transition:.2s ease-out;
}
.pagetop .pt1:hover {
	top: 5px;
}
.footer_mobomoga {
	font-size: 4.3rem;
	font-weight: 200;
	letter-spacing: 10px;
}
/*social*/
.socialList {
	display: -webkit-flex; display: flex;
}
.socialList>li {
	margin: 0 20px 10px 0;
}
.socialList>li>a {
	display: block;
	width: 25px;
	height: 25px;
}
/*banner*/
.bannerList {
}
.bannerList li {
	display: block;
	margin: 25px 0;
}
.bannerList li a {
	display: block;
}
.ka_esumabunko a {
	width: 112px;
	height: 18px;
}
.kyotoanimation a {
	width: 160px;
	height: 20px;
}
.copyright {
	font-size: 1.2rem;
}








/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Media Screen     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
/*          SP          */
@media screen and (max-width:767px) {

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Site Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
/*          Site Contents          */
	
/*　コンテンツ　*/
	.head_line {
		width: 18px;
	}
	.head_img {
		width: 18px;
	}
	
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Header Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
	.lower_logo svg {
		height: 8vw;
	}
/*Navigation Button*/
	.navigationBtn {
		width: 18vw;
		height: 16vw;
	}
	.naviBtn span {
		height: 0.5vw;
	}
	.show .naviBtn .naviBtn1 {
		-webkit-transform: translateY(3vw) rotate(-45deg);
		        transform: translateY(3vw) rotate(-45deg);
	}
	.show .naviBtn .naviBtn3 {
		-webkit-transform: translateY(-3vw) rotate(45deg);
		        transform: translateY(-3vw) rotate(45deg);
	}
/*Navigation*/
	.navigationWrap {
		width: 100%;
	}
	.navigationList>li>a {
		font-size: 6vw;
	}
	.navigationList>li>a::before {
		padding: 0 10px 0 0;
	}
	
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     インフォメーションコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
	.catchphrase_img {
		position: relative;
		width: 55%;
		height: auto;
		left: 0;
		margin: auto;
		padding: 10% 0 5%;
	}
	.catchphrase_img>div {
		position: relative;
	}
	.catchphrase_mask img {
		background-image: none;
	}
	
/*トピックス*/
	.ctt_topics {
		padding: 0 0 5%;
	}
	.ctt_topics li {
		padding: 10px 20px;
	}
	.topics_row2 {
		display: block;
		padding: 0;
	}
	.topics_row2 li {
		width: 100%;
	}

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     ニュースコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
	.news.section {
		padding: 5% 0;
	}
	.ctt_news {
		padding: 30px 20px;
	}
	.news_list {
		margin-left: 20px;
	}
	.news_list dt {
		font-size: 1.1rem;
	}
	.news_list dd {
		margin-left: 6.5em;
		font-size: 1.2rem;
	}
	
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     イントロダクションコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
	.ctt_introduction {
		padding: 60px 0 0;
	}
	.intro_lead_img {
		position: relative;
		width: 60%;
		min-width: 250px;
		height: 100%;
	}
	.intro_lead_txt {
		position: absolute;
		width: 80%;
		top: 84%;
		right: 0;
		margin: 0;
		padding: 5%;
		background: rgba(255, 255, 255, .95);
	}
	.intro_lead_txt1 {
		margin: 0 0 10%;
		font-size: 3.2rem;
	}
	.intro_lead_txt2 {
		font-size: 1.4rem;
	}
	.intro_lead_txt3 {
		margin: 0 0 7%;
		font-size: 1.4rem;
	}
	.intro_lead_txt4 {
		margin: 0 0 2%;
		font-size: 1.2rem;
		line-height: 1.8;
	}
	.intro_lead_txt4 span {
		font-size: 2.0rem;
	}
	.intro_lead_txt5 {
		font-size: 2.0rem;
	}
	.intro_lead_txt5 span {
		font-size: 2.8rem;
	}
	
	.intro_mobomoga {
		padding: 5% 0 6% 30px;
		margin: -7% 0 0 10%;
	}
	.intro_mobomoga .intro_lead_txt {
		position: relative;
		width: 95%;
		background: #2f3754;
		color: #2f3754;
	}
	.intro_mobomoga_word {
		font-size: 1.6rem;
	}
	.intro_mobomoga_desc {
		margin: 7px 20px 7px 0;
		font-size: 1.2rem;
	}
	.intro_mobomoga_en {
		top: 97%;
		opacity: 1;
		font-size: 2.7rem;
	}
	
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     ストーリーコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
	.ctt_story {
		padding: 30% 0 15% 20px;
		margin: -60px 0 0;
	}
	.story_wrap {
		margin: 0 0 0 20px;
	}
	.story_watch_img {
		width: 100%;
		max-width: 390px;
		height: auto;
		bottom: 6%;
		right: 0;
		left: -1%;
	}
	.story_outline {
		padding: 0 20px 0 0;
	}
	.story_outline1 {
		font-size: 2.2rem;
	}
	.story_outline2 {
		margin: 25px 0;
		font-size: 1.4rem;
	}
	.story_outline3 {
		font-size: 2.8rem;
	}
	
	.story_legend {
		width: 100%;
		padding: 30px 20px;
		margin: 30% 0 0;
	}
	.story_legend_word {
		font-size: 2.4rem;
	}
	.story_legend_desc1 {
		margin: 20px 0 30px;
		font-size: 1.7rem;
	}
	.story_legend_desc2 {
		font-size: 1.3rem;
	}
	
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     キャラクターコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
	.ctt_character {
		padding: 15% 20px;
	}
	.character_wrap {
		margin: 0 0 0 10px;
	}
	.character_nav {
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
		-webkit-justify-content: center; justify-content: center;
	}
	.nav_btn {
		width: 25%;
		margin: 10px;
	}
	.nav_btn.nav_mitta {
		margin: 0 10px 0 15%;
	}
	.nav_btn.nav_keki {
		margin: 0 15% 0 10px;
	}
	
	.character_list {
		position: relative;
		width: 110%;
		height: auto;
		margin: 60px 0 60px -9%;
	}
	.character_list::before {
		content: "";
		display: block;
		padding-top: 178%;
	}
	.character_data {
	}
	/*
	.character_data {
		width: 110%;
		height: 100%;
		margin: 30px 0 0 -10%;
	}
	.character_word>span {
		width: 34%;
		bottom: 0;
		right: 2%;
		top: 17%;
	}
	.character_figure>span {
		width: 60%;
		top: 4%;
		left: -11%;
		right: 0;
		margin: auto;
	}
	.chara_name>span {
		width: 15%;
		top: 2%;
		left: 10%;
	}
	.chara_desc {
		position: relative;
		top: 0;
		left: 0;
	}
	.chara_comment {
		width: 100%;
		margin: 0 0 5%;
		font-size: 1.4rem;
	}
	.chara_profile::before {
		content: "";
		display: block;
		padding-top: 28%;
	}
	.chara_profile>span {
		width: 100%;
		top: 0;
		left: 0;
	}
	*/
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     書籍コンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
	.ctt_books {
		padding: 15% 20px;
	}
	.books_wrap {
		padding: 0 20px;
	}
	.books_lineup {
		display: block;
		padding: 0 0 20px;
	}
	.books_cover {
		width: 100%;
	}
	.books_data {
		margin: 7% 3%;
	}
	.books_retailer a {
		font-size: 1.4rem;
	}
	.books_author p {
		margin: 5px 0;
		font-size: 1.4rem;
	}
	.books_author {
		padding: 10px 3%;
	}

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     スペシャルコンテンツ     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
	.ctt_special {
		padding: 15% 20px;
	}
	.special_wrap {
		padding: 5% 20px 0;
	}
	.special_icon_list {
		width: 100%;
	}
	.special_icon_list>li {
		width: 28%;
		height: auto;
		margin: 0 4% 4% 0;
	}
	.special_cm {
		margin: 0 0 10%;
	}
	.special_cm_link {
		width: 100%;
	}
	.special_trialreading_link {
		width: 100%;
	}

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Footer Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
	.footerWrap {
		background-image: url(/books/mobomoga/img/bg/_sp_bg.jpg);
	}
	.ctt_footer {
		width: 80%;
		padding: 20% 0;
	}
	.pagetop {
		width: 35px;
		height: 106px;
		bottom: 1%;
		right: 3%;
	}
	.footer_mobomoga {
		width: 50%;
		font-size: 6vw;
	}
	.footer_wrap {
		width: 50%;
	}
	.socialList>li {
		margin: 0 15px 5px 0;
	}
	.socialList>li>a {
	}
	.bannerList li {
		margin: 10px 0;
	}
	.ka_esumabunko a {
		width: 100%;
		max-width: 110px;
		height: auto;
	}
	.kyotoanimation a {
		width: 100%;
		max-width: 150px;
		height: auto;
	}
	
	
	
}

/*          PC          */
@media screen and (min-width:768px) {
/*          Site Contents          */
	#siteWrap {
		min-width: 1200px;
	}
	/*--  横幅サイズ  --*/
	.ctt_w200 {width: 200px;margin: auto;}
	.ctt_w300 {width: 300px;margin: auto;}
	.ctt_w400 {width: 400px;margin: auto;}
	.ctt_w600 {width: 600px;margin: auto;}
	.ctt_w800 {width: 800px;margin: auto;}
	.ctt_w900 {width: 900px;margin: auto;}
	.ctt_w1000 {width: 1000px;margin: auto;}
	.ctt_w1200 {position: relative;width: 1200px;margin: auto;}
	
	.footerWrap {
		background-image: url(/books/mobomoga/img/bg/bg.jpg);
	}
}