@charset "UTF-8";

/*--父の日特集 start--*/

.nowrap { white-space: nowrap; } /*スパンで囲めばテキスト折り返させない*/

#fathers-day{
	font-style:normal;
	font-size:large;
	letter-spacing:1px;
	line-height:1.5em;
}
#fathers-day h3{
	font-size:3.5rem;
	margin-top:20px;
	text-align:center;
}
#fathers-day h4{
	font-size:xx-large;
	text-align:center;
	color:#2864a0;
}
#fathers-day h4::after{
	content:"";
	display:block;
	margin:10px auto 0;
	width:250px;
	height:3px;
	background-color:#b0a312;
}
#fathers-day .btn{
	display:inline-block;
	margin-top:20px;
	color:#2864a0;
	padding:15px;
	border:1px solid #2864a0;
	border-radius:10px;
}
#fathers-day .btn span{
	padding-right:18px;
font-weight: bold;
	background:url(/pict/fathers-day_arrow.png) no-repeat right center / 10px 20px;
}
.fathers-day_flex{
	display:flex;
	justify-content:space-evenly;
	align-items:stretch;
	text-align:center;
}
.fathers-day_flex div{
	width:100%;
}

	/*--メインビジュアル start--*/
#fathers-day #main-visual{
	position:relative;
	text-align:center;
}
#fathers-day #main-visual a{
	position:absolute;
	top:10px;
	right:10px;
	transition:transform .2s ease-in-out;
}
#fathers-day #main-visual a img{
	width:200px !important;
}
#fathers-day #main-visual a:hover{
	opacity:1;
	transform:scale(1.1);
}
#fathers-day #main-visual a:hover img{
	 opacity:1;
	 filter: alpha(opacity=100);
	 -ms-filter: "alpha(opacity=100)";
	 -khtml-opacity:1;
	 -moz-opacity:1;
}
	/*--メインビジュアル end--*/
	
	/*--ナビゲーション start--*/
#fathers-day nav{
	margin-top:20px;
}
#fathers-day nav a{
	transition:all .2s ease-in-out;
}
#fathers-day nav a::after{
	content:"";
	display:block;
	margin:5px auto 0;
	width:0%;
	height:2px;
	background-color:#2864a0;
	transition:all .2s ease-in-out;
}
#fathers-day nav a:hover{
	opacity:1;
	color:#2864a0;
}
#fathers-day nav a:hover::after{
	width:100%;
}
	/*--ナビゲーション end--*/

	/*--対象商品 start--*/
#fathers-day #wrap_item h4{
	margin-top:60px;
}
#fathers-day #wrap_item h5{
	font-size: 1.7rem;
	text-align:center;
	margin:40px 0 30px;
}
#fathers-day #wrap_item .price{
	font-size:1.2rem;
}
#fathers-day #wrap_item .c_price{
	    font-size: 1.8rem;
    color: #cb1515;
    font-weight: bold;
    margin: 0 2px 0 3px;
}
#fathers-day .item{
	text-align:center;
}
#fathers-day .item .service{
	background-color:firebrick;
	color:white;
	padding:10px;
}
#fathers-day .item p{
	text-align: center;
}
#fathers-day .item .intro{
	margin:20px 0;
}
#fathers-day .item .material{
	margin-top:20px;
}
#fathers-day .item img{
	width:90%;
	height:auto;
max-width: 500px;
}
#fathers-day .item .material{
	font-size: 0.8rem;
line-height: 1.1rem;
	text-align: left;
}
#fathers-day .item small::after{
	content:'\A';
	white-space:nowrap;
display: block;
	margin-bottom:2px;
}
#fathers-day #wrap_item .fathers-day_flex{
	margin-top:20px;
}
#fathers-day #wrap_item .item{
	padding:0 2%;
}
	/*--対象商品 end--*/



	
	@media screen and (max-width:768px){
	
#fathers-day h3{
	font-size:x-large;
}
#fathers-day h4{
	font-size:x-large;
}
	/*--メインビジュアル start--*/
#fathers-day #main-visual a{
	top:0;
	right:0;
}
#fathers-day #main-visual a img{
	width:80px !important;
}
	/*--メインビジュアル end--*/
	
	/*--ナビゲーション start--*/
#fathers-day nav{
	font-size:small;
	letter-spacing:-1px;
}
	/*--ナビゲーション end--*/
	
	/*--対象商品 start--*/
#fathers-day #wrap_item h4{
	margin-top:40px;
}
#fathers-day #wrap_item h5{
	font-size:x-large;
	margin:20px 0;
}
#fathers-day .item .intro{
	margin:20px 0;
}
#wrap_item .fathers-day_flex{
	flex-wrap:wrap;
}
#fathers-day .btn { 
	margin:20px;
}
#fathers-day .item .material {
    display: none;
}
#fathers-day .item::after{
	content:"";
	display:block;
	margin:40px auto 10px;
	width:98%;
	height:3px;
	background-color:#b0a312;
}
	/*--対象商品 end--*/
	
	}
	
/*--父の日特集 end--*/