@charset "UTF-8";

#otyugen{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color: #1c1c1c;
	font-size:1rem;
	font-weight: 500;
	letter-spacing:1px;
	line-height:2rem;
 }

#otyugen img{
	/*max-width:none;*/
	height:auto;
	width:auto;
	vertical-align:bottom;
	}
#otyugen h3 , #otyugen h4 , #otyugen h5 , #otyugen h6{
	font-weight:normal;
	}
#otyugen h3{
	font-size:2.5rem;
	}
#otyugen h4{
	background:url(https://www.rakuten.ne.jp/gold/izunuma/img/campaign/summer-gift/BG_japanese-pattern.png) goldenrod;
	font-size:2rem;
	font-weight: 900;
	line-height:2.2rem;
	text-align:center;
	color:white;
	padding:17px 0;
	}
#otyugen .btn{
	display:inline-block;
	margin:0 10px 30px;
	color:firebrick;
	padding:5px 15px;
	border:1px solid firebrick;
	border-radius:20px;
	font-size:1rem;
	}
#otyugen .btn span{
	padding-right:30px;
	background:url(https://www.izunuma.com/pict/btn_firebrick-arrow.png) no-repeat right+10px center / 10px 20px;
	transition:all .2s ease-in-out;
	}
#otyugen .btn:hover span{
	background-position:right center;
	}
	.otyugen_flex{
	display:flex;
	justify-content:space-evenly;
	align-items:stretch;
	text-align:center;
	flex-wrap:wrap;
	}
	
/*--メインビジュアル start--*/
#otyugen #main-visual{
	position:relative;
	}
#otyugen #main-visual img:first-child{
	width:100%;
	}
#otyugen #main-visual a{
	position:absolute;
	top:10px;
	right:10px;
	transition:transform .2s ease-in-out;
	}
#otyugen #main-visual a img{
	width:150px !important;
	}
#otyugen #main-visual a:hover{
	opacity:1;
	transform:scale(1.1);
	}
#otyugen #main-visual a:hover img{
	 opacity:1;
	 filter: alpha(opacity=100);
	 -ms-filter: "alpha(opacity=100)";
	 -khtml-opacity:1;
	 -moz-opacity:1;
	}
/*--メインビジュアル end--*/
	
/*--ナビゲーション start ※使ってない --*/
#otyugen nav{
	margin-top:40px;
	}
#otyugen nav a{
	border:2px solid navy;
	border-radius:30px;
	padding:5px 10px;
	color:navy;
	transition:all .2s ease-in-out;
	}
#otyugen nav a:hover{
	background-color:navy;
	color:white;
	}
/*--ナビゲーション end--*/
	
/*--イントロダクション start--*/
#otyugen #intro{
	margin-top:50px;
	background:url(https://www.rakuten.ne.jp/gold/izunuma/img/campaign/summer-gift/summer-gift_image.png) no-repeat right center / contain;
	}
#otyugen #intro h3{
	margin-bottom:20px;
	}
#otyugen #intro img{
	width:220px;
	}
#otyugen #intro p{
	width:32%;
	font-size:1rem;
padding: 0 0 10px 5px;
	}
#otyugen #intro .otyugen_flex{
	justify-content:start;
	align-items:center;
	text-align:left;
	}
/*--イントロダクション end--*/
	
/*--クーポン start--*/
#otyugen #coupon{
	margin-top:60px;
	padding:20px 0;
	text-align:center;
	font-size:1.5rem;
	}
#otyugen #coupon-ticket{
	width:90%;
	margin:30px auto 0;
	background-color:#fee772;
	border:#fee772 10px solid;
	box-sizing:border-box;
	}
#otyugen #coupon-ticket div:nth-child(1){
	font-size:1.5rem;
	background-color:white;
	padding:10px 0;
	}
#otyugen #coupon-ticket div:nth-child(2){
	font-size:1.5rem;
	margin-top:10px;
	}
#otyugen #coupon-ticket div:nth-child(3){
	margin:30px 0;
	font-size:2.2rem;
	}
#otyugen #coupon-ticket div:nth-child(3) strong{
	font-size:4rem;
	}
#otyugen #coupon-ticket div:nth-child(4){
	font-size:1.5rem;
	}
#otyugen #coupon-ticket strong{
	font-size:larger;
	color:firebrick;
font-weight: bold;
	}
#otyugen #coupon-ticket input{
	border:none;
	margin-left:10px;
	padding:10px;
	height:2em;
	text-align:center;
	font-family:Verdana,Arial;
	font-size:large;
	}
#otyugen #target-item{
	width:80%;
	margin: 0 auto 35px;
	}
#otyugen #target-item span{
	display:inline-block;
	margin:40px 0 25px 0;
	padding:10px 20px;
	border:1px solid black;
	border-radius:20px;
	font-size: large;
	}
#otyugen #target-item dl{
	text-align:left;
	}
#otyugen #target-item dt{
	margin-top:20px;
	color:firebrick;
	}
#otyugen #target-item dt::before{
	content:"■";
	}
#otyugen #target-item dd{
	line-height:2rem;
	text-align: center;
	}
#otyugen #coupon-souki{
	margin:0 0 -20px;
	}
#otyugen #coupon-souki strong {
    font-size: larger;
    color: firebrick;
	}
/*--クーポン end--*/
	
/*--おすすめポイント start--*/
#otyugen #recommended-points{
	margin-top:60px;
	}
#otyugen #recommended-points .wrap{
	margin:40px 2% 100px;
	border:5px solid gold;
	border-radius:40px;
	padding:20px;
	background-color:cornsilk;
	}
#otyugen #recommended-points h5{
	font-size:2rem;
	color:firebrick;
	margin-bottom:20px;
	}
#otyugen #recommended-points .box:nth-child(1) h5{
	background:url(/pict/point_1.png) no-repeat left center / contain;
	padding:30px 0 30px 100px;
	}
#otyugen #recommended-points .box:nth-child(2) h5{
	background:url(/pict/point_2.png) no-repeat right center / contain;
	padding:30px 100px 30px 0;
	text-align:right;
	margin-top:10px;
	}
#otyugen #recommended-points .box:nth-child(3) h5{
	background:url(/pict/point_3.png) no-repeat left center / contain;
	padding:30px 0 30px 100px;
	margin-top:10px;
	}
#otyugen #recommended-points .box:nth-child(4) h5{
	background:url(/pict/point_4.png) no-repeat right center / contain;
	padding:30px 100px 30px 0;
	text-align:right;
	margin-top:40px;
	}
#otyugen #recommended-points p{
	width:60%;
	font-size:1.2rem;
	}
#otyugen #recommended-points .box:nth-child(odd) p{
	float:right;
	margin-right:5%;
	margin-top: -10px;
	}
#otyugen #recommended-points .box:nth-child(even) p{
	float:left;
	margin-left:5%;
	margin-top: -10px;
	}
#otyugen #recommended-points .box img{
	width:30%;
	margin-top:-80px;
	}
#otyugen #recommended-points .box:nth-child(odd) img{
	float:right;
	}
#otyugen #recommended-points .box:nth-child(even) img{
	float:left;
	}
#otyugen #recommended-points .box::after{
	content:"\A";
	display:block;
	clear:both;
	}
/*--おすすめポイント end--*/

/*--人気ランキング start--*/
		#otyugen #ranking{
			margin:100px 0;
			font-size:1rem;
			line-height:1rem;
		}
		#otyugen #ranking .otyugen_flex{
			margin-top:40px;
		}
		#otyugen #ranking .otyugen_flex div{
			width:19%;
		}
		#otyugen #ranking .otyugen_flex div:nth-child(1) h5{
			background-color:gold;
		}
		#otyugen #ranking .otyugen_flex div:nth-child(2) h5{
			background-color:silver;
		}
		#otyugen #ranking .otyugen_flex div:nth-child(3) h5{
			background-color:darkgoldenrod;
		}
		#otyugen #ranking .otyugen_flex div:nth-child(4) h5 , #otyugen #ranking .otyugen_flex div:nth-child(5) h5{
			background-color:midnightblue;
		}
		#otyugen #ranking h5 img{
			width:30%;
		}
		#otyugen #ranking .photo{
			width:90%;
			margin-top:20px;
		}
		#otyugen #ranking dt{
			margin-top:10px;
			color:black;
		}
		#otyugen #ranking dd{
			margin-top:10px;
			color: #b97e00;
			font-size:1.2rem;
		}
		#otyugen #ranking dd small{
			color:black;
			font-size:0.7rem;
		}
/*--人気ランキング end--*/

/*-- ▼ 自分で作った商品テーブル --*/

#otyugen_item {
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size:1.3rem;
	font-weight: 500;
	line-height:1.4rem;
	text-align:center;
	}

#otyugen_item h5 {
	font-size:1.6rem;
	font-weight: 600;
	line-height:1.8rem;
margin: 40px 0 30px;
color: #460000;
	}

p.item_intro {
font-size: 1.1rem;
    line-height: 1.5rem;
    margin: 20px 0 50px;
    color: #2e2e2e;
}
p.item_intro img {
width: 600px !important;
}

#otyugen_item #second {
	width:67%;
	margin-left: auto;
	margin-right: auto;
	}

#otyugen_item #one_top {
	width:70%;
	margin-left: auto;
	margin-right: auto;
	}

#otyugen_item #one {
	width:50%;
	margin-left: auto;
	margin-right: auto;
	}

#otyugen_item #two {
	width:94%;
	margin-left: auto;
	margin-right: auto;
	}

#otyugen_item #picture td {
	width:50%;
	}
#otyugen_item #picture img {
	width:90%;
	}

#otyugen_item #name td {
	width:30%;
	text-align:center;
	line-height: 1.5rem;
	padding: 2px 12px 8px;
	color:#802311;
    font-size: 1.2rem;
    font-weight: bold;
	}

#otyugen_item #price td {
	font-size:1rem;
	line-height:1.2rem;
	text-align:right;
	padding: 12px 3px 40px 0;
	}

#otyugen_item #price strong {
	font-size:2rem;
	font-weight: 900;
	color:#b97e00;
	}

#otyugen_item .under {
	border-bottom: dashed 1px #b97e00;
	}

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

#otyugen .tsunagi {
	font-size:1.5rem;
	line-height: 2rem;
	margin: 50px auto;
}
	
/*--スライドクーポン start--*/
#slide-coupon{
	display:none;
	position:fixed;
	left:30px;
	z-index:100;
	background-color:#fee772;
	padding:10px;
	border-radius:10px;
	text-align:center;
	}
#slide-coupon div:nth-child(1){
	font-size:1rem;
	background-color:white;
	padding:12px 10px 7px;
	}
#slide-coupon div:nth-child(2){
	font-size:1rem;
	margin-top:10px;
	}
#slide-coupon div:nth-child(3){
	margin:20px 0 8px;
	font-size:1rem;
	}
#slide-coupon div:nth-child(5){
	margin:20px 0 8px;
	font-size:1rem;
	}
#slide-coupon div:nth-child(1) strong{
	font-size: 1.2rem;
	color:firebrick;
	font-weight:bold;
	}
#slide-coupon div:nth-child(3) strong{
	font-size:2rem;
	color:firebrick;
	font-weight:bold;
	}
#slide-coupon input{
	border:none;
	margin-left:10px;
	padding:10px;
	text-align:center;
	font-family:Verdana,Arial;
	font-size:1rem;
	display:inline;
	}
#slide-coupon .btn{
	display:inline-block;
	margin:15px auto 10px;
	padding:5px 10px;
	border-radius:20px;
	font-size:1rem;
	background-color:white;
	color:black;

	}
#slide-coupon .btn:hover{
	opacity:1;
	}
#slide-coupon .btn span{
	padding-right:30px;
	background:url(/pict/btn_black-arrow.png) no-repeat right+10px center / 10px 20px;
	transition:all .2s ease-in-out;
	}
#slide-coupon .btn:hover span{
	background-position:right center;
	}
/*--スライドクーポン end--*/


	@media screen and (max-width:768px){ /*-- ▼▼ レスポンシブ！ ▼▼ --*/
	
/*--イントロダクション start--*/
#otyugen #intro h3{
	margin-bottom:30px;
	}
#otyugen #intro img{
	width:30%;
	}
#otyugen #intro p{
	line-height:1.5rem;
	}
/*--イントロダクション end--*/
	
/*--クーポン start--*/
#otyugen #coupon-ticket div:nth-child(3){
	font-size:1.8rem;
	margin:20px 0;
	}
#otyugen #coupon-ticket div:nth-child(3) strong{
	font-size:3rem;
	}
#otyugen #coupon-ticket div:nth-child(4) span::after{
	content:'\A';
	display:block;
	white-space:nowrap;
	}
#otyugen #coupon-ticket input{
	margin:10px auto 0;
	}
#otyugen #example{
	font-size:0.7rem;
	line-height:0.8rem;
	}
#otyugen #example strong{
	color:firebrick;
	font-size:1rem;
	font-weight: 900;
	line-height:1.2rem;
	}
#otyugen .under {
	border-bottom: dashed 1px #b97e00;
	}
#otyugen .nowrap {
	white-space: nowrap;　/*スパンで囲めばテキスト折り返させない*/
}
/*--クーポン end--*/
	
/*--おすすめポイント start--*/
#otyugen #recommended-points p{
	font-size:1rem;
	line-height:1.5rem;
	}
/*--おすすめポイント end--*/

/*-- ▼ 自分で作った商品テーブル --*/

p.item_intro {
font-size: 1rem;
    line-height: 1.4rem;
}

#otyugen_item #name td {
font-size: 0.8rem;
    line-height: 1rem;
	}

#otyugen_item #price td {
	font-size:0.6rem;
	line-height:0.4rem;
	}

#otyugen_item #price strong {
	font-size:1rem;
	font-weight: 900;
	color:#b97e00;
	}

#otyugen_item h4 {
	font-size:1rem;
	}

#otyugen_item #one {
	width:52%;
	}

#otyugen_item #two {
	width:98%;
	}
	
/*--対象商品 start--*/
#otyugen .item h6 small::before{
	content:'\A';
	white-space:nowrap;
	display:block;
	}
/*--対象商品 end--*/

#otyugen .tsunagi {
	font-size:1.2rem;
	line-height: 1.5rem;
	margin: 50px auto;
}
	
/*--スライドクーポン start--*/
#slide-coupon{
	visibility:hidden;
	}
/*--スライドクーポン end--*/
	
	}


	@media screen and (max-width:480px){
	
#otyugen h4{
	font-size:1.5rem;
	}
	
/*--メインビジュアル start--*/
#otyugen h3{
	font-size:2rem;
	text-align:center;
	}
#otyugen #main-visual a{
	top:10px;
	right:10px;
	}
#otyugen #main-visual a img{
	width:80px !important;
	}
/*--メインビジュアル end--*/
	
/*--イントロダクション start--*/
#otyugen #intro{
	background:url(/pict/otyugen2021_image.png) no-repeat right bottom / contain;
	}
#otyugen #intro h3 span::before{
	content:"\A";
	white-space:nowrap;
	display:block;
	}
#otyugen #intro img{
	width:40%;
	}
#otyugen #intro p{
	width:56%;
	margin-left:1%;
	font-size:1rem;
	line-height:1.2rem;
	}
#otyugen #intro .otyugen_flex{
	/*padding-bottom:240px;*/
	align-items:flex-start;
	}
/*--イントロダクション end--*/
	
/*--クーポン start--*/
#otyugen #coupon{
	margin-top:50px;
	}
#otyugen #coupon-ticket{
	width:100%;
	}
#otyugen #target-item{
	width:100%;
	line-height:1.5rem;
	}
/*--クーポン end--*/
	
/*--おすすめポイント start--*/
#otyugen #recommended-points{
	margin-top:50px;
	}
#otyugen #recommended-points .wrap{
	border-radius:20px;
	padding:10px;
	}
#otyugen #recommended-points h5{
	font-size:1.3rem;
	color:firebrick;
	margin-bottom:20px;
	}
#otyugen #recommended-points .box:nth-child(1) h5{
	padding:20px 0 20px 75px;
	}
#otyugen #recommended-points .box:nth-child(2) h5{
	padding:20px 75px 20px 0;
	}
#otyugen #recommended-points .box:nth-child(3) h5{
	padding:20px 0 20px 75px;
	}
#otyugen #recommended-points .box:nth-child(4) h5{
	padding:20px 75px 20px 0;
	}
#otyugen #recommended-points p{
	width:90%;
	}
#otyugen #recommended-points .box:nth-child(odd) p{
	float:right;
	margin-right:5%;
	}
#otyugen #recommended-points .box:nth-child(even) p{
	float:left;
	margin-left:5%;
	}
#otyugen #recommended-points .box img{
	display:none;
	}
/*--おすすめポイント end--*/

	/*--人気ランキング start--*/
		#otyugen #ranking{
			margin-top:50px;
		}
		#otyugen #ranking .otyugen_flex{
			margin-top:0;
		}
		#otyugen #ranking .otyugen_flex div{
			width:49%;
			margin-top:20px;
		}
	/*--人気ランキング end--*/
	
/*--対象商品 start--*/
#otyugen #items h4{
	margin-top:50px;
	}
#otyugen #items h5{
	font-size:1.5rem;
	margin-top:40px;
	}
#otyugen .item{
	margin:60px 0 0;
	width:100%;
	}
#otyugen .otyugen_flex .item{
	margin:60px 0 0;
	width:100%;
	}
#otyugen #items .item-outline{
	line-height:1.5rem;
	}
/*--対象商品 end--*/
	
	}