@charset "utf-8";

/* 選択時カラー変更 */
::selection { color: #000; background:#fff100; }
::-moz-selection { color: #000; background:#fff100; }

/* マージン・パディング設定 */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }

/***** リンク *****/
/*テキスト*/
a { color: #333; }
a:hover { color: #ccc;}
/* イメージ */
a img {
 opacity: 1;
 -webkit-transition: all .2s ease;
 -moz-transition: all .2s ease;
 -o-transition: all .2s ease;
 transition: all .2s ease;
}
a img:hover{
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha(opacity=60)";
}

/* ライン設定 */
.border_top { border-top: solid 1px #eee; }
.border_btm { border-bottom: solid 1px #eee; }

/* clearfix関係 */
.cf:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.cf { min-height: 1px; }

/* 共通プルダウンセレクトボタン */
.dropdown {
 position: absolute;
 top: 0; right: 13px;
}
.dropdown select {
 -webkit-appearance: button;
 -moz-appearance: button;
 appearance: button;
 text-indent: 1em;
 background: #fff url(../img/down.png) no-repeat;
 background-position: right 15px center;
 width: 150px; height: 40px;
 line-height: 40px;
 font-size: 14px;
 vertical-align: middle;
 border: 1px solid #888;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 cursor: pointer;
}
.dropdown select:hover {
 opacity: 0.3;
}
.dropdown select option { color: #000; }
@-moz-document url-prefix() { /* for firefox */
 .dropdown select {
  background: none;
  background-color: #fff;
  text-indent: 5px;
 }
}
/*
.dropdown form label {
 position: relative;
 display: block;
 width: 100px;
 border: 1px solid #999;
 border-radius: 5px;
 background: #fff;
}
.dropdown form label:before {
 content: "";
 position: absolute;
 top: 50%; right: 10px;
 display: block;
 width: 0; height: 0;
 margin: -2px 0 0 0;
 border: 5px solid transparent;
 border-top: 7px solid #999;
}
.dropdown form select {
 cursor: pointer;
 position: relative;
 -webkit-appearance: none;
 appearance: none;
 display: block;
 width: 100px; height: 40px;
 padding: 0em 1em;
 font-size: 14px;
 color: #999;
 border: none;
 border-radius: 5px;
 background: transparent;
}
.dropdown form.support label,
.dropdown form.support select { width: 180px; }
::-ms-expand {
 display: none;
}
*/

/***** レイアウト *****/
body {
 min-width: 1020px;
 font-family: "メイリオ",Meiryo,Verdana,Arial,Helvetica,'MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック', sans-serif;
}

body.black {
 background: #222;
 color: #fff;
}
body.black footer {
 color: #000;
}

.inner {
 position: relative;
 width: 996px;
 padding: 0 12px;
 margin: 0 auto;
}


/***** ヘッダー箇所 *****/
header {
 position: relative;
 height: 60px;
 background: #515254;
}
header .menu-btn { display: none; }
header .logo {
 margin-left: 20px;
}
header .batch {
 position: absolute;
 margin: 12px 0 0 12px;
}
header h1 {
 position: absolute;
 top: 22px; left: 380px;
 font-size: 13px;
 color: #fff;
}


/***** キービジュアル箇所 *****/
.slide a img:hover{ opacity: inherit; }
#slider { border-bottom: solid 1px #ddd; }
#slider .container,
#keyvisual .container {
 width: 1020px; height: auto;
 margin: 0 auto;
}
#keyvisual {
 margin: 20px 0;
}
#keyvisual img.base {
 width: 1018px; height: auto;
 border: solid 1px #333;
}
#keyvisual .logo {
 position: absolute;
 right: 20px; bottom: 20px;
}

/***** 曜日切り替え箇所 *****/
#day_nav {
 height: 76px;
 border-bottom: solid 1px #ddd;
 margin-bottom: 20px;
}
#day_nav ul { list-style: none; }
#day_nav ul li {
 float: left;
 margin: 12px 12px 0 0;
}
#day_nav ul li a {
 position: relative;
 display: block;
 width: 78px; height: 48px;
 text-align: center;
 text-decoration: none;
 color: #fff;
 font-weight: bold;
 line-height: 50px;
 background: url(../../inc/img/btn_bg_off.gif) left top;
 border: 1px solid #888;
 border-radius: 5px;
}
#day_nav ul li a:hover,
#day_nav ul li a.bunch:hover,
#day_nav ul li a.gogobunch:hover,
#day_nav ul li a.bunchweb:hover,
#day_nav ul li a.bbunch:hover {
 background: #555;
}
#day_nav ul li a.bunch,
#day_nav ul li a.gogobunch,
#day_nav ul li a.bunchweb,
#day_nav ul li a.bbunch {
 background: url(../../inc/img/btn_bg_off.gif) left top;
 text-indent: -9999px;
}
#day_nav ul li a.bunch p {
 background: url(../../inc/img/day_bunch_off.png) no-repeat 5px 10px;
}
#day_nav ul li a.gogobunch p {
 background: url(../../inc/img/day_gogobunch_off.png) no-repeat 5px 10px;
}
#day_nav ul li a.bunchweb p {
 background: url(../../inc/img/day_bunchweb_off.png) no-repeat 5px 10px;
}
#day_nav ul li a.bbunch p {
 background: url(../../inc/img/day_bbunch_off.png) no-repeat 5px 10px;
}
#day_nav ul li.active a.bunch p {
 background: url(../../inc/img/day_bunch_on.png) no-repeat 5px 10px;
}
#day_nav ul li.active a.gogobunch p {
 background: url(../../inc/img/day_gogobunch_on.png) no-repeat 5px 10px;
}
#day_nav ul li.active a.bunchweb p {
 background: url(../../inc/img/day_bunchweb_on.png) no-repeat 5px 10px;
}
#day_nav ul li.active a.bbunch p {
 background: url(../../inc/img/day_bbunch_on.png) no-repeat 5px 10px;
}
#day_nav ul li a.bunch p,
#day_nav ul li a.gogobunch p,
#day_nav ul li a.bunchweb p,
#day_nav ul li a.bbunch p,
#day_nav ul li.active a.bunch p,
#day_nav ul li.active a.gogobunch p,
#day_nav ul li.active a.bunchweb p,
#day_nav ul li.active a.bbunch p {
 background-size: 70px 30px;
}

#day_nav ul li.active a,
#day_nav ul li.active a.bunch,
#day_nav ul li.active a.gogobunch,
#day_nav ul li.active a.bunchweb,
#day_nav ul li.active a.bbunch,
#day_nav ul li.active a.bunch:hover,
#day_nav ul li.active a.gogobunch:hover,
#day_nav ul li.active a.bunchweb:hover,
#day_nav ul li.active a.bbunch:hover {
 color: #000;
 border: solid 1px #e8db00;
 background: url(../../inc/img/btn_bg_on.gif);
}

/* コンテナ */
#container {
 position: relative;
 margin-bottom: 20px;
}
#container h2 {
 font-size: 24px;
 font-weight: bold;
 line-height: 48px;
 margin: 20px 0 12px;
}
#container h2 span {
 color: #888;
 font-weight: normal;
}
#container h2 span.defalt {
 margin-left: 12px;
 font-size: 16px;
 color: #888;
 font-weight: normal;
}
#container ul.sns {
 position: absolute;
 right: 12px; top: 0;
}
#container ul.sns li {
 float: left;
 margin-left: 10px;
}


/********** バナーエリア箇所 **********/
#banner_area ul {
 margin-left: -12px;
}
#banner_area ul li {
 float: left;
 position: relative;
 margin-left: 12px;
 margin-bottom: 12px;
}
#banner_area ul li img {
 width: 100%; height: auto;
 border: solid 1px #333;
 margin: -1px;
}


/********** パンくず **********/
body.black #crumb ol li,
body.black #crumb ol li a {
 color: #fff;
}
body.black #crumb ol li a:hover { color: #999; }
#crumb {
 position: relative;
 height: 60px;
 font-size: 14px;
}
#crumb ol { padding: 20px 0 0 10px; }
#crumb ol li {
 display: inline;
 list-style-type: none;
}
#crumb ol li:before { content: " > "; }
#crumb ol li:first-child:before { content: ""; }
/*back to top*/
#crumb .backto {
 position: absolute;
 right: 20px; top: 20px;
}
#crumb .backto img { width: 80px; height: auto; }


/********** フッターエリア **********/
footer {
 padding: 20px 0;
 border-top: solid 1px #e8db00;
 background: #fff100;
}
footer img.logo { margin-bottom: 20px; }
footer ol {
 margin-bottom: 20px;
 font-size: 14px;
}
footer ol li,
footer ul li {
 display: inline;
 list-style-type: none;
}
footer ol li { margin-right: 20px; }
footer ol li a { color: #000; }
footer ul { margin-bottom: 40px; }
footer ul li { margin-right: 5px; }
footer ul li a img { width: 40px; height: auto; }
footer p, small { font-size: 12px; }
footer .twtter {
 position: absolute;
 right: 10px; top: 0;
 width: 400px;
}

/********** 共通　他ボタン **********/
.another_btn {
 position: absolute;
 top: 0; right: 180px;
 width: 150px; line-height: 40px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 color: #000;
 background: #fff100;
 text-align: center;
}


/********** トップページ用 **********/
.content_wrap { margin-left: -12px; }
.content_wrap h2 {
 padding-left: 12px;
}
.content_wrap dl {
 position: relative;
 float: left;
 width: 240px;
 margin: 0 0 20px 12px;
}
.content_wrap dl dt span {
 position: absolute;
 top: 0; left: 0;
 padding: 5px 10px;
 font-size: 12px;
 font-weight: bold;
 background: #fff100;
 border-bottom-right-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-bottom-right-radius: 5px;
 z-index: 999;
}
body.black .content_wrap dl dt span {
 color: #000;
}
.content_wrap dl dt img {
 width: 100%; height: auto;
 margin: -1px;
 border: solid 1px #333;
}
.content_wrap dl dd.title {
 margin-top: 10px;
 font-size: 14px;
 font-weight: bold;
 line-height: 14px;
 margin-bottom: 4px;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
.content_wrap dl dd.author {
 font-size: 11px;
 color: #999;
 line-height: 11px;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}


/********** 作品ページ **********/
#comics h3 {
 margin: 20px 0;
 font-size: 14px;
}
#comics h4,
#comics h5 {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 10px;
}
#comics p {
 font-size: 14px;
 margin-bottom: 20px;
}
.backnumber { margin-bottom: 10px; }
.backnumber h5 span {
 margin-left: 20px;
 font-weight: normal;
 color: #888;
}
.backnumber ul { margin-left: -14px; }
.backnumber ul li {
 float: left;
 position: relative;
 width: 156px; line-height: 76px;
 border: solid 2px #000;
 margin: 0 0 12px 12px;
 text-align: center;
 box-sizing: border-box;
}
.backnumber ul li span {
 position: absolute;
 top: 4px; left: 0px;
 background: #fff100;
 font-size: 11px;
 line-height: 11px;
 padding: 10px 5px;
 color: #000;
 font-weight: bold;
 border-top-right-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 -moz-border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-bottom-right-radius: 5px;
}
.backnumber ul li a {
 display: block;
}
.backnumber ul li:hover { border: solid 2px #999; }

body.black .backnumber ul li { border: solid 2px #fff; }
body.black .backnumber ul li a { color: #fff; }
body.black .backnumber ul li a:hover { color: #999; }
body.black .backnumber ul li:hover { border: solid 2px #999; }

/* コメント箇所 */
#comment {
 padding: 20px 0;
 margin-bottom: 20px;
 border-top: solid 1px #eee;
 border-bottom: solid 1px #eee;
}
body.black #comment {
 border-top: solid 1px #555;
 border-bottom: solid 1px #555;
}
#comment_all {
 position: relative;
 margin-top: 20px;
}
#comment h5,
#comment_all h5{
 font-weight: bold;
 margin-bottom: 10px;
}
#comment h5 span {
 font-weight: normal;
 border-left: solid 1px #999;
 margin-left: 10px;
 padding-left: 10px;
}
#comment h5 span:before {
 content:"★";
 color: #ff3d5d;
 font-size: 16px;
 margin-right: 4px;
}
#comment p {
 margin-bottom: 20px;
 font-size: 14px;
 color: #999;
}
#comment dl,
#comment_all dl { margin-bottom: 20px; }
#comment dl dt,
#comment_all dl dt {
 font-size: 12px;
 color: #888;
}
#comment dl dd,
#comment_all dl dd { font-size: 14px; }
#comment .btn {
 font-size: 14px;
 text-decoration: underline;
}
body.black #comment .btn { color: #fff; }
#comment .posting {
 position: absolute;
 top: 0; right: 12px;
 padding: 5px 10px;
 font-size: 13px;
 border: solid 2px #888;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
#comment .posting:hover { border: solid 2px #ccc; }
body.black #comment .posting {
 border: solid 2px #fff;
 color: #fff;
}
body.black #comment .posting:hover {
 border: solid 2px #999;
 color: #999;
}
#comment form {
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-bottom: solid 1px #eee;
}
#comment form textarea {
 margin: 20px 0 10px;
 width: 974px; height: 8em;
 padding: 10px;
 font-size: 16px;
 text-align: left;
 resize: none;
}
#comment form input {
 position: relative;
 left: 50%; margin-left: -170px;
 width: 340px; height: 50px;
 font-size: 14px;
 background: none;
 border: solid 2px #888;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 cursor: pointer;
}
body.black #comment form input {
 border: solid 2px #fff;
 color: #fff;
}
#comment form input:hover {
 border: solid 2px #ccc;
 color: #ccc;
}

/* 発売中コミックス箇所 */
.comics { margin: 0 0 0 -12px; }
.comics h5 {
 font-weight: bold;
 margin-bottom: 10px;
 margin-left: 12px;
}
.comics .more {
 position: absolute;
 top: 0; right: 12px;
 font-size: 14px;
 color: #999;
}
.comics dl {
 float: left;
 margin: 0 0 12px 12px;
}
.comics dl dt {
 width: 156px; height: auto;
 margin-bottom: 10px;
}
.comics dl dt img { width: 100%; height: auto; }
.comics dl dd {
 font-size: 12px;
 line-height: 12px;
 color: #555;
}

/* もっとみる内容 */
#more_comics {
 margin: 20px 0 0 -12px;
}
#more_comics h2 { margin-left: 12px; }
#more_comics dl {
 float: left;
 margin: 0 0 12px 12px;
}
#more_comics dl dt {
 width: 156px; height: auto;
 margin-bottom: 10px;
}
#more_comics dl dt img { width: 100%; height: auto; }
#more_comics dl dd {
 font-size: 12px;
 line-height: 12px;
 color: #555;
}


/********** 漫画プレビュー **********/
.manga {
 text-align: center;
 padding-top: 40px;
 background: #ccc;
}
.manga .inner {
 width: 640px;
}
.manga .title {
 position: relative;
 margin-bottom: 30px;
 text-align: left;
}
.manga .title h2 {
 font-size: 24px;
 font-weight: bold;
}
.manga .title h3, .manga .title h4 { font-size: 16px; }
.manga .view {
 width: 910px;
 margin: 0 auto;
}
.manga .view img {
 margin-bottom: 40px;
}
.manga .footer p { margin-bottom: 30px; }
.manga .footer ul { font-size: 0px; }
.manga .footer ul li {
 display: inline-block;
 margin: 0 10px;
}
.manga .footer ul.btn { margin-bottom: 20px; }
.manga .footer ul.btn li a,
.manga .footer a.comics {
 display: block;
 width: 180px; line-height: 50px;
 border: solid 2px #333;
 text-align: center;
 color: #333;
 font-size: 14px;
 background: #fff;
}
.manga .footer ul.sns { padding: 40px 0; }
.manga .footer ul.btn li.back a { background: #fff100;}
.manga .footer a.comics { margin: 0 auto; }
.manga .footer ul.btn li a:hover,
.manga .footer a.comics:hover { color: #999; }

/********** 応援団ページ用 **********/
#support p {
 margin-bottom: 30px;
 font-size: 14px;
}
#support h3 {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 20px;
}
#support .benefits {
 padding: 20px;
 margin-bottom: 20px;
 background: #eee;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
#support .benefits ul {
 float: left;
 width: 40%;
 margin-right: 2%;
}
#support .benefits ul li {
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: bold;
}
#support .benefits ul li:before {
 content: "◯";
 margin-right: 5px;
}
#support .benefits ul li.attention {
 list-style: none;
 font-size: 12px;
 font-weight: normal;
}
#support .benefits ul li.attention:before {
 content: "※";
 marker-offset: 10px;
}
#support .benefits ol {
 list-style: none;
}
#support .benefits ol li {
 float: left;
 width: 25%;
}
#support .benefits ol li img {
 width: 100%; height: auto;
}
#support .left { float: left; width: 50%; }
#support .right { float: right; width: 50%; }
#support .bookstore {
 margin-bottom: 20px;
}
#support .bookstore h4 {
 margin-bottom: 5px;
 font-weight: bold;
}
#support .bookstore dl {
 border: solid 1px #eee;
 border-top: none;
 width: 98%;
 font-size: 13px;
}
#support .bookstore dl dt {
 clear: both;
 float: left;
 width: 10em;
 border-top: solid 1px #eee;
 padding: 5px 0 5px 5px;
}
#support .bookstore dl dd {
 margin-left: 10em;
 border-top: solid 1px #eee;
 border-left: solid 1px #eee;
 padding: 5px 0 5px 5px;
}
#support .bookstore ul {
 border: solid 1px #eee;
 border-bottom: none;
 width: 98%;
 font-size: 13px;
}
#support .bookstore ul li {
 border-bottom: solid 1px #eee;
 padding: 5px 0 5px 5px;
}


/********** 新刊情報 **********/
#comics_list {
 width: 100%;
 font-size: 0px;
}
#comics_list dl {
 display: inline-block;
 width: 50%;
 vertical-align: top;
 padding: 16px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border: solid 2px #fff;
}
#comics_list h3 {
 font-size: 16px;
 font-weight: bold;
 line-height: 24px;
}
#comics_list dl dt {
 float: left;
 margin-right: 20px;
 width: 148px;
}
#comics_list dl dt img {
 width: 100%; height: auto;
 border: solid 1px #999;
}
#comics_list dl dd.no {
 margin-bottom: 10px;
 font-size: 14px;
}
#comics_list dl dd.author {
 font-size: 14px;
}
#comics_list dl dd.comment {
 font-size: 12px;
}
#comics_list dl dd.btn {
 margin-top: 16px;
}
#comics_list dl dd.btn ul {
 font-size: 0px;
 margin-left: -6px;
}
#comics_list dl dd.btn ul li {
 display: inline-block;
 margin-left: 6px;
}
#comics_list dl dd.btn ul li a {
 display: block;
 width: 148px;
 line-height: 40px;
 background: #eee;
 font-size: 14px;
 text-align: center;
 border: solid 1px #999;
}
#comics_list dl dd.btn ul li a:hover {
 background: #f5f5f5;
}

/********** 漫画賞 **********/
/*応募ページ*/
#rookie h3,
#yumecolla h3,
#other h3 {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 20px;
}
#other h4 {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 5px;
}
#rookie dl,
#yumecolla dl,
#other {
 font-size: 14px;
}
#rookie dl dt,
#yumecolla dl dt,
#other dl dt {
 float: left;
}
#rookie dl dd,
#yumecolla dl dd {
 margin-bottom: 20px;
 margin-left: 120px;
}
#rookie dl dd ol li,
#yumecolla dl dd ol li,
#other dl ol li {
 list-style-position: inside;
}
#other dl dd {
 margin-left: 80px;
}
/*受賞発表ページ*/
#rookie_winning .works {
 padding-bottom: 20px;
 margin-top: 20px;
 border-bottom: solid 1px #eee;
}
#rookie_winning .works div.img {
 float: left;
 width: 340px; height: 340px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border: solid 1px #000;
 overflow: hidden;
}
#rookie_winning .works div.img img {
 width: 100%; height: auto;
}
#rookie_winning div.spec {
 float: right;
 width: 640px;
}
#rookie_winning div.spec h3 {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 5px;
}
#rookie_winning .works dl.name,
#rookie_winning .works div.comment dl dt {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 10px;
}
#rookie_winning .works dl.name dt {
 font-size: 16px;
 margin-bottom: 10px;
}
#rookie_winning .works dl.name dd span {
 font-weight: normal;
}
#rookie_winning .works div.comment dl {
 margin-bottom: 20px;
 font-size: 14px;
}
#rookie_winning .works div.comment dl dt {
 float: left;
}
#rookie_winning .works div.comment dl dd {
 margin-left: 8em;
}
#rookie_winning .other_award {
 padding: 20px;
}
#rookie_winning .other_award dt {
 font-weight: bold;
 margin-bottom: 10px;
}
#rookie_winning .other_award dt span {
 font-weight: normal;
 margin-left: 10px;
}
#rookie_winning .other_award dd {
 font-size: 14px;
}
#rookie_winning #general {
 padding: 20px;
 background: #333;
 color: #fff;
}
#rookie_winning #general div {
 float: left;
 margin-right: 20px;
 text-align: center;
}
#rookie_winning #general h3 {
 font-size: 50px;
 line-height: 50px;
 font-weight: bold;
 font-family: serif;
 margin-bottom: 10px;
}
#rookie_winning #general dl {
 padding: 5px 20px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background: #fff;
 color: #000;
}
#rookie_winning #general dl dt {
 text-align: left;
 font-size: 14px;
}
#rookie_winning #general dl dd {
 font-weight: bold;
}
#rookie_winning #general span {
 font-size: 12px;
 font-weight: normal;
 margin-left: 5px;
}
#rookie_winning #general p {
 font-size: 14px;
}

/********** お問い合わせ **********/
.contact {
 padding-bottom: 20px;
 border-bottom: solid 1px #ccc;
}
.contact #form { margin-bottom: 20px; }
.contact #form .left {
 float: left;
 margin-right: 30px;
}
.contact #form .left input {
 padding: 10px 15px;
 margin-bottom: 20px;
 width: 360px;
 font-size: 14px;
 border: solid 1px #ccc;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.contact textarea {
 resize: vertical;
 padding: 10px;
 min-width: 606px; min-height: 300px;
 font-size: 16px;
 border: solid 1px #ccc;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.contact #form .left input:focus,
.contact textarea:focus {
 background: #f5f5f5;
 border: solid 1px #ccc;
}
form span { color: #ff3d5d; }

/********** 持ち込み **********/
.mochikomi {
 padding-bottom: 20px;
 border-bottom: solid 1px #ccc;
}
.mochikomi #form { margin-bottom: 20px; }
.mochikomi #form .left {
 float: left;
 margin-right: 30px;
}
.mochikomi #form .left { width: 450px; }
.mochikomi #form .right {
 float: right;
 width: 500px;
}
.mochikomi #form .left input {
 padding: 10px 15px;
 margin-bottom: 20px;
 width: 100%;
 font-size: 14px;
 border: solid 1px #ccc;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.mochikomi textarea {
 resize: vertical;
 padding: 10px;
 width: 100%; min-height: 250px;
 font-size: 16px;
 border: solid 1px #ccc;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.mochikomi #form .left input:focus,
.mochikomi textarea:focus {
 background: #f5f5f5;
 border: solid 1px #ccc;
}
form span.sample,
.mochikomi p.attention {
 margin-bottom: 20px;
 font-size: 12px;
 color: #555;
}
.mochikomi #form .left dl.date_info dt {
 margin-bottom: 10px;
}
.mochikomi #form .left dl.date_info dd dl dt {
 float: left;
 width: 60px;
 padding: 10px 0;
 font-size: 12px;
}
.mochikomi #form .left dl.date_info dd dl dd input {
 width: 170px;
 margin-bottom: 10px;
}
.mochikomi #form .left dl.date_info dd dl dd input.time {
 width: 120px;
 margin-left: 10px;
}
.mochikomi #form .right dl { margin-bottom: 20px; }
.mochikomi #form .right dl.map dd {
 margin-bottom: 10px;
 font-size: 13px;
}
.mochikomi #form .right dl.map img { width: 100%; }
.mochikomi .telarea {
 margin-top: 20px;
 padding: 20px 20px 15px;
 background: #555;
 text-align: center;
 color: #fff;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
.mochikomi .telarea a {
 font-weight: bold;
 font-size: 24px;
 color: #fff100;
}
.mochikomi .telarea a:hover {
 color: #fff;
}

/*エラー画面 / プレビュー画面 / 送信完了画面*/
#preview,
#error,
#completion {
 margin-bottom: 20px;
 padding: 10px;
 background: #eee;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 font-size: 14px;
}
#error p { padding: 5px 10px; }
#preview dl { padding: 10px; }
#preview dl dt {
 float: left;
 width: 10em;
 margin-right: 20px;
}
#completion { margin-bottom: 0; }
#completion p { padding: 10px; }
#completion ul {
 margin-left: 20px;
 font-weight: bold;
}

/*ボタン*/
ul.submitbtn li {
 float: left;
}
button.submit,
a.back {
 display: block;
 width: 150px; line-height: 50px;
 background: #fff100;
 border: none;
 cursor: pointer;
 font-size: 16px;
 text-align: center;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 margin-right: 20px;
}
button.submit:hover,
a.back:hover {
 color: #555;
}

/**********/
/*ストア PC*/
/**********/
.store .inner {
 width: 1020px;
 padding: 0;
 margin: 0 auto;
}
.store nav {
 float: left;
 width: 240px;
}
.store nav .nav li {
 position: relative;
 font-size: 14px;
 text-shadow: 2px 2px 1px #fff;
 border-bottom: #ccc solid 1px;
}
.store nav .nav li a {
 display: block;
 line-height: 50px;
}
.store nav .nav li a p {
 position: relative;
 z-index: 22;
}
.store nav .nav li img {
 position: absolute;
 right: 0; top: 0;
 z-index: 2;
}
.store .contents {
 float: right;
 width: 768px;
}
.store h3 {
 margin-left: 10px;
 margin-bottom: 20px;
 font-size: 22px;
 font-weight: bold;
 line-height: 50px;
 border-bottom: solid 1px #555;
}
.store dl {
 position: relative;
 float: left;
 width: 240px;
 margin: 0 0 20px 12px;
}
.store dl dt span {
 position: absolute;
 top: 1px; left: 1px;
 padding: 5px 10px;
 font-size: 12px;
 font-weight: bold;
 background: #fff100;
 border-bottom-right-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-bottom-right-radius: 5px;
 z-index: 888;
}
.store dl dt img {
 width: 100%; height: auto;
 margin-bottom: 10px;
 border: solid 1px #333;
}
.store dl dd.author {
 font-size: 12px;
 color: #999;
 margin-bottom: 6px;
 line-height: 12px;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
.store dl dd.title {
 font-size: 14px;
 font-weight: bold;
 line-height: 15px;
 margin-bottom: 6px;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
.store dl dd.price {
 font-size: 12px;
 color: #555;
 line-height: 12px;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}


/*::::::::::::::::::::::::::*/
/********** ipad用 **********/
/*::::::::::::::::::::::::::*/
@media screen and (max-width: 768px) {
 body { min-width: 768px; }
 h1 { display: none; }
 .inner { width: 744px; }
 #slider .container,
 #keyvisual .container { width: 768px; height: 300px; }
 #slider .container img,
 #keyvisual .container img{ width: 100%; height: auto; }
 #keyvisual { margin: 0; }
 #keyvisual img.base {
  border: none;
 }
 #keyvisual img.logo {
  width: 150px; height: auto;
  bottom: 10px; right: 10px;
 }
 
 #day_nav { height: 66px; }
 #day_nav ul li { margin: 12px 6px 0 0; }
 #day_nav ul li a.bunch p {
  background: url(../../inc/img/day_bunch_off.png) no-repeat 5px 10px;
 }
 #day_nav ul li a.gogobunch p {
  background: url(../../inc/img/day_gogobunch_off.png) no-repeat 5px 10px;
 }
 #day_nav ul li a.bunchweb p {
  background: url(../../inc/img/day_bunchweb_off.png) no-repeat 5px 10px;
 }
 #day_nav ul li a.bbunch p {
  background: url(../../inc/img/day_bbunch_off.png) no-repeat 5px 10px;
 }
 #day_nav ul li.active a.bunch p {
  background: url(../../inc/img/day_bunch_on.png) no-repeat 5px 10px;
 }
 #day_nav ul li.active a.gogobunch p {
  background: url(../../inc/img/day_gogobunch_on.png) no-repeat 5px 10px;
 }
 #day_nav ul li.active a.bunchweb p {
  background: url(../../inc/img/day_bunchweb_on.png) no-repeat 5px 10px;
 }
 #day_nav ul li.active a.bbunch p {
  background: url(../../inc/img/day_bbunch_on.png) no-repeat 5px 10px;
 }
 #day_nav ul li a {
  width: 58px; height: 38px;
  line-height: 40px;
  font-size: 12px;
 }
 #day_nav ul li a.bunch p,
 #day_nav ul li a.gogobunch p,
 #day_nav ul li a.bunchweb p,
 #day_nav ul li a.bbunch p,
 #day_nav ul li.active a.bunch p,
 #day_nav ul li.active a.gogobunch p,
 #day_nav ul li.active a.bunchweb p,
 #day_nav ul li.active a.bbunch p {
  background-size: 50px 21px;
 }
 
 /********** 共通　他ボタン **********/
 .another_btn {
  line-height: 30px;
  font-size: 14px;
 }
 
 #container h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  margin: 20px 0 10px;
 }
 #container h2 span.defalt {
  font-size: 13px;
  color: #888;
 }
 #container ul.sns {
  position: absolute;
  right: 12px; top: 0;
 }
 #container ul.sns li {
  float: left;
  margin-left: 8px;
 }
 #container ul.sns li img {
  width: 60px; height: auto;
 }
 
 .backnumber { margin-bottom: 10px; }
 .backnumber h5 span {
  font-size: 13px;
  color: #888;
 }
 .backnumber ul { margin-left: -14px; }
 .backnumber ul li {
  width: 114px; line-height: 76px;
  margin: 0 0 12px 12px;
  font-size: 12px;
 }
 .backnumber ul li span {
  position: absolute;
  top: 4px; left: 0px;
  font-size: 10px;
  line-height: 10px;
  padding: 5px;
  border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
 }
 .backnumber ul li a { display: block; }
 .backnumber ul li:hover { border: solid 2px #999; }
 
 /* コメント箇所 */
 #comment {
  padding: 20px 0;
  margin-bottom: 20px;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
 }
 #comment h5 {
  font-weight: bold;
  margin-bottom: 10px;
 }
 #comment .posting,
 #comment_all .posting {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 12px;
 }
 #comment dl { margin-bottom: 20px; }
 #comment dl dt {
  font-size: 12px;
  color: #999;
 }
 #comment dl dd { font-size: 14px; }
 #comment .btn {
  font-size: 12px;
  text-decoration: underline;
 }
 #comment form textarea,
 #comment_all form textarea {
  width: 722px; height: 8em;
  padding: 10px;
  font-size: 16px;
  text-align: left;
  resize: none;
 }
 
 /********** 漫画プレビュー **********/
 .manga .view { width: 640px; }
 .manga .view img {
  width: 100%; height: auto;
  margin-bottom: 40px;
 }
 
 /* コミックス箇所 */
 .comics .more {
 font-size: 12px;
}
 .comics, #more_comics { margin: 0 0 10px -12px; }
 .comics dl dt,
 #more_comics dl dt {
  width: 114px; height: auto;
  margin-bottom: 5px;
 }
 #more_comics h2 { margin-left: 12px; }
 
 /********** トップページ用 **********/
 .content_wrap dl {
  width: 177px;
  margin: 0 0 20px 12px;
 }
 .content_wrap dl dt img { width: 177px; height: auto; }
 .content_wrap dl dd.title {
  font-size: 12px;
  line-height: 12px;
 }
 .content_wrap dl dd.author {
  font-size: 11px;
  line-height: 11px;
 }
 
 /********** 新刊情報 **********/
 .support_btn {
  position: absolute;
  top: 0; right: 180px;
  width: 150px; line-height: 30px;
  font-size: 13px;
 }
 #comics_list dl dt {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 106px;
 }
 #comics_list dl dd h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
 }
 #comics_list dl dd.author {
  font-size: 12px;
  color: #000;
 }
 #comics_list dl dd.no {
  margin-bottom: 10px;
  font-size: 12px;
 }
 #comics_list dl dd.comment {
  font-size: 10px;
 }
 #comics_list dl dd.btn {
  margin-top: 10px;
 }
 #comics_list dl dd.btn ul {
  font-size: 0px;
  margin-left: -5px;
 }
 #comics_list dl dd.btn ul li {
  display: inline-block;
  margin-left: 5px;
 }
 #comics_list dl dd.btn ul li a {
  display: block;
  width: 106px;
  line-height: 36px;
  background: #eee;
  font-size: 14px;
  text-align: center;
  border: solid 1px #999;
 }
 
 /********** 漫画賞発表ページ **********/
 #rookie_winning .works div.img {
  width: 280px; height: 280px;
 }
 #rookie_winning div.spec { width: 440px; }
 #rookie_winning .works div.comment dl {
  font-size: 12px;
  margin-bottom: 10px;
 }
 #rookie_winning .works div.comment dl dt {
  font-size: 12px;
  font-weight: bold;
 }
 #rookie_winning .works div.comment dl dd { margin-left: 8em; }
 #rookie_winning #general p { font-size: 12px; }
 
 /********** 応援団ページ **********/
 #support .bookstore dl dt,
 #support .bookstore dl dd {
  font-size: 11px;
 }
 
 /********** お問い合わせ **********/
 .contact #form .left {
  margin-right: 20px;
 }
 .contact #form .left input {
  width: 276px;
  padding: 10px 15px;
 }
 .contact textarea {
  resize: vertical;
  min-width: 448px;
  font-size: 13px;
 }
 .contact textarea { min-height: 300px; }
 .contact p { font-size: 11px; }
 .contact dl dt { font-size: 13px; }

 /********** お問い合わせ **********/
 .mochikomi #form .left {
  width: 300px;
 }
 .mochikomi #form .right {
  float: right;
  width: 400px;
 }
 .mochikomi #form .left input {
  width: 100%;
  padding: 10px 15px;
 }
 .mochikomi textarea {
  resize: vertical;
  min-width: 400px; min-height: 300px;
  font-size: 13px;
 }
 .mochikomi p { font-size: 11px; }
 .mochikomi dl dt {
  font-size: 13px;
 }
 .mochikomi #form .left dl.date_info dt {
  margin-bottom: 10px;
 }
 .mochikomi #form .left dl.date_info dd dl dt {
  float: none;
  width: 60px;
  padding: 0;
  font-size: 12px;
 }
 .mochikomi #form .left dl.date_info dd dl dd input {
  width: 180px;
  margin-bottom: 10px;
 }
 .mochikomi #form .left dl.date_info dd dl dd input.time {
  width: 110px;
  margin-left: 10px;
 }
 .mochikomi dl.map { font-size: 12px; }

 /*エラー画面 / プレビュー画面 / 送信完了画面*/
 #error p { padding: 5px 10px; }
 #preview dl { padding: 10px; }
 #preview dl dt {
  float: left;
  width: 10em;
  margin-right: 20px;
 }
 #completion p { padding: 10px; }
 #completion ul {
  margin-left: 20px;
  font-weight: bold;
 }
 
 /* バナーエリア箇所 */
 #banner_area ul li img  { width: 177px; height: auto; }
 /* パンくず箇所 */
 #crumb { font-size: 12px; }
 /* フッターエリア */
 footer { min-height: 250px; }
 footer img.logo { width: 300px; height: auto; }
 footer p, small { font-size: 11px; }
 footer .twtter { width: 300px; }
 
 /* プルダウンボタン */
 .dropdown select {
  text-indent: 1em;
  background-position: right 15px center;
  width: 150px; height: 30px;
  line-height: 30px;
  font-size: 12px;
 }
 .dropdown select:hover {
  opacity: 0.3;
 }
 
 /**********/
 /*ストア iPad*/
 /**********/
 .store .inner { width: 744px; }
 .store nav { width: 160px; }
 .store nav .nav li { font-size: 11px; }
 .store nav .nav li a { line-height: 40px; }
 .store nav .nav li img { height: 40px; }
 .store h3 {
  font-size: 18px;
  line-height: 40px;
 }
 .store .contents { width: 579px; }
 .store dl { width: 177px; }
 .store dl dt img { margin-bottom: 6px; }
 .store dl dd.author {
  font-size: 11px;
  margin-bottom: 4px;
 }
 .store dl dd.title {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 4px;
 }
 .store dl dd.price {
  font-size: 11px;
  line-height: 12px;
 }
}