@charset "UTF-8";



/* PC画面用（ウィンドウ幅が769px以上の場合に適用） */

@media print,screen and (min-width: 769px) {
	
.any_h2 {
	width: 940px;
	height:128px;
	position: relative;
	background-image: url(/novelty-anniversary/images/title_pc.webp);
	background-repeat: no-repeat;
	margin: 0% auto;
	font-size:2.5em;
}
	
.any_h2 h2{
	display: table-cell;
	vertical-align:bottom;
	width: 940px;
	height:100px;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
	text-align: center;
	font-weight:bold;
	color: #8D2714;
}
	
.any_h2 h2 span{
	display: table-cell;
	vertical-align:middle;
	width: 940px;
	height:50px;
	font-size: 0.5em;
	color: #333;

}
 
.any_h2_2 {
	text-align: center;
 margin: 2% auto -1% auto;
 font-size: 1.2em;
 color: #7a2b1c;
}
	
.any_h3 h3{
	width: 100%;
	margin: 5% auto 1% auto;
	padding:1.4% 1% 1% 1%;		
	background: -webkit-linear-gradient(to right, rgb(0, 82, 69), #009245);
    background: linear-gradient(to right, rgb(0, 82, 69), #009245);
	color: #fff;
	font-size: 1.4em;
}

.h3_y{
	font-size: 1.4em;	
	color: #ffc800;	
	padding: 0% 0.5%;
}	

	
.other_h3 h3{
	width: 100%;
	margin: 5% auto 1% auto;
	padding:1% 1% 0.8% 1%;		
	background: -webkit-linear-gradient(to right, rgb(9, 71, 150), #0cb0d6);
    background: linear-gradient(to right, rgb(9, 71, 150), #0cb0d6);
	color: #fff;
	font-size: 1.3em;
}	
	
.any_h4 h4{	
	width: 100%;
	margin: 2% 1% 1% auto;
	padding:1% 1% 0.7% 1%;		
	color: #009245;
	font-size: 1.3em;
	border-bottom: solid 2px #009245;
	letter-spacing: 0.5px;
}
	
.any_h4 h4 span{
	float: right;
	margin: 0% 2% 1% auto;
	color: #86c2a2;
	font-size: 1.5em;
	font-weight: bold;
}

/* バナー横並び */
 .recommend {
  width: 100%;
 }
 .recommend p {
  font-size: 1.1em;
  text-align: center;
  font-weight: bold;
 }
 .recommend_banner {
  width: 95%;
  display: flex;
  justify-content: center;
  margin: 2% 0% 2% 4%;
 }
 .recommend_banner li {
  width: 23%;
  margin: 0% 1%;
  box-sizing: border-box;
 }
 .recommend_banner img {
  width: 100%;
 }	
	
.title-text{
	width:800px;
	margin: 2% auto;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5em;
	}	
	
  .top-text-link-list {
    margin: 10px auto;
	text-align:center;
	line-height:2em;
	font-size: 1.2em;  
  }
	
.top-text-link-list a {
	color: #666;
}
	
	
.choice {
  width: 85%;
  margin: 0% auto -1% auto;	
  position: relative;
  padding: 0% 2%;
  text-align: center;
  font-size: 1.2em;	
}

.choice:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #999;
}

.choice span {
  position: relative;
  padding: 0 2em;
  background: #fff;
}	
	
.kakaku_btn{
	display: flex;
 justify-content: space-around;
	align-items: center;
	width:90%;
	margin: 1% auto;	
	}	
	
.kakaku_btn li{
	position: relative;
 width: 20%;
 margin: 2% auto;
 background: #FFFEED;
	}
 
.kakaku_btn a{
	display: block;
	border: solid 1px #906800;
	color: #906800;
 border-radius: 10px;	
	padding: 4% 3% 3% 6%;
	text-decoration: none;	
	font-weight: bold;
	transition: 0.3s;
	}
	
.kakaku_btn a span{
  font-size: 1.5em;
  padding: 0px 3px;	
}		

.kakaku_btn a:hover{
	background: #906800;
	color: #fff;
}
	
.kakaku_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #906800;
    border-right: 3px solid #906800;
    transform: rotate(135deg) translateY(-50%);
    position: absolute;
    top: 28%;
    right: 15px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}	
	
.kakaku_btn a:hover:after {
    border-color: #FFF;
}
 

	
	
.linklist{
	display: flex;
	width:90%;
	margin: 1% auto;	
	}		

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

.linklist img{	
	width: 100%;
	height: auto;
	}	
	
	
.linklist a{	
	color: #333;
	text-decoration: none;
	}
	
.linklist a:hover{
	color: #9fa0a0;
}	
	
.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: #9fa0a0;
}	
	
.linklist p{
	padding:3% 10% 2% 3%;		
}	
	
.mds_text {
	width: 90%;
    margin: 1%;
	font-size: 1em;
  }
	
.item_btn{
  display: flex;
  width:100%;
  margin: 2% auto;
}	

.item_btn a{
  width: 98%;
  position: relative;
  display: block;
  justify-content: space-around;		
  padding: 4% 0% 4% 8%;
  background: #736357;	
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;	
  text-decoration: none;
}		
	
.item_btn a:hover{
  background: #e7ddcc;	
  color: #534741;
  transition: 0.3s;		
}
	
.item_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 15px;
    border-radius: 1px;  
}	
	
.item_btn a:hover:after{
  border-color: #534741;	
  transition: 0.3s;		
}
	
	
.pickup_banner {
	width: 90%;
	margin: 1% auto;	
	text-align: center;
}	


.big_btn a{
  margin: 2% auto;	
  width: 50%;
  position: relative;
  display: block;
  justify-content: space-around;		
  padding: 1.4% 3% 1.2% 3%;
  background: #0071bc;	
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;	
  text-decoration: none;
  border: 1px solid #0071bc;	
  border-radius: 50px;
}	
	
.big_btn a span{
  font-size: 1.6em;
  padding: 0% 1%;	
}
	
.big_btn a:hover{
  background-color: transparent;
  color: #0071bc;
  transition: 0.3s;		
}
	
.big_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 20px;
    border-radius: 1px;  
}	
	
.big_btn a:hover:after{
  border-color: #0071bc;	
  transition: 0.3s;		
}		
	
.haisou{
  border-collapse: collapse;
  width: 80%;
  background: #EEF2E9;
  margin: 1% auto;	
  padding:1% 4%	
}
.haisou th{
  padding: 10px;	
  text-align:center;
  font-size: 1.7em;	
  box-sizing:border-box;	
  background: #EEF2E9;
  color: #006e32;	
}
	
.haisou td{
  padding: 10px;
  text-align:center;
  box-sizing:border-box;
  font-size: 1.2em;
  font-weight: bold;
  color: #006e32;		
}

.haisou td span{
  text-align:center;
  box-sizing:border-box;
  font-size: 0.9em;
  font-weight:400;	
  color: #333;	
}	
	
/* ショールームの案内ここから */	
.showroom{
	width: 100%;	
	margin: 2% auto 1% auto;
	padding-bottom: 1%;
	background: #eef5ec;	
}	
	
.showroom h3{
	width: 50%;
	margin: 5% auto 1% auto;
	padding:3% 1% 0.8% 1%;		
	color: #42210b;
	font-size: 2em;
	border-bottom: solid 2px #42210b;
	text-align: center;
}	
	
.showroom p{	
	margin: 2% auto;
	font-size: 1.1em;
	color: #42210b;
	line-height: 1.5em;
	text-align: center;
}
	
.showroom table{
	border-collapse: collapse;
	width: 90%;	
	margin: 1% auto;	
}	
	
.showroom td{
	padding: 0% 1%;
}
	
.showroom table img{
	width: 100%;
	border: 5px solid #fff;
}	
	
.attention p{
	font-size: 1.5em;
	color: #ff0000;
	font-weight: bold;
	margin: 1% auto;
}
/* ショールームの案内ここまで */			
	
	
/* 商品テーブル表（完全自動）ここから */	
	
/* 商品テーブル(横4つ) */				
 .item_table {
    /* 残*/
    margin: 0px auto;
    width: 940px;
	margin-top: 7px; 
  }

  /* 残*/
  .item_table td {
    /* 残*/
    padding: 5px;
    margin: 0px 5px;
    border: #efefef solid 1px;
    vertical-align: top;
  }		

  .item_table_press>a>img {
    width: 100%;
    height: auto;
    margin: 0 auto 5px auto;
    padding: 0;
  }			
		
	
 .item_text {
    line-height: 1.7em;
    font-size: 1em;
	margin:0%; 
  }		
	
	/* 商品6個配置テーブル */			
  .item_table_mini {
    /* 残*/
    margin: 3px auto;
	margin-top: -7px;  
    width: 940px;
  }
  .item_table_mini tr {
    margin-left: 20px;
  }

  .item_table_mini td {
    padding:5px;
    margin: 0px 5px;
    border: #efefef solid 1px;
  }
  .item_table_mini_td  {
    width: 15%;
	vertical-align:top;  
  }
	
  .item_table_mini_td>a>img {
    width: 100%;
    height: auto;
    margin: 0 auto 5px auto;
    padding: 0;
  }	

/* 商品横2個配置テーブル */		
 	
 .item_table_big {
    /* 残*/
    margin: 3px auto;
	margin-top: 3px;  
    width: 910px;
  }
  .item_table_big tr {
    margin-left: 20px;
  }
  /* 残*/
  .item_table_big td {
    /* 残*/
    padding: 5px;
    margin: 0px 5px;
    border: #efefef solid 1px;
    width: 380px;
    vertical-align: top;
  }
  .item_table_press_big {
    width: 15%;
  }	
	
	
.item_table_press_big_price_r {
	color:#F00;
	font-weight:bold;
}

.item_table_press_big_price_r span {
	font-weight:normal;
	font-size:10px;
}
	
.item_table_press_big_price_k {
	color:#000;
	font-weight:bold;
}

.item_table_press_big_price_k span {
	font-weight:normal;
	font-size:10px;
}	
	
/* 商品テーブル表（完全自動）ここまで */	
	

 /* 特設バナー用*/
 .cp_banner {
  text-align: center;
  margin: 5% auto;  	 
 }	
	
 .cp_banner p{
  font-weight: bold;
 }
 .cp_banner p::before{
  content: "▼ ";
  font-weight: bold;
 }
 .cp_banner p::after{
  content: "▼";
  font-weight: bold;
 }	

 .cp_banner img {
  width:400px;
  margin: 0 auto;	 
 }	
	
		
	
	
}

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

@media screen and (max-width: 768px) {
.any_h2 {
	width: 100%;
	height: auto;
	background-image: url(/novelty-anniversary/images/title_sp.webp);
	background-repeat:no-repeat;
	background-size:100% auto;
	margin: 1% auto 3% auto;
}
	
.any_h2 h2{
	width: 98%;
    color: #8D2714;
    font-size:2em;	
	margin:1% auto 5% auto;
	text-align: center;
	font-weight: bold;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
	line-height: 1em;
	padding: 5% 1% 3% 1%;
}
	
.any_h2 h2 span{
	font-size:0.5em;
	color: #333;
	margin: 1% 0%;
}
 
.any_h2_2 {
	text-align: center;
 margin: 2% auto;
 font-size: 1em;
 line-height: 1.5em;
 color: #7a2b1c;
}

.any_h3{
	width: 100%;
	margin: 5% 0% 1% 0%;	
}	
	
.any_h3 h3{
	padding:2.5% 0% 2.2% 2%;
	background: -webkit-linear-gradient(to right, rgb(0, 82, 69), #009245);
    background: linear-gradient(to right, rgb(0, 82, 69), #009245);
	color: #fff;
	font-size: 1em;
}

.h3_y{
	font-size: 1.4em;	
	color: #ffc800;	
	padding: 0% 1%;
}	
	
.other_h3{
	width: 100%;
	margin: 5% 0% 1% 0%;	
}		
	
.other_h3 h3{
	padding:2.5% 0% 2.2% 2%;
	background: -webkit-linear-gradient(to right, rgb(9, 71, 150), #0cb0d6);
    background: linear-gradient(to right, rgb(9, 71, 150), #0cb0d6);
	color: #fff;
	font-size: 1em;
}	
	
	
.any_h4 h4{	
	width: 95%;
	margin: 3% auto 2% auto;
	padding:1% 1% 1.5% 1%;		
	color: #009245;
	font-size: 1em;
	border-bottom: solid 2px #009245;
	line-height: 1.4em;
}
	
.any_h4 h4 span{	
	float: right;
	color: #86c2a2;
	font-size: 1.2em;
	padding-right: 1%;
}	
	
	
/* バナー横並び */
 .recommend {
  width: 100%;
  text-align: center;
 }
 .recommend p {
  font-size: 0.9em;
  font-weight: bold;
 }
 .recommend_banner {
  width: 95%;
  display: flex;
  justify-content: space-around;
  list-style: none;
  margin: 0 auto;
  flex-wrap: wrap;
 }
 .recommend_banner li {
  width: 45%;
  margin: 0.5em auto;
 }
 .recommend_banner img {
  width: 100%;
  object-fit: cover;
 }	
	
	
.mds_text {
	width: 90%;
    margin: 1% 2%;
	font-size: 1em;
	line-height: 1.5em;
  }	
	
.title-text{
	width:90%;
	margin: 0% auto 2% auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
	}		
	
  .top-text-link-list {
	width: 95%;
    margin: 10px auto;
	text-align:center;
	font-size: 13px;  
  }
	
.top-text-link-list a {
	color: #666;
	padding: 0.5% ;
	margin: 0.5%;
}	
	
	
.kakaku_btn{
	display: flex;
	flex-wrap:wrap;	
 justify-content: space-around;
	align-items: center;
	width:95%;
	margin: 3% auto;	
	}
 
 .kakaku_btn li{
	position: relative;
	width: 44%;
	margin: 1% auto;
	}
	
.kakaku_btn a{
 display: block;
	border: solid 1px #906800;
	color: #906800;
	border-radius: 5px;
	padding: 5% 1% 3% 4%;
	text-decoration: none;	
	font-weight: bold;
	font-size: 0.9em;
	transition: 0.3s;
	}
	
.kakaku_btn a span{
  font-size: 1.3em;
  padding: 0px 3px;	
}		

.kakaku_btn a:hover{
	background: #906800;
	color: #fff;
}
	
.kakaku_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #906800;
    border-right: 3px solid #906800;
    transform: rotate(135deg) translateY(-50%);
    position: absolute;
    top: 25%;
    right: 12px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}	
	
.kakaku_btn a:hover:after {
    border-color: #FFF;
}	
	
.choice {
  width: 90%;
  color: #906800;
  font-size: 1em;
  font-weight: bold	;
  margin: 7% auto -1% auto;
  text-align: center;
}
	
.haisou {
  width: 98%;
  margin: 3% auto 5% auto;
  background: #EEF2E9;	
}
	
.haisou th{
  display: block;
  width: 95%;
  border-bottom:none;  
  color: #006e32;
  font-size: 1.3em;	
  padding-top: 3%;  
}
	
.haisou td {
    display: block;
    width: 98%; 
    border-bottom:none;
	margin: 1% auto 2% auto;
	color:  #006e32;
	font-weight: bold; 
}
	
.haisou span{
	font-size: 0.8em;	
	color: #333;
	font-weight: 400;
}
	
.linklist{
	 display: flex;
    flex-wrap: wrap;
	width:95%;
	margin: 1% auto;
	}		

.linklist li{
    justify-content:space-around;
	align-items: center;	
	position: relative;
	width: 48%;
	background: #f2f2f2;
	margin: 1%;
	}	
	
.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;
}	
	
	
.pickup_banner {
	width: 90%;
	height: auto;
	margin: 1% auto;	
	text-align: center;
}	

.pickup_banner img{
	width: 100%;
	height: auto;
}		
	
	
.item_btn{
  display: flex;
  width:100%;
  margin: 2% auto;
}	

.item_btn a{
  width: 98%;
  position: relative;
  display: block;
  justify-content: space-around;		
  padding: 4% 1%;
  background: #736357;	
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
  text-align: center;	
}		

.big_btn a{
  margin: 2% auto;	
  width: 80%;
  position: relative;
  display: block;
  justify-content: space-around;		
  padding: 2.2% 3% 2.4% 3%;
  background: #0071bc;	
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  text-align: center;	
  text-decoration: none;
  border: 1px solid #0071bc;	
  border-radius: 50px;
}	
	
.big_btn a span{
  font-size: 1.3em;
  padding: 0% 1%;	
}
	

.big_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 20px;
    border-radius: 1px;  
}
	
/* ショールームの案内ここから */	
.showroom{
	width: 100%;	
	margin: 2% auto ;
	padding-bottom: 1%;
	background: #eef5ec;	
}	
	
.showroom h3{
	width: 80%;
	margin: 5% auto 1% auto;
	padding:3% 1% 0.8% 1%;		
	color: #42210b;
	font-size: 1.5em;
	border-bottom: solid 2px #42210b;
	text-align: center;
	line-height: 1.3em;
}	
	
.showroom p{	
	margin: 2%;
	font-size: 1.1em;
	color: #42210b;
	line-height: 1.5em;
	text-align: center;
}
	
.showroom table{
	width: 100%;	
	margin: 1% auto;	
}	
	
.showroom td {
    display:inline-block;
    width: 45%; 
	padding:0.5% 2%;
}
	
.showroom table img{
	width: 100%;
	height: auto;
	border: solid 5px #fff;
}	
	
.attention p{
	font-size: 1.2em;
	color: #ff0000;
	font-weight: bold;
	margin: 1% auto;
}
/* ショールームの案内ここまで */		
	


	/* 商品一覧 */
  .item_table {
    /* 残 */
    margin: auto;
	margin: 2% auto 1% auto;  
    width: 100%;
    display: block;
  }
  .item_table tr {
    display: inline;
    margin: 0 auto 0 0.5%;
    padding: 0;
    width: 100%;
  }
  /* 残 */
  .item_table td {
    /* 残 */
    padding: 2px;
    margin-bottom: 3%;
    border: 0;
    width: 46%;
    display: inline-block;
    vertical-align: top;
  }

  .item_table_img {
    border: #efefef solid 1px; 
  }
	
  .item_text {
    line-height: 1.5em;
    font-size: 1em;
	margin:0%; 
  }		
	
  /* 商品一覧横3つ(小)並び */
  .item_table_mini {
    margin: 0% auto;
    width: 97%;
	margin-top: -1%;
	margin-bottom:0%;  
    display: block;
  }
  .item_table_mini tr {
	display: inline;
    margin: 0;
    padding: 0;
    width: 100%;  
  }
  /* 残 */
   .item_table_mini td {
    /* 残 */
    padding: 1%;
    margin: -5px 0px 5px 1px;
    border: 0;
    width: 30%;
    display: inline-block;
    vertical-align: top;
  }


	
/* 商品テーブル大 */		
 .item_table_big {
    /* 残 */
    margin: auto;
    width: 98%;
    margin-left: 1.4%;  
    justify-content: center;
	 
  }
  .item_table_big tr {
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .item_table_big td {
    padding: 3px;
    margin: 0px 0px 10px 0px;
    border: 0;
    width:47%;
    display: inline-block;
    vertical-align: top;
  }
	
  .item_table_press_big> img {
    border: #efefef solid 1px;
    width: 100%;
	height: auto;  
	margin-bottom: 1%;  
  }		
	
	
  .select-box {
    margin: 2%;
    border: solid #FFF9A6 5px;
  }
  .select-price-title {
    padding: 5px 0px 5px;
    background: #FFF081;
    color: #6A3906;
    font-size: 120%;
  }
  .select-price {
    width: 100%;
    padding: 10px 0px 5px;
    background: #FFF9E1;
  }
  .select-price .p1 {
    color: #6A3906;
  }
  .select-price .p2 {
    margin-top: 0px;
    color: #898989;
    font-size: 90%;
  }
  .select-popular-title {
    margin-top: 0px;
    padding: 5px 0px 5px;
    background: #E0F997;
    color: #6A3906;
    font-size: 100%;
  }
  .nav {
    background: #FFF9E1;
    text-align: center;
	padding:0.5em 0;   
  }
  .nav td {
	 padding: 2%;
  }
	
  .btn_any5 {  
    padding: 1.7%;
    margin:0.5% 0.4%;
    text-decoration: none;
    background: #fff;
    color: #7A6A56;
    font-size: 0.9em;
    font-weight: bold;
    border: solid 2px #7FB847;
    border-radius: 3px;
    transition: .4s;
    font-family: "游ゴシック", "YuGothic", "メイリオ", "meiryo", "sans-serif";
  }
  .btn_any5:hover {
    background: #7FB847;
    color: white;
  }
  .mobile-sale {
    font-weight: bold;
    background-color: #FFFFD6;
    padding: 2% 0;
    margin: 2% 5%;
    text-align: center;
    font-size: 120%;
    border: dotted 3px #FFD3D3;
  }
  .underprice-lead {
    margin: 2% 0;
  }
  .item_photo {
    box-sizing: border-box;
  }
  .item_table img {  
    max-width:100%; 
  }

 /* 特設バナー用*/
 .cp_banner {
  width: 95%;
  font-size: 0.8em;	 
  margin: 5% auto;
  text-align: center;
  font-weight: bold;	 
 }	
	
 .cp_banner img{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 10%;	 
 }			
		
	
	
}