@charset "shift_jis";

@import url(res_lp_common.css);

#contents img{
	display:block;
	width: 100%;
}

.detailLink {
	vertical-align: bottom;
	position: relative;
	width:100%;
	display: block;
}

.detailLink a , .detailLink span{
	display:block;
    position: absolute;
}

.detailLink a:hover{
	//background-color: #ffffff;
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	/zoom:1;
}

.size .ui-btn-inner{
	padding: 0px;
	padding-left: 23px !important; 
}

/*------------------------------------------------------------------------*/
.ui-btn select{
 	font-size: 90%;
 }

.ui-checkbox{
	padding-left: 4%;
}


.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {
	left: 0px;
}

.ui-select{
 	width: 100%;
 	font-size: 92%;
 }


/*------------------------------------------------------------------------*/
#contents img.note1,
#contents img.note2,
#contents img.note3{
	margin: 0 auto;
}
#contents img.note1{
	margin: 5px 0 10px 0;
}
#contents img.note2{
	margin: 0 0 10px 0;
}

#contents img.note3{
}

/*year
------------------------------------------------------------------------------*/
#year{
	padding-top: 0px;
}
#yearWrap{
	padding-bottom: 4px;
	background-image: none;
}
#yearInner{
	padding: 0px;
}
#yearInner images{
	display:block;
}

#year input{
	vertical-align: middle;
}
#year h2{
	margin-bottom: 0px;
}

#year .type1{
	width: 100%;
	margin-bottom: 22px;
	background-image: url(/Contents/Images/Campaign_partypack2025_winterpartyset_Premium/bg_01.jpg), 
						url(/Contents/Images/Campaign_partypack2025_winterpartyset_Premium/bg_02.jpg);
	background-repeat: no-repeat, repeat-y;
	background-position: top center;
	background-size: 100% auto;
}
#year .type1 .wrap{
}
#year .type1 .order_btn_box{
	padding: 0 0 30px 0;
}
#year .type1 .image{
	margin-bottom: 0px;
	text-align: center;
	
}
#year .type1 a{
	display: block;
    margin: 0 auto;
}

#year .type1 .order_btn_box a{
	width: 78.5%;
	max-width: 580px;
	padding-top: 5%;
}
#year .type1 .image img{
    display: block;
}

#year .type1 dl{
	margin-bottom: 30px;
	padding-left: 20px;
}
#year .type1 dt{
	color: #4C2C11;
	font-size: 267%;
	font-weight: bold;
}
#year .type1 dd{
	font-size: 167%;
}

#year .left{
}
#year .right{
}
#year .box1 {
	width: 96%;
	margin: 0 auto 30px auto;
	padding-bottom: 14px;
	background-color: #ffffff;
	border-radius: 20px;
}
#year .box1 .boxInner{
	padding: 15px 22px 14px 21px;
	margin: 0 2%;
	border: solid 3px #e6ddd0;
	background-color: #f9f6f1;
	border-radius: 20px;
}
#year .box1 .dough{
	text-decoration: none;
	margin-bottom: 4px;
	background-color: #e6e0d9;
	color: #4c2c11;
	font-weight: bold;
	padding-left: 5px;
	font-size: 1.2rem;
}
#year .box1 .select{
	padding-left: 14px;
}
#year .box1 .select li{
	margin-bottom: 48px;
	display: flex;
}
#year .box1 .select .left{
	width: 40%;
}
#year .box1 .select .left .krispy{
	font-size: 1px;
	line-height: 0;
	outline: none;
	text-decoration: none;
	text-indent: -9999px;
	margin-bottom: 4px;
}
#year .box1 .select .right{
	width: 60%;
}
#year .box1 .select .right label {
	margin-bottom: 4px;
	font-size: 1.8rem;
}
#year .box1 .select .right p{
	font-size: 1.4rem;
}
#year .box1 li span{
	color: #CC0000;
}
#year .box1 .sarada{
	margin: 0 auto;
	font-size: 1.4rem;
	display: flex;
}
#year .box1 .sarada span{
	font-weight:bold;
	display: block;
}
#year .box1 .sarada .left,
#year .box1 .sarada .right{
	padding: 0 2% 0;
}
#year .box1 .sarada .left{
	
}
#year .box1 .sarada .right{
	border-left: 1px dotted #B4AB9C;
}
#year .box1 .sarada p{
	margin-bottom: 8px;
	color: #A89D17;
	font-weight: bold;
}
#year .box1 .sarada input{
	float: left;
}
#year .box1 .sarada label{
	display: block;
	margin-bottom: 8px;
	margin-top: 10px;
	float: left;
}
#year .note{
	text-align: center;
	font-size: 1.3rem;
}

#year select{
	font-size: 100%;
	width: 100%;
}
#year .button{
	text-align: center;
}

#year .size {
	width: 96%;
	margin: 0 auto 20px auto;
    background-color: #ffffff;
    border-radius: 20px;
}
#year .size .select{
	width: fit-content;
	margin: 0 auto;
}
#year .size input{
	margin-right: 0px;
}
#year .size .boxInner{
	padding: 15px 22px 14px 21px;
}

#year .size div label {
	font-size: 2rem;
	font-family: Helvetica,Arial,sans-serif;
}

#set3000.type2 .wrap{
	padding: 0 11px 24px;
}
#set3000.type2 .about{
	margin-left: -2px;
	padding-left: 0;
}

#year .box4{
	margin: 5px auto;
}
.errors {
	padding-top: 10px;
	color: yellow;
	font-size:1.4rem;
	text-align: center;
}
#main .add_topping,
#main .remove_topping {
	position: relative;
	margin-bottom: 4px;
	background-color: #e6e0d9;
	border-radius: 5px;
}

#main .add_topping h2 ,#main .remove_topping h2 {
	height: 29px;
	padding-top: 11px;
	padding-left: 5px;
	outline: none;
	text-decoration: none;
	color: #4c2c11;
    font-weight: bold;
    font-size: 1.2rem;
}

#main .add_topping .btn,
#main .remove_topping .btn {
    position:absolute;
	width: 108px;
    height:29px;
    top:6px;
    right:7px;
}
#main .add_topping .btn a,
#main .remove_topping .btn a {
    height:29px;
    background-image:url(/Contents/images/Campaign_partypack2025_winterpartyset_Premium/add_close.gif);
    text-indent: -9999px;
}
#main .add_topping .btn.open a,
#main .remove_topping .btn.open a {
    background-image:url(/Contents/images/Campaign_partypack2025_winterpartyset_Premium/add_open.gif);
}
#main .add_topping .btn.open a,
#main .remove_topping .btn.open a {
    //background-image: none;
    text-indent: -9999px;
}
#main .add_topping .lead,
#main .remove_topping .lead {
    padding:10px 0 10px 11px;
    font-weight:bold;
    font-size: 1.3rem;
}
#main .add_topping .list,
#main .remove_topping .list {
    margin-left:61px;
}
#main .add_topping .list table,
#main .remove_topping .list table {
    position:relative;
    width:100%;
    table-layout:fixed;
    font-size:2.0rem;
}
#main .add_topping .list td,
#main .remove_topping .list td,
#main .add_topping .list th,
#main .remove_topping .list th {
    padding:0 0 5px 0;
    text-indent:0;
    text-align:left;
    vertical-align:top;
}
#main .add_topping .list td label,
#main .remove_topping .list td label{
	font-size:1.4rem;
}
#main .notorder{
	padding: 50px 0;
}
#main .notorder div {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	color: #c10016;
	font-size: 2.0rem;
}
#main .notorder a {
	margin: auto;
	width: 78.5%;
	max-width: 580px;
}

.btn a {
    display:block;
    font-size:1px;
    line-height:0;
    text-align:left;
    outline:none;
    text-decoration:none;
}
.btn a:hover {
    background-position:left bottom;
}
input[type="radio"] {
	font-size:200%;
	height:30px;
	margin:10px 15px 13px 10px;
	transform: scale(150%);
}
input[type="checkbox"] {
	font-size:200%;
	height:15px;
	margin:15px;
	scale: 1.2;
}
select { 
	font-size: 200%;
	height: 45px;
}

.order_select{
	width: 100%;
	margin: 0 auto;
	padding: 1px 0 0 0;
}

.order_select .image{
	width: 100%;
	padding-bottom: 2%;
}

.order_select .box1 .image{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	padding: 1% 0;
}

.order_select .box1 .image-size{
	width: 93.5%;
	max-width: 662px;
}

#notice .wrap {
	font-size: 135%;
	padding-left: 15px;
	border: solid 3px #e6ddd0;
    background-color: #f9f6f1;
}
#notice .red {
	color: #c10016;
}

.image img{
	width:100%;
}
.order_btn{
    display: block;
}

.custom{
	width: 100%;
}

.not-back{
	width: 100%;
}

#year .box1 .ui-btn-text{
	color: #333;
}

/*    O C   | b v A b v
------------------------------------------------------------------------------*/
#fancybox-content #contents{
	width: auto !important;
}
#fancybox-content #contents .btns img{
	width:100%;
	max-width:297px;
}

/*    X |   V u Ή 
------------------------------------------------------------------------------*/
@media screen and (max-width:640px) {

#year .left , #year .right{
width: 100%;
}
#year .size div label {
	font-size: 1.8rem;
}

#year .box1 .select li {
    flex-wrap: wrap;
}
#year .box1 .select .right p{
	font-size: 1.8rem;
}
#year .box1 .select .right,#year .box1 .select .left{
	width:100%;
}
#year .box1 .select .left img{
	max-width: 267px;
	display: block;
	margin: 0 auto;
}

#year .box1 .sarada {
    flex-wrap: wrap;
    text-align: center;
	font-size: 1.7rem;
}
#year .box1 .sarada .left {
	padding-bottom:6%
}
#year .box1 .sarada .right {
    border-left: none;
	padding-right:5%;
	border-top: 1px dotted #B4AB9C;
	padding-top:5%
}

#year .left .ui-select{
	padding-left:5%;
	width:90%;
}
	
#year .right .ui-select{
	width:100%;
}

#main .add_topping h2 ,#main .remove_topping h2 , #year .box1 .dough{
	font-size: 1.5rem;
}
#main .add_topping .list, #main .remove_topping .list {
     margin-left: 0px;
}

}