@charset "utf-8";
/*--京index.css--*/
/*###############PC first###############*/
.home_slide_nyuko_nav{
	height:585px;
	background:url(../shared/home/bg_catch.gif);
	padding:30px 0 0 0;
	border-bottom:5px solid #fff;
}

	.home_slide{
		width:960px;
		height:370px;
		margin:0 auto 20px auto;
	}
	
	/*slickの調整*/
	.slick-prev,
	.slick-next{
		width:50px;
		height:50px;
		background:rgba(0,0,0,0.5);
		border-radius:25px;
	}
	
	.slick-prev:hover,
	.slick-next:hover,
	.slick-prev:focus,
	.slick-next:focus{
		background:rgba(0,0,0,0.3);
	}
	
	.slick-prev{
		left:-65px;
	}
	
	.slick-next{
		right:-65px;
	}
	
	.slick-prev:before{
		font-family: FontAwesome;
		content:"\f104";
		font-size:30px;
	}
	
	.slick-next:before{
		font-family: FontAwesome;
		content:"\f105";
		font-size:30px;
	}
	
	.home_slide_t{
		width:960px;
		height:370px;
		margin:0 auto 70px auto;
	}
	
	/*bxSliderの調整*/
	.bx-wrapper{
		border:none;
		background:none;
		margin-bottom:10px;
		box-shadow:none;
	}
	
	.controlWrap{
		width:960px;
		position:relative;
	}
	
	.controlWrap .bx-wrapper{
		margin:0 auto;
	}
	
	div.controlWrap p#PrevIcon{}
	
		div.controlWrap p#PrevIcon a{
			display:block;
			width:13px;
			height:19px;
			position:absolute;
			color:#111;
			top:20px;
			left:20px;
			/*text-indent:-9999px;*/
		}
	
		div.controlWrap p#PrevIcon a:before{
			font-family: FontAwesome;
			content:"\f104";
		}
		
		/*とりあえず*/
		div.controlWrap p#PrevIcon,
		div.controlWrap p#NextIcon{
			display:none;
		}
		
		
		div.controlWrap p#PrevIcon a.disabled,
		div.controlWrap p#NextIcon a.disabled{
			display:none;
		}
	
	div.controlWrap p#NextIcon a{
		display:block;
		width:13px;
		height:19px;
		position:absolute;
		color:#111;
		top:20px;
		right:20px;
		/*text-indent:-9999px;*/
	}
	
		div.controlWrap p#NextIcon a:before{
			font-family: FontAwesome;
			content:"\f105";
		}
		
	.bx-wrapper .bx-prev{
		left:-40px;
	}
	
	.bx-wrapper .bx-next{
		right:-40px;
	}
	

	
	.home_nyuko_nav{

	}

		.home_nyuko_nav ul{
			letter-spacing:-0.4em;
			text-align:center;
		}

		.home_nyuko_nav ul li{
			letter-spacing:0;
			display:inline-block;
			margin-right:22px;
		}

		.home_nyuko_nav ul li:last-child{
			margin-right:0;
		}

#main_sub_wrapper{
	padding-top:20px;
}

.howto_order_box{
	width:780px;
	position:relative;
	padding:30px 0 0 0;
	overflow:hidden;
	margin-bottom:20px;
}

	.howto_order_box > .box_header{
		width:730px;
		height:105px;
		position:absolute;
		top:0;
		left:30px;
		z-index:2;
	}
	
	.howto_order_box > .box_inner{
		width:724px;
		height:auto;
		position:relative;
		top:0;
		left:0;
		z-index:1;
		background:#fff;
		border:2px solid #058C96;
		border-radius:8px;
		padding:40px 26px 15px 26px;
		overflow:hidden;
	}
	
	.howto_order_box > .box_inner p{
		margin-bottom:18px;
	}
	
	.howto_order_box > .box_inner ul{
		
	}
	
	.howto_order_box > .box_inner ul li{
		width:350px;
	}
	
	.howto_order_box > .box_inner ul li:nth-child(odd){
		float:left;
	}
	
	.howto_order_box > .box_inner ul li:nth-child(even){
		float:right;
	}
	
	.howto_order_box > .box_inner ul li a,
	.howto_order_box > .box_inner ul li span{
		display:block;
	}
	
	.howto_order_box > .box_inner ul li a span.howto_img{
		margin-bottom:8px;
	}
	
	.howto_order_box > .box_inner ul li a:hover span.howto_img{
		opacity:0.8;
	}
	
	.howto_order_box > .box_inner ul li a span.howto_txt{
		color:#111;
		line-height:1.6em;
	}
	
	.howto_order_box > .box_inner ul li a:hover span.howto_txt{
		text-decoration:none !important;
	}


.set_shohin_box{
	width:780px;
	background:#fff;
	border-radius:5px;
	margin-bottom: 20px;
}

	.set_shohin_box > .box_header{
		text-align:center;
		padding-top:10px;
	}
	.set_shohin_box .box_inner{
		padding: 15px 25px 25px;
	}
	.set_shohin_box .box_inner ul{
		display: -webkit-flex;
	    -js-display: flex;
	    display: -ms-flexbox;
	    display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}

.info_tw_box{
	background:#fff;
	padding: 25px;
	border-radius:5px;
	margin-bottom: 20px;

	display: -webkit-flex;
	-js-display: flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
	.info_tw_box .info_box{
		width:470px;
	}
		.info_tw_box .info_box .info_campaign {
			padding-bottom: 25px;
		}
			.info_tw_box .info_box .info_campaign .box_header{
				padding-bottom: 20px;
			}
				.info_tw_box .info_box .info_campaign .box_header h2{
					padding: 15px;
					background: url("../shared/home/bg_campaign.gif");
					border-radius:5px;
				}
			.info_tw_box .info_box .info_campaign .box_inner{
				padding-bottom: 36px;
				border-bottom: 1px #666666 dotted;
			}
				.info_tw_box .info_box .info_campaign .box_inner ul{}
				
				.info_tw_box .info_box .info_campaign .box_inner ul li{
					margin-bottom:10px;
				}
				
				.info_tw_box .info_box .info_campaign .box_inner ul li:last-child{
					margin-bottom:0;
				}
				
		.info_tw_box .info_box .info_schedule{

		}
			.info_tw_box .info_box .info_schedule .box_header{

			}
				.info_tw_box .info_box .info_schedule .box_header h2{
					padding: 15px 0 15px 0;
				}
			.info_tw_box .info_box .info_schedule .box_inner{
				padding-bottom: 10px;
			}
			.info_tw_box .info_box .info_schedule .box_footer{
				padding-bottom: 60px;
			}
		.info_tw_box .info_box .info_event{
			line-height:1.4em;
		}
			.info_tw_box .info_box .info_event .box_header{

			}
				.info_tw_box .info_box .info_event .box_header h2{
					padding: 0 0 15px 0;
				}
			.info_tw_box .info_box .info_event .box_inner{

			}
				.info_tw_box .info_box .info_event .box_inner .event_header{
					padding-bottom: 4px;
					border-bottom: 1px #666666 dotted;
				}
					.info_tw_box .info_box .info_event .box_inner .event_header ul{
						display: -webkit-flex;
						-js-display: flex;
						display: -ms-flexbox;
						display: flex;
						flex-wrap:wrap;
						justify-content: space-between;
					}
						.info_tw_box .info_box .info_event .box_inner .event_header ul li{
							background: #f04ba0;
							color: #fff;
							padding: 5px;
							text-align: center;
						}
						.info_tw_box .info_box .info_event .box_inner .event_header ul li:nth-child(1){
							width: 62px;
						}
						.info_tw_box .info_box .info_event .box_inner .event_header ul li:nth-child(2){
							width: 170px;
						}
						.info_tw_box .info_box .info_event .box_inner .event_header ul li:nth-child(3){
							width: 152px;
						}
						
						.info_tw_box .info_box .info_event .box_inner .event_header ul li:nth-child(4){
							width: 35px;
							text-align:center;
						}
				.info_tw_box .info_box .info_event .box_inner .event_inner{
					height:800px;
					overflow:hidden;
				}
				
				.info_tw_box .info_box .info_event.full .box_inner .event_inner{
					height:auto;
				}
					.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind{
						border-bottom: 1px #666666 dotted;
						padding: 3px 0 3px;
					}
					.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind:nth-child(odd){

					}
					.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind:nth-child(even){

					}
						.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind:nth-child(odd) ul{
							background: #fff;
						}
						.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind:nth-child(even) ul{
							background: #f5f5f5;
						}
						.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind ul{
							display: -webkit-flex;
							-js-display: flex;
							display: -ms-flexbox;
							display: flex;
							flex-wrap:wrap;
							justify-content: space-between;
						}
							.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind ul li{
								padding: 5px;
							}
							.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind ul li:nth-child(1){
								width: 62px;
								text-align:center;
							}
							.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind ul li:nth-child(2){
								width: 170px;
							}
							.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind ul li:nth-child(3){
								width: 152px;
							}
							
							.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind ul li:nth-child(4){
								width: 34px;
								border-left:1px solid #ccc;
							}
							
				.info_tw_box .info_box .info_event .box_inner .event_footer{
					text-align:center;
					cursor:pointer;
					padding:10px 0 0 0;
				}
				
				.info_tw_box .info_box .info_event.full .box_inner .event_footer{
					display:none;
				}
				
	.info_tw_box .tw_box{
		width: 235px;
	}
	
	.info_tw_box .tw_box > .box_header{
		border-top:5px solid #058c96;
		text-align:center;
		padding:8px 0 0 0;
		margin-bottom:10px;
	}
	
	.info_tw_box .tw_box > .box_header img.img-responsive{
		display:inline-block;
	}
	
	.sp_credit{
		display:none;
	}
	
	
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
	.home_slide_nyuko_nav{
		height:auto;
		overflow:hidden;
		padding:10px;
	}

	.home_slide{
		width:auto;
		height:auto;
		margin-bottom:10px;
	}
	
	.controlWrap{
		width:auto;
	}
	
	.home_slide_t{
		width:auto;
		height:auto;
		margin-bottom:10px;
	}
	
	/*bxsliderの調整*/
	.bx-wrapper .bx-prev{
		left:-10px;
	}
	
	.bx-wrapper .bx-next{
		right:-10px;
	}
	
	.home_nyuko_nav ul li{
		display:block;
		margin-right:0;
		width:33%;
		float:left;
		padding:0 5px;
	}
	
	.howto_order_box{
		width:auto;
		padding:20px 0 0 0;
	}
	
	.howto_order_box > .box_header{
		width:100%;
		height:auto;
		top:0;
		left:0;
	}
	
	.howto_order_box > .box_inner{
		width:auto;
		padding:30px 10px 10px 10px;
	}
	
	.howto_order_box > .box_inner p{
		margin-bottom:10px;
	}
	
	.howto_order_box > .box_inner ul li{
		width:auto;
	}
	
	.howto_order_box > .box_inner ul li:nth-child(odd),
	.howto_order_box > .box_inner ul li:nth-child(even){
		float:none;
		margin-bottom:15px;
	}
	
	.howto_order_box > .box_inner ul li a span.howto_txt{
		margin:0 10px;
	}
	
	.info_tw_box{
		padding:10px;
	}
	
		.info_tw_box .info_box{
			width:auto;
		}
		
		.info_tw_box .info_box .info_event{
			margin:0 0 20px 0;
		}
		
		.info_tw_box .info_box .info_event .box_inner .event_inner{
			height:200px;
		}
		
		.info_tw_box .info_box .info_event .box_inner .event_header ul li:nth-child(1){
			width: 15%;
		}
		.info_tw_box .info_box .info_event .box_inner .event_header ul li:nth-child(2){
			width: 35%;
		}
		.info_tw_box .info_box .info_event .box_inner .event_header ul li:nth-child(3){
			width: 35%;
		}
		.info_tw_box .info_box .info_event .box_inner .event_header ul li:nth-child(4){
			width: 15%;
		}
		
		.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind ul li:nth-child(1){
			width: 15%;
		}
		.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind ul li:nth-child(2){
			width: 35%;
		}
		.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind ul li:nth-child(3){
			width: 35%;
		}
		
		.info_tw_box .info_box .info_event .box_inner .event_inner .event_ind ul li:nth-child(4){
			width: 15%;
		}
		
		.info_tw_box .tw_box{
			width:100%;
		}
		
			.info_tw_box .tw_box iframe{
				width:100% !important;
				height:200px !important;
			}
		
	.sp_credit{
		display:block;
		text-align:center;
	}
	
}