@import url('https://fonts.googleapis.com/css2?family=Shippori+Antique&family=Zen+Antique&family=Zen+Antique+Soft&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
.dp1 {
	display: block;
}
.dp2 {
	display: none;
}
.picend {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
}
div#lead_o h2{
	margin: 0px auto 0px;
	padding: 0px;
}
#ov {
	margin-bottom: 10px;
}
#lead {
	position: relative;
	font-weight: bold;
	background: #F9F3D6;
	background-size: 100% auto;
	background: url(../image/sake/saijiki/11gift/23/back0.jpg) repeat #efefef;
	margin: 0px;
	padding: 0px 0 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#ltbox {
    position: relative;
    height: 300px;
    background: url(../image/sake/saijiki/11gift/26/backimg.jpg) no-repeat center center #fefbdf;
    background-size: auto 100%;
    margin: 0 auto 0;
	padding: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; 
}
#etsub {
	position: absolute;
	width: 250px;
	top: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 3;
}
h1#title {
	position: absolute;
	top: 60px; 
	left: 0;
	right: 0;
	margin: 0 auto;
	font-family: 'zen antique', serif;
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 1.4;
	z-index: 4;
}
.title2 {
	font-size: 1.6rem;
}
#tsub {
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 340px;
	z-index: 2;
}
#tsub>img {
	width: 100%;
}
#hana1 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: clamp(200px, 40%, 300px);
	z-index: 1;
}
#hana2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: clamp(200px, 40%, 298px);
	z-index: 1;
}
#hitsuji {
	position: absolute;
	bottom: 26px;
	left: 20%;
	height: 120px;
}

.ptitle {
	margin-top: 10px;
	text-align: center;
	color: #cb0002;
	font-size: 1.6rem;
	font-family: 'zen antique', serif;
	font-weight: 400;
}
.i_ptitle {
	font-weight: bold;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.6;
	color: #fff;
	background-color: #d13539;
}
.ltbox {
	margin: 10px;
	text-align: center;
	color: #222;
	padding: 0px 0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#guide {
	position: relative;
	font-size: 13px;
	width: 100%;
	min-height: 170px;
	margin: 1px auto 0px;
	padding: 5px;
	background: url(../image/sake/saijiki/11gift/26/back1.jpg) top repeat-y #f3eedd;
	background-size: cover;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#guide_index {
	position: relative;
	font-size: 12px;
	min-height: 170px;
	margin: 1px auto 0px;
	padding: 5px;
	background:  #feecac;
	background-size: 100% auto;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}


.plinks {
	margin: 8px 2%;
	background: rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
}
a.plink {
	display: inline-block;
	text-decoration: none;
	text-align: left;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	color: #c93b3a;
	background: #fff;
	padding: 2px 12px;
	margin: 3px;
	border: 1px solid #cb0002;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;	
}
a.plink:link {
	background: #fff;
	text-decoration: none;
}
a.plink:visited {
	background: #fff;
	text-decoration: none;
}
a.plink:hover {
	background: #fdf9d4;
	text-decoration: none;
}
#nmos #ov #guide .plinks .ichiran.lineup2 a img, #nmos #main .mbox .ichiran.lineup2 a img, #nmos #ov #guide_index .plinks .ichiran.lineup2 a img  {
	padding: 2px 2px;
}
#nmos #ov #guide .plinks .ichiran.lineup2 img, #nmos #main .mbox .ichiran.lineup2 a img, #nmos #ov #guide_index .plinks .ichiran.lineup2 img {
	height: 92px;
}
#nmos #ov #guide .plinks .ichiran.lineup2 a, #nmos #main .mbox .ichiran.lineup2 a img, #nmos #ov #guide_index .plinks .ichiran.lineup2 a {
	border: none;
}
#nmos #ov #guide .plinks .plink, #nmos #ov #guide_index  .plinks .plink {
	border: none;
	display: block;
	text-align: center;
}
.ltxt2 {
	color: #c3221d;
	margin-top: 8px;
}

.ichiran.lineup2 {
	text-align: center;
}

#pguide {
	position: relative;
	margin: 0 auto;
}
.pnav {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
#nmos #ov #lead ul.pnav li a {
	display: inline-block;
	text-decoration: none;
	text-align: left;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
	background: #999;
	padding: 3px 12px;
	margin: 3px;
	border: 1px solid #c00;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
#nmos #ov #guide_index h3.i_ptitle a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.6;
	color: #fff;
	background: #999;
	padding: 8px 12px;
	margin: 10px auto 0;
	border: 1px solid #c00;
}
#nmos #ov #lead ul.pnav li a:link, #nmos #ov #guide_index .i_ptitle a:link {
	color: #fff;
	background: #c93b3a;
	text-decoration: none;
}
#nmos #ov #lead ul.pnav  li a:visited, #nmos #ov #guide_index .i_ptitle a:visited {
	color: #fff;
	background: #c93b3a;
	text-decoration: none;
}
#nmos #ov #lead ul.pnav li a:hover, #nmos #ov #guide_index .i_ptitle a:hover {
	color: #c30d23;
	background: #fff;
	text-decoration: none;
}
#nmos #ov #lead ul.pnav li.nowp  {
	display: inline-block;
	text-decoration: none;
	text-align: left;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	color: #c93b3a;
	background: #fff;
	padding: 3px 12px;
	margin: 3px;
	border: 1px solid #c93b3a;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.pgtg {
	text-align: center;
	color:#fff;
	background: #d28a0f;
	display: inline-block;
	padding: 1px 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
}

ul#pguide1 {
	position: absolute;
	top: 48px;
	left: 140px;
}
ul#pguide2 {
	position: absolute;
	top: 86px;
	left: 140px;
}
ul#pguide1, ul#pguide2 {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#pguide1 li, ul#pguide2 li {
	width: 220px;
	text-align: center;
	float: left;
	color: #333;
	margin: 1px 5px 1px 0px;
	background:#fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#pguide3 {
	position: absolute;
	top: 5px;
	left: 130px;
	width: 440px;
	text-align: center;
	margin: 5px 10px 10px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.navkomidashi {
	font-size: 0.9rem;
	color: #cb0002;
	display: block;
}
ul#pguide1 li a:link, ul#pguide2 li a:link, #pguide3 a:link {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 4px;
	color: #333;
	background: #fff;
	border: 1px solid #d13539;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
ul#pguide1 li a:visited, ul#pguide2 li a:visited, #pguide3 a:visited {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 4px;
	color: #333;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
ul#pguide1 li a:hover, ul#pguide2 li a:hover, #pguide3 a:hover {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 4px;
	color: #333;
	background: #fbd2d2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.col2 {
	color: #d13539;
}
.col3 {
	color: #cb0002;
}
.col4 {
	color: #df7265;
}
.col5{
	color: #f3880c;
}
.col6 {
	color: #f9f2d2;
}


h2.midashi00 {
	margin: 3rem 0 1rem;
}
.mbox {
	clear: both;
	background: url(../image/sake/saijiki/11gift/23/back0.jpg) top repeat-y #efefef;
	background-size: 100% auto;
	color: #320000;
	margin-top: 50px;
}
h3.midashi01 {
	font-size: 1.6rem;
	font-family: 'zen old mincho', serif;
	font-weight: 700;
	color: #b70303;
	background: none;
	border-bottom: 1px solid #b70303;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#nmos #main .mbox p {
	text-align: center;
	margin-bottom: 8px;
}
.komidashi {
	color: #cb0002;
	display: block;
	margin-top: 10px;
	border-bottom: 3px solid #c33;
}
.subm {
	display: block;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #cb0002;
	margin: 15px 4% 5px;
	border-bottom: 1px solid #ccc;
}

.attention3 {
	color: #728a8a;
	font-size: 11px;
}

.tbox1 {
	padding: 5px 40px 5px;
	margin-bottom: 10px;
	border-bottom: 3px solid #999;
	background: #f9f2d2 url(../image/sake/saijiki/11gift/11/back11a.jpg) repeat;
}
.t1 {
	text-align: left;
	font-style: 12px;
	line-height: 1.6;
}
.sitm1, .sitm2, .sitm3, .sitm4, .sitm5 {
	position: relative;
	background: #fff;
	box-sizing: border-box;
	margin: 10px 0;
	border-top: 8px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.s-name {
	position: relative;
	font-size: 0.9rem;
	line-height: 1.5;
	font-weight: bold;
	padding: 3px 0px 3px;
	background: #fef6d7;
}
.genre {
	color: #fff;
	background-color: #9dba97;
	font-size: 0.9rem;
	letter-spacing: 0.3em;
	padding: 2px 0;
	margin-top: 0;
}
.meigara {
	font-size: 1.1rem;
}
.stag {
	position: absolute;	
	top: 0px;
	left: 2px;
}
.stag2 {
	position: absolute;
	top: 0;
	right: 2px;
}
.stg {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #777;
	padding: 1px 4px;
	margin: 0 2px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}
.new {
	background: #DB3C1C;
}
.renewal {
	background: #fd8507;
}
.kinsho {
	background: #d2ad14;
}
.choku {
	background: #61a015;
}
.cool {
	background: #15adb9;
}
.s-rank{
	font-size: 12px;
	line-height: 1.4;
	font-weight: bold;
	padding: 3px 0px 0px;
	color: #c00;
	background-color: #fff;
}
.area {
	font-size: 0.8rem;
	line-height: 1.6;
	font-weight: normal;
	margin: 1px 0;
	color: #555;
}

.s-catch {
	font-size: 0.9rem;
	text-align: left;
	padding: 3px 3% 0px 3%;
	color: #555;
	line-height: 1.6;
}
.s-catch2 {
	font-size: 1rem;
	padding: 5px;
	color: #555;
	line-height: 1.6;
	text-align: left;
}
.s-catch.award {
	font-size: 0.8rem;
	color: #917b01;
}
.s-pic{
	margin: 5px 0px 2px;
	font-size: 12px;
	line-height: 1.5;
}
.spicyoko {
	width: 98%;
	max-width: 270px;
}
.s-picw {
	width: 90%;
}
.s-price{
	font-weight: bold;
	line-height: 1.5;
	padding: 0px 0px 3px;
}
.s-price ul {
	line-height: 1.6;
}
.vtg {
	display: inline-block;
	font-size: 0.8rem;
	font-weight: normal;
	color: #fff;
	margin: 2px 4px 2px 0;
	padding: 1px 3px;
	background-color: #a39a7e;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ptg {
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	background: #888;
	padding: 0px 3px;
	margin: 0 5px 0 0;
	border: 1px solid #9c2623;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.sitml {
	width: 40%;
}
.sitmr {
	width: 58%;
}

.tnml {
	font-weight: normal;
}
.tnmls {
	font-size: 0.9rem; 
	font-weight: normal;
	color: #555;
}
.normal{
	font-weight: normal;
}
/* kakomi */
.kakomi{
	width: 100%;
	margin: 10px 0 15px;
	padding: 10px 2%;
	line-height: 1.8;
	/*background: #f5f5f5 url(../image/sake/saijiki/11gift/18/back1.jpg);*/
	box-sizing: border-box;
	border: 1px solid #D19294;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.kakomi.sanchoku {
	width: 49%;
}
div.kakomi h3 {
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
	color: #c00;
}
.ktxt {
	text-align: left;
}
.sitm2.inbox {
	border: none;
	padding: 0 2px;
	background-color: #fff;
}
#nmos #main .kakomi .lineup .sitm5,#nmos #main .kakomi .lineup .sitm3, #nmos #main .kakomi .lineup .sitm2 {
	background: none;
}

/* accordion */
.accordion1:not([open]) {
    margin-bottom: 7px;
}
.accordion1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0.8em 1.8em;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #e9efc1;
    color: #333;
    font-weight: 600;
    cursor: pointer;
}
.accordion1 summary::-webkit-details-marker {
    display: none;
}
.accordion1 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #777;
    border-right: 3px solid #777;
    content: '';
    transition: transform .3s;
}
.accordion1[open] summary::after {
    transform: rotate(225deg);
}
.accordion1 ul.panel {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333;
    background: #f5f4e4;
    transition: transform .5s, opacity .5s;
}
.accordion1[open] ul.panel {
    transform: none;
    opacity: 1;
}
.accordion1 ul.panel li {
    margin-bottom: 0.8em;
}


@media screen and (min-width: 801px) {
	.plinks.award {
		width: 100%;
	}
	.plinks.award2 {
		width: 40%;
		margin: 8px 3px 8px 0;
	}
	.plinks.gentei {
		width: 56%;
		margin: 8px 0 8px 3px;
	}
	.plinks.eto {
		width: 36%;
		margin: 8px 3px 8px 0;
	}
	.plinks.kinpaku {
		width: 58%;
		margin: 8px 0 8px 3px;
	}
	.plinks.hpny {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.plinks.award, .plinks.award2, .plinks.gentei, .plinks.eto, .plinks.kinpaku, .plinks.hpny {
		width: 100%;
	} 
}
@media screen and (max-width: 640px) {
	
	.dp1 {
		display: none;
	}
	.dp2 {
		display: block;
	}
	.ltbox {
		text-align: left;
	}
	.sitml {
		width: 100%;
	}
	.sitmr {
		width: 100%;
	}
	.s-picw {
		width: 96%;
	}
	h3.midashi01 {
		font-size: 1.4rem;
	}
	#nmos #main .mbox>p {
		text-align: left;
		margin: 10px 2%;
	}
	div.kakomi#yamagatasanga {
		width: 100%;
	}
	.sitm2.inbox {
		width: 100%;
	}
	img.kanmakase1 {
		width: 300px;
	}
	img.kanmakase2 {
		width: 100%;
		max-width: 400px;
	}
}
@media screen and (max-width: 500px) {
	#hitsuji {
		position: absolute;
		bottom: 26px;
		left: 10%;
	}
}
@media screen and (max-width: 420px) {
	h1#title {
		font-size: 2rem;
	}
	#hana2 {
		display: none;
	}
	#hitsuji {
		position: absolute;
		bottom: 26px;
		left: 0%;
	}
	h3.midashi01 {
		text-align: left;
	}
	.sitm3, .sitm2 {
		width: 100%;
		}
	.kakomi.sanchoku {
		width: 100%;
	}
}