/*タブレットサイズに適用*/
@media screen and (max-width : 1024px){
.main{
padding: 30px 20px;}
.main_gaiyou{
padding: 20px 40px;}
.gaiyou_cap {
    font-size: 1rem;
    line-height: 2rem;
}

.cp_title{
	font-size:1.5rem;
}

.goods_flex{
	display:flex;
	width:100%;
}
.goods_flex_item{
	width:180;
	margin-right:20px;
}
.goods_flex_text{
	width: calc(100% - 200px);
	
}

.button a {

    padding: 10px 15px;
}

/* 既刊リスト */

.kikanlist li {width:200px;}


.book_flex_l{
width: 200px;}
.book_flex_r{
	width: calc(100% - 220px);
}

}



/*スマホサイズに適用*/

@media screen and (max-width : 599px){
	body {
font-size:0.9rem;
}

.cp_title{
	font-size:1.2rem;
	padding:5px;
}

/* ニュース */

.news_box{display:block;
width:100%;
font-size:0.85rem;
margin-bottom:7px;}
.news_day{
width:100%;
}
.news_text{
width:100%;;
}


/* 書籍情報 */

.book {
	width:250px;
	margin-bottom:20px;}

/* 試読ボタン */

.button {padding:0 30px;
margin-top:20px;}

.maincara_pic img {
    width: 250px;
}

.maincara_flex{display:block;
justify-content:space-between;
width:100%;
padding-bottom:20px;
border-bottom:dashed 1px #EACAC1;
margin-bottom:20px;
}
.maincara_seme{display: flex;
    flex-direction: column;/* 子要素の縦並び */
	text-align:center;
	width:100%;
	margin-bottom:20px;}
.maincara_uke{display: flex;
    flex-direction: column;/* 子要素の縦並び */
	width:100%;
	text-align:center;}

.cara_flex {

    margin-bottom: 15px;
}
.cara_left{margin-right:15px;
width:100px;}
.cara_left img{
  border: 1px solid #cccccc;
}
.cara_right{
  display: flex;
    flex-direction: column;/* 子要素の縦並び */
  width: calc(100% - 115px);}
  
 .cara_name2 {
margin-bottom:2px;
 font-size: 0.95rem;}

.kikanlist {
    display: flex;
	 flex-flow: column;
    justify-content: center;
    width: 100%;
	
}
    .kikanlist li {
        width: 250px;
        margin: 0 auto;
        padding-bottom: 20px;
        margin-bottom: :20px;
    }


.sp_br {
    display: block;
  }


.w_box {
    padding: 20px 15px;
}
.main {padding: 20px 15px;}

.flex_book_l {
	width: 110px;}
.flex_book_r {
	width: calc(100% - 110px);}	

.book_flex {
    display: block;
	margin-bottom:0px;
}

.book_flex_l {
    width: 200px;
	margin:0 auto;
	margin-bottom:20px;
}
.book_flex_r {
    width: 100%;
}

/* 見出しセリフ */
.sgh_serifu_header {
    font-size: 1.2rem;
}

}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 599px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}