@charset "utf-8";
/*20250508 WACAL様施策-------------------------------------*/
.category-index h1{
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 13px;
}
.category-index dl dt{
	display: flex;
	justify-content: center;
	align-content: center;
}
/*シーン*/
.business-h1{
	border-top:#006699 3px solid;
	border-bottom:#006699 3px solid;
	color: #006699;
}
.event-h1{
	border-top:#ff6666 3px solid;
	border-bottom:#ff6666 3px solid;
	color: #ff6666;
}
.sale-h1{
	border-top:#a14d94 3px solid;
	border-bottom:#a14d94 3px solid;
	color: #a14d94;
}
.magazine-h1{
	border-top:#ff9900 3px solid;
	border-bottom:#ff9900 3px solid;
	color: #ff9900;
}
/*ターゲット*/
.child-h1{
	border-top:#ff9900 3px solid;
	border-bottom:#ff9900 3px solid;
	color: #ff9900;
}
.women-h1{
	border-top:#ff6699 3px solid;
	border-bottom:#ff6699 3px solid;
	color: #ff6699;
}
.men-h1{
	border-top:#6672ff 3px solid;
	border-bottom:#6672ff 3px solid;
	color: #6672ff;
}
.student-h1{
	border-top:#dc0000 3px solid;
	border-bottom:#dc0000 3px solid;
	color: #dc0000;
}
.senior-h1{
	border-top:#66cc33 3px solid;
	border-bottom:#66cc33 3px solid;
	color: #66cc33;
}
/*季節*/
.spring-h1{
	border-top:#ff6699 3px solid;
	border-bottom:#ff6699 3px solid;
	color: #ff6699;
}
.summer-h1{
	border-top:#e60044 3px solid;
	border-bottom:#e60044 3px solid;
	color: #e60044;
}
.autumn-h1{
	border-top:#f08300 3px solid;
	border-bottom:#f08300 3px solid;
	color: #f08300;
}
.winter-h1{
	border-top:#66d8ff 3px solid;
	border-bottom:#66d8ff 3px solid;
	color: #66d8ff;
}
/*グッズ*/
.craft-animal-h1{
	border-top:#fa78aa 3px solid;
	border-bottom:#fa78aa 3px solid;
	color: #fa78aa;
}
.craft-bank-h1{
	border-top:#ff9933 3px solid;
	border-bottom:#ff9933 3px solid;
	color: #ff9933;
}
.craft-car-h1{
	border-top:#66cc99 3px solid;
	border-bottom:#66cc99 3px solid;
	color: #66cc99;
}
.craft-else-h1{
	border-top:#6666cc 3px solid;
	border-bottom:#6666cc 3px solid;
	color: #6666cc;
}
.craft-game-h1{
	border-top:#ff6666 3px solid;
	border-bottom:#ff6666 3px solid;
	color: #ff6666;
}
.case-h1{
	border-top:#ff9999 3px solid;
	border-bottom:#ff9999 3px solid;
	color: #ff9999;
}
.cheer-h1{
	border-top:#ff6699 3px solid;
	border-bottom:#ff6699 3px solid;
	color: #ff6699;
}
.calendar-h1{
	border-top:#339966 3px solid;
	border-bottom:#339966 3px solid;
	color: #339966;
}
.dailyitem-h1{
	border-top:#ff3366 3px solid;
	border-bottom:#ff3366 3px solid;
	color: #ff3366;
}
.deodorant-h1{
	border-top:#3399ff 3px solid;
	border-bottom:#3399ff 3px solid;
	color: #3399ff;
}
.desk-h1{
	border-top:#006699 3px solid;
	border-bottom:#006699 3px solid;
	color: #006699;
}
.fan-h1{
	border-top:#66d8ff 3px solid;
	border-bottom:#66d8ff 3px solid;
	color: #66d8ff;
}
.kitchen-h1{
	border-top:#e60044 3px solid;
	border-bottom:#e60044 3px solid;
	color: #e60044;
}
.letterpocket-h1{
	border-top:#339933 3px solid;
	border-bottom:#339933 3px solid;
	color: #339933;
}
.maskcase-h1{
	border-top:#ff6600 3px solid;
	border-bottom:#ff6600 3px solid;
	color: #ff6600;
}
.penstand-h1{
	border-top:#993399 3px solid;
	border-bottom:#993399 3px solid;
	color: #993399;
}
.penstand-h1{
	border-top:#993399 3px solid;
	border-bottom:#993399 3px solid;
	color: #993399;
}
.photo-h1{
	border-top:#dc0000 3px solid;
	border-bottom:#dc0000 3px solid;
	color: #dc0000;
}
.smart-phonestand-h1{
	border-top:#00c500 3px solid;
	border-bottom:#00c500 3px solid;
	color: #00c500;
}
.stationery-h1{
	border-top:#ff66cc 3px solid;
	border-bottom:#ff66cc 3px solid;
	color: #ff66cc;
}
.tissue-h1{
	border-top:#6672ff 3px solid;
	border-bottom:#6672ff 3px solid;
	color: #6672ff;
}
.tray-h1{
	border-top:#66cc33 3px solid;
	border-bottom:#66cc33 3px solid;
	color: #66cc33;
}
/*クリアファイル*/
.holder-h1{
	border-top:#66ccff 3px solid;
	border-bottom:#66ccff 3px solid;
	color: #66ccff;
}
.idea-h1{
	border-top:#6672ff 3px solid;
	border-bottom:#6672ff 3px solid;
	color: #6672ff;
}
.kakeru-h1{
	border-top:#66cc99 3px solid;
	border-bottom:#66cc99 3px solid;
	color: #66cc99;
}
.mini-h1{
	border-top:#993399 3px solid;
	border-bottom:#993399 3px solid;
	color: #993399;
}
.partition-h1{
	border-top:#ff66cc 3px solid;
	border-bottom:#ff66cc 3px solid;
	color: #ff66cc;
}
.special-h1{
	border-top:#ff9f00 3px solid;
	border-bottom:#ff9f00 3px solid;
	color: #ff9f00;
}
.standard-h1{
	border-top:#ff6600 3px solid;
	border-bottom:#ff6600 3px solid;
	color: #ff6600;
}
.wpocket-h1{
	border-top:#00c500 3px solid;
	border-bottom:#00c500 3px solid;
	color: #00c500;
}
/*小ロット可能一覧*/
.small-h1{
	border-top:#6FDEDE 3px solid;
	border-bottom:#6FDEDE 3px solid;
	color: #6FDEDE;
	padding: 13px!important;
}
/*自販機周り*/
.vendor-h1{
	border-top:#6672FF 3px solid;
	border-bottom:#6672FF 3px solid;
	color: #6672FF;
	padding: 13px!important;
}
/*POP一覧*/
.pop-h1{
	border-top:#ff6666 3px solid;
	border-bottom:#ff6666 3px solid;
	color: #ff6666;
	padding: 13px!important;
}
/*動画一覧*/
.movie-h1 {
  border-top: #e60044 3px solid;
  border-bottom: #e60044 3px solid;
	color: #e60044;
}
/*.category-index dl{
	padding-right: 0px!important;
}*/
@media screen and (max-width:768px){
.category-index h1{
  border-top: none!important;
  border-bottom: none!important;
  margin-left: 0px!important;
  margin-right: 0px!important;
}
}
/*first-contact-------------*/
.index-fv-cta-2505{
	background-color: #e6e6e6;
	padding-top: 10px;
	padding-bottom: 30px;
}
.index-fv-cta-2505 .button-index-omitsumori{
	color: #f60;
}
.index-fv-cta-2505 .footer-cta-pink{
	color: #80f;
}
.index-fv-cta-2505 li p {
	text-align: center;
}
.index-fv-cta-2505 li form {
  border-radius: 50px;
  transition: 0.2s;
  padding: 0.8rem 0.3rem;
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.3);
	text-align: center;
}
.index-fv-cta-2505 li.button-index-omitsumori form {
  background-color: #f60;
}
.index-fv-cta-2505 li.footer-cta-pink form {
  background-color: #80f;
}
.index-fv-cta-2505 li form:hover {
  transform: scale(1.05);
  transition: 0.2s;
}
.index-fv-cta-2505 li form button {
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  width: 100%;
  line-height: 1.2;
}
/*最適なグッズ-------------*/
#target-scene h2{
	color: #686868;
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: bold;
}
#target-scene dl{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#target-scene dl dt{
margin-bottom: 7px;
}
#target-scene dl .order-3{
text-align: left!important;
	font-size: 14px;
}
#target-scene dl .order-1{
width: 100%;
}
#target-scene h3{
	color: #fff;
	background-color: #003399;
	font-size: 1.1em;
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	margin-bottom: 7px;
	font-weight: bold;
}
/*ナビ-------------------*/
.eco_nav{
	flex-flow: row;
	justify-content: center!important;
	align-items: center!important;
}
@media screen and (max-width:576px){
.eco_nav{
	flex-direction: column;
}
}
.ichiran_nav-2 a {
  display: block;
  padding: 1rem 0.5rem;
  font-weight: bold;
  font-size: 1.05em;
  color: #fff;
  border-radius: 10px;
  transition: 0.2s;
  border: solid 2px #666666;
  background-color: #666666;
}
.ichiran_nav-2 a:hover {
  display: block;
  padding: 1rem 0.5rem;
  font-weight: bold;
  font-size: 1.05em;
  color: #666666;
  border-radius: 10px;
  transition: 0.2s;
  border: solid 2px #666666;
  background-color: #ffffff;
}
@media screen and (max-width:576px){
.ichiran_nav-2 a {
  font-size: 100%;
}
}
.ichiran_naver {
  border: solid 2px #666666;
  background-color: #fff;
  color: #666666;
}
/*タイトル装飾------------------*/
.sagasu-subtitle {
  display: flex;
  align-items: center;/* 縦位置の調整 */
  color: #003399;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.2em;
}
.sagasu-subtitle::before,
.sagasu-subtitle::after {
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 3px;
  background: #003399;
}
/*商品を探す　タブ-----------------*/
/*https://codepen.io/ayausaspirit/pen/xXGErO*/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  background-color: #e6e6e6;
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/4);
  height: 70px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  border-left: 3px solid #fff;
  background-color: #003399;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: flex;
 align-items: center;
	justify-content: center;
	flex-flow: row;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
	position: relative;/*▼用*/
}
@media screen and (max-width:576px){
.tab_item {
	padding-right: 15px;
	font-size: 14px;
}
}
.tab_item:hover {
  opacity: 0.75;
  cursor:pointer;
}
.tab_item::after {
  content: "";
    position: absolute;
    top: 45%;
    right: 15px;
    border: 6px solid transparent;
    border-top: 7px solid #fff;   
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 10px;
  clear: both;
  overflow: hidden;
}
.tab_content img {
  width: auto;
	height: 100%;
	padding: 5px;
}
.tab_content_description ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
/*選択されているタブのコンテンツのみを表示*/
#index-target:checked ~ #index-target-content,
#index-scene:checked ~ #index-scene-content,
#index-season:checked ~ #index-season-content,
#index-size:checked ~ #index-size-content{
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #cccccc;
  color: #000000;
}
.tabs input:checked + .tab_item::after {
  content: "";
    position: absolute;
    top: 40%;
    right: 15px;
    border: 6px solid transparent;
    border-bottom: 7px solid #000000;   
}
@media screen and (max-width:576px){
.tab_item::after,.tabs input:checked + .tab_item::after {
    right: 7px; 
}
	
}
/*商品一覧見た目変更------------------*/
.category-2505-card .card{
	display:flex;
	flex-flow: row;
}
.category-2505-card .card-body{
	padding-right:10px!important;
	padding-left:10px!important;
}
.category-2505-card .card-body p{
	margin-bottom: 5px;
}
.category-2505-card .card dt{
	width: 40%;
}
@media screen and (max-width:1200px){
.category-2505-card .card dt{
	width: 60%;
}	
}
@media screen and (max-width:800px){
.category-2505-card .card dt{
	width: 80%;
}
}
@media screen and (max-width:768px){
.category-2505-card .card dt{
	width: 40%;
}	
}
.category-2505-card .card-number-box{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
/*お問い合わせボタン季節*/
.spring-contact form,.summer-contact form,.autumn-contact form,.winter-contact form{
background-color: #f60;
border-radius: 50px;
  transition: 0.2s;
  padding: 0.8rem 0.3rem;
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.3);
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  width: 100%;
  line-height: 1.2;
}
.spring-contact form:hover,.summer-contact form:hover,.autumn-contact form:hover,.winter-contact form:hover{
transform: scale(1.05);
  transition: 0.2s;
  padding: 0.8rem 0.3rem;
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.3);
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  width: 100%;
  line-height: 1.2;
}
.spring-contact form button,.summer-contact form button,.autumn-contact form button,.winter-contact form button{
  color: #ffffff!important;
  font-weight: bold;
}
/*小ロット一覧で使用*/
.ecomark-link{
    font-weight: bold;
    text-decoration: underline;
	display: block;
	margin-top: 1em;
}
.ecomark-link:hover{
    opacity: 0.5;
    text-decoration: none;
}