@charset "UTF-8";


img {
    image-rendering: -webkit-optimize-contrast;
}

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

.hoverLink {
  text-decoration: none;
}

.sotugyo_title {
	display: flex;
	flex-flow: column;
}


/*レスポンシブボタン（ピンク）*/
a.rink_btn {
    display: flex;
    align-items: center;
    max-width: 600px;
    margin: 0 auto;
    padding: 1.2rem 2rem;
    background: #fff;
    text-decoration: none;
    transition: 0.3s;
	color: #e52c74;
}
a.rink_btn:hover {
    background-color: #F9EDE9;
	color: #D7586F;	
}
a.rink_btn .a__icon {
    padding-right: 4px;
}
a.rink_btn .a__icon img {
    width: 25px;
    vertical-align: middle;
}
a.rink_btn .a__text {
    display: block;
    flex-grow: 1;
	color: #e52c74;
    font-weight: bold;
    text-align: center;
    position: relative;
}
a.rink_btn .a__text::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
    border-top: 3px solid #e52c74;
    border-right: 3px solid #e52c74;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    transition: 0.3s;
}


a.rink_btn2 {
    align-items: center;
    margin: 0 auto;
    padding: 1.2rem 2rem;
    background: #fff;
    text-decoration: none;
    transition: 0.3s;
	color: #e52c74;
}
a.rink_btn2:hover {
    background-color: #F9EDE9;
	color: #D7586F;	
}
a.rink_btn2 .a__icon2 {
    padding-right: 4px;
}
a.rink_btn2 .a__icon2 img {
    width: 25px;
    vertical-align: middle;
}
a.rink_btn2 .a__text2 {
    display: block;
    flex-grow: 1;
	color: #e52c74;
    font-weight: bold;
    text-align: center;
    position: relative;
}
a.rink_btn2 .a__text2::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
    border-top: 3px solid #e52c74;
    border-right: 3px solid #e52c74;
    box-sizing: border-box;
    transition: 0.3s;
}

/*レスポンシブボタン（ピンク）*/




/* PC画面用（ウィンドウ幅が769px以上の場合に適用） */
@media print,screen and (min-width: 769px) {
 
	
/* 商品名のリンクサイズ指定 */		
/* 文字色は↑の共通classで指定しています */		
	.item-name {	
	font-size: 11px;  
	}	
	
	.item-name　hover {	
	text-decoration: underline;  
	}		
	
	
	
/* 商品ナビボタン */	
.navi_btn{
	width: 940px;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin: 15px auto 40px auto;
}	
	
.navi_btn a {
    border: solid 1px #e6e6e6;
    position: relative;
    margin: 3px;
    width: 20%;
    padding: 10px 15px 10px 10px;
    color: #666;
    transition: 0.3s ease-in-out;
	text-decoration: none;
	border-radius:5px;
}
.navi_btn a:hover {
    background: #CBCBCB;
}
.navi_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #CBCBCB;
    border-right: 2px solid #CBCBCB;
    transform: rotate(135deg) translateY(-50%);
    position: absolute;
    top: 30%;
    right: 10px;
    transition: 0.3s ease-in-out;
}
.navi_btn a:hover:after {
    border-color: #666;
}		

 
.navi_btn2{
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin: 15px auto 40px auto;
}	
	
.navi_btn2 a {
    border: solid 1px #e6e6e6;
    position: relative;
    margin: 3px;
    width: 25%;
    padding: 10px 15px 10px 10px;
    color: #666;
    transition: 0.3s ease-in-out;
	text-decoration: none;
	border-radius:5px;
}
.navi_btn2 a:hover {
    background: #CBCBCB;
}
.navi_btn2 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #CBCBCB;
    border-right: 2px solid #CBCBCB;
    transform: rotate(135deg) translateY(-50%);
    position: absolute;
    top: 30%;
    right: 10px;
    transition: 0.3s ease-in-out;
}
.navi_btn2 a:hover:after {
    border-color: #666;
}	


/* 商品ナビボタン */		
	
	
.sotugyo_h1 {
	text-align: center;
 	margin: 2% auto auto;
 	font-size: 16px;
 	color: #FF3B78;	

}

.title_text {
	order: 3;
	text-align: center;
	margin-top:5px;
	font-size: 12px;
	font-weight: bold;
}
	
	
.title_text_sub {
	margin-top:10px;
	text-align: center;
	line-height: 1.5em;
}	
		
	
/* リンク色の置き換え */
 .title_text_sub a:link {
	color: #454545; 
	text-decoration:none;		  
  }	
	
  .title_text_sub a:visited {
	color: #454545;
	text-decoration:none; 	
  }		
  .title_text_sub a:active {
	color: #454545;
	text-decoration:none; 	
  }		
	
  .title_text_sub a:hover {
	color: #FF3B78; 
	text-decoration: underline;			  
  }		
/* リンク色の置き換え */	
	

	
.sotugyo h2 {
	  font-size: 18px;	
	  position: relative;
	  padding: 12px 20px;
	  background: #EFEFEF;
	  color:#333333;	
	  margin:30px 0px 15px 0px; 
	}

.sotubu h2 {
	  font-size: 18px;	
	  position: relative;
	  padding: 12px 20px;
	  background:#0E73D0;
	  color:#fff;	
	  margin:25px 0px 10px 0px; 
	}	
	
.kobetu {
	background:#F5F9F3;
	padding-bottom: 15px;
	margin-bottom: 10px;
}		
	
.kobetu h2 {
	  font-size: 18px;	
	  position: relative;
	  padding: 12px 20px;
	  background:#1A4D2A;
	  color:#fff;	
	  margin:25px 0px 10px 0px; 
	}	
	
.sotubu {
	background:#F4FBFF;
	padding-bottom: 15px;
	margin-bottom: 10px;
}		
	
	
	
/* ヘッダーの卒業・卒園・卒部ボタン */
.category_img{
	position:relative;
	margin-left: 165px;
	margin-top: -1%;
 margin-bottom: 4%;
}
	
.category_img a{
	display: inline-block;
	width: 300px;
	height: 60px;
	padding: 0px 10px;
}
	

.category_img a:hover {
	opacity: 0.5 ;
}
	
.category_sotugyo {
	position: absolute;
	top: 24px;
	left: 92px;
	letter-spacing: 0.05em;
	color: #990033;
	font-size:26px;
}		
	
.category_sotuen {
	position: absolute;
	top: 23px;
	left: 92px;
	letter-spacing: 0.05em;
	color: #FF297C;
	font-size:26px;
}		
	
	
.category_sotubu {
	position: absolute;
	top: 23px;
	left: 414px;
	letter-spacing: 0.05em;
	color: #00A03F;
	font-size:26px;
}		
/* ヘッダーの卒業・卒園・卒部ボタン */	
	
	
.support_box {
	margin-top:-15px;
}
	
.support_title {
	font-weight: bold;
    font-size: 1.2em;
	margin: 0 auto;
	margin-top: 0%;
	color: #660033;
}
	
.support_box_link {
	width: 90%;
    margin: 0 auto;
}

	
/*人気ランキング*/	
.inner-box {
	display: flex;
	width: 940px;
	margin: 0 auto;
	margin-top:25px;
	margin-left:15px;
	text-align: center;	
}
	
.inner-box div {
	padding:0% 10px;
	width: 160px;
}
	
.inner {
	padding: 1%;
	font-size: 0.9em;
}
	
.inner a {
	padding: 1%;
	font-size: 1em;
}	
	
	
.item_pic	{
	width: 140px;
}
	


 .m_text {
	width: 900px;  
    margin:-12px 30px 0px 20px;
    padding: 0px 5px 0px 0px;
    line-height: 1.8em;
  }		
	
.m_text2 {
	margin:0px 30px 5px 20px;
	padding:5px;
	line-height: 1.8em;
	box-sizing: border-box;
}	
	
	
	
/* カテゴリに飛ぶボタン */
	
 .other_btn	{
	display: flex; 
	width: 900px; 
	margin: 5% auto; 
	margin-bottom:16px;	
    vertical-align: middle;	 
	
 }	
 a.rink_btn  {
    border:1px solid #D7586F;	 
	box-shadow: 3px 3px #DCDDDD;
    vertical-align: middle;	 
    border-radius: 5px;	 
	 
    }
	
    a.rink_btn .a__text {
        font-size: 14px;
		font-weight: 700;
        padding-right: 20px;
		width: 350px;
		
    }
    a.rink_btn .a__text:after {
        width: 12px;
        height: 12px;
    }	
	
	
	
    .other_btn2{	
		display: flex;
		width: 400px;
		margin: auto;
		padding:0%;
		text-align: center;
		margin-top: 2%;
		margin-bottom:5%;
		
   }
    a.rink_btn2  {
		margin: auto; 
		padding:3% 7%;		
		width: 90%;	
		box-shadow: 2px 2px 3px 1px #EFEFEF;
		border: 1px solid #c6c6c6;	
		border-radius:10px;	 		
    }
	
    a.rink_btn2 .a__text2 {
        font-size: 1em;
		font-weight: 800;
		letter-spacing:0.05em;
    }
	
	.a__text2 {
		text-align: center;
    }
	
	
    a.rink_btn2 .a__text2::after {
        width: 10px;
        height: 10px;	
		
    }	
	
  .rank_img {
    width: 180px;
    margin-left: -10px;
  }	
	
	
	
	
	
/* 見出しコーナー */		
		
.linklist{
	display: flex;
	width:900px;
	margin: 1% auto;	
	}		

.linklist li{
	position: relative;
   	display: block;
	justify-content: space-around;
	align-items: center;	
	width: 205px;
	background: #FDFDFD;
	margin: 1% auto;
	transition: 0.3s;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	border: solid 1px #D8D8D8;		
	}	

.linklist img{	
	width: 205px;
	height:80px;
	}		
	
	
.linklist a{	
	color: #333;
	}
	
.linklist a:hover{
	color: #D7586F;
}	
	
.linklist a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 80%;
    right: 15px;
    border-radius: 1px;  
}	
	
.linklist a:hover:after {
    border-color: #D7586F;
}	
	
.linklist p{
	padding:2% 10% 2% 5%;
	font-size: 12px;	
}		
	
	
/* 見出しコーナー2 */	
	
.linklist2{
	display: flex;
	width:900px;
	margin: 1% auto;
	}		

.linklist2 li{
	position: relative;
   	display: block;
	justify-content: space-around;
	align-items: center;	
	width: 430px;
	background: #FDFDFD;
	margin: 1% auto;
	transition: 0.3s;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	border: solid 1px #D8D8D8;	
	}	

.linklist2 img{	
	width: 430px;
	height:130px;
	}	
	
	
.linklist2 a{	
	color: #333;
	}
	
.linklist2 a:hover{
	color: #D7586F;

}	
	
.linklist2 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 88%;
    right: 15px;
    border-radius: 1px;  
}	
	
.linklist2 a:hover:after {
    border-color: #D7586F;
}	
	
.linklist2 p{
	padding:2% 10% 2% 3%;
	font-size: 12px;
}		
	

.linklist3{
	display: flex;
	width:60%;
	margin: 1% auto;
	}		

.linklist3 li{
	position: relative;
   	display: block;
	justify-content: space-around;
	align-items: center;	
	background: #FDFDFD;
	margin: -2% auto 2% auto;
	transition: 0.3s;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	border: solid 1px #D8D8D8;
	border-radius: 5px;
	}
 
.linklist3 img{
    height: 100px; /* トリミング後の画像の高さ */
    width: 100%;
    object-fit: cover;
}

.linklist3 a{	
	color: #333;
	}
	
.linklist3 a:hover{
	color: #D7586F;
}	
	
.linklist3 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 86%;
    right: 15px;
    border-radius: 1px;  
}	
	
.linklist3 a:hover:after {
    border-color: #D7586F;
}	
	
.linklist3 p{
	padding:3% 9% 3% 3%;
	font-size: 12px;	
}		
	
	
.linklist4{
	display: flex;
	width:60%;
	margin: 1% auto;
	}		

.linklist4 li{
	position: relative;
   	display: block;
	justify-content: space-around;
	align-items: center;	
	background: #FDFDFD;
	margin: -2% auto 2% auto;
	transition: 0.3s;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	border: solid 1px #D8D8D8;
	border-radius: 5px;
	}
 
.linklist4 img{
    height: 140px; /* トリミング後の画像の高さ */
    width: 100%;
    object-fit: cover;
}

.linklist4 a{	
	color: #333;
	}
	
.linklist4 a:hover{
	color: #D7586F;
}	
	
.linklist4 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 89%;
    right: 15px;
    border-radius: 1px;  
}	
	
.linklist4 a:hover:after {
    border-color: #D7586F;
}	
	
.linklist4 p{
	padding:3% 9% 3% 3%;
	font-size: 12px;	
}			
	
	
	
	
/* 見出しコーナー */	
	
.subtitle-text {
	margin: 3% auto;
    font-size: 0.85em;
	text-align: center;
}
	
.faq-text {
    color: #FF3B78;
    margin-top: 5%;
	text-align: center;
	font-weight: bold;
}
	
.faq-btn1 {
	width: 100%;
	margin: 3% auto 2% auto;
	text-align: center;
	text-decoration: none;
	}
	
.faq-btn1 li {
	width: 28%;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	padding: 0.5em 0.25em ;
	color: #727272;
	background: #f2f2f2;
	border: solid 2px #b2b2b2;
	border-radius: 10px;
	}
	
.faq-btn1 li span {
	font-size: 0.9em;
	}
	
.faq-btn1 a{
	color: #727272;
	text-align: center;
	text-decoration: none;
	}
	
.faq-btn1 a:visited {
	color: #727272;
	text-align: center;
	text-decoration: none;
	}
	
.faq-btn2 {
	width: 100%;
	margin: 1% auto 3% auto;
	text-align: center;
	text-decoration: none;
	}
	
.faq-btn2 li {
	width: 45%;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0.6em 0.1em 0.5em 0.1em;
	color: #727272;
	background: #f2f2f2;
	border: solid 2px #b2b2b2;
	border-radius: 10px;
	}
	
.faq-btn2 a{
	color: #727272;
	text-align: center;
	text-decoration: none;
	}
	
.faq-btn2 a:visited {
	color: #727272;
	text-align: center;
	text-decoration: none;
	}
	
.useful-cnts {
	width: 95%;
	margin: 3% auto 1.5% auto;
	}
	
.useful-cnts img{
	width: 100%;
    border: #F93 solid 3px;
    box-sizing: border-box;
    height: auto;
	margin: 0 auto;
	}
	
.useful-cnts2 {
	width: 95%;
	margin: 1% auto;
	}
	
.useful-cnts2 img{
	width: 100%;
    border: #B15050 solid 1px;
    box-sizing: border-box;
    height: auto;
	margin: 1% auto;
	}
	
.sp_rank_text {
	display: block;
	text-align: center;
    font-size: 2.6vw;	
    color:#FF3B78;
	font-weight: 700;
}
	

	
	
.hed_box {
	display: flex;
	justify-content:space-around;
}

.hed_box p{
	margin-bottom: 1%;
}

.list_btn{
    display: flex;
    flex-wrap: wrap;
	position:relative;
	width:940px;
	margin: 2% auto;
	text-align: center;
	margin-left: 50px;
}
	
.list_btn li {
    padding:5px 12px;
}	
	
	
.list_btn::before{
	position:absolute;
	bottom:60px;
	left:40px;
	content:"";
	display:block;
	width:90%;
	/*border-top: 5px dotted #D7BDCA;*/
	
}
	
.list_btn a{
	display: inline-block;
	width: 180px;
	height: 35px;
	margin: 0% 0.5%;
}
	
.list_btn a:hover {
	opacity: 0.5 ;
}

.list_btn_img1 {
	width: 180px;
	height: 35px;
	position: relative;
	background-image: url("/novelty-sotugyo/images/list_btn_img2.jpg?versiondate=20220901");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: #C06F6F solid 2px;
}
	
.list_btn_img1 p{
	position: absolute;
	top: 10px;
	left: 25px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #990033;
	font-size: 1.2em;
}
	
.list_btn_img2 {
	width: 180px;
	height: 35px;
	position: relative;
	background-image: url("/novelty-sotugyo/images/list_btn_img2.jpg?versiondate=20220901");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: #C06F6F solid 2px;
}
	
.list_btn_img2 p{
	position: absolute;
	top: 10px;
	left: 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #990033;
	font-size: 1em;
}
	
.list_btn_img2 p>span{
	letter-spacing: 0.05em;
	font-size: 0.7em;
}
	
.list_btn_img3 {
	width: 180px;
	height: 35px;
	position: relative;
	background-image: url("/novelty-sotugyo/images/list_btn_img3.jpg?versiondate=20220901");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: #C06F6F solid 2px;
}
	
.list_btn_img3 p{
	position: absolute;
	top: 10px;
	left: 22px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #990033;
	font-size: 1em;
}
	
.list_btn_img4 {
	width: 180px;
	height: 35px;
	position: relative;
	background-image: url("/novelty-sotugyo/images/list_btn_img4.jpg?versiondate=20220901");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: #C06F6F solid 2px;
}
	
.list_btn_img4 p{
	position: absolute;
	top: 10px;
	left: 25px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #990033;
	font-size: 1.2em;
}

	
.sotugyo_item_zone {
	width: 900px;
	padding-bottom: 2%;
	margin: -2% auto 1% auto;
	background-color:#FFF5EE;
}
	
.sotugyo_text2 {
	text-align:center;
	padding: 2% 0%;
	font-size:1.1em;
	line-height:1.5em;
	color:#6A3906;
}
	
.sotugyo_table_big {
	width: 850px;
	margin: 0 auto;
	padding-left: 0.5%;
	
}
	
.sotugyo_table_big td {
	width: 50%;
	vertical-align: top;
	padding: 0.5%;
}
	
.stg-tb1 {
	display: flex;
	justify-content: center;
	width: 48%;
	margin: 0 auto;
	margin-bottom: 2%;
}
	
.stg-tb1 img {
	width: 100%;
}
	
.sotugyo_table_mini {
	width: 850px;
	margin: 0 auto;
	padding-left: 0.5%;
}
	
.sotugyo_table_mini td {
	width: 32%;
	vertical-align: top;
	padding:0.5% auto;
}
	
.stg-tb2 img {
	width: 95%;
	margin: 0 auto;
	margin: 2% 0%;
}
	
.sotugyo_table_big2 {
	width: 850px;
	margin: 0 auto;
	padding-left: 0.5%;
}
	
.sotugyo_table_big2 td {
	width: 32%;
	vertical-align: top;
}
	
.stg-tb3 img {
	width: 85%;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 3%;
}
	
	
/* 特殊テーブル(個別名入れ) */		
 .item_table_kobetu {
    margin: 3px auto;
    width: 850px;
	display: flex;
  }

.item_table_kobetu td:first-child {
    width: 65%;
}
	
.item_table_kobetu td {
    padding: 5px;
    margin: 0px 2px;
    vertical-align: top;
  }	

.item_table_kobetu>	.sotugyo_name{
	width: 50%;	
}

.kobetu_mds{
	font-size: 18px;
	color:#624C3A;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 10px; 
	}
	
 .kobetu_img img{
    width: 49%;
	height:  49%;
 }	
/* 特殊テーブル(個別名入れ) */		
	
	
.block-link-ref-line {
	font-size: 1em;
	font-weight:400;
}
	
.block-link-icon-line2 {
	margin-top:2px;	
  }
	
	
.kanren{
	font-size: 1em;	
	text-align: center;
	font-weight: bold;
	margin: 20px auto 5px auto;
}		

.sotugyo_more_link {
	width: 80%;
	margin:0 auto 5px auto;
	font-size: 13px;
	line-height: 1.5em;
	text-align: center;	
}
	
.sotugyo_more_link > p {
	margin-top:30px; 
	margin-bottom:5px; 	
    width: 100%;
    text-align: center;
}
	
.sotugyo_more_link a {
	color: #5e5e5e;
	text-decoration: none;
}
	
.sotugyo_more_link a:visited {
	color: #5e5e5e;
	text-decoration: none;
}
	
.sotugyo_more_link a:hover {
	color: #5e5e5e;
	text-decoration: underline;
}
	
.sotugyo_more_link > a::after {
	content: "";
	border-right: 1px solid hsl(0, 0%, 60%);
	margin: 2px 5px;
	box-sizing: border-box;
}
	
.sotugyo_more_link > a:last-child::after {
	border-right: none;
	margin: 0px;
}
	
.clock_icon {
	display: inline-block;
	width: 90%;
	padding: 1% 3% 0.5% 3%;
	margin: 0% 0% 2% 2%;
	font-size: 1.2em;
	text-align: center;
	border-radius: 4px;
	color: #ffffff;
	background: #3A9FD6;
}
	
.clock_icon2 {
	display: inline-block;
	width: 90%;
	padding: 1% 3% 0.5% 3%;
	margin: 0% 0% 2% 2%;
	font-size: 1.2em;
	text-align: center;
	border-radius: 4px;
	color: #ffffff;
	background: #8CC63F;
}
	
.clock_icon_mini {
	display: inline-block;
	width: 80%;
	padding: 1% 3% 0.5% 3%;
	margin: 0% 0% 2% 4.5%;
	font-size: 1.2em;
	text-align: center;
	border-radius: 4px;
	color: #ffffff;
	background: #3A9FD6;/*旧E0547A*/
}
	
.clock_icon2_mini {
	display: inline-block;
	width: 80%;
	padding: 1% 3% 0.5% 3%;
	margin: 0% 0% 2% 4.5%;
	font-size: 1.2em;
	text-align: center;
	border-radius: 4px;
	color: #ffffff;
	background: #8CC63F;
}
	
.check-btn {
	margin: 3% 0%;
	text-align: center;
}
	
.check-btn p{
	font-weight: bold;
}

	
.about-naire {
    display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 3%;
}
	
.about-naire_p {
	margin-top: 2%;
    font-weight: bold;
}
	
.naire-rei {
    width: 416px;
    height: 230px;
}
	
/*　のしコーナー　client.html */
.nosi_zone{
  margin-bottom: 2%;
}
	
.about-noshi {
    display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 3%;
}
	
.about-noshi_1 {
    flex-basis: 46%;
}
	
.rapping_img_up {
  position: relative;
}
	
.rapping_img_up img{
  width: 234px;
  hight: auto;
}
	
.img_up_p {
  position: absolute;
  top: 68%;/*画像の左上に配置*/
  left: 47%;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: gray;/*背景色*/
  font-size: 1.1em;
  line-height: 1;/*行高は1に*/
  padding: 6px 10px 4px 10px;/*文字周りの余白*/
}
	
.img_up_p2{
  font-size: 1em;
  color:gray;
  text-align: center;
}
	
.rapping_page{
  font-weight:bold;
  margin: 3% 0% 4% 0%;	
  text-align: center;
}
	
.rapping_btn {
  display: inline-block;
  padding: 0.6em 5em 0.4em 5em;
  text-decoration: none;
  color: #0099CC;
  border: solid 2px #0099CC;
  border-radius: 10px;
  transition: .4s;
  font-weight:bold;	
  font-size:1.5em;
  margin-top: 0.5%;	
}
	
.rapping_btn a{
  text-decoration: none;
  color: #0099CC;
}	
	
.rapping_btn:hover {
  background: #FFFFCC;
  color: #0099CC;
}
	
.rapping_btn:visited {
  text-decoration: none;
  color: #0099CC;
}
 
.kamibag_table_mini {
	width: 850px;
	margin: 0 auto;
	margin-top: 2%;
	padding-left: 0.5%;
}
 
.kamibag_table_mini td {
	width: 32%;
	vertical-align: top;
}
 
.kamibag_table_mini .stg-tb2 img{
	width: 100%;
	margin: 0 auto;
}
	
.kamibag_btn {
 width: 50%;
 margin: 3% auto;
 text-align: center;
}
 
.kamibag_btn a {
 display: block;
 background: #d0d0d0;
 box-shadow: 4px 4px 0 gray;
 color: #606060;
 text-decoration: none;
 font-weight:bold;
 font-size:1.5em;
 padding: 2.5% 2% 2% 2%;
}
 
.kamibag_btn a:hover {
 opacity: 0.5;
 color: #606060;
}
 
.kamibag_btn a:visited {
 color: #606060;
}
	

.nairecorner{
    width: 830px;
	margin: 2% auto 5% auto;
	text-align: center;
	}
	
.nairecorner img{
	width: 100%;
	}
	
.komidashi {
	margin: 30px auto 5px auto;
	padding-bottom: 0.4em;
	width: 95%;
	font-size: 16px;
	font-weight: bold;
	border-bottom: dotted 2px #FF8E90;
  }	
	
	
.komidashi2 {
	margin: 30px auto 5px auto;
	padding-bottom: 0.4em;
	width: 93%;
	font-size: 16px;
	font-weight: bold;
	border-bottom: dotted 2px #FF8E90;
  }		
	
.komidashi2::before {
	content:'●';
	color:  #FF8E90;
	padding-right: 2px;
  }		
	
	
	
	
.sotugyo_item_zone h3{
	width: 98%;
	margin: 30px auto 10px auto;
	padding:10px 2px 10px 15px; 
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #E0547A;
}	
	
.t_text	 {
	font-size:1.1em;
	line-height:1.5em;
	color:#6A3906;			
}
	
/* カテゴリーボタン */
.categorybtn{
	width: 85%;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin: 0px auto 10px auto;
}	
	
.categorybtn a {
    border: solid 1px #CBCBCB;
    position: relative;
    margin: 5px auto;
    width: 20%;
    padding: 6px 25px 6px 8px;
    color: #666;
    transition: 0.3s ease-in-out;
	text-decoration: none;
}
.categorybtn a:hover {
    background: #CBCBCB;
}
.categorybtn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #CBCBCB;
    border-right: 2px solid #CBCBCB;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 10px;
    transition: 0.3s ease-in-out;
}
.categorybtn a:hover:after {
    border-color: #666;
}		
	
.categorylink p{
	width:85%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin: 30px auto 5px auto;
	font-size: 14px;
	font-weight: bold;
	border-left: solid 10px #4A6B6B;
	color:#4A6B6B;
}
 
.categorybtn2{
	width: 100%;
	display: flex;
	justify-content:center;
	margin: 0 auto;
}
 
.categorybtn2 li{
	width: 19%;
 margin: -2% 2% 2% 2%;
}
	
.categorybtn2 a {
 margin: 0 auto;
 border: solid 1px #CBCBCB;
    position: relative;
    padding: 6px 15px 6px 5px;
    color: #666;
    transition: 0.3s ease-in-out;
	text-decoration: none;
}
.categorybtn2 a:hover {
    background: #CBCBCB;
}
.categorybtn2 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #CBCBCB;
    border-right: 2px solid #CBCBCB;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 10px;
    transition: 0.3s ease-in-out;
}
.categorybtn2 a:hover:after {
    border-color: #666;
}
/* カテゴリーボタン */		
	
/* バナー横並び */
.recommend {
	width: 100%;
	text-align: center;
  }
	
.recommend p{
	font-size: 1.1em;
	font-weight: bold;
  }

.recommend_banner {
	width: 80%;
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0 auto;
}
	
.recommend_banner li{
	padding: 1%;
}
	
.recommend_banner img{
	width: 180px;
	height: 82.1px;
}	

.recommend_banner2 {
	width: 80%;
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0 auto;
}
	
.recommend_banner2 li{
	padding: 1%;
}
	
.recommend_banner2 img{
	width: 400px;
	height: 103.4px;
}	 
	
	
	
	
/*学年別ランキングのパーツ*/
 .tub_text{
 margin: 1% 0%;
	text-align: center;
	color: #804524;
}	
 
.tub_text2 {
 margin: 3% 0% 0% 4%;
	text-align: left;
}
	
 
 .tab_contents ul{
  display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 3%;
	text-align: center;
}
	
.tab_contents li{
 width: 17%;
	padding: 1%;
 text-align: left;
}
 
 
.img_bd {
    padding: 0;
    border: 5px;
    vertical-align: top;
  }
  .img_bd>div {
    padding: 5px 5px;
    margin: 2px;
  }
  .block-link-img-line>img {
    width: 100%;
    height: auto;
   border: 1px solid #ededed;
  }
 .img_bd>a>img>p {
    margin-top: -1%;
  font-size: 0.8em;
  }
	
	


/*タブのスタイル*/
.tab_menu {
  width: calc(100%/3);
  line-height: 3em;
  font-size: 1em;
  text-align: center;
  color: #000;
  background-color: #d9d9d9;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_menu:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_menu"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_contents {
  display: none;
  clear: both;
  overflow: hidden;
}
/*選択されているタブを表示*/

#es:checked ~ #es_cont,
#jhs:checked ~ #jhs_cont,
#hs:checked ~ #hs_cont,
#col:checked ~ #col_cont,
#vs:checked ~ #vs_cont,
#kinder:checked ~ #kinder_cont{
  display: block;
}
/*選択されているタブのスタイル*/
.rank_grade input:checked + .tab_menu {
  background-color: #1f71b5;
  color: #fff;
}

	
	
}

/* SP画面用（ウィンドウ幅が768px以下の場合に適用） */

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


/* 商品名のリンク指定 */		
/* 文字色は商品tableのclassに指定しています */		
	.item-name {	
	font-size:0.9em;  
	}	
		

/* ヘッダーの卒業・卒園・卒部ボタン */
.category_img{
	display: flex;
	position:relative;	
	background-size:contain;
	width:98%;
	padding: 0% 1%;
 margin: 2% auto 3% auto;
}
	
.category_img a{
	display: block;
	width:50%;
	height: auto;
	padding:5% 16%;
	margin: 0% 1%;
}
	

.category_sotuen {
	position: absolute;
	top: calc(30% - 0.5%);
	right: calc(63% - 2%);
	transition: .2s ease;
	letter-spacing: 0.05em;
	color: #FF297C;
	font-size:1.2em;
}		
	
	
.category_sotubu {
	position: absolute;
	top: calc(30% - 0.5%);
	right: calc(13% - 1%);
	letter-spacing: 0.05em;
	color: #00A03F;
	font-size:1.2em;
}		
/* ヘッダーの卒業・卒園・卒部ボタン */	
	
	
		
/* 商品ナビボタンここから */
.navi_btn {
	width: 98%;
	margin: 15px auto 0px auto;
	display: flex;
	flex-wrap:wrap;
}	
	
.navi_btn a {
    border: solid 1px #CBCBCB;
	justify-content:center;
	justify-content:space-around;
	position: relative;
	width: 43%;
    margin: 1% auto ;
    padding: 6px 8px 6px 7px;
    color: #666;
	font-size:0.85em;
	
}
	
.navi_btn a:hover {
    background: #E6E6E6;
}
.navi_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #CBCBCB;
    border-right: 2px solid #CBCBCB;
    transform: rotate(135deg) translateY(-50%);
    position: absolute;
    top: 20%;
    right: 10px;
    transition: 0.3s ease-in-out;
}
 
 
.navi_btn2 {
	width: 98%;
	margin: 15px auto 0px auto;
	display: flex;
	flex-wrap:wrap;
}	
	
.navi_btn2 a {
    border: solid 1px #CBCBCB;
	justify-content:center;
	justify-content:space-around;
	position: relative;
	width: 43%;
    margin: 1% auto ;
    padding: 6px 8px 6px 7px;
    color: #666;
	font-size:0.85em;
	
}
	
.navi_btn2 a:hover {
    background: #E6E6E6;
}
.navi_btn2 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #CBCBCB;
    border-right: 2px solid #CBCBCB;
    transform: rotate(135deg) translateY(-50%);
    position: absolute;
    top: 20%;
    right: 10px;
    transition: 0.3s ease-in-out;
}
	
/* 商品ナビボタンここまで */	
	
/* カテゴリーボタン */	
.categorybtn {
	width: 98%;
	margin: 5px auto 20px auto;
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
}	
	
.categorybtn a {
    border: solid 1px #CBCBCB;
	position: relative;
	width: 43%;
    padding: 8px 10px 8px 8px;
    color: #666;
	font-size: 0.9em;
	margin-bottom: -1px;/* 線の重なり解消 */
	margin-right: -1px;/* 線の重なり解消 */
}
	
.categorybtn a:hover {
    background: #E6E6E6;
}
.categorybtn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #CBCBCB;
    border-right: 2px solid #CBCBCB;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 10px;
    transition: 0.3s ease-in-out;
}
	
.categorylink p{
	margin: 20px auto 0px auto;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
}
 
.categorybtn2 {
	width: 95%;
	margin-left: 1%;
	display: flex;
	justify-content:center;
}	
 
.categorybtn2 li{
	width: 42%;
	margin: 1% auto;
}
	
.categorybtn2 a {
    border: solid 1px #CBCBCB;
	position: relative;
    padding: 8px 10px 8px 3px;
    color: #666;
	font-size: 0.9em;
}
	
.categorybtn2 a:hover {
    background: #E6E6E6;
}
.categorybtn2 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #CBCBCB;
    border-right: 2px solid #CBCBCB;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 10px;
    transition: 0.3s ease-in-out;
}
/* カテゴリーボタン */	
	
	
.sotugyo_h1 {
	order: 3;
	text-align: center;
	margin-top: 5%;
	font-size: 1.3em;
	font-weight: bold;	
	color: #FF3B78;		
}
		
.title_text {
	order: 3;
	text-align: center;
	margin-top:0%;
	font-size: 0.9em;
	font-weight: bold;	
}

	
.title_text_sub {
	width: 92%;
 	margin: 2% auto;
	margin-bottom:5%;
    margin-top: 2%;	
	text-align: center;
	line-height: 1.5em;
	font-size: 0.9em;
}
 
	
	
.sotugyo h2 {
	  width: 100%;	
	  font-size: 1.2em;
	  padding:0.7rem 0rem 0.5rem 0rem;
	  border-top: 1px solid #ff297c;
	  border-bottom: 1px solid #ff297c;
	  background:#fff0eb;
	  color: #601628;
	  text-align: center;
	  margin-top: 5%;
}		
	
.sotubu h2 {
	  width: 100%;	
	  font-size: 1.2em;
	  padding:0.7rem 0rem 0.5rem 0rem;
	  background:#0E73D0;
	  color: #fff;
	  text-align: center;
	  margin-top: 5%;
	  border: none;
}
	
.kobetu h2 {
	  width: 100%;	
	  font-size: 1.2em;
	  padding:0.7rem 0rem 0.5rem 0rem;
	  background:#1A4D2A;
	  color: #fff;
	  text-align: center;
	  margin-top: 5%;
	  border: none;
}	

.sotugyo_item_zone h3{
	margin: 30px auto 0 auto;
	padding:7px 0px 6px 8px; 
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #E0547A;
}		
	
	
	
	
.sotubu {
	background:#F4FBFF;
	padding-bottom: 5px;
	margin-bottom: 30px;
}		

.kobetu {
	background:#F5F9F3;
	padding-bottom: 5px;
	margin-bottom: 30px;
}	
	
  .m_text {
    width: 95%;
    margin: 1% auto !important;
    padding:2% 1%;
    line-height: 1.7em;
    font-size:0.9em;
  }	
	
	
  .m_text2 {
    width: 90%;
    padding:0% 5%;
    line-height: 1.7em;
    font-size:0.9em;
  }	
	
		
/* 特殊テーブル(個別名入れ) */			
 .item_table_kobetu {
    margin: -20px auto 0 auto;
    width: 95%;
  }

  .item_table_kobetu td {
	display: inline-block;  
    padding: 5px;
    margin: 0px auto;
    width: 97%;
    vertical-align: top;
}
	
.item_table_kobetu h3{
	margin: -2% 0 -4% 0;
}
	
.item_table_kobetu >.block-link-icon-line2{
	margin-top: -15px;
}

.kobetu_mds{
	font-size: 16px;
	color:#624C3A;
	font-weight: bold;
	}
 
.kobetu>	.t_text{
	margin-bottom: 5%; 	
}
	
 .kobetu_img img{
    width: 49%;
	height: auto;
	margin: 0 auto; 
 }		
	
/* 特殊テーブル(個別名入れ) */	
	
	
/* カテゴリに飛ぶボタン */
    .other_btn{	
		display: flex;
		width: 97%;
		margin: auto;
		padding:1%;
   }
	
    .btn_bottom{	
		margin-bottom: 5%;
   }
	
    a.rink_btn  {
		margin:2% auto; 
		padding:3% 4%;		
		width: 70%;	
		box-shadow: 3px 3px #EFEFEF;
		border: 1px solid #D7586F;	
	    border-radius:5px;	 	
    }
	
    a.rink_btn .a__text {
        font-size: 0.9em;
		font-weight: 700;
        padding: 0 auto;
		line-height: 140%;
    }
    a.rink_btn .a__text::after {
        width: 10px;
        height: 10px;
    }	  	
	
    .material-symbols-outlined	{
        margin: auto;
		margin-bottom: 2%;
		margin-left: 7%;
    }		
	
    .other_btn2{	
		display: flex;
		width: 80%;
		margin: auto;
		padding:1%;
		text-align: center;
		margin-top: 2%;
		margin-bottom:1%;		
   }
    a.rink_btn2  {
		margin: auto; 
		padding:3% 7%;		
		width: 90%;	
		box-shadow: 3px 3px #EFEFEF;
		border: 1px solid #D7586F;	
		border-radius:20px;	 		
    }
	
    a.rink_btn2 .a__text2 {
        font-size: 0.9em;
		font-weight: 800;
		letter-spacing:0.05em;
    }
	
	.a__text2 {
		text-align: center;
    }
	
	
    a.rink_btn2 .a__text2::after {
        width: 10px;
        height: 10px;	
		
    }	
	
  .rank_img {
    width: 90%;
    padding-bottom:1%;
  }	
	
	
  .material-symbols-outlined	{
        vertical-align: middle;
		margin-right: 15px;
		margin-top: -5px;
	
  }		
/* カテゴリに飛ぶボタン */		
	
	

	
	
/* リンク色の置き換え */
 .title_text_sub a:link {
	color:#000;	
	text-decoration: underline;		 
  }	
	
  .title_text_sub a:visited {
	color:#000;	  
	text-decoration:none; 	
  }		
  .title_text_sub a:active {
	color:#000;	  
	text-decoration:none; 	
  }		
	
  .title_text_sub a:hover {
	color:#7A7A7A;	  

  }		
/* リンク色の置き換え */	
	

.t_subtitle4 {
	margin-top: 5%;
}
		
	
	
/*ランキングコーナー*/		
.inner-box {
	display: flex;
	width: 98%;
	margin: 0 auto;
	margin-top:0%;
}
	
.inner-box div+div {
	padding: 1%;
}
	
.inner {
	padding: 1%;
	font-size: 0.9em;
	text-align: center;
}
	
.item_pic	{
	width: 100%;
}
	
	
/* リンク色の置き換え */
.inner a:link {
	color:#727171;	
	text-decoration:none; 		 
  }	
	
.inner a:visited {
	color:#727171;	  
	text-decoration:none; 	
  }		
.inner a:active {
	color:#727171;	  
	text-decoration:none; 	
  }		
	
.inner a:hover {
	color:#727171;	  

  }		
/* リンク色の置き換え */		
	
	
	
	
  .rank_img {
    width:100%;
    margin-top: -5%;
  }	
		
	

/*見出しコーナー*/	
.linklist{
	 display: flex;
    flex-wrap: wrap;
	width:95%;
	margin: 1% auto;
	margin-top: 2%;
	}		

.linklist li{
    justify-content:space-around;
	align-items: center;	
	position: relative;
	width: 45%;
	background: #FDFDFD;
	margin: 2%;
	border: solid 1px #D8D8D8;		
	}	
	
.linklist img{	
	width: 100%;
	height: auto;
}

	.linklist a{	
	color: #333;
	}
	
	
.linklist a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 80%;
    right: 10px;
    border-radius: 1px;  
}	
	
.linklist p{
	padding:3% 10% 2% 3%;
	font-size: 0.9em;
}		
	
.linklist2{
	 display: flex;
    flex-wrap: wrap;
	width:95%;
	margin: 1% auto;
	margin-top: 2%;
	}		

.linklist2 li{
    justify-content:space-around;
	align-items: center;	
	position: relative;
	width: 98%;
	background: #FDFDFD;
	margin: 2%;
	border: solid 1px #D8D8D8;		
	}	
	
.linklist2 img{	
	width: 100%;
	height: auto;
}

	.linklist2 a{	
	color: #333;
	}
	
	
.linklist2 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 88%;
    right: 15px;
    border-radius: 1px;  
}	
	
.linklist2 p{
	padding:3% 10% 2% 3%;
	font-size: 0.9em;
}	
	
.linklist3{
	width:95%;
	margin: 2% auto 1% auto;
 text-align:center;
	}		

.linklist3 li{
 display: inline-block;
	width: 45%;
 margin: 0% 1%;
	background: #FDFDFD;
	border: solid 1px #D8D8D8;		
	}	
	
.linklist3 img{	
	width: 100%;
	height: auto;
}

	.linklist3 a{	
	color: #333;
	}
	
.linklist3 p{
 margin: 3%;
	font-size: 0.9em;
 text-align:left;
} 

	
.linklist4{
	width:60%;
	margin: 3% auto 1% auto;
 text-align:center;
	}		

.linklist4 li{
 display: inline-block;
	width: 85%;
 margin: 0% 1%;
	background: #FDFDFD;
	border: solid 1px #D8D8D8;		
	}	
	
.linklist4 img{	
	width: 100%;
	height: auto;
}

	.linklist4 a{	
	color: #333;
	}
	
.linklist4 p{
 margin: 3%;
	font-size: 0.9em;
 text-align:left;
} 
	
	
.list_btn{
	 display: flex;
    flex-wrap: wrap;
	width:95%;
	margin:1% auto;
	margin-top: 2%;
	margin-bottom: -2%;
	}		

.list_btn li{
    justify-content:space-around;
	align-items: center;	
	position: relative;
	width: 45%;
	background: #FDFDFD;
	margin: 2%;
	border: solid 1px #D8D8D8;	
	border-radius: 5px;
	}	


.list_btn a{	
	color: #333;
}
	
	
.list_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #E7E8E8;
    border-right: 3px solid #E7E8E8;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
    border-radius: 1px;  
}	

.list_btn p{
	padding:5% 10% 4% 4%;
	font-size: 0.9em;
}		
	
	
	
/*見出しコーナー*/		
	
	
.t_btn2 {
	margin-top: 5%;
}
	
.subtitle-text {
	margin: 3% auto;
    font-size: 0.85em;
	text-align: center;
}
	
.faq-text {
    color: #FF3B78;
    margin-top: 5%;
	text-align: center;
	font-weight: bold;
}
	
.faq-btn1 {
	width: 100%;
	margin: 3% auto 2% auto;
	text-align: center;
	text-decoration: none;
	}
	
.faq-btn1 li {
	width: 28%;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0.5em 0.25em ;
	color: #727272;
	background: #f2f2f2;
	border: solid 2px #b2b2b2;
	border-radius: 10px;
	}
	
.faq-btn1 li span {
	font-size: 0.9em;
	}
	
.faq-btn1 a{
	color: #727272;
	text-align: center;
	text-decoration: none;
	}
	
.faq-btn1 a:visited {
	color: #727272;
	text-align: center;
	text-decoration: none;
	}
	
.faq-btn2 {
	width: 100%;
	margin: 1% auto 3% auto;
	text-align: center;
	text-decoration: none;
	}
	
.faq-btn2 li {
	width: 45%;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0.6em 0.1em 0.5em 0.1em;
	color: #727272;
	background: #f2f2f2;
	border: solid 2px #b2b2b2;
	border-radius: 10px;
	}
	
.faq-btn2 a{
	color: #727272;
	text-align: center;
	text-decoration: none;
	}
	
.faq-btn2 a:visited {
	color: #727272;
	text-align: center;
	text-decoration: none;
	}
	
.sp_rank_text {
	display: block;
	text-align: center;
    font-size: 2.6vw;	
    color:#FF3B78;
	font-weight: 700;
}
	

.top-text-link-list {
	margin-top: 2%;
    width: 92%;
	font-size: 3.6vw;
}
	
.block-link-img-line {
	display: flex;
}

.block-link-img-line>img {
	width: 100%;
	height: 100%;
}
	
.block-link-icon-line2{
	margin-top:1%;
}
	
.block-link-icon-line2 img{
	height:12px;
}
	
.block-link-ref-line {
	font-size: 0.9em;
	font-weight:400;
    line-height: 1.2em;
	padding: 3% 0% 5% 0%;
}
	
.item_text {
	border-top: #CCC dashed 1px;
    padding: 5px;
    margin: 8px 5px 0px 0px;
    line-height: 1.5em;
    font-size: 0.9em;
}
	
.sotugyo_text2 {
	text-align:center;
	font-size: 12px;
	line-height:1.5em;
	color:#6A3906;
	padding: 5px 0px 5px 0px;
}
	
.sotugyo_table_big  {
	width: 95%;
	margin: 0 auto;
}
	
.sotugyo_table_big td {
	width: 48%;
	vertical-align: top;
	padding: 1%;
}
	
.stg-tb1 img{
	width: 100%;
}
	
.sotugyo_table_mini  {
	width: 95%;
	margin: 0 auto;
}
	
.sotugyo_table_mini td {
	display: inline-block;
	width: 31%;
	vertical-align: top;
	margin: 0 auto;
	padding: 1%;
}
	
.stg-tb2 img{
	width: 100%;
	margin-bottom: 2%;
}
	
.sotugyo_table_big2 {
	width: 95%;
	margin: 0 auto;
}
	
.sotugyo_table_big2 td {
	width: 32%;
	vertical-align: top;
}
	
.stg-tb3 img {
	width: 100%;
	margin-bottom: 2%;
}

 
.kamibag_table_mini  {
	width: 95%;
	margin: 0 auto;
}
	
.kamibag_table_mini td {
	display: inline-block;
	width: 31%;
	vertical-align: top;
	margin: 0 auto;
	padding: 1%;
}
	
.kamibag_table_mini .stg-tb2 img{
	width: 100%;
	margin-bottom: 2%;
}
	
.sub_kobetsu {
	font-size: 12px;
	color: #595757;
}
	
.kanren{
	font-size: 0.9em;	
	text-align: center;
	font-weight: bold;
	margin: 10px auto 0 auto;
	color:#534741;
}	
	
.sotugyo_more_link{
	display: flex;
    flex-wrap: wrap;
	width:98%;
	margin: 1% auto 3% auto;
	}		



.sotugyo_more_link a{
	width: 42%;
	display: inline-block;
	justify-content:space-around;
	position: relative;
	border-top: solid 1px #B59B8E;	
	border-bottom: solid 1px #B59B8E;	
	padding:8px 10px 7px 5px;
	margin: 0 auto;
	color: #534741;
	font-size: 0.9em;
	margin-top: -1px;
	}
	
	
.sotugyo_more_link a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #B59B8E;
    border-right: 2px solid #B59B8E;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
}	
		
.sotugyo_more_link p{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}	
	
.more-rcmd {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 95%;
	margin: 0 auto;
	margin-top: 2%;
}
	
.more-rcmd img{
	width: 95%;
}
	
.clock_icon {
	display: inline-block;
	width: 90%;
	padding: 1% 3% 0.5% 3%;
	margin: 0% 0% 3% 3%;
	font-size: 0.9em;
	text-align: center;
	border-radius: 4px;
	color: #ffffff;
	background: #3A9FD6;
}
	
.clock_icon2 {
	display: inline-block;
	width: 90%;
	padding: 1% 3% 0.5% 3%;
	margin: 0% 0% 3% 3%;
	font-size: 0.9em;
	text-align: center;
	border-radius: 4px;
	color: #ffffff;
	background: #8CC63F;
}
	
.clock_icon_mini {
	display: inline-block;
	width: 80%;
	padding: 1% 4% 0.5% 4%;
	margin: 0% 0% 5% 5%;
	font-size: 0.9em;
	text-align: center;
	border-radius: 4px;
	color: #ffffff;
	background: #3A9FD6;
}
	
.clock_icon2_mini {
	display: inline-block;
	width: 80%;
	padding: 1% 4% 0.5% 4%;
	margin: 0% 0% 5% 5%;
	font-size: 0.9em;
	text-align: center;
	border-radius: 4px;
	color: #ffffff;
	background: #8CC63F;
}

	
.btn_sotugyo {
	width: 47%;
    border: #9B597A solid 3px;
    box-sizing: border-box;
}
	
.btn_sotubu {
    width: 47%;
    border: #FFA3C6 solid 3px;
    box-sizing: border-box;
}
	
.to-top {
    text-align: right;
    margin-bottom: 20px;
}

.to-top_sp {
	text-align: center;  
	font-size: 3vw; 
	padding:2% 0% 0% 0%;
}
	
.to-top_sp a:link { color: #767676; }
.to-top_sp a:visited { color: #767676; }
.to-top_sp a:hover { color: #767676; }
.to-top_sp a:active { color: #767676; }
	
/*　のしコーナー */		
.nosi_zone{
	margin-bottom: 5%;
}
	
.rapping_page{
	width: 95%;
	font-weight:bold;
	margin: 5px auto 10px auto;
	text-align: center;
}
	
.rapping_btn {
	display: inline-block;
	width: 80%;	
    padding: 0.6em 1em 0.4em 1em;
	text-decoration: none;
	background: #0099CC;
	color: white;
	border: solid 2px #0099CC;
	border-radius: 10px;
	transition: .4s;
	font-weight:bold;
	font-size:1.2em;
	margin-top: 1%;

}
	
.rapping_btn a{
	text-decoration: none;
	color: white;
}	
	
.rapping_btn:visited {
	text-decoration: none;
	background: #0099CC;
	color: white;
}
	
.naire {
	width: 800px;
	margin: 20px auto 10px auto;
  }	
	
.naire img{
	text-align: center;
	width: 100%;
	margin:50px auto;
  }	
	
.komidashi {
	margin: 30px auto 10px auto;
	padding-bottom: 0.4em;
	width: 90%;
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid 2px #FF8E90;
  }	
	
.komidashi2 {
	margin: 30px auto 10px auto;
	padding-bottom: 0.4em;
	width: 93%;
	font-size: 15px;
	font-weight: bold;
	border-bottom: solid 2px #FF8E90;
  }		
	
	
	
.nairecorner {
	width: 95%;
	margin: 2% auto 5% auto;
	text-align: center;
	}
	
.nairecorner img{
	width: 100%;
	}	
	
/*　faq */
.sotugyo_comment_d {
	color:#666;
	font-size:12px;
	font-weight:400;
	padding:0px 10px;
	margin:5px 0px 10px 5px;
}
	
/*　納品実績　client.html */
.client-btns {
	width: 90%;
	margin:auto;
}
	
.client-btns table td {
	display: block;
	width: 100%;
}
	
.client-btns img {
	width: 100%;
}

.mizuhiki_img {
  width: 95%;
  margin:5% auto;
  margin-bottom:5%;
}
	
.mizuhiki_img img{
  width: 100%;
}	
	
.mizuhiki_img_up {
  position: relative;
  }

.mizuhiki_img_up p {
  position: absolute;
  top: 85%;/*画像の左上に配置*/
  left: 55%;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: gray;/*背景色*/
  font-size: 0.9em;
  line-height: 1;/*行高は1に*/
  padding: 2% 5% 2% 5%;/*文字周りの余白*/
  }
	
.mizuhiki_img_p{
  font-size: 0.9em;
  color:gray;
  margin:0px 0px -2px 12px;
  }	
	

	
.t_text	 {
	font-size:0.9em;
	line-height:1.3em;
	color:#6A3906;			
}	

.sotugyo_item_zone {
	width: 100%;
	padding-bottom: 2%;
	margin: -2% 0 1% 0;
	background-color:#FFF5EE;
}

/* バナー横並び */
.recommend {
	width: 100%;
	text-align: center;
  }
	
.recommend p{
	font-size: 0.9em;
	font-weight: bold;
  }

.recommend_banner {
	width: 95%;
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0 auto;
	flex-wrap: wrap;
}
	
.recommend_banner li{
	width: 40%;
	padding: 2%;
}
	
.recommend_banner img{
	width: 100%;
	object-fit: cover;
}
 
.recommend_banner2 {
	width: 95%;
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0 auto;
	flex-wrap: wrap;
}
	
.recommend_banner2 li{
	width: 80%;
	padding: 2%;
}
	
.recommend_banner2 img{
	width: 100%;
	object-fit: cover;
}	
	
	
	
/*学年別ランキングのパーツ*/
.tub_text{
 margin: 3% 0% -2% 0%;
    font-size:0.9em;
	text-align: center;
	color: #804524;
}	
		
.tub_text2 {
 width: 95%;
 margin: 3% auto;
    font-size:0.9em;
	text-align: left;
}	
  
 .tab_contents ul{
  display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
	
.tab_contents li{
 width: 31%;
 margin: 0% 1%;
 text-align: left;
} 
 
  .img_bd {
    padding: 0;
    vertical-align: top;
   border: none;
  }
  .img_bd>div {
    
  }
  .block-link-img-line>img {
    width: 100%;
    height: auto;
   border: 1px solid #ededed;
  }
	
  .img_bd>a>img>p {
    margin-top: -1%;
  font-size: 0.9em;
  }
	
	.margin_top {
    margin-top: 3%;
  }	
  
  .rank_img {
    width: 90%;
    padding-bottom: 5px;
  }
  .button-t {
    width: 92%;
    margin: 0px auto 0 auto;
    word-wrap: break-word;
	padding:10% 2%;   
    font-size: 0.9em;
	font-weight: normal;
  } 
 
.rank_grade {
 width: 95%;
 margin: 5% auto;
}
/*タブのスタイル*/
.tab_menu {
  width: calc(100%/3);
  line-height: 3em;
  font-size: 0.9em;
  text-align: center;
  color: #000;
  background-color: #d9d9d9;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_menu:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_menu"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_contents {
  display: none;
  clear: both;
  overflow: hidden;
}
/*選択されているタブを表示*/

#es:checked ~ #es_cont,
#jhs:checked ~ #jhs_cont,
#hs:checked ~ #hs_cont,
#col:checked ~ #col_cont,
#vs:checked ~ #vs_cont,
#kinder:checked ~ #kinder_cont{
  display: block;
}
/*選択されているタブのスタイル*/
.rank_grade input:checked + .tab_menu {
  background-color: #1f71b5;
  color: #fff;
}
	
}