@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Alfa+Slab+One);
@font-face {font-family: "plus";src: url("../assets/plus.eot?") format('eot'),url("../assets/plus.woff") format('woff');}
html,body,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img{
margin:0;padding:0;color:#333;word-wrap:break-word;font-weight:normal;
font:1em/1.6 Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}


.link_hover:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.link_hover {
-webkit-transition: opacity 0.1s ease-out;
-moz-transition: opacity 0.1s ease-out;
-ms-transition: opacity 0.1s ease-out;
transition: opacity 0.1s ease-out;
}

.link_hover_2 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*.link_hover img:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}*/

/*.link_hover:hover{
	background-color:#FFF !important;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}*/

.clear_both{
	clear: both;
}

.marin_center{
	margin: 0 auto;
}
.margin_top_-50{
	margin-top: -50px;
}
.margin_top_3{
	margin-top: 3px !important;
}
.margin_top_5{
	margin-top: 5px;
}
.margin_top_10{
	margin-top: 10px !important;
}
.margin_top_15{
	margin-top: 15px;
}
.margin_top_20{
	margin-top: 20px !important;
}
.margin_top_25{
	margin-top: 25px;
}
.margin_top_30{
	margin-top: 30px;
}
.margin_top_35{
	margin-top: 35px;
}
.margin_top_40{
	margin-top: 40px !important;
}
.margin_top_45{
	margin-top: 45px;
}
.margin_top_70{
	margin-top: 70px;
}
.margin_top_100{
	margin-top: 100px;
}
.margin_top_110{
	margin-top: 110px !important;
}
.margin_top_140{
	margin-top: 140px;
}
.margin_bottom_10{
	margin-bottom: 10px;
}
.margin_bottom_15{
	margin-bottom: 15px;
}
.margin_bottom_20{
	margin-bottom: 20px;
}
.margin_bottom_25{
	margin-bottom: 25px;
}
.margin_bottom_30{
	margin-bottom: 30px !important;
}
.margin_bottom_35{
	margin-bottom: 35px;
}
.margin_bottom_40{
	margin-bottom: 40px;
}
.margin_bottom_45{
	margin-bottom: 45px;
}
.margin_bottom_60{
	margin-bottom: 60px !important;
}
.margin_bottom_65{
	margin-bottom: 65px !important;
}
.margin_bottom_75{
	margin-bottom: 75px !important;
}
.margin_left_17{
	margin-left: 17px;
}
.margin_right_10{
	margin-right: 10px;
}
.padding_top_20{
	padding-top: 20px !important;
}
.padding_top_30{
	padding-top: 30px !important;
}
.padding_top_60{
	padding-top: 60px !important;
}
.padding_bottom_30{
	padding-bottom: 30px;
}
.red{
	color: #e53935;
}
.font_12{
	font-size: 12px;
}
.font_13{
	font-size: 13px;
}
.font_14{
	font-size: 14px;
}
.font_15{
	font-size: 15px;
}
.font_20{
	font-size: 20px;
}
.font_23{
	font-size: 23px;
}
.font_25{
	font-size: 25px;
}
.font_30{
	font-size: 30px;
}
.font_bold{
	font-weight: bold;
}


.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.float_left{
	float: left;
}

.border_gray{
	border:solid #b5b5b5;
  border-width:1px 0 0 0;
}

.panel_main{
	border: none;
	width: 100%;
}

.background_white{
	background-color: #fff;
}
.background_gray{
  background-color: #f7f7f7;
}




.box-shadow{
  box-shadow:rgba(0, 0, 0, 0.0901961) 0px 0px 7px 2px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.0901961) 0px 0px 7px 2px;
  -moz-box-shadow:rgba(0, 0, 0, 0.0901961) 0px 0px 7px 2px;
}


/*読む・買う・立ち読みボタン*/
.top_btn_common {
    display: block;
    width: 250px;
    padding: 8px 0 17px 0;
    box-shadow: 0 0 0 1px #c9c9c9 inset;
    text-align: center;
		float: left;
}
.top_btn_common_2 {
    display: block;
    width: 250px;
    padding: 8px 0;
    box-shadow: 0 0 0 1px #c9c9c9 inset;
    text-align: center;
		float: left;
}
.top_btn_read {
    display: block;
    width: 250px;
    padding: 8px 0 17px 0;
    box-shadow: 0 0 0 1px #c9c9c9 inset;
    text-align: center;
		border-radius: 5px;
		background-color: #2b91ea;
}
.btn_wj_cart {
    background: #e53935;
}
.top_btn {
    height: 16px;
		width: auto;
		margin-bottom: 4px;
}
.top_btn_2 {
    height: 13px;
		width: auto;
		margin-bottom: 6px;
}
.top_btn_common:nth-child(2n+1) {
    border-radius: 5px 0 0 5px;
}
.top_btn_common:nth-child(2n) {
    border-radius: 0 5px 5px 0;
}
.top_btn_common_2:nth-child(2n+1) {
    border-radius: 5px 0 0 5px;
}
.top_btn_common_2:nth-child(2n) {
    border-radius: 0 5px 5px 0;
}



/*赤いボタン*/
.btn_red {
  display: block;
  width: 250px;
  padding: 17px;
  box-shadow: 0 0 0 1px #c9c9c9 inset;
  text-align: center;
	border-radius: 5px;
	background-color: #2b91ea;
}



.detail_wrap {
	margin: 0 auto;
	padding-top: 40px;
}



/*wj.xhtmlのカートと試し読みのボタン*/
.rensai_btn{
	width: 105px;
	height: 37px;
	border: 1px solid #b5b5b5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
	margin-left: auto;
}
.rensai_btn a:link{
	color: #222;
	font-size: 14px;
	text-align: center;
}
.rensai_btn a{
	color: #222;
	position: absolute;
	padding-top: 7px;
	top: -10;
	left: -20;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}



.gray_hr{
  border: 0;
  height: 1px;
  background-color: #c9c9c9;
  width: auto;
}



/*スライダー両サイドをグレーの透過にさせる*/
.sp-slide{
	opacity: 0.3;
}
.sp-selected{
	opacity: 1.0;
}
.sp-slides-container {
  position: relative;
  background-color: #343434;
}


/*コミックスの著者名*/
.list_detail_author {
    color: #09c;
    margin-top: -10px;
    margin-bottom: 10px;
}

/*コミックスのタイトル*/
.comics_detail_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
}

/*コミックスの説明文*/
.min {
  font-size: 13px;
	line-height: 20px
}

/*コミックスの値段*/
.comics_price {
  font-size: 20px;
  font-weight: 700;
  color: #c00;
  text-align: left;
}

/*ページナビゲーション*/
/*divで囲ってpage_linkのクラス名をつける*/
.page_link a{
  display: inline-block;
  border: 1px solid #c9c9c9;
  width: 45px;
  border-radius: 4px;
  padding: 10px 0;
  margin: 5px;
  font-size: 18px;
  float: left;
  color: #333;
  text-decoration: underline;
  cursor: pointer;
  font-weight: normal;
}
.page_link_finish a{
  display: inline-block;
  border: 1px solid #c9c9c9;
  width: 45px;
  border-radius: 4px;
  padding: 10px 0;
  margin: 5px;
  font-size: 18px;
  float: left;
  color: #333;
  text-decoration: underline;
  cursor: pointer;
  font-weight: normal;
}

input[type="text"]{
	padding: 0 6px !important;
}
textarea{
	padding: 0 6px !important;
}

.btn_onSign img{
	display: inline-block;
	width: 220px;
	height: 51px;
}
.btn_onSign:hover img{
	background-position: 0 -102px;
}