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

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




@media print,screen and (min-width: 769px) {
	
/* 商品ナビボタン */	
.navi_btn{
	width: 940px;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin: -10px auto -20px 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 15px 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;
}
/* 商品ナビボタン */		

	
.sotuen_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;			  
  }		
/* リンク色の置き換え */	
	

	
.h2_nomal h2 {
	  font-size: 16px;	
	  position: relative;
	  padding: 12px 20px;
	  background: #EFEFEF;
	  color:#333333;	
	  margin:25px 0px 15px 0px; 
	}

.h2_pink h2 {
	  font-size: 16px;	
	  position: relative;
	  padding: 12px 20px;
	  background:#E86A7F;
	  color:#333333;	
	  margin:25px 0px 25px 0px; 
	}
	
	
	.sotu_faq_h3 {
	  font-size: 16px;	
	  position: relative;
	  padding: 15px 20px;
	  background: #EFEFEF;
	  color:#333333;	
	  margin:25px 0px 25px 0px; 
	}

.sotu_faq_h3:after {	
	  position: absolute;
	  content: '';
	  top: 100%;
	  left: 30px;
	  border: 10px solid transparent;
	  border-top: 12px solid #EFEFEF;
	  width: 0;
	  height: 0;
	}

	
/* ヘッダーの卒業・卒園・卒部ボタン */
.category_img{
	position:relative;
	margin-left: 165px;
	margin-top: 15px;
}
	
.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;
 align-items: center;
}
	
.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: 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:0%;
		
   }
    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:900px;
	margin: 1% auto;	
	}		

.linklist3 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;
	border-radius: 5px;
	}	


.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: 80%;
    right: 15px;
    border-radius: 1px;  
}	
	
.linklist3 a:hover:after {
    border-color: #D7586F;
}	
	
.linklist3 p{
	padding:5% 10% 5% 5%;
	font-size: 12px;	
}		
	
	
	
/* 見出しコーナー */	
	
	
	
	
	
	
.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;
}

.sotuen_item {
	width: 100%;
	margin: 0% auto 2% auto;
	}
	
.child_main {
	width: 900px;
	height: 80px;
	position: relative;
	background-image: url("/novelty-sotugyo/images/2022mi_8.png");
	background-repeat: no-repeat;
	background-size: contain;
	margin: 3% auto 0 auto;
	}
	
.child_main h3{
	padding-top: 10px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.05em;
	text-align: center;
	vertical-align:text-bottom;
	color: black;
	font-size: 1.8em;
	}
	
.child_main span{
	font-size: 0.7em;
	}
	
.child_main2 {
	width: 900px;
	height: 80px;
	position: relative;
	background-image: url("/novelty-sotugyo/images/2022mi_8.png");
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0% auto;
	}
	
.child_main2 h3{
	position: absolute;
	top: 10px;
	left: 315px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.05em;
	text-align: center;
	vertical-align: bottom;
	color: black;
	font-size: 1.8em;
	}
	
.child_main2 span{
	font-size: 0.7em;
	}	
	
.child_text {
	margin: -1% auto 2% auto;
	color: #6A3906;
	text-align: center;
	}
	
.child_main_item {
	width: 25%;
    margin: 2% 0% 2% 7.8%;
	font-weight: bold;
	text-align: center;
	font-size: 0.8em;
	padding: 0.8em 0.5em 0.6em 0.5em;
	color: white;
	background-color: #e85d80;
	border-radius: 8px;
	}
	
.child_table {
    width: 900px;
    margin: 1% auto 0 auto;

  }
	
.child_table td{
    width: 50%;
	margin: 0% auto;
	vertical-align: top;
	padding:5px;
	border:solid 1px #e9e8e8;
  }
	
.child_table td a{
    text-decoration: none;
  }
	
.child_table td a:visited{
    text-decoration: none;
  }
.child_table ul{
	text-align: center;
}
	
.child_table_big{
    width: 100%;
	margin: 0% auto;
	list-style-type: none;
  }
	
.child_table_big li{
    display: inline-block;
	width: 49%;
	vertical-align: middle;
  }
	
.child_table_big img{
    width: 210px;
	height: 210px;
	}
	
	
.block-link-ref-line {
	font-size: 1em;
	font-weight:400;
}
	
.block-link-icon-line2 {
	margin-top:2px;	
  }
	
.child_table h3{
    font-weight:400;
	font-size: 1em;
  }
	
.item_text {
	font-size: 1em;
  }
	
.child_table2 {
    width: 900px;
    margin: 0 auto;
  }
	
.child_table2 td{
    width: 15%;
	margin: 0 1%;
	vertical-align: top;
	padding:5px;
	border:solid 1px #e9e8e8;
  }
	
.child_table2 td a{
    text-decoration: none;
  }
	
.child_table2 td a:visited{
    text-decoration: none;
  }
	
.child_table2_small{
    width: 100%;
	margin: 0% auto;
	list-style-type: none;
	text-align: center;
  }
	
.child_table2_small img{
    width: 130px;
	height: 130px;
  }
	
.child_table2 h3{
    font-weight:400;
	font-size: 1em;
  }
	
	
/*個別名入れテーブル*/	
.child_table3 {
    width: 95%;
    margin: 1% auto;
  }
	
.child_table3 td{
    width: 15%;
	margin: 0 1%;
	vertical-align: top;
	padding:5px;
  }
	
.child_table3 td a{
    text-decoration: none;
  }
	
.child_table3 td a:visited{
    text-decoration: none;
  }
	
.child_table3_small{
    width: 98%;
	margin: 0% auto;
	list-style-type: none;
	text-align: center;
  }
	
.child_table3_small img{
    width: 130px;
	height: 130px;
	margin-bottom: 5px;
  }
	
.child_table3 h3{
    font-weight:400;
	font-size: 1em;
  }	
	
	
.sotugyo_more_link {
	width: 100%;
	margin: 1% auto;
	font-size: 1em;
	line-height: 1.2em;
	text-align: center;
  }
	
.sotugyo_more_link p{
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 5%;
	margin-bottom: 1%;
  }
	
.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: 1% 0.5% 1% 1%;
	box-sizing: border-box;
  }
	
.sotugyo_more_link a:last-child::after{
	border-right: none;
	margin: 0%;
  }
	
.sotugyo_allitem {
	width: 100%;
	margin: 3% 0% 2% 0%;
	text-align: center;
	font-size: 0.8em;
  }
	
.sotugyo_allitem a{
	position: relative;
	display: inline-block;
	padding: 1em 5em;
	text-decoration: none;
	color: #606060;
	background: #d0d0d0;
	transition: .4s;
  }
	
.sotugyo_allitem a:hover {
	color: #a0a0a0;
	background: #e0e0e0;
	text-decoration: none;
  }
	
.sotugyo_allitem a:visited {
	color: #606060;
	text-decoration: none;
  }
	
.sotugyo_allitem a::before {
	content: '»';
	position: absolute;
	font-size: 3em;
	top: 10px;
	left: 15px;
	color: white;
  }
	
.sotugyo_allitem a::after {
	content: '«';
	position: absolute;
	font-size: 3em;
	top: 10px;
	right: 15px;
	color: white;
  }
	
.kobetu_main {
	width: 900px;
	height: 89px;
	position: relative;
	background-image: url("/novelty-sotugyo/images/2022mi_6.png");
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0% auto;
	}
	
.kobetu_main h2{
	position: absolute;
	top: 18px;
	left: 120px;
	font-family: serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #ffefe0;
	font-size: 1.5em;
	}
	
.kobetu_main h2 span{
	display: inline-block;
	padding-bottom: 1.5%;
	vertical-align: middle;
	font-size: 1.4em;
	}
	
.kobetu_text {
	margin: 0% auto 2% auto;
	padding-top: 3%;
	color: #6A3906;
	text-align: center;
	}
	
.sub_kobetsu {
	font-size: 90%;
	color: #898989;
	text-align: center;
	margin-bottom: -10px;
}
		
	
	
.kobetu_item {
	width: 900px;
	margin: -5% auto 2% auto;
	background-color: #fff4ea;
	}
	
.kobetu_table {
    width: 95%;
    margin: 1% auto;
	margin-top: 2%;
  }
	
.kobetu_table td{
    width: 25%;
	margin: 0% auto;
	vertical-align: top;
  }
	
.kobetu_table td a{
    text-decoration: none;
  }
	
.kobetu_table td a:visited{
    text-decoration: none;
  }
	
.kobetu_table_small{
    width: 100%;
	margin: 3% auto;
	list-style-type: none;
	text-align: center;
  }
	
.kobetu_table_small img{
    width: 98%;
  }
	
.kobetu_table h3{
    font-weight:400;
	font-size: 1em;
  }
	
.sotugyo_allitem2 {
	width: 100%;
	margin: 3% 0% 5% 0%;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
  }
	
.sotugyo_allitem2 a{
	position: relative;
	display: inline-block;
	padding: 1em 5em;
	text-decoration: none;
	color: white;
	background: #000080;
	border-radius: 5px;
  }
	
.sotugyo_allitem2 a:hover {
	opacity: 0.5 ;
	color: white;
  }
	
.sotugyo_allitem2 a:visited {
	color: white;
	background: #000080;
	text-decoration: none;
  }
	
.sotugyo_allitem2 a::before {
	content: '»';
	position: absolute;
	font-size: 1.5em;
	top: 13px;
	left: 30px;
	color: white;
  }
	
.sotugyo_allitem2 a::after {
	content: '«';
	position: absolute;
	font-size: 1.5em;
	top: 13px;
	right: 30px;
	color: white;
  }	
	
.other_h2{
	margin-top: 4%;
	font-size: 1em;
  }
	
.naire_about {
    margin-top: 2%;
	display: flex;
	align-items:center;
	justify-content: center;
  }
	
.naire_about span{
    display: inline-block;
	margin-top: 3%;
	font-weight: bold;
  }
	
.item_name{
	font-size: 1em;
  }
	
/*　のしコーナー　client.html */
.noshi_table {
	width:97% ;
	margin: 3% auto;
}
	
.noshi_table img{
	image-rendering: -webkit-optimize-contrast;	
}	
	
.noshi_table_td1{
	width: 48%;
	padding-bottom: 2%;
	text-align: center;
   }
	
.noshi_table_td2{
	width: 25%;
	valign: top;
   }	
	
	
.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: 0.8em;
  color:gray;
  text-align: center;
  }
	
.rapping_page{
  font-weight:bold;
  margin: 3% 0% 4% 0%;	
  text-align: center;
  }
	
.rapping_btn {
  display: inline-block;
  width: 400px;	
  padding: 0.6em 3em 0.4em 3em;
  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;
}
	

	
.nairecorner{
    width: 830px;
	margin: 2% auto 5% auto;
	text-align: center;
	}
	
.nairecorner img{
	width: 100%;
	}
	
.komidashi {
	margin: 30px 0px 5px 20px;
	width: 900px;
	font-weight: bold;
	border-bottom: dotted 2px #FF8E90;
  }
 
 
/*学年別ランキングのパーツ*/
 .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;
}
	
	
}




@media screen and (max-width: 768px) {
	
/* 商品ナビボタンここから */
.navi_btn {
	width: 98%;
	margin: 15px auto 0px auto;
	display: flex;
	flex-wrap:wrap;
}	
	
.navi_btn a {
    border: solid 1px #CBCBCB;
	position: relative;
	width: 43%;
    margin: 1% ;
    padding: 6px 8px 6px 7px;
    color: #666;
	font-size: 0.8em;
}
	
.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: -3% auto 4% 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;
}
/* 商品ナビボタンここまで */	
	

.child_main h3{
	width: 100%;
	background: #e85d80;
	text-align: center;
	padding-top: 2.2%;
	padding-bottom: 1.2%;
	margin: 5% 0 2% 0;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	}
	
.child_main span{
	font-size: 12px;
	margin-right: 10px;
	}

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

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

.category_sotugyo {
	position: absolute;
	top: calc(30% - 0.5%);
	right: calc(63% - 2%);
	transition: .2s ease;
	letter-spacing: 0.05em;
	color: #990033;
	font-size:1.2em;
}		
	
	
.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;
}		
/* ヘッダーの卒業・卒園・卒部ボタン */		
	
	
.sotuen_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;
}
 	

	
	

.h2_nomal 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: 5% auto 0px auto;
}
 
.other_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: 5% auto 0px auto;
}
	
  .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;
  }	
		
	.t_text	 {
	font-size:0.9em;
	line-height:1.5em;
}
	
	
/* カテゴリに飛ぶボタン */
	
 .other_btn{	
		display: flex;
		width: 97%;
		margin: auto;
		padding:1%;
 }
	
 .btn_bottom{	
		margin-bottom: 5%;
   }

 a.rink_btn  {
		margin:0.5% 1.2%; 
		padding:3% 4%;		
		width: 50%;	
		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-right: 10%;
		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.8em;
	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.8em;
}		
	
.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.8em;
}	
	
	
.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.8em;
}		
	
	
	
/*見出しコーナー*/			
		
		
	

	
.seasonOff-text {
	text-align: center;  
    margin-top: 1%;
    padding: 5%;
	font-weight: bold;
	}
	
  .seasonOff-text span {
    color: #FF3B78;
	}
	
.t_subtitle4 {
    margin-top: 5%;
	width: 100%;
	font-weight: bold;
  }	
	
.t_subtitle5 {
	font-weight: bold;
  }
	

	
.nairecorner {
	width: 95%;
	margin: 2% auto 5% auto;
	text-align: center;
	}
	
.nairecorner img{
	width: 100%;
	}
	
.subtitile-text {
	margin: 3% auto;
    font-size: 0.85em;
	text-align: center;
	}
	
.child_text {
	width: 90%;
    margin: 1% auto 2% auto;
    font-size: 0.9em;
	color: #6A3906;
	line-height: 1.3em;
  }
	
.child_main_item {
	width: 70%;
	margin: 5% auto 2% auto;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	padding: 0.7em 0.1em;
	color: white;
	background-color: #e85d80;
	border-radius: 10px;
  }
	
.child_table {
    width: 95%;
    margin: 0% auto;
  }
	
.child_table td{
    width: 45%;
	margin: 0% auto;
	vertical-align: top;
  }
	
.child_table_big{
    width: 98%;
	margin: 1% auto;
	list-style-type: none;
  }
	
.child_table_big li{
	width: 100%;
	vertical-align: middle;
  }
	
.child_table_big img{
    width: 100%;
	border: #f3f3f3 solid 1px;
  }

	
.block-link-img-line {
	display: flex;
}

.block-link-img-line>img {
	width: 100%;
	height: 100%;
}	

.block-link-icon-line2{
	margin-top:2%;
}
	
.block-link-icon-line2 img{
	height:12px;
 margin-top:2%;
}
	
	
.item_text {
	font-size: 0.9em;
  }
	
.child_table2 {
    width: 98%;
    margin: 3% 0% 1% 1.5%;
  }
	
.child_table2 td{
    width: 31%;
	padding: 0% 1%;
	display:inline-block;
	margin: 0 auto;
	vertical-align: top;
  }
	
.child_table2 td a{
    text-decoration: none;
  }
	
.child_table2 td a:visited{
    text-decoration: none;
  }
	
.child_table2_small{
    width: 98%;
	margin: 1% auto;
	list-style-type: none;
	margin-top: 5%;
  }
	
.child_table2_small img{
    width: 100%;
	vertical-align: middle;
	border: #f3f3f3 solid 1px;
  }
	
	
.sotugyo_more_link {
	width: 100%;
	margin: 5% 0% 3% 0%;
	text-align: center;
  }
	
.sotugyo_more_link p{
	font-size: 0.9em;
	font-weight: bold;
  }
	
.sotugyo_more_link img{
	width: 47%;
  }
	
.sotuen_btn {
	width: 90%;
	margin: 5% auto 5% auto;
}
	
.sotuen_btn p{
  margin: 3% auto;
  padding: 8px 0px 7px 0px;
  background: #c3e6a1;
  width: 90%;
	text-align: center;
  font-size: 0.9em;
  line-height: 1.2em;
  font-weight: bold;
  border-radius: 10px;
}

.sotuen_btn a {
  display: block;
}

.sotuen_btn a:link {
  color: #606060;
}

.sotuen_btn a:visited {
  color: #606060;
}

.sotuen_btn a {
  text-decoration: none;
}
	
.kobetu_text {
    margin: 5% auto;
    text-align: center;
    font-size: 0.9em;
 line-hight: 1.5em;
  }
	
.sub_kobetsu {
	color: #595757;
 margin-top: 2%;
}
		
	
	
.kobetu_table {
    width: 94%;
    margin: 1% 0% 1% 6%;
	margin-top: 2%;
  }
	
.kobetu_table td{
    width: 45%;
	padding: 0% 0.5%;
	display:inline-block;
	margin: 0 auto;
	vertical-align: top;
  }
	
.kobetu_table td a{
    text-decoration: none;
  }
	
.kobetu_table td a:visited{
    text-decoration: none;
  }
	
.kobetu_table_small{
    width: 98%;
	margin: 3% auto;
	list-style-type: none;
	text-align: center;
  }
	
.kobetu_table_small img{
    width: 100%;
	vertical-align: middle;
	border: #f3f3f3 solid 1px;
  }
	

	
/*　のしコーナー */	
.rapping_page{
  width: 95%;	
  font-weight:bold;
  margin: 2% auto 8% 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;
}
	
.child_table3 {
    width: 98%;
    margin: 1% 0% 1% 1.5%;
	margin-top: 2%;
  }
	
.child_table3 td{
    width: 31%;
	padding: 0% 1%;
	display:inline-block;
	margin: 0 auto;
	vertical-align: top;
  }
	
.child_table3 td a{
    text-decoration: none;
  }
	
.child_table3 td a:visited{
    text-decoration: none;
  }
	
.child_table3_small{
    width: 98%;
	margin: 1% auto;
	list-style-type: none;
	margin-top: 5%;
  }
	
.child_table3_small img{
    width: 100%;
	vertical-align: middle;
	border: #f3f3f3 solid 1px;
  }
	
	
.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;
  }		
	
.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: 1em;
  line-height: 1;/*行高は1に*/
  padding: 2% 5% 2% 5%;/*文字周りの余白*/
  }
	
.mizuhiki_img_p{
  font-size: 1em;
  color:gray;
  margin:0px 0px -2px 12px;
  }
 
/*学年別ランキングのパーツ*/
.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;
  }
 
 .block-link-ref-line{
	margin-top: 2%;
  font-size: 0.9em;
  line-height: 1.5em;
  }
	
	.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;
}

}