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

.midashi{font-size:1.5rem;
}

.rubyposition_under ruby rt{
	  ruby-overhang:auto;
	  font-size:0.4rem;
}

.cp_title{
	font-size:1.5rem;
}
.gaiyou_text{
	font-size:1rem;

}

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

	padding:20px;
}

/* 刊行予定 */

.kikanlist li {width:200px;}

.book_flex_title{
 font-size: 1rem;

 }
 
 
.flex_book{
font-size: 0.9rem;
line-height:1.6rem;}
.book_flex_l{
width: 200px;}
.book_flex_r{
	width: calc(100% - 220px);
}
.flex_book_l{
	width: 100px;

}

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

}



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

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

.midashi{font-size:1.1rem;
}

.rubyposition_under ruby rt{
	  ruby-overhang:auto;
	  font-size:0.35rem;
}

.gaiyou_text{
	font-size:0.9rem;
	line-height:1.6rem;

}

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

.main_text{font-size:0.9rem;
line-height:1.6rem;

}

/* 著者紹介 */
.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;}

.movie1 {
    width: 100%;
height: auto;}

/* 横並び */
.flex_object{
	display:block;
 width:100%;

}
.flex-child30 {
  width:100%;  /* 子要素の幅 */
  margin-bottom:10px;

}

.flex-child40{
  width:100%;  /* 子要素の幅 */
  margin-bottom:10px;

}

/* 記事画像 */
.kiji{
    width: 100%;

}


/* 書籍情報 */


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



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

.book_flex_title{
	line-height: 1.5rem;
	text-align:center;
}

.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; }
}