@charset "UTF-8";
@font-face {
    font-family: YuGothicM;
    src: local("Yu Gothic Medium")
}
@font-face {
    font-family: jins_nextmedium;
    font-weight: 400;
    font-style: normal;
    src: url(/client_info/JINSJINS/view/userweb/css2/font/JINS_NextMedium.eot);
    src: url(/client_info/JINSJINS/view/userweb/css2/font/JINS_NextMedium.eot?#iefix) format("embedded-opentype"), url(/client_info/JINSJINS/view/userweb/css2/font/JINS_NextMedium.woff) format("woff"), url(/client_info/JINSJINS/view/userweb/css2/font/JINS_NextMedium_web.ttf) format("truetype"), url(/client_info/JINSJINS/view/userweb/css2/font/JINS_NextMedium.svg#JINS_NextMedium) format("svg")
}
@font-face {
    font-family: jins_nextregular;
    font-weight: 400;
    font-style: normal;
    src: url(/client_info/JINSJINS/view/userweb/css2/font/JINS_NextRegular.eot);
    src: url(/client_info/JINSJINS/view/userweb/css2/font/JINS_NextRegular.eot?#iefix) format("embedded-opentype"), url(/client_info/JINSJINS/view/userweb/css2/font/JINS_NextRegular.woff) format("woff"), url(/client_info/JINSJINS/view/userweb/css2/font/JINS_NextRegular_web.ttf) format("truetype"), url(/client_info/JINSJINS/view/userweb/css2/font/JINS_NextRegular.svg#JINS_NextRegular) format("svg")
}
@font-face {
	font-family: jins_next;
	font-style: normal;
	font-weight: 400;
	src: url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextRegular.eot);
	src: url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextRegular.eot?#iefix) format("embedded-opentype"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextRegular.woff) format("woff"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextRegular.ttf) format("truetype"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextRegular.svg#jins_next_ttregular) format("svg")
}
@font-face {
	font-family: jins_next;
	font-style: normal;
	font-weight: 300;
	src: url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextLight.eot);
	src: url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextLight.eot?#iefix) format("embedded-opentype"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextLight.woff) format("woff"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextLight.ttf) format("truetype"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextLight.svg#jins_next_ttlight) format("svg")
}
@font-face {
	font-family: jins_next;
	font-style: normal;
	font-weight: 500;
	src: url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextMedium.eot);
	src: url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextMedium.eot?#iefix) format("embedded-opentype"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextMedium.woff) format("woff"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextMedium.ttf) format("truetype"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextMedium.svg#jins_next_ttmedium) format("svg")
}
@font-face {
	font-family: jins_next;
	font-style: normal;
	font-weight: 600;
	src: url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextBold.eot);
	src: url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextBold.eot?#iefix) format("embedded-opentype"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextBold.woff) format("woff"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextBold.ttf) format("truetype"), url(/jp/client_info/JINSJINS/view/userweb/ext/common/fonts/JINS_NextBold.svg#jins_next_ttbold) format("svg")
}

#header #headerArea #headersub {margin-top: 130px!important; }
.pc { display: block !important; }
.tab  { display: none !important; }
.sp { display: none !important; }

a:hover { opacity:0.6;}
.arrow{position: relative;display: inline-block;padding: 0 0 0 16px;color: #000;vertical-align: middle;text-decoration: none;font-size: 15px;}
.arrow::before,.arrow::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.arrow::before{top: -5px;left: -4px;width: 8px;height: 8px;border-top: 4px solid #333;border-right: 4px solid #333;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.linkbtn02 { text-decoration:none; text-align:center; display: block;margin: 30px auto;width: 100%; color: #333;font-size:15px; font-weight: 400;
border: 1px solid #333;border-radius:6px; line-height: 58px;position: relative;display: inline-block; }
.linkbtn02::before,.linkbtn02::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.linkbtn02::before{ top: 0px;left: 90%;width: 8px;height: 8px;border-top: 2px solid #333;border-right: 2px solid #333;-webkit-transform: rotate(47deg);transform: rotate(47deg);}
.wrap { overflow:hidden; }


#mainContainer, #contentContainer{
	padding-top: 81px;
	margin: 0;
}

@media screen and (min-width: 1800px){
	#mainContainer, #contentContainer{
		padding-top: 104px;
		margin: 0;
	}
}
@media only screen and (max-width: 1024px) {
	#mainContainer, #contentContainer{
		padding-top: 51px;
		margin: 0;
	}
}
@media only screen and (max-width: 768px) {
	#mainContainer, #contentContainer{
		padding-top: 53px;
		margin: 0;
	}
}

#topicpath_container {
	max-width: 1480px;
	margin: auto;
	padding: 20px 0 20px 40px;
}

#topicpath_wrapper {
	position: inherit !important;
	width: 842px;
	height: 14px;
}
#topicpath_wrapper ul#topicpath {
	width: 100%;
	height: 14px;
}
#topicpath_wrapper ul#topicpath li {
	height: 14px;
}
#topicpath_wrapper ul#topicpath li h1,
#topicpath_wrapper ul#topicpath li span,
#topicpath_wrapper ul#topicpath li.topic_top a,
#topicpath_wrapper ul#topicpath li a {
	height: 100% !important;
	margin: 0;
	font-weight: normal;
	line-height: 1.3;
}

#topicpath_wrapper {
height: 14px;
line-height: 14px;
position: inherit;
width: 742px;
}
#topicpath_wrapper ul#topicpath {
height: 14px;
list-style: outside none none;
width: 100%;
}
#topicpath_wrapper ul#topicpath li {
display: block;
float: left;
height: 14px;
}
#topicpath_wrapper ul#topicpath li span,  #topicpath_wrapper ul#topicpath li a {
background: rgba(0, 0, 0, 0) url(https://www.jins.com/jp/client_info/JINSJINS/view/userweb/images/common/parts/header_topicpath.png) no-repeat scroll left center;
display: block;
font-size: 11px;
padding-left: 15px;
padding-right: 9px;
}
#topicpath_wrapper ul#topicpath li span a {
background-image: none;
padding-left: 0;
padding-right: 0;
}
#topicpath_wrapper ul#topicpath li a {
display: block;
font-size: 11px;
}
#topicpath_wrapper ul#topicpath li a,  #topicpath_wrapper ul#topicpath li span {
margin-right: 0;
}
#topicpath_wrapper ul#topicpath li span a {
margin-right: 0;
}
#topicpath_wrapper ul#topicpath li.topic_top a {
background-image: none;
font-weight: normal;
height: 100% !important;
line-height: 1.3;
margin: 0;
padding-left: 0;
}


@media screen and (max-width: 911px) {

	#topicpath_container {
		max-width: 1480px;
		margin: auto;
		padding: 0;
	}	

	#topicpath_wrapper ul#topicpath {
		 width: auto;
		 height: auto;
		 margin: 10px;
		 padding: 6px 7px;
		 background: #f5f5f5
 }

	#topicpath_wrapper ul#topicpath li, #topicpath_wrapper ul#topicpath li a, #topicpath_wrapper ul#topicpath li h1, #topicpath_wrapper ul#topicpath li span {
		 height: auto!important
 }

	#topicpath_wrapper {
		 position: relative;
		 width: 100%;
		 height: auto
 }
}


.mv { margin-bottom:50px; }
.mv img { width: 100%; }


li { list-style:none;}

#contentContainer #contentArea #reading_guide { font-family: 'Noto Sans JP','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','游ゴシック Medium','游ゴシック','Yu Gothic Medium',YuGothic,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color: #333;}
#contentContainer #contentArea #reading_guide p { line-height: 2em ; color: #333;}
#contentContainer #contentArea #reading_guide .reading_inner { width:100%; max-width:1400px; min-width:1000px; margin:0 auto; padding-top: 2px;}

#reading_guide  p {font-weight: 400; line-height:2em; letter-spacing: 0.025em; color:#333; }
#reading_guide  .fl_left { float:left; }
#reading_guide  .fl_right { float:right; }

#reading_guide .pagenav { border: 1px solid #d3d6db; text-align:center; margin:0 auto 120px; height:60px; overflow:hidden; }
#reading_guide .pagenav ul { text-align:center; display: flex; justify-content: center; margin:15px auto; } 
#reading_guide .pagenav ul li { float:left; margin-right:30px; }
#reading_guide .pagenav ul li:last-child { margin-right:0px; }
#reading_guide .pagenav ul li p { font-size: 16px; }

#reading_guide  .readig_about { width:100%; max-width:1400px; margin:0 auto 140px; overflow:hidden;}
#reading_guide  #reading_recommend {max-width: 1310px; margin: 0 auto;}
#reading_guide  #reading_content07 { margin-bottom: 100px;}
#reading_guide  .readig_about h3 { background-color: transparent; color:#247d33; text-align:center; font-size:28px; font-weight: 500; margin-bottom:50px;padding: 10px; border: 2px solid #247d33;}
#reading_guide  .readig_about p { font-size: 16px;}
#reading_guide  #reading_content01 p  { text-align:center; }

#reading_guide #reading_content02 { width: 47%; float: left;overflow: hidden;}
#reading_guide #reading_content02 .cont02bx {  width: 90%;    margin: 0 auto;}
#reading_guide #reading_content02 ul {  padding:0;}
#reading_guide #reading_content02 ul li { padding: 17px 0; border-bottom:1px solid #d3d6db; line-height:3.4em;  font-size: 18px; font-weight: 400; color: #333!important; }
#reading_guide #reading_content02 ul li:first-of-type {border-top:1px solid #d3d6db;}
#reading_guide #reading_content02 ul li:before { content: url(../img/icon_check2.png?2304); margin: 10px;  position: relative; top: 9px; }
/*#reading_guide  #reading_content02 .cont02bx .cont02bx01 { float:left; }
#reading_guide  #reading_content02 .cont02bx .cont02bx02 { float:right; }
#reading_guide  #reading_content02 .cont02bx li {color: #333 !important;line-height: 4em;font-size: 18px !important;}*/

#reading_guide #reading_content03 { width: 47%; float: right;overflow: hidden; }
#reading_guide #reading_content03 ul { width:94%; padding: 0 3%; background-color: #f3f3f3; overflow: hidden;}
#reading_guide #reading_content03 ul li { width:100%; line-height:4em;  position:relative; border-bottom:1px solid #d3d6db; float:left;height: 96px; }
#reading_guide #reading_content03 ul li p  { padding-left:120px; line-height:5.6em !important;font-size: 18px !important; }
#reading_guide #reading_content03 ul li img { position:absolute; top:38px; }
#reading_guide #reading_content03 ul li:last-child { border-bottom:none; }
/*#reading_guide #reading_content03 .cont03bx01{ float:left;margin: 0;padding: 0;}
#reading_guide #reading_content03 .cont03bx02 { float:right;margin: 0;padding: 0;}*/

#reading_guide  #reading_content04 { margin: 0 auto 110px !important; }
#reading_guide  #reading_content04 .content04bx { background-color:#f3f3f3; padding:3%; overflow:hidden;  margin-bottom:30px;}
#reading_guide  #reading_content04 .content04bx h4 { text-align:center;font-weight:bold;font-size:32px; color:#247d33; margin-bottom: 30px;} 
#reading_guide  #reading_content04 .content04bx .column2 { overflow:hidden; margin:0; padding:0;max-width: 1200px;margin: 0 auto; }
.display-flex {
  display: flex;
  justify-content: center;
}
#reading_guide  #reading_content04 .content04bx .column2 li { width: 32.3%; margin-right: 1.5%;}
#reading_guide  #reading_content04 .content04bx .column2 li:last-child { margin-right:0%; }

#reading_guide  #reading_content04 .content04bx h5 { text-align:center;font-weight:bold;font-size:24px; color:#333; margin:15px auto 30px; border-bottom:1px solid #333; padding-bottom:2px; display: table; } 
#reading_guide  #reading_content04 .content04bx .column1 { background-color:#FFF; border-radius:10px; padding:2%; overflow:hidden; margin-bottom:60px; }
#reading_guide  #reading_content04 .content04bx .column1 h6 { text-align:center; font-size:28px; color:#333; margin: 30px; font-weight: bold;}
#reading_guide  #reading_content04 .content04bx .column1 img { margin: 0 auto;}
#reading_guide  #reading_content04 .content04bx .column1 .photo {margin:30px auto; text-align: center;}
#reading_guide  #reading_content04 .content04bx .column1 .price { text-align:center; }
#reading_guide  #reading_content04 .content04bx .column1 .linkbtn02 { width:100%;margin: 30px 0 20px; }
#reading_guide  #reading_content04 .content04bx .column1 .text {margin: 30px 0px; }
#reading_guide  #reading_content04 .content04bx .column1 ul { padding:0; margin:0 auto; width:70%; }
#reading_guide  #reading_content04 .content04bx .column1 ul li { float:left; width:45%; margin-right:5%; }
#reading_guide  #reading_content04 .content04bx .column1 ul li:last-child { float:right;margin-right:0%; }


#reading_guide  #reading_content04 .content04bx .column3 { overflow:hidden;padding: 0; margin:0; }
#reading_guide  #reading_content04 .content04bx .column3 h6 { text-align:center; font-size:26px; color:#333; margin-bottom: 15px; font-weight: bold;}
#reading_guide  #reading_content04 .content04bx .column3 p  { letter-spacing:-0.8px!important;font-size:20px!important; text-align:center;line-height: 1.4em!important;  }
#reading_guide  #reading_content04 .content04bx .column3 span {font-size:15px!important; }
#reading_guide  #reading_content04 .content04bx .column3 .title { margin:20px auto; color:#333;  font-size:20px;text-align:center;}
#reading_guide  #reading_content04 .content04bx .column3 .price { text-align:center; }
#reading_guide  #reading_content04 .content04bx .column3 .price img {max-width: 100%; }
#reading_guide  #reading_content04 .content04bx .column3 .photo { padding-top:10px; }
#reading_guide  #reading_content04 .content04bx .column3 li { width:26.2%; margin-right:1.7%; background-color:#FFF; border-radius:10px; padding:3%;height: 370px; }
#reading_guide  #reading_content04 .content04bx .column3 li:last-child { margin:0px !important; }
#reading_guide  #reading_content04 .content04bx .column3 li .linkbtn02 { width: 100%;    margin: 20px auto; }
#reading_guide  #reading_content04 .content04bx .column3 li .mb30 {margin-bottom:30px;}
#reading_guide #reading_content04 .content04bx .cont04bx01 {float:left; }
#reading_guide #reading_content04 .content04bx .cont04bx02 {float:left; }
#reading_guide #reading_content04 .content04bx .cont04bx03 {float:right; }

#reading_guide #reading_content05 .content05Area { background-color: #f5f7f9; padding:3.33% 3.33% 0; } 
#reading_guide #reading_content05 .column2 { overflow:hidden; padding: 0; margin: 0; }
#reading_guide #reading_content05 .column2 h5 {text-align:center; font-size:26px;letter-spacing: -0.5px; color:#333;line-height: 1.4em; margin-bottom: 30px;font-weight: bold;}
#reading_guide #reading_content05 .column2 li { width:44%; margin-right:4%; margin-bottom:4%; padding:4% 2% 0%;  position:relative; background-color:#FFF; text-align: center; border-radius:8px; }
#reading_guide #reading_content05 .column2 li:nth-child(2), #reading_guide #reading_content05 .column2 li:nth-child(4){ width:44%; margin-right:0%; }
#reading_guide #reading_content05 .column2 .mb {margin-bottom:14%;}
#reading_guide #reading_content05 .column2 .photo {width: 100%;}
#reading_guide #reading_content05 .linkbtn02 {	width: 85%;}
#reading_guide #reading_content05 .column2 p {margin:0; font-size:14px!important; }
#reading_guide #reading_content05 .column2 .recommend { text-align:center; width: 85%; margin: 2% auto 6%; overflow:hidden; }
#reading_guide #reading_content05 .column2 .recommend .recommend_ttl { font-size:18px; color: #333 !important;margin-bottom: 8%; font-weight:bold; }
#reading_guide #reading_content05 .column2 .recommend .recommend_item_left { float:left; width: 46%; margin-right:4%; }
#reading_guide #reading_content05 .column2 .recommend .recommend_item_right { float:right; width: 46%; }
#reading_guide #reading_content05 .column2 .recommend .recommend_price {color: #333 !important; font-size:14px; margin: 8% auto;}




#reading_guide #reading_content06 { background-color:#f5f7f9; padding:3% 3% 0; overflow:hidden;width:94%;  }
#reading_guide #reading_content06 .content06bx { background-color:#FFF; max-width:1400px; padding:3% 3% 0;}
#reading_guide #reading_content06 .content06bx p { line-height:1.8em!important;}
#reading_guide #reading_content06 .content06bx .column2 { overflow:hidden;width:100%; }
#reading_guide #reading_content06 .content06bx .column2 h5 { font-size:26px; text-align:center;color:#333 !important; margin-bottom: 30px; }
#reading_guide #reading_content06 .content06bx .column2 .ct6bx { width:46%; }
#reading_guide #reading_content06 .content06bx .column2 .photo { float:left; width:40%;}
#reading_guide #reading_content06 .content06bx .column2 .textbx{ width:55%; float:right; font-size:15px;}
#reading_guide #reading_content06 .content06bx .column2 .line	{ background: url(../img/bg.png) repeat-y;  width: 1px; min-height: 290px; height:auto; overflow:hidden; margin: 0 3%;}
#reading_guide #reading_content06 .content06bx .column2 .linkbtn02{width: 100%;}


#reading_guide #reading_content06 .content06nav li { float:left; width:23%; margin-right: 2.6666%;}
#reading_guide #reading_content06 .content06nav li:last-child { margin-right:0% !important; }
#reading_guide #reading_content06 .content06nav li .linkbtn02 {background-color:#FFF;margin: 40px auto ; font-size:12px; }
#reading_guide #reading_content06 .content06nav li .linkbtn02::before{ left:91%; }

#reading_guide .bnr_Area { margin-bottom:160px;overflow:hidden;width:100%; }
#reading_guide .bnr_Area .bnr_ttl { font-size:30px; text-align:center; margin-bottom: 30px;color:#333 !important; font-weight:bold; }
#reading_guide .bnr_Area ul { max-width:1200px; width:100%; margin:0 auto; padding: 0; }
#reading_guide .bnr_Area ul li { float:left; margin-right:2%; width:49%; max-width:580px;}
#reading_guide .bnr_Area ul li:last-child { margin-right:0px; float:right;}


#reading_guide #reading_content07 ul { margin:0; padding:0;}
/* #reading_guide #reading_content07 ul li { width:30.3%; float: left; margin-right:4%; } */
/* 20250226修正 */
#reading_guide #reading_content07 ul li { width:47.8%; float: left; margin-right:4%; }
#reading_guide #reading_content07 ul li:last-child { margin-right:0px; }
#reading_guide #reading_content07 ul li p { text-align: left; font-size: 15px !important; line-height:1.6em!important;    letter-spacing: -0.2px;     height: 80px; }
#reading_guide #reading_content07 ul li .purchase_ttl {background-color:#f3f3f3; font-weight:bold; margin-bottom: 30px; display: flex; align-items: center; height: 100px; padding:10px 15px 10px 25px; font-size:20px;color:#333 !important;    line-height: 1.2em;}
#reading_guide #reading_content07 ul li .purchase_ttl img { display:inline-block; padding-right: 15px;width: 16%; max-width:65px; }
#reading_guide #reading_content07 ul li .purchase_ttl .purchase_txt { display:inline-block;}



@media screen and (max-width:1400px) {
#header #headerArea #headersub { margin-top: 125px !important;}
#contentContainer #contentArea #reading_guide {margin: 0 3%;}

#reading_guide #reading_content07 ul li p  {height:120px; }

#reading_guide .bnr_Area { margin:0 auto 160px; overflow:hidden;width:100%; }
#reading_guide .bnr_Area ul { width:100%; margin:0 auto; }
#reading_guide .bnr_Area ul li { width:49%; margin-right:2%; }
#reading_guide .bnr_Area ul li img { margin: 0 auto; max-width:100%;}
#reading_guide .bnr_Area ul li:last-child { margin:0 auto; }  

#reading_guide #reading_content07 ul li .purchase_ttl { font-size:18px; padding:0px 15px 0px 25px;}


}





@media screen and (max-width:768px) {
#contentContainer #contentArea #reading_guide .reading_inner { min-width:initial; }
#header #headerArea #headersub { margin-top: 95px!important ;}
/*.mv img {width: 100%;}*/
.pc { display: none !important; }
.tab { display: block !important; }
.sp { display: none !important; }
.arrow {padding: 0 0 0 20px; }
#contentContainer #contentArea #reading_guide {margin: 0%;}
#reading_guide .readig_about { margin: 0 auto 10%; }
#reading_guide #reading_content07 { margin: 0 auto 10%; }
#reading_guide .readig_about h3 {margin-left: 5%;margin-right: 5%; width: 90%; box-sizing: border-box; font-size: 24px;}
#reading_guide  #reading_content04 .content04bx .column2 li { margin-right: 3vw;}

#reading_guide .pagenav { border:1px solid #d3d6db; text-align:left; margin: 3% 3% 10%; height:auto; overflow:hidden; }
#reading_guide .pagenav ul { text-align:left; display: block; justify-content: center; margin:15px auto; } 
#reading_guide .pagenav ul li { float:none; margin:0 3% 2%; }

#reading_guide #reading_content01 p { text-align:left; margin:0 3%; }
#reading_guide #reading_content01 br {display:none;}

#reading_guide #reading_content02 { width:100% !important;  }
#reading_guide #reading_content02 .cont02bx { margin:0 3%; width:94%; }
#reading_guide #reading_content02 ul { width:96%; padding: 0 2%; }
#reading_guide #reading_content02 ul li { padding: 2% 0; line-height: 2em;padding-left: 20px;  text-indent: -40px; height:50px;}
#reading_guide #reading_content02 ul li:before { content: url(../img/icon_check2.png?2304); margin: 20px;  position: relative; top: 20%; left: 0px; text-indent:0;}
#reading_guide #reading_content02 .cont02bx .cont02bx01 { float:none; }
#reading_guide #reading_content02 .cont02bx .cont02bx01 #text { width:80%;}
#reading_guide #reading_content02 ul.cont02bx01 li:last-child {  border-bottom:1px solid #d3d6db; }

#reading_guide #reading_content03 { width:100% !important;  }
#reading_guide #reading_content03 .cont03bx { margin:0 3%; }
#reading_guide #reading_content03 ul { width:96%; padding: 0 2%; }

#reading_guide #reading_content04 .content04bx { height:auto; overflow:hidden; padding: 0 3% 3%;margin: 0 2% 3%;}
#reading_guide #reading_content04 .content04bx h4 { line-height: 1.5em; font-size:24px;margin: 30px; }
#reading_guide #reading_content04 .content04bx h5 { line-height: 1.5em;margin: 10px auto 30px; font-size:20px; }

#reading_guide #reading_content04 .content04bx .column1 h6 { line-height: 1.2em;margin: 10px auto; font-size:26px; }
#reading_guide #reading_content04 .content04bx .column1 .text { margin: 0 10px; }
#reading_guide #reading_content04 .content04bx .column1 .photo {margin: 30px 30px 0;}
#reading_guide #reading_content04 .content04bx .column1 ul {width: 100%; }
#reading_guide #reading_content04 .content04bx .column1 ul li { width:45%; }
#reading_guide #reading_content04 .content04bx .column1 .linkbtn02 { width:100%; margin:30px 0 20px; }

#reading_guide #reading_content04 .content04bx .column3 { overflow:hidden; }
#reading_guide #reading_content04 .content04bx .column3 h6 { line-height: 1.2em;margin: 10px auto; font-size:26px; }
#reading_guide #reading_content04 .content04bx .column3 li { float:none; width:94%; margin-right:0%; background-color:#FFF; border-radius:8px; padding:3%;height: 300px;margin-bottom: 3%;}
#reading_guide #reading_content04 .content04bx .column3 .photo { float:left; width: 50%;margin-right: 5%; margin-top:5%; }
#reading_guide #reading_content04 .content04bx .column3 .text { float:left; overflow:hidden; width:40%; margin-top: 55px; }
#reading_guide #reading_content04 .content04bx .column3 p { line-height: 1.4em !important; margin:0; font-size:15px !important;}
#reading_guide #reading_content04 .content04bx .column3 p span {font-size:12px !important;}
#reading_guide #reading_content04 .content04bx .column3 .price { text-align: left; margin: 20px 0 0px; }
#reading_guide #reading_content04 .content04bx .column3 li .linkbtn02 { width:99%;}
#reading_guide #reading_content04 .content04bx .column3 .title {text-align: left;margin:0;} 
#reading_guide #reading_content04 .content04bx .mt20 { padding-top:20px; }
#reading_guide #reading_content04 .content04bx .column3 li .mb30 { margin:0;}


#reading_guide #reading_content05     {margin: 0 auto 15%;}
#reading_guide #reading_content05 .column2 h5 {font-size:22px;}
#reading_guide #reading_content05 .column2 .mb { margin-bottom:20%; }
#reading_guide #reading_content05 .column2 li { width:42%; padding:4% 3% 0;}
#reading_guide #reading_content05 .column2 li p { text-align:left;}
#reading_guide #reading_content05 .column2 li:nth-child(2), #reading_guide #reading_content05 .column2 li:nth-child(4){ width:42%; margin-right:0%; }
#reading_guide #reading_content05 .column2 li .linkbtn02 { width: 100%;}
#reading_guide #reading_content05 .column2 .recommend { width:100%;}
#reading_guide #reading_content05 .column2 .recommend  .recommend_ttl { font-size:16px; }


#reading_guide #reading_content06 {padding: 3%; margin: 0;}
#reading_guide #reading_content06 .content06nav {padding:0; margin:0;}
#reading_guide #reading_content06 .content06nav li { width:48.444%; margin-right: 2.6666%;}
#reading_guide #reading_content06 .content06nav li:nth-child(even) { margin-right:0px;}
#reading_guide #reading_content06 .content06nav li .linkbtn02 {background-color:#FFF; margin: 10px auto;}
#reading_guide #reading_content06 .content06nav li .linkbtn02::before{ left:91%; }

#reading_guide #reading_content06 .content06bx { padding: 4% 6%;margin-bottom: 30px; }
#reading_guide #reading_content06 .content06bx .column2 .ct6bx { width:44.8%;}
#reading_guide #reading_content06 .content06bx .column2 h5 { font-size:24px;}
#reading_guide #reading_content06 .content06bx .column2 .photo { width:100%;float: none; text-align:center; margin-bottom:10%;}
#reading_guide #reading_content06 .content06bx .column2 .photo img {margin:3% auto 5%;}
#reading_guide #reading_content06 .content06bx .column2 .textbx { width: 100%;float: none; text-align:left; }
#reading_guide #reading_content06 .content06bx .column2 .line { height:515px;    margin: 0 5%; }
#reading_guide #reading_content06 .content06bx .column2 .linkbtn02 { margin:30px auto 0;}

#reading_guide .bnr_Area { margin:-60px auto 60px; overflow:hidden; }
#reading_guide .bnr_Area ul {width:90%; }
#reading_guide .bnr_Area ul li {margin-right: 2%;}
#reading_guide .bnr_Area ul li:last-child {}

#reading_guide #reading_content07 {}
#reading_guide #reading_content07 ul { margin:0; padding:0;}
#reading_guide #reading_content07 ul li { width:100%; float: none; margin-right:0%; }
#reading_guide #reading_content07 ul li:last-child { margin-right:0px; }
#reading_guide #reading_content07 ul li p { width: 90%;margin: 0 auto; text-align: left; height: auto; }
#reading_guide #reading_content07 ul li .linkbtn02 {  width: 90%;    display: block; }
#reading_guide #reading_content07 ul li .purchase_ttl { font-size:24px;padding:5px 15px 5px 25px;}
#reading_guide #reading_content07 ul li .purchase_ttl img { display:inline-block; padding-right: 15px;width: 16%; max-width:65px; }
#reading_guide #reading_content07 ul li .purchase_ttl .purchase_txt { display:inline-block;}


}


@media screen and (max-width:480px) {
.pc { display: none !important; }
.tab { display: none !important; }
.sp { display: block !important; }
.arrow {padding: 0 0 0 15px; }
.arrow::before { top: -5px; left: -4px; width: 6px; height: 6px; border-top: 4px solid #333; border-right: 4px solid #333; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
#reading_guide .fl_left {	float:none;}
#reading_guide .fl_right { float:none;}

.display-flex {
  display: flex;
  flex-direction: column;
}

#contentContainer #contentArea #reading_guide p {line-height: 1.8em;}
#contentContainer #contentArea #reading_guide .linkbtn02{ font-size:16px;}
#reading_guide .pagenav ul {margin: 10px 10px;}

#reading_guide .readig_about {  margin: 0 auto 15%;}
#reading_guide #reading_content07 {  margin: 0 auto 15%;}
#reading_guide .readig_about h3 { margin-bottom: 20px;line-height: 1.4em;padding: 15px; font-size:22px; font-weight: 500;}


#reading_guide #reading_content01 p { text-align: left; margin: 0 5%; font-size:18px;}
#reading_guide #reading_content02 ul li { font-size:18px;background: url(../img/icon_check2.png?2304) no-repeat;line-height: 1.2em;background-position: left;vertical-align: middle;height: auto;padding: 7% 0 7% 15%;text-indent: 0;background-size: 30px; }
#reading_guide #reading_content02 ul li::before {content: none; }

#reading_guide #reading_content03 ul li { height: 80px;display: flex;align-items: center;}
#reading_guide #reading_content03 ul li img {position: absolute; top: 38%; width:18%;}
#reading_guide #reading_content03 ul li p{ line-height: 1.4em !important; padding-left: 90px;}

#reading_guide #reading_content04 {margin: 0 auto 40px !important; }
#reading_guide #reading_content04 .content04bx { margin:0 0 30px;}
#reading_guide #reading_content04 .content04bx h4 {line-height:1.8em; font-size:24px; margin: 7% 0 0%;}
#reading_guide #reading_content04 .content04bx h5 {line-height:1.8em; font-size:20px; }
#reading_guide #reading_content04 .content04bx .column2 li {width: 98%;margin: 5% auto;}
#reading_guide #reading_content04 .content04bx .column2 li:last-child  { width: 98%;margin: 5% auto 2%;}
#reading_guide #reading_content04 .content04bx .column2 img { width:100%;}

#reading_guide #reading_content04 .content04bx .column1 {padding:4%; margin-bottom: 20px;}
#reading_guide #reading_content04 .content04bx .column1 h6 { font-size:24px;}
#reading_guide #reading_content04 .content04bx .column1 ul { width: 100%; margin-top:20px; }
#reading_guide #reading_content04 .content04bx .column1 ul li { width:100%; }
#reading_guide #reading_content04 .content04bx .column1 .price { text-align:center;}
#reading_guide #reading_content04 .content04bx .column1 .price img { width:60%;}
#reading_guide #reading_content04 .content04bx .column1 .linkbtn02 { width:100%; margin:0px 0 20px; }

#reading_guide #reading_content04 .content04bx .column3 {margin-top: 10px; }
#reading_guide #reading_content04 .content04bx .column3 h6 { font-size:22px; }
#reading_guide #reading_content04 .content04bx .column3 li { height: auto; width: 92%;margin: 3% auto 4%; padding: 5% 3% 3%;}
#reading_guide #reading_content04 .content04bx .column3 li .photo { float:none; width: 90%;margin: 0 auto;}
#reading_guide #reading_content04 .content04bx .column3 li .photo img { margin:0 auto;}
#reading_guide #reading_content04 .content04bx .column3 li .title { width: 94%; margin:0; padding:0 3%; text-align:center;  font-size: 21px;  line-height: 1.4em;font-weight: bold; }
#reading_guide #reading_content04 .content04bx .column3 li .text { float:none; width: 94%; margin:0; padding:0 3%; text-align:left; }
#reading_guide #reading_content04 .content04bx .column3 .price { text-align:center;  margin: 5% auto 0%;    width: 70%; }
#reading_guide #reading_content04 .content04bx .column3 li p { font-size:18px !important;line-height: 1.4em !important;}
#reading_guide #reading_content04 .content04bx .column3 li .linkbtn02{ text-align:center; position: relative; width:100%;margin: 20px auto 20px; left:0; }




#reading_guide #reading_content05 .content05Area { background-color:transparent; padding:0; }
#reading_guide #reading_content05 .column2 li { width: 100%;    padding: 0;    margin: 0 auto 14%;overflow: hidden; }
#reading_guide #reading_content05 .column2 li:nth-child(2) {width: 100%; padding: 0; margin: 0 auto 14%; }
#reading_guide #reading_content05 .column2 li:nth-child(4) {width: 100%; padding: 0; margin: 0 auto 0%; }
#reading_guide #reading_content05 .column2 li h5 {margin-bottom: 4%;}
#reading_guide #reading_content05 .column2 li .glas {width: 92%; padding: 4% 4% 0; }
#reading_guide #reading_content05 .column2 li p {  font-size: 15px !important; line-height: 1.8em; text-align:left;}
#reading_guide #reading_content05 .column2 .mb { margin-bottom:4%; }
#reading_guide #reading_content05 .column2 .photo { margin-top: 30px;}
#reading_guide #reading_content05 .column2 .recommend { width:92%; background-color:#f5f7f9;padding: 4%; margin:0; }
#reading_guide #reading_content05 .column2 .recommend .recommend_ttl {font-size: 18px; font-weight:bold; margin: 5px auto 15px;}
#reading_guide #reading_content05 .column2 .recommend .recommend_items {background-color:#FFF; overflow: hidden; padding: 8% 6%;}
#reading_guide #reading_content05 .column2 .recommend .recommend_item_right { width: 46%;}
#reading_guide #reading_content05 .column2 .recommend .recommend_item_left { width: 46%;}
#reading_guide #reading_content05 .column2 .recommend .recommend_price { font-size: 12px; margin: 4% auto 0; }


#reading_guide #reading_content06 { background-color: #f5f7f9; padding: 6%;overflow: hidden; width: 88%;}
#reading_guide #reading_content06 .content06bx {  padding: 8% 8%; }
#reading_guide #reading_content06 .content06bx .column2 h5 {font-size:22px; margin-bottom:0px;}
#reading_guide #reading_content06 .content06bx .column2 .ct6bx { width:99%;margin-bottom: 30px;   }
#reading_guide #reading_content06 .content06bx .column2 .m0 {margin: 0 !important; }
#reading_guide #reading_content06 .content06bx .column2 .line { width:100%; height:1px; min-height: 1px;background-color: #d3d6db;margin-bottom: 30px; margin: 0% 0 8%;}
#reading_guide #reading_content06 .content06bx .column2 .photo { width: 85%; margin: 20px auto; }
#reading_guide #reading_content06 .content06nav li { width: 100%; margin-right: 0;}

#reading_guide .bnr_Area { margin:40px auto 60px; overflow:hidden; }
#reading_guide .bnr_Area .bnr_ttl { font-size:22px; }
#reading_guide .bnr_Area ul {width:96%; }
#reading_guide .bnr_Area ul li { width:94%; float:none; margin:0 auto 2%;}
#reading_guide .bnr_Area ul li:last-child {float:none;}

#reading_guide #reading_content07 ul li .linkbtn02 {  width: 90%;display:block; }
#reading_guide #reading_content07 ul li .purchase_ttl { font-size:20px;padding:15px 15px 15px 25px; height:auto; margin-bottom:20px;}
#reading_guide #reading_content07 ul li .purchase_ttl img { display:inline-block; padding-right: 15px;width: 16%; max-width:65px; }


}


/* 210923追記 */
#reading_guide #reading_content04 .content04bx_column02 {
  display: none;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__list {
  width: 670px;
  margin: 0 auto 60px;
}
#reading_guide #reading_content04 .content04bx .linkbtn {
  background-color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  width: 100%;
  color: #333;
  font-size: 20px;
	font-weight: 400;
  border: 1px solid #333;
  border-radius: 6px;
  line-height: 58px;
  position: relative;
  display: inline-block;
}
#reading_guide #reading_content04 .content04bx .linkbtn::before {
  position: absolute;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  top: 0px;
  left: 95%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(134deg);
  transform: rotate(134deg);
}
#reading_guide #reading_content04 .content04bx .linkbtn:hover {
  color: #FFFFFF;
  background-color: #247d33;
  opacity: 1;
}
#reading_guide #reading_content04 .content04bx .linkbtn:hover::before {
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
}
#reading_guide #reading_content04 .content04bx .linkbtn.is-active {
  color: #FFFFFF;
  background-color: #247d33;
  opacity: 1;
}
#reading_guide #reading_content04 .content04bx .linkbtn.is-active::before {
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
}
#reading_guide #reading_content04 .content04bx_column03 {
  display: none;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend {
  width: 1200px;
  padding: 50px;
  background-color: #237d33;
  border-radius: 8px;
  text-align: center;
  display: none;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend h5 {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  margin-top: 0;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend .read {
  color: #FFFFFF!important;
  text-align: center;
  margin-bottom: 40px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 {
  width: 1200px;
  background-color: #FFFFFF;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.custom {
  height: 480px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.custom ul {
  width: 740px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.custom ul li {
  width: 330px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.custom ul li .linkbtn02 {
  margin: 0 auto;
}
/* #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.reading {
  height: 540px;
} */

/* 250327 */
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.reading {
  height: 610px;
}

#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.reading .linkbtn02 {
	max-width: 310px;
	margin-bottom: 0;
}

#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.reading2 {
  height: 460px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .h6_03 {
  font-size: 26px;
  color: #333;
  margin-bottom: 20px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .type {
  font-size: 20px!important;
  color: #333!important;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: jins_next;
  font-weight: 500;
  text-align: center;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-color {
  font-size: 12px!important;
	font-weight: 400;
  letter-spacing: 0!important;
  margin: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-color dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-color dd img {
  height: 17px;
  width: 17px;
  vertical-align: top;
  max-width: 100%;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .lens_bx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-type {
  width: 340px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-type li {
  width: 107px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-type li a {
  font-size: 13px!important;
	font-weight: 400;
  width: 87px;
  height: 30px;
  padding: 0 10px;
  font-size: 1.8em;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #333;
  color: #333;
  position: relative;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-type li a::after {
  width: 9px;
  height: 15px;
  right: 13px;
  top: calc(50% - 7.5px);
  position: absolute;
  background-image: url(../img/ic_arw_r.svg);
  content: "";
  background-size: 100% 100%;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .lens_bx .lens_bx_item {
  padding: 0 20px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .lens_bx .item_name {
  font-family: jins_next;
  font-weight: 500;
  text-align: center;
  font-size: 20px!important;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 {
  width: 575px;
  background-color: #FFFFFF;
  border-radius: 8px;
  height: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02.box_02_01 {
  height: 600px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02.box_02_02 {
  height: 600px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02.box_02_02 .linkbtn02 {
  width: 180px;
  font-size: 13px;
  line-height: 38px;
  margin: 8px auto 0;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02.box_02_03 {
  height: 600px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__or {
  width: 50px;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .h6_01 {
  font-size: 30px;
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .h6_02 {
  font-size: 24px;
  color: #333;
  margin-top: 5px;
  margin-bottom: 5px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .h6_03 {
  font-size: 26px;
  color: #333;
  margin-bottom: 20px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .read {
  color: #333!important;
  font-size: 14px!important;
  margin-bottom: 0;
  text-align: left;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .read02 {
  color: #333!important;
  font-size: 20px!important;
  margin-bottom: 0;
  text-align: center;
  min-height: 100px;
  margin-top: 20px;
  line-height: 1.6em!important;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 8px 30px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_item {
  padding: 0 6px;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_item .item_text {
  text-align: center;
  font-size: 16px!important;
  padding: 5px 0 0;
  line-height: 1.5em!important;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_left {
  width: 250px;
  text-align: left;
}
#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_center {
  width: 120px;
}

#reading_guide .bnr {
	margin-bottom: 100px;
	text-align: center;
}

#reading_guide .bnr .bnr_ttl {
	color: #247d33;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 50px;
	letter-spacing: 0.25em;
}
@media screen and (max-width:768px) {
	#reading_guide .bnr {
		margin: 0 auto 10%;
	}
	#reading_guide .bnr .bnr_ttl {
		font-size: 24px;
	}
	#reading_guide .bnr .bnr_inner {
		margin: 0 calc(26 * 100vw/1080);
	}
}

@media screen and (max-width: 375px) {
	#reading_guide .bnr {
    margin: 0 auto 15%;
	}
	#reading_guide .bnr .bnr_ttl {
    font-size: 4.3vw;
    margin-bottom: 7%;
	}
}


/* 230406追記 */
.items {
  font-size: 10px;
  margin-bottom: 7rem;
}
.items img{
  max-width: 100%;
  width: 100%;
  height: auto;
}
.items .detail-container {
  background-color: #f3f3f3;
  position: relative;
}
.items .swiper-button-next, .items .swiper-button-prev {
	background-image: url(../img/ic_arw_01_r_bk.svg)
}
.items .swiper-button-next.swiper-button-disabled, .items .swiper-button-prev.swiper-button-disabled {
	opacity: 0
}
.items .swiper-button-prev {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	left: 2.67vw
}
.items .swiper-button-next {
	right: 2.67vw
}
.items .lineup-container {
	background-color: #fff
}
.items .lineup-container+.lineup-container {
	margin-top: 8vw
}
.items .lineup-heading1 {
	background: -webkit-linear-gradient(345deg, #f3f3f3 0, #f3f3f3 50%, #ededed 51%, #ededed 100%);
	background: linear-gradient(105deg, #f3f3f3 0, #f3f3f3 50%, #ededed 51%, #ededed 100%);
	font-family: jins_next;
	font-weight: 300;
	line-height: 1;
	text-align: center
}
.items .lineup-heading2 {
	font-weight: 500;
	text-align: center
}
.items .lineup-new {
	text-align: center
}
.items .lineup-itemimg {
	text-align: center
}
.items .lineup-itemimg img {
	width: 100%
}
.items .item-caption {
	font-weight: lighter;
	text-align: center
}
.items .item-price {
	font-family: jins_next;
	font-weight: 500;
	text-align: center
}
.items .item-note {
	font-weight: lighter;
	text-align: center
}
.items .item-name {
	font-family: jins_next;
	font-weight: 300;
	text-align: center
}
.items .detail-wrap figcaption {
	font-weight: 400;
}
.items .detail-wrap figcaption small {
	font-size: .77em;
	display: block;
}
.items .item-color {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 400;
}
.items .item-color dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.items .item-color dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.items .item-color img {
	vertical-align: top
}
.items .item-detail li.ic-limited, .items .item-list li.ic-limited {
	position: relative
}
.items .item-detail li.ic-limited::before, .items .item-list li.ic-limited::before {
	position: absolute;
	background-image: url(../img/online_icon.png);
	content: "";
	background-size: 100% 100%;
	border-radius: 50%
}
.items .item-type li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #333;
	font-weight: 400;
	color: #333;
	position: relative
}
.items .item-type li a:hover {
  background: #247d33;
  color: #fff;
  opacity: 1;
}
.items .item-type li a::after {
	position: absolute;
	background-image: url(../img/ic_arw_r.svg);
	content: "";
	background-size: 100% 100%
}
.items .item-type li a:hover::after {
	background-image: url(../img/ic_arw_r_hover.svg);
}
.items .item-rel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #ecf6f2;
	color: #43a57c
}
.items .item-detail li.ic-limited, .items .item-list li.ic-limited {
	position: relative
}
.items .item-detail li.ic-limited::before, .items .item-list li.ic-limited::before {
	position: absolute;
	background-image: url(../img/online_icon.png);
	content: "";
	background-size: 100% 100%;
	border-radius: 50%
}
.items .item-type li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #333;
	color: #333;
	position: relative;
  box-sizing: border-box;
}
.items .item-type li a::after {
	position: absolute;
	background-image: url(../img/ic_arw_r.svg);
	content: "";
	background-size: 100% 100%
}
.items .item-rel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #ecf6f2;
	color: #43a57c
}

.lineup-btn-all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.lineup-btn-all a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #333;
	color: #333;
	font-weight: 400;
	position: relative;
  box-sizing: border-box;
}
.lineup-btn-all a::after {
	position: absolute;
	background-image: url(../img/ic_arw_r.svg);
	content: "";
	background-size: 100% 100%
}

.reading-bnr01 {
	text-align: center
}
.reading-bnr02 {
	text-align: center
}
@media (min-width:768px) {
	.main {
		margin-top: 80px
	}
	br.forPC, img.forPC {
		display: inline
	}
	br.forTAB, img.forTAB {
		display: none
	}
	br.forSP, img.forSP {
		display: none
	}
	br.forSP_small, img.forSP_small {
		display: none
	}
	 .items section, .l-section {
		max-width: 1310px;
		margin-right: auto;
		margin-left: auto
	}
	.intro .section-copy {
		padding: 80px 0
	}
	.intro-copy {
		font-size: 3.7em;
		line-height: 1.62;
		margin-bottom: 30px
	}
	.intro-lead {
		text-align: center;
		font-size: 2.6em;
		line-height: 1.62
	}
	.intro .section-story {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 auto;
		width: 1310px
	}
	.intro .section-story div {
		width: 612px
	}
	.intro .section-story h3 {
		border-radius: 40px;
		font-size: 3.2em;
		line-height: 2.5;
		margin-bottom: 60px
	}
	.intro .section-story .list-check li {
		font-size: 2.6em;
		line-height: 1.46;
		padding-left: 83px
	}
	.intro .section-story .list-check li::before {
		width: 50px;
		height: 50px;
		top: calc(50% - 25px);
		left: 13px
	}
	.intro .section-story .list-check li+li {
		margin-top: 20px
	}
	.intro .section-story .list-level li {
		font-size: 2.6em;
		line-height: 2.31
	}
	.intro .section-story .list-level li span {
		width: 120px;
		height: 60px;
		border-radius: 30px;
		margin-right: 25px
	}
	.intro .section-story .list-level li+li {
		margin-top: 40px
	}
	.items {
		padding-top: 0;
	}
	.items .detail-container {
		padding: 80px 88px 40px;
	}
	.items .detail-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.items .detail-wrap {
		width: calc(33.3% - 25px)
	}
	.items .detail-wrap figcaption {
		font-size: 1.8em;
		line-height: 1.44;
		margin-top: 30px
	}
	.items .detail-wrap figcaption small {
		margin-top: 10px
	}
	.items .swiper-button-next.next1, .items .swiper-button-next.prev1, .items .swiper-button-prev.next1, .items .swiper-button-prev.prev1 {
		display: none
	}
	.items .swiper-button-next, .items .swiper-button-prev {
		width: 27px;
		height: 44px;
		top: 210px;
		right: 30px;
		background-size: contain
	}
	.items .lineup-container {
		padding: 80px 0 90px;
		margin-top: 80px;
		-webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .12);
		box-shadow: 0 0 16px 0 rgba(0, 0, 0, .12)
	}
	.items .lineup-container:first-of-type {
    margin-top: 0;
  }
	.items .lineup-heading1 {
		font-size: 4.3em;
		letter-spacing: .1em;
		padding: 50px 0;
		margin-bottom: 50px;
    text-align: center;
	}
	.items .lineup-heading2 {
		font-size: 2.6em;
		margin-bottom: 50px;
		line-height: 1.46;
    text-align: center;
	}
	.items .lineup-new img {
		width: 229px;
		margin-bottom: 22px
	}
	.items .lineup-itemimg {
		padding: 30px 88px 50px
	}
	.items .item-caption {
		font-size: 2em;
		line-height: 1.6;
		margin-bottom: 20px;
		margin-top: 70px;
    text-align: center;
	}
	.items .item-price {
		font-size: 2.2em;
		letter-spacing: .08em;
		margin-bottom: 20px;
    text-align: center;

	}
	.items .item-note {
		font-size: 1.6em;
		line-height: 1.38;
		margin-bottom: 30px
	}
	.items .item-name {
		font-size: 2.6em;
		margin-top: 80px;
    text-align: center;
	}
	.items .item-color {
		font-size: 1.6em;
		margin: 10px 0 40px
	}
	.items .item-color img {
		height: 20px;
		width: 20px
	}
	.items .item-detail, .items .item-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 1150px;
		margin: 0 auto
	}
	.items .item-detail li, .items .item-list li {
		width: 495px
	}
	.items .item-detail li.ic-limited::before, .items .item-list li.ic-limited::before {
		width: 84px;
		height: 84px;
		top: 100px;
		right: 0
	}
	.items .item-type {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.items .item-type li {
		width: 150px
	}
	.items .item-type li a {
		width: 150px;
		height: 45px;
		padding: 0 20px;
		font-size: 1.8em;
		border-radius: 30px
	}
	.items .item-type li a::after {
		width: 9px;
		height: 15px;
		right: 20px;
		top: calc(50% - 7.5px)
	}
	.items .item-rel {
		height: 45px;
		padding: 0 20px;
		font-size: 1.8em;
		border-radius: 30px
	}
	.lineup-btn-all {
		margin-top: 105px
	}
	.lineup-btn-all a {
		width: 590px;
		height: 80px;
		padding: 0 28px 0 48px;
		font-size: 2.6em;
		border-radius: 40px
	}
	.lineup-btn-all a::after {
		width: 12px;
		height: 20px;
		right: 28px;
		top: calc(50% - 10px)
	}
	.reading-bnr01 {
		padding: 160px 88px 40px
	}
	.reading-bnr01 img {
		width: auto
	}
	.reading-bnr02 {
		padding: 0 88px 80px
	}
	.reading-bnr02 img {
		width: auto
	}
}
@media (max-width:1024px) {
	.main {
		margin-top: 52px
	}
	br.forTAB, img.forTAB {
		display: inline
	}
}
@media (max-width:767px) {
	br.forPC, img.forPC {
		display: none
	}
	br.forSP, img.forSP {
		display: inline
	}
	.intro .section-copy {
		padding: 8vw 0 10.67vw
	}
	.intro-copy {
		font-size: 6.4vw;
		line-height: 1.42;
		margin-bottom: 5.33vw
	}
	.intro-lead {
		text-align: left;
		font-size: 4.27vw;
		line-height: 2.13;
		max-width: 82.67vw;
		margin-right: auto;
		margin-left: auto
	}
	.intro .section-story {
		padding: 0 8.53vw
	}
	.intro .section-story h3 {
		border-radius: 8vw;
		font-size: 5.87vw;
		line-height: 2.73;
		margin-bottom: 8vw
	}
	.intro .section-story .list-check {
		margin-bottom: 18.67vw
	}
	.intro .section-story .list-check li {
		font-size: 4.27vw;
		line-height: 1.75;
		padding-left: 17.33vw
	}
	.intro .section-story .list-check li::before {
		width: 13.33vw;
		height: 13.33vw;
		top: calc(50% - 6.67vw);
		left: 0
	}
	.intro .section-story .list-check li+li {
		margin-top: 8vw
	}
	.intro .section-story .list-level li {
		font-size: 4.27vw;
		line-height: 1.75
	}
	.intro .section-story .list-level li span {
		font-size: 6.4vw;
		line-height: 13.33vw;
		width: 24vw;
		height: 13.33vw;
		margin-right: 4vw;
		border-radius: 8vw
	}
	.intro .section-story .list-level li+li {
		margin-top: 8vw
	}
	.items {
		padding-top: 5vw;
		margin-bottom: 20vw;
	}
	.items .detail-container {
		padding: 10.67vw 10.67vw
	}
	.items .detail-wrap figcaption {
		font-size: 4.27vw;
		line-height: 1.44;
		margin-top: 4vw
	}
	.items .detail-wrap figcaption small {
		margin-top: 2.67vw
	}
	.items .swiper-button-next, .items .swiper-button-prev {
		width: 2.13vw;
		height: 4.8vw;
		top: 37.33vw;
		margin-top: 0;
		background-size: contain
	}
	.items .lineup-container {
		padding: 10.67vw 0 21.33vw;
		-webkit-box-shadow: 0 0 2.13vw 0 rgba(0, 0, 0, .12);
		box-shadow: 0 0 2.13vw 0 rgba(0, 0, 0, .12)
	}
	.items .lineup-heading1 {
		font-size: 6.93vw;
		letter-spacing: .23em;
		padding: 16vw;
		margin-bottom: 2.67vw
	}
	.items .lineup-heading2 {
		font-size: 4.8vw;
		margin-bottom: 6.67vw
	}
	.items .lineup-new img {
		width: 36.27vw;
		margin-bottom: 4vw
	}
	.items .lineup-itemimg {
		padding: 0 10.67vw 10.67vw
	}
	.items .item-caption {
		font-size: 3.2vw;
		line-height: 1.67;
		margin-bottom: 5.33vw;
		margin-top: 9.33vw;
		max-width: 88vw;
		margin-right: auto;
		margin-left: auto;
	}
	.items .item-price {
		font-size: 4.27vw;
		letter-spacing: .11em;
		margin-bottom: 5.33vw
	}
	.items .item-note {
		font-size: 3.2vw;
		line-height: 2;
		margin-bottom: 8vw;
		max-width: 88vw;
		margin-right: auto;
		margin-left: auto
	}
	.items .item-name {
		font-size: 5.33vw;
		letter-spacing: .11em;
		margin-bottom: 5.33vw;
		margin-top: 13.33vw
	}
	.items .item-color {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.items .item-color dt {
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 4.27vw
	}
	.items .item-color dt span {
		display: none
	}
	.items .item-color dd {
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 3.2vw;
		margin-top: 2.67vw;
		margin-bottom: 1.33vw
	}
	.items .item-color img {
		height: 4.27vw;
		width: 4.27vw
	}
	.items .item-detail, .items .item-list {
		width: 96vw;
		margin: 0 auto
	}
	.items .item-detail li, .items .item-list li {
		width: 100%
	}
	.items .item-detail li.ic-limited::before, .items .item-list li.ic-limited::before {
		width: 16vw;
		height: 16vw;
		top: 8vw;
		right: 5.33vw
	}
	.items .item-type li {
		width: 53.33vw;
		margin: 5.33vw auto 0
	}
	.items .item-type li a {
		width: 53.33vw;
		height: 16vw;
		font-size: 4.8vw;
		padding: 0 5.33vw;
		border-radius: 8vw
	}
	.items .item-type li a::after {
		width: 1.6vw;
		height: 2.93vw;
		right: 5.33vw;
		top: calc(50% - 1.47vw)
	}
	.items .item-rel {
		width: 74.67vw;
		height: 16vw;
		font-size: 4.8vw;
		padding: 0 5.33vw;
		border-radius: 8vw;
		margin: 5.33vw auto 0
	}
	.lineup-btn-all {
		margin-top: 16vw
	}
	.lineup-btn-all a {
		width: 90.67vw;
		height: 29.33vw;
		font-size: 5.87vw;
		padding: 0 13.33vw;
		border-radius: 16vw
	}
	.lineup-btn-all a::after {
		width: 3.2vw;
		height: 5.33vw;
		right: 6.13vw;
		top: calc(50% - 2.67vw)
	}
	.reading-bnr01 {
		padding: 10.67vw 4vw 16vw
	}
	.reading-bnr02 {
		padding: 0 4vw 10.67vw
	}
}
@media (min-width:768px) and (max-width:1365px) {
	.items section, .l-section {
		max-width: 88.58vw
	}
	.intro .section-copy {
		padding: 5.86vw 0
	}
	.intro-copy {
		font-size: 2.71vw;
		margin-bottom: 2.2vw
	}
	.intro-lead {
		font-size: 1.9vw
	}
	.intro .section-story div {
		width: 44.8vw
	}
	.intro .section-story h3 {
		font-size: 2.34vw;
		margin-bottom: 4.39vw
	}
	.intro .section-story .list-check li::before {
		width: 3.66vw;
		height: 3.66vw;
		top: calc(50% - 1.83vw);
		left: .95vw
	}
	.intro .section-story .list-check li {
		font-size: 1.9vw;
		padding-left: 6.08vw
	}
	.intro .section-story .list-check li+li {
		margin-top: 1.46vw
	}
	.intro .section-story .list-level li span {
		width: 8.78vw;
		height: 4.39vw;
		margin-right: 1.83vw
	}
	.intro .section-story .list-level li {
		font-size: 1.9vw
	}
	.intro .section-story .list-level li+li {
		margin-top: 2.93vw
	}
	.intro .section-story {
		width: 95.9vw
	}
	.items .detail-container {
		padding: 5.86vw 6.44vw 2.93vw
	}
	.items .detail-wrap figcaption small {
		margin-top: .73vw
	}
	.items .detail-wrap figcaption {
		font-size: 1.32vw;
		margin-top: 2.2vw
	}
	.items .detail-wrap {
		width: calc(33.3% - 1.85vw)
	}
	.items .swiper-button-next, .items .swiper-button-prev {
		width: 1.98vw;
		height: 3.22vw;
		top: 15.37vw;
		right: 2.2vw
	}
	.items .lineup-container {
		padding: 5.86vw 0 6.59vw;
		margin-top: 5.86vw
	}
	.items .lineup-heading1 {
		font-size: 3.15vw;
		padding: 3.66vw 0;
		margin-bottom: 3.66vw
	}
	.items .lineup-heading2 {
		font-size: 1.9vw;
		margin-bottom: 3.66vw
	}
	.items .lineup-new img {
		width: 16.76vw;
		margin-bottom: 1.61vw
	}
	.items .lineup-itemimg {
		padding: 2.2vw 6.44vw 3.66vw
	}
	.items .item-caption {
		font-size: 1.46vw;
		margin-bottom: 1.46vw;
		margin-top: 5.12vw
	}
	.items .item-price {
		font-size: 1.61vw;
		margin-bottom: 1.46vw
	}
	.items .item-note {
		font-size: 1.17vw;
		margin-bottom: 2.2vw
	}
	.items .item-name {
		font-size: 1.9vw;
		margin-top: 5.86vw
	}
	.items .item-color img {
		height: 1.46vw;
		width: 1.46vw
	}
	.items .item-color {
		font-size: 1.17vw;
		margin: .73vw 0 2.93vw
	}
	.items .item-detail li.ic-limited::before, .items .item-list li.ic-limited::before {
		width: 6.15vw;
		height: 6.15vw;
		top: 7.32vw
	}
	.items .item-detail li, .items .item-list li {
		width: 37.7vw
	}
	.items .item-detail, .items .item-list {
		width: 85.65vw
	}
	.items .item-type li a::after {
		width: .66vw;
		height: 1.1vw;
		right: 1.46vw;
		top: calc(50% - .55vw)
	}
	.items .item-type li a {
		width: 10.98vw;
		height: 3.29vw;
		padding: 0 1.46vw;
		font-size: 1.32vw
	}
	.items .item-type li {
		width: 10.98vw
	}
	.items .item-rel {
		height: 3.29vw;
		padding: 0 1.46vw;
		font-size: 1.32vw
	}
	.items {
		padding-top: 5.86vw
	}
	.lineup-btn-all a::after {
		width: .88vw;
		height: 1.46vw;
		right: 2.05vw;
		top: calc(50% - .73vw)
	}
	.lineup-btn-all a {
		width: 43.19vw;
		height: 5.86vw;
		padding: 0 2.05vw 0 3.51vw;
		font-size: 1.9vw
	}
	.lineup-btn-all {
		margin-top: 7.69vw
	}
	.reading-bnr01 {
		padding: 11.71vw 6.44vw 2.93vw
	}
	.reading-bnr02 {
		padding: 0 6.44vw 5.86vw
	}
}

@media screen and (max-width:1400px) {
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend {
    width: 100%;
    padding: 5% 4% 5%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 {
    width: 100%;
    padding: 0 4% 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 {
    width: 48%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__or {
    width: 4%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .lens_bx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-pack: justify;
    -ms-flex-pack: justify; */
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .lens_bx .lens_bx_item {
    padding: 20px 20px;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.reading {
    height: auto;
    padding: 40px 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.reading2 {
    height: auto;
    padding: 40px 0;
  }
}

@media screen and (max-width:768px) {
  #reading_guide #reading_content04 .content04bx {
    padding: 0;
  }  
  #reading_guide #reading_content04 .content04bx .p-rg-content04__list {
    width: 85%;
    margin: 0 auto 0;
  }
  #reading_guide #reading_content04 .content04bx .content04bx_column01 .p-rg-content04__list {
    margin: 0 auto 8%;
  }
  #reading_guide #reading_content04 .content04bx .content04bx_column02 .p-rg-content04__list {
    margin: 0 auto 8%;
  }
  #reading_guide #reading_content04 .content04bx h4 {
    line-height: 1.4em;
    margin: 10% 0 8%;
  }
  #reading_guide #reading_content04 .content04bx .linkbtn {
    margin: 0 auto 10px;
    font-size: 14px;
  }
  #reading_guide #reading_content04 .content04bx .linkbtn::before {
    left: 90%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend {
    width: 90%;
    padding: 5% 5% 5%;
    border-radius: 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend .read {
    color: #FFFFFF!important;
    text-align: center;
    margin-bottom: 10%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 {
    width: 100%;
    padding: 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.custom {
    height: auto;
    padding: 10% 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.custom ul {
    width: 90%;
    margin: 0 auto;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.custom ul li {
    width: 48%;
    margin: 15px 0;
  }

  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.reading {
    height: auto;
    padding: 5% 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.reading2 {
    height: auto;
    padding: 5% 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .h6_03 {
    font-size: 24px !important;
    color: #333;
    margin-bottom: 10px;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .read02 {
    font-size: 15px !important;
    max-width: 505px;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .type {
    font-size: 16px!important;
    color: #333!important;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-color {
    width: 100%;
    font-size: 10px!important;
    letter-spacing: 0!important;
    margin: 0 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-color dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-color dd img {
    height: 14px;
    width: 14px;
    vertical-align: top;
    max-width: 100%;
  }

  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .box01_img_tab {
    width: 90%;
    margin: 0 auto;
  }
	#reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.reading .linkbtn02 {
		margin: 15px auto 0;
		width: 80%;
	}
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .lens_bx {
    display: block;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-type {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-type li {
    width: 30%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-type li a {
    font-size: 13px!important;
    width: 80%;
    height: 30px;
    padding: 0 10%;
    font-size: 1.8em;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #333;
    color: #333;
    position: relative;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .item-type li a::after {
    width: 9px;
    height: 15px;
    right: 13px;
    top: calc(50% - 7.5px);
    position: absolute;
    background-image: url(../img/ic_arw_r.svg);
    content: "";
    background-size: 100% 100%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .lens_bx .lens_bx_item {
    padding: 0;
    width: 90%;
    margin: 10% auto 5%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .lens_bx .item_name {
    font-family: jins_next;
    font-weight: 500;
    text-align: center;
    font-size: 14px!important;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .lens_bx .item_img {
    width: 70%;
    margin: 5% auto;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend .recommend_icon {
    width: 40px;
    margin: 0 auto;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02__area {
    display: block;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 {
    width: 100%;
    height: auto;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02.box_02_01 {
    height: 200px;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02.box_02_02 {
    height: auto;
    padding: 5% 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02.box_02_02 .linkbtn02 {
    width: 100%;
    font-size: 16px;
    line-height: 58px;
    margin: 8px auto 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02.box_02_03 {
    height: auto;
    padding: 5% 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02.box_02_01 img {
    max-width: 50%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02.box_02_03 .usugata {
    width: 70%;
    margin: 0 auto;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__or {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .h6_01 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .h6_02 {
    font-size: 22px;
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .h6_03 {
    font-size: 24px !important;
    color: #333;
    margin-bottom: 10px;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .read {
    color: #333 !important;
    font-size: 14px !important;
    margin-bottom: 10px;
    text-align: left;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .read02 {
    color: #333 !important;
    font-size: 16px !important;
    margin-bottom: 0;
    text-align: center;
    min-height: auto;
    margin-top: 15px;
    line-height: 1.6em !important;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx {
    padding: 2% 7%;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_item {
    padding: 0 6px;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_item.basic {
    padding: 0;
    width: 31%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_item .item_text {
    text-align: center;
    font-size: 12px!important;
    padding: 2px 0 0;
    line-height: 1.5em!important;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_left {
    width: 100%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_center {
    width: 54%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_right {
    width: 46%;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_btn {
    width: 100%;
    margin-bottom: 10px;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box02 .lens_bx .lens_bx_btn.sp {
    display: block!important;
  }
}
@media screen and (max-width:480px) {
  /* #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01 .box01_img_tab {
    width: 100%;
  } */
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.custom ul {
    width: 90%;
    margin: 0 auto;
    display: block;
  }
  #reading_guide #reading_content04 .content04bx .p-rg-content04__recommend__box01.custom ul li {
    width: 100%;
    margin: 15px 0;
  }
}

.p-bnr-list{
	display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}