@charset "UTF-8";
/* CSS Document */

/* contents */
#kinousei_lottery {
	width: 100%;
    color: #4f2c18;
    background: #FFF;
    font-size: 14px;
    line-height: 150%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
#kinousei_lottery * {
    box-sizing: border-box;
}
#kinousei_lottery a {
    color: #4f2c18;
}
#kinousei_lottery .pc {
    display: none !important;
}
#kinousei_lottery img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
#kinousei_lottery h2 {
    margin: 0;
    padding: 0;
}
#kinousei_lottery .attention_txt {
	color: #961f2c;
}
#kinousei_lottery .bold {
    font-weight: bold !important;
    -webkit-font-smoothing: antialiased;
}
#kinousei_lottery small {
	display: inline-block;
	font-size: 12px;
    line-height: 130%;
}
#kinousei_lottery img, #kinousei_lottery p {
    border: 0;
    margin: 0;
    vertical-align: top;
}

/* intro */
#kinousei_lottery #intro p.intro_txt {
	margin: 0 0 30px 0;
}
#kinousei_lottery #intro label img {
	transition: .5s;
}
#kinousei_lottery #intro label img:hover {
	opacity: .8;
}

/* attention */
#kinousei_lottery #attention {
	margin: 10% 4%;
}
#kinousei_lottery #attention .accordion {
	border: solid 3px #961f2c;
	border-radius: 10px;
	background: #FFF;
}
#kinousei_lottery #attention .acd-check {
	display: none;
}
#kinousei_lottery #attention .acd-label {
	display: block;
	padding: 4%;
	background: url(/user_data/2022kinousei_lottery_data/img/bg_attention.jpg);
	background-size: cover;
	color: #fff100;
	font-size: 18px;
	cursor :pointer;
	position: relative;
}
#kinousei_lottery #attention .accordion label.acd-label::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4%;
    margin: auto;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#kinousei_lottery #attention .accordion input[type=checkbox] + label.acd-label::after {
    content: "";
	background: url(/user_data/2022kinousei_lottery_data/img/arrow-b.png);
	background-size: 100%;
}
#kinousei_lottery #attention .accordion input[type=checkbox]:checked + label.acd-label::after {
    content: "";
	background: url(/user_data/2022kinousei_lottery_data/img/arrow-t.png);
	background-size: 100%;
}
#kinousei_lottery #attention .acd-label::before {
	content: "";
    display: inline-block;
	width: 26px;
    height: 27px;
    margin: 0 5px 0 0;
    background: url(/user_data/2022kinousei_lottery_data/img/icon_attention.gif) no-repeat;
	background-size: contain;
    vertical-align: middle;
}
#kinousei_lottery #attention .acd-label span {
	display: inline-block;
    border-bottom: solid 2px #fff100;
	padding-bottom: 5px;
}
#kinousei_lottery #attention .acd-content {
	height: 0;
	padding: 0 4%;
	transition: .5s;
	overflow: hidden;
}
#kinousei_lottery #attention .acd-check:checked + .acd-label + .acd-content { 
	height: auto;
	padding: 4%;
}

#kinousei_lottery #attention p {
	margin-bottom: 5%;
}
#kinousei_lottery #attention p:last-child {
	margin-bottom: 0;
}
#kinousei_lottery #attention .attention_txt {
    background: linear-gradient(transparent 30%, #fff100 40%);
}
#kinousei_lottery #attention h3 {
    color: #43a137;
	display: inline-block;
    border-bottom: solid 2px #43a137;
}

/* apply */
#kinousei_lottery #apply {
	background: url(/user_data/2022kinousei_lottery_data/img/bg_apply.jpg) no-repeat;
	padding: 10% 4%;
	text-align: center;
}
#kinousei_lottery #apply h2 {
	margin-bottom: 5%;
}

/* itemlist */
#kinousei_lottery #itemlist {
	margin: 10% 0;
}
#kinousei_lottery #itemlist h2 {
	margin-bottom: 5%;
}
#kinousei_lottery #itemlist ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 4%;
    padding: 0;
    list-style: none;
}
#kinousei_lottery #itemlist ul li {
    width: 50%;
    padding: 10px;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 0%;
}
#kinousei_lottery #itemlist ul li h3.itemname {
    margin-top: 5px;
    font-size: 16px;
    font-weight: normal;
    line-height: 160%;
    margin: 5px 0 0 0;
}
#kinousei_lottery #itemlist ul li a {
    text-decoration: none;
    min-height: 0%;
}
#kinousei_lottery #itemlist ul li a:hover {
    text-decoration: underline;
}
#kinousei_lottery #itemlist ul li .itemprice {
    margin: 10px 0;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    line-height: 160%;
}
#kinousei_lottery #itemlist ul li .itemprice strong {
	background: #c92547;
	color: #FFF;
	border-radius: 3px;
	padding: 3px 5px;
	font-size: 14px;
	font-weight: normal;
	line-height: 160%;
	margin-right: 5px;
}
#kinousei_lottery #itemlist ul li .itemprice span {
    color: #c92323;
}
#kinousei_lottery #itemlist ul li .itemprivilege {
    color: #c92323;
    font-size: 13px;
    line-height: 160%;
}
#kinousei_lottery #itemlist ul li .iteminfo {
    margin-top: auto;
}

#kinousei_lottery .recipe {
	margin-top: 50px;
}
#kinousei_lottery .recipe ul {
	padding: 50px;
	margin: 0;
	list-style: none;
	background: #faeae5;
}
#kinousei_lottery .recipe ul li {
	padding: 0;
	margin: 0 0 15px 0;
}
#kinousei_lottery .recipe ul li:last-child {
	margin: 0;
}