@charset "UTF-8";
/* * * * * * * * * * * * * * * * * *
 smart_naka.css
* * * * * * * * * * * * * * * * * */
font {
    font-size: 24px;
}
/* common
--------------------------------- */
section.title {
	padding: 60px 0 15%;
	text-align: center;
}

h2.page_title strong {
	font-size: 60px;
}
h2.page_title small {
	font-size: 24px;
	margin-top: 20px;
}
h2.page_title small.noSP {
	display: none;
}

p.txt_lead {
	padding: 0 30px;
}
p.txt_lead_sp {
	font-weight: bold;
	color: #114B60;
}

/* pageNav */
ul#pan {
	display: none;
}
p.btn_back {
	background: #E6EFF4;
	padding: 60px 70px;
}
p.btn_back a {
	display: block;
	background: #FFF;
	color: #114B5F;
	font-weight: bold;
	padding: 20px 25px;
	font-size: 32px;
}
p.btn_back a span {
	display: block;
}

/* searchBox */
.searchBox {
	margin-bottom: 30px;
	padding: 0 25px;
}

.searchBox .parts {
	float: none;
	width: 100%;
}
.searchBox .parts + .parts {
	margin-top: 20px;
}

.searchBox input#keyword,
.searchBox select {
	background: url(../img/common/icon_search.png) 10px center no-repeat rgba(255,255,255,.7);
	border: 2px solid #000;
	height: 70px;
	line-height: 66px;
	padding: 0 20px 0 50px;
	font-size: 34px;
}

.searchBox select {
	background: url(../img/common/bg_select.png) right 15px top 50% no-repeat rgba(255,255,255,.7);
	padding: 0 50px 0 20px;
}


/* daily fortune(omikuji)
--------------------------------- */
#omikuji section.omkj {
	margin-top: -30px;
}
#omikuji section.omkj p.omikuji {
	margin-top: -80px;
}
section.omkj p.omikuji {
	width: 413px;
	margin: 0 auto 40px;
}

section.box + .box {
	margin-top: 80px;
}

ul.charaList {
	border-top: 1px solid #e3e3e3;
}
ul.charaList li {
	border-bottom: 1px solid #e3e3e3;
	padding: 25px;
}

ul.charaList li .detail .name {
	border-bottom: 2px solid #114B60;
}
ul.charaList li .detail .name h3 {
	font-weight: bold;
	font-size: 34px;
}
ul.charaList li .detail .name h3 span {
	color: #FFF;
	background: #4fc2f8;
	padding: 2px 10px;
	font-size: 30px;
}
ul.charaList li .detail p {
	margin-bottom: 15px;
}

p.button a {
	font-size: 26px;
	min-width: 420px;
	background-size: 13px auto;
}
p.btn_voice a:before {
	border: 10px solid transparent;
	border-left: 15px solid #FFF;
}
.charaList p.credit {
	padding: 25px;
}

.result_voice {
	padding: 0 25px;
}

section.content {
	padding-top: 30px;
}

p.movie {
	padding: 0 25px;
}

body.naka ul.newsList {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

ul.pager {
	padding-top: 60px;
}
ul.pager li {
	padding: 0 2px;
}
ul.pager li a {
	width: 50px;
	height: 50px;
	line-height: 50px;
}



/* article
--------------------------------- */
article.article {
	border: 0;
}

article.article .title {
	padding: 35px 25px 25px;
}
article.article .title p.date {
	font-size: 28px;
	letter-spacing: 2px;
	line-height: 30px;
}

article.article .title p.data {
	line-height: 28px;
}
article.article .title p.data span.fav {
	font-size: 28px;
	background-size: 32px auto;
}
article.article .title p.data span.class {
	font-size: 24px;
}

article.article .title h2 {
	font-weight: bold;
	font-size: 32px;
	padding: 20px 0;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	margin-top: 20px;
}

article.article .txts {
	font-size: 26px;
}
article.article .txts h3 {
	margin-bottom: 30px;
	font-size: 30px;
}
article.article .txts h3:before {
	content: "■";
	color: #39DAD4;
}

div.alert {
	padding: 60px 20px;
	margin-top: 30px;
	text-align: center;
}
div.alert h3 {
/* 	padding-top: 125px; */
	margin-bottom: 50px;
	font-size: 30px;
}

div.alert p.note,
div.alert p.agree {
	font-size: 26px;
	margin-bottom: 30px;
}
div.alert p.agree {
	margin-bottom: 40px;
}
div.alert p.agree input,
#login #conf {
	width: 28px;
	height: 28px;
	margin-right: 10px;
}
div.alert p.agree a {
	text-decoration: underline;
	color: #33AED7;
}

div.alert ul.loginBtn {
	width: 560px;
	max-width: 100%;
	margin: 0 auto;
}
ul.loginBtn li + li {
	margin-top: 20px;
}
ul.loginBtn li a {
	font-weight: bold;
}

ul.tagList {
	padding: 40px;
}
ul.tagList li {
	font-size: 28px;
	padding-left: 32px;
	margin-right: 30px;
}


.subBox {
	margin-top: 65px;
}

.recommend ul.newsList {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}


/* article.page
--------------------------------- */
body#drama article.page {
	padding: 0 3%;
}

article.page .page_head h3 {
	font-size: 36px;
}
article.page .share h4 {
	font-size: 120%;
}

body#novel article.page .page_head,
body#novel article.page .txts p.txt,
body#comic article.page .page_head,
body#comic article.page .txts p.txt {
	padding: 0 3%;
}
body#novel article.page .txts{
	text-align: left;
	padding: 0 3%;
	font-size: 28px;
	line-height: 1.9;
}
body#novel article.page .txts img{
	width: 100%;
	height: auto;
}

#main .pageBtn a {
	padding: 15px 25px;
	font-size: 34px;
	margin: 0 2px;
}
#main .pageBtn a.btn_list {
	padding: 15px 50px;
}


/* imagelist
--------------------------------- */
.imageWrap > .slider > div {
	height: 900px;
	line-height: 900px;
}
.imageWrap > .slider > div img {
	max-height: 900px;
}
.imageWrap > .slider > div span.fav {
	right: 25px;
	bottom: 25px;
	font-size: 58px;
	padding-left: 65px;
	background-size: 60px auto;
}

.alertWrap {
	height: 900px;
}
.alertWrap > div {
	padding: 0 50px;
}
.alertWrap > div > .alert {
	box-shadow: 0 0 7px rgba(0,0,0,.3);
}

.slider-nav .slick-slide img {
	width: 100%;
}

.slider-nav .slick-slide span.fav {
	font-size: 24px;
}

button.slick-arrow {
	display: none!important;
}


/* seiyu
--------------------------------- */
/* pickup */
section.pickup {
	background: #FFF;
	border: 0;
	margin-bottom: 30px;
	position: relative;
}

section.pickup p.img {
	width: 50%;
	box-sizing: border-box;
	padding: 30px 0 30px 25px;
	position: relative;
}
section.pickup p.img:before {
	width: 114px;
	height: 114px;
	left: 25px;
	top: 30px;
}

section.pickup .detail {
	width: 46%;
	padding: 25px 30px 60px 0;
	font-size: 24px;
}

ul.point {
	font-size: 26px;
	line-height: 1.4;
}
ul.point > li + li {
	margin-top: 20px;
}
ul.point ul {
	margin-top: 20px;
	padding-bottom: 20px;
}
ul.point p {
	margin-top: 20px;
}

section.pickup p.btn_detail {
	right: 25px;
	bottom: 20px;
}
section.pickup p.btn_detail a {
	padding-right: 30px;
	background-size: 17px auto;
}
section.pickup p.btn_detail a:hover {
	color: #333;
}


/* seiyuList */
.seiyu_list {
	margin-top: 5px;
}

ul.seiyuList {
	margin: 0 -4px -6px;
	padding: 0 25px 20px;
}
ul.seiyuList li {
	padding: 0 4px 8px;
}

ul.seiyuList li a p.name {
	height: 60px;
	line-height: 60px;
	font-size: 24px;
}
ul.seiyuList li a:hover p.thum img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
ul.seiyuList li a:hover p.name {
	color: #333;
}

.seiyu_list .btn {
	padding: 10px 25px 0;
}
.seiyu_list .btn a:before {
	font-size: 40px;
	right: 40px;
}

/* seiyu_prof */
.seiyu_prof {
	border: 0;
	padding-top: 10px;
}

.seiyu_prof h2.page_title {
	margin-bottom: 25px;
}

.seiyu_prof p.img {
	text-align: center;
	margin-bottom: 30px;
}
.seiyu_prof p.img img {
	width: 600px;
}

.ttl_b {
	border-bottom: 4px solid #000;
	font-size: 42px;
}



/* mypage
--------------------------------- */
body#mypage h2.page_title {
	font-size: 35px;
}
section.profile,
section.edit {
	border: 0;
}

section.profile {
	padding: 30px 35px;
	margin-bottom: 0;
	position: relative;
}
section.profile:before,
body#login #main div.l:before {
	content: "";
	display: block;
	width: 100%;
	height: 9px;
	position: absolute;
	left: 0;
	bottom: -9px;
	background: url(../img/common/bg.png) center top repeat;
	z-index: 1;
}
section.profile .l {
	width: 48%;
}

section.profile .r {
	width: 46%;
	padding-top: 90px;
	padding-bottom: 50px;
}

section.profile p.name {
	font-size: 50px;
}


dl.formList dt {
	font-size: 26px;
}
dl.formList dd input {
	height: 88px;
	line-height: 88px;
	padding: 0 25px;
	font-size: 34px;
}
dl.formList dd + dt {
	margin-top: 30px;
}

p.btn_arrow a {
	padding-right: 25px;
	background-size: 17px auto;
	font-size: 25px;
}
p.btn_arrow a:hover {
	color: #333;
}

p.btn_w {
	margin-bottom: 80px;
}
p.btn_w a {
	background-size: 20px auto;
	border-left: 0;
	border-right: 0;
	height: 120px;
	line-height: 120px;
}
p.btn_w a.menu_p:after {
	content: "Premium";
	width: auto;
	padding: 2px 10px;
	letter-spacing: .5px;
}
.btn_fav:before {
	width: 54px;
	height: 42px;
}


/* login
--------------------------------- */
body#login #main div.box {
	border: 0;
	width: auto;
	float: none;
	padding: 25px 40px 80px;
	position: relative;
}

body#login #main div.box h2.page_title {
	font-size: 30px;
	margin-bottom: 40px;
}

body#login #main div.box + .box {
	margin-bottom: 80px;
}

ul.snsLogin {
	padding-top: 0;
	padding: 0 30px;
}

ul.snsLogin li span {
	font-size: 32px;
	font-weight: 400;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-size: 40px 40px;
}

body#login button.btn {
	width: 94%;
	margin: 0 auto;
}