@charset "utf-8";
/* CSS Document */
/*********************************************
 
	         　共通
 
*********************************************/

/*---背景色---*/
body{
	background: url(https://www.okadaya.co.jp/img/usr/handicraft/body_bg.png)!important;
}

body #admission{
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:14px;	
	line-height:1.2rem;
	color: #504845;
}
#admission a{
	color: #504845;	
	text-decoration: none;
}
#admission .contents_wrapper{
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.admission_tit,.prep_tit,.buyer_tit,.goods_tit,
.making_tit,.pickup_tit,
.ordermade_tit,.post_tit{
	font-weight: 900;
	text-align: center;
	font-size: 2rem;
	padding: 50px 0;
}

/*h2.admission_tit{
	font-weight: 900;
	text-align: center;
	font-size: 2rem;
	padding: 50px 0;
}*/

#marker,#material{
	margin-top: -10px;
	padding-top: 10px;
}

/*自社既存のCSS打消し*/
#admission h3,#admission h2{
	background: inherit;
	border-bottom:none;
}

/*パンくず*/
p.breadcrumbs {
    font-size: 12px;
    color: #000;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3';
    max-width: 990px;
    width: 100%;
    margin: 0 auto 10px;
}

/*　画面サイズが990pxからはここを読み込む　*/
@media screen and (max-width:990px) { 
	#admission .contents_wrapper{
    	padding: 0 3%;
		box-sizing: border-box;
	}
}
@media screen and (min-width:780px) { 
	.pc_none{
		display: none !important;
	}
}
/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 
	body{
	font-size:12px;	
	}

		
}
/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
	h2.admission_tit{
		padding: 15% 0 9%;
		font-size: 6vw;
	}	

	#prep .contents_wrapper,
    #buyer .contents_wrapper,
	#goods .contents_wrapper,
	#making .contents_wrapper,
	#pickup .contents_wrapper,
	#ordermade .contents_wrapper{
		width:90%;
	}
	
	.pc_none{
		display: block !important;
	}
	
	.sp_none{
		display: none !important;	
	}

}

/*********************************************
 
	         　main
 
*********************************************/
#main{
	/*padding-bottom: 50px;	*/
}
.admissionMain.sp_none{
	width: 100%;
	background-image: url("/img/usr/handicraft/event/admission/main.jpg");
	height: 412px;
	background-size: contain;
	background-position: center;
    background-repeat: no-repeat;
	text-align: center;
	color: rgba(255,255,255,0);
}
/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 
	.admissionMain.pc_none img{
		width: 100%;
	}
}


/*********************************************
 
	         　navi
 
*********************************************/
.admissionNavi {
    /* margin: 0 auto 100px !important; */
    /*background-image: url(/img/usr/handicraft/event/admission/navibg.jpg);*/
}

.admissionNavi p{
	text-align: center;
}

.admissionNavi ul{
	display: flex;
	padding: 50px 0;
	flex-wrap: wrap;
	justify-content: center;
}

.admissionNavi li{
	margin-right: 10px;
	margin-bottom: 10px;
}

.admissionNavi li:nth-child(4n){
	margin-right: 0;
}

.admissionNavi li a{
	display: block;
	
}

.navi_titimg1{
	position: absolute;
	left: 12.5rem;
	top: 4.625rem;
}

.navi_titimg2{
	position: absolute;
	right: 12.5rem;
	top: 4.625rem;
}

#admission_floating2{
		display: none;
		background-color: rgba(0,0,0,0.5);
		height: 100%;
	}
	#admission_floating2 > ul{
		width: 100vw;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 10% 20% 5%;
		box-sizing: border-box;
		align-items: flex-end;
	}
	
	#admission_floating2 > ul li{
		width: 24%;
		margin-bottom: 4%;
		text-align: center;
	}
	#admission_floating2 > ul li img{
		width: 100%;
	}
	#admission_floating2.active{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 9999;
	}
	.admission_floating_close{
		color: #fff;
		font-size: 1.2rem;
		text-align: center;
		cursor : pointer;
	}
	.admission_floating_btn{
		width: 30%;
		display: none;
	}	
	.fixed_sp{
		display: block;
    position: fixed;
    top: 140px;
    left: 0;
    z-index: 9998;
    width: 80px;
	}
	.fixed_sp img{
		width: 65%;
	}
	#admission_floating2.admissionActive_sp{
	display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
		
	}

.sub_txt{
    text-align: center;
    margin: 4rem auto 0;
    line-height: 1.7;
    font-size: 16px;
}

/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 

	.navi_titimg1,.navi_titimg2{
		display: none;
	}

	.admissionNavi ul{
		padding:6% 0 !important;
		justify-content: space-between;
	}
	
	
	.admissionNavi ul li{
		width:48%;
		margin-right:0;
	}
	
	.admissionNavi ul li img{
		width:100%;
	}

	.navi_subtit{
		font-size:1rem;
		line-height:1.6em;
	}
	
	#admission_floating2{
		display: none;
		background-color: rgba(0,0,0,0.5);
		height: 100%;
	}
	#admission_floating2 > ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 5% 5% 0 5%;
		box-sizing: border-box;
		align-items: flex-end;
	}
	
	#admission_floating2 > ul li{
		width: 48%;
		margin-bottom: 4%;
		text-align: center;
	}
	#admission_floating2 > ul li:nth-last-child(2),
	#admission_floating2 > ul li:last-child{
		margin-bottom: 0;
	}
	#admission_floating2 > ul li img{
		width: 100%;
	}
	#admission_floating2.active{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 9999;
	}
	.admission_floating_close{
		color: #fff;
		font-size: 1.2rem;
		text-align: center;
	}
	.admission_floating_btn{
		width: 30%;
		display: none;
	}	
	.fixed_sp{
		display: block;
		position: fixed;
		bottom: 20px;
		left: 0;
		z-index: 9998;
		    width: 7%;
	}
	.fixed_sp img{
		width: 100%;
	}
	#admission_floating2.admissionActive_sp{
	display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
		
	}

}

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) {
	.fixed_sp{
		    width: 10%;
	}
}

/*********************************************
 
	         　coupon
 
*********************************************/
#admission_flo_coupon{
		width: 100vw;
		display: none;
		background-color: rgba(0,0,0,0.5);
		height: 100%;
	}
	#admission_flo_coupon.active{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 9999;
	}
	.admission_flo_coupon_btn{
		width: 30%;
		display: none;
	}	
.admission_flo_coupon_close{
		color: #fff;
		font-size: 1.2rem;
		text-align: center;
		cursor : pointer;
	}

.fixed_cp{
		display: block;
    position: fixed;
    top: 330px;
    left: 0;
    z-index: 9998;
    width: 80px;
	}
	.fixed_cp img{
		width: 65%;
	}
#admission_flo_coupon.admissionActive_cp{
	display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
		
	}

.coupon_popup{
	  max-width: 990px;
    width: 90%;
    margin: 5% auto 0;
}
.coupon_popup>p{
	    color: #fff;
    font-size: 13px;
    margin: 1em 0 3em;
}

/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 
#admission_flo_coupon{
		display: none;
		background-color: rgba(0,0,0,0.5);
		height: 100%;
	}
	#admission_flo_coupon.active{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 9999;
	}
.admission_flo_coupon_btn{
		width: 30%;
		display: none;
	}	
.admission_flo_coupon_close{
		color: #fff;
		font-size: 1.2rem;
		text-align: center;
	}
.fixed_cp{
		display: block;
		position: fixed;
	top: 350px;
		left: 0;
		z-index: 9998;
		width: 7%;
	}
	.fixed_cp img{
		width: 100%;
	}
	#admission_flo_coupon.admissionActive_cp{
	display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
	}
	
	.coupon_popup{
    width: 92%;
}
	.coupon_popup>p{
    font-size: 11px;
		margin: 1em 0 1.6em;
}
	
	.coupon_popup>img{
    width: 76%;
		margin: 0 auto;
    display: block;
	}
	
}

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) {
	.fixed_cp{
		top: 290px;
		width: 10%;
	}
}

/*　画面サイズが320pxからはここを読み込む　*/
@media screen and (max-width:320px) { 
	.coupon_popup{
    width: 90%;
}
	.coupon_popup>img{
    width: 70%;
	}
}

/*  店舗情報内クーポン  */
.shopinfo_coupon{
	margin: 5% 0;
}
.shopinfo_coupon_ttl{
	max-width: 621px;
	width: 70%;
	margin: 0 auto;
	
}
.shopinfo_coupon_bnr{
	max-width: 948px;
	margin: 2% auto;
	
}
.shopinfo_coupon>p{
	max-width: 948px;
	margin: 0 auto;
	line-height: 1.6em;
	font-size: 13px;
}

/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 
.shopinfo_coupon{
	margin: 10% 0;
}
	
	.shopinfo_coupon_ttl{
	width:100%;
}
	.shopinfo_coupon>p{
	font-size: 12px;
}
	
}
/*********************************************
 
	         　buyer
 
*********************************************/
#buyer{
	background-image: url(/img/usr/handicraft/event/admission/buyer_bg.jpg);
	padding:0 0 60px;
}





#buyer p{
	text-align: center;
}

#buyer .contents_wrapper {
    margin: 0 auto;
    padding:0;
    position: relative;
}

#buyer .contents_wrapper2 {
    width:90%;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
    background-color: #fff;
}


#buyer .buyer_subtit{
	line-height: 1.8em;
}

#buyer .buyer_cont{
	display: flex;
	justify-content: space-between;
	max-width:700px;
	width:100%;
	margin: 0 auto;
}

#buyer .reverse{
	flex-direction: row-reverse;
}

#buyer .buyer_text{
	text-align:center;
	padding: 10px 20px;
}
	

#buyer .buyer_text .buyer_text01{
	font-size:1.25rem;
	color:#1fc493;
	font-weight: bold;
	margin:20px 0;
	line-height: 1.5em;
}

#buyer .buyer_text .v_text02{
	line-height: 1.5em;
}

#buyer .buyer_text .buyer_Btn{
	margin:0 0 10px;
	width:266px;
	padding:11px 12px 12px 12px;
	background-color:#1fc493;
	color:#ffffff;
	font-size:1.0rem;
	display: block;
	border-radius:25px;
	position: relative;
	font-weight:bold;
}

#buyer .buyer_text .buyer_Btn::after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 14px;
	height: 14px;
	margin: -8px 6px 0 0;
	background: url("../img/usr/handicraft/event/admission/yicon.png") top left no-repeat;
	background-size: 14px 14px;
}

#buyer .pimg02 {
	padding: 40px 50px 0 0;
}
	
#buyer .pimg03 {
	padding: 10px 0 0;
}

#buyer .pimg04 {
	padding: 60px 0 0;
}





.buyer_titimg1{
	position: absolute;
	left: 12.5rem;
	top: 5.625rem;
}

.buyer_titimg2{
	position: absolute;
	right: 12.5rem;
	top: 5.625rem;
}



/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 
	#buyer{
		padding: 0 0 8%;
	}
	
	.buyer_titimg1,.buyer_titimg2{
		display: none;
	}

	.buyer_tit{
		padding: 6% 0 8%;
	}
	
	.buyer_subtit{
		font-size:0.9rem;
		line-height:1.6em;
	}
	
	
	
	
	#buyer .contents_wrapper2 .buyer_cont{
		display:block;	
	}
	
	#buyer .contents_wrapper2 .buyer_cont .buyer_text{
		font-size:0.9rem;
		line-height:1.6em;
		padding:0;
	}
	
	#buyer .contents_wrapper2 .buyer_cont .buyer_img{
		width:100%;	
	}
	
	#buyer .contents_wrapper2 .buyer_cont .buyer_img img{
		width:100%;
		display:block;
		margin:0 auto;
	}
	
	#buyer .contents_wrapper2 .buyer_cont .buyer_Btn{
		margin: 0 0 6%;
		width: 100%;
		padding: 3% 0;
		background-color: #fc9424;
		color: #ffffff;
		font-size: 1.0rem;
		display: block;
		border-radius: 25px;
		position: relative;
		font-weight: bold;
	}
	
	#buyer .contents_wrapper .buyer_arrow{
		margin: 4% auto 6%;
	}
	
	#buyer .pimg02,#buyer .pimg03,#buyer .pimg04{
		padding:0;
	}

	
}

/*********************************************
 
	         　prep
 
*********************************************/
#prep{
	background-image: url(/img/usr/handicraft/event/admission/prepbg.jpg);
	padding:0 0 60px;
}

#prep .prep_stitch{
	width: 100%;
}



#prep p{
	text-align: center;
}

#prep .contents_wrapper{
	margin: 0 auto;
	padding: 0;
	position: relative;	
}

#prep .prep_start{
	text-align: center;
	/*background-color: #4ac9a0;*/
	left: 0;
	margin: 3% 0;
	padding:9px 0 11px 0;
}

#prep .prep_subtit{
	line-height: 1.8em;
}

#prep .prep_cont{
	display: flex;
	justify-content: space-between;
	max-width:700px;
	width:100%;
	margin: 0 auto;
}

#prep .reverse{
	flex-direction: row-reverse;
}

#prep .prep_text{
	text-align:center;
	padding: 10px 20px;
}
	

#prep .prep_text .prep_text01{
	font-size:1.25rem;
	color:#1fc493;
	font-weight: bold;
	margin:20px 0;
	line-height: 1.5em;
}

#prep .prep_text .prep_text02{
	line-height: 1.5em;
}

#prep .prep_text .prep_Btn{
	margin:0 0 10px;
	width:266px;
	padding:11px 12px 12px 12px;
	background-color:#1fc493;
	color:#ffffff;
	font-size:1.0rem;
	display: block;
	border-radius:25px;
	position: relative;
	font-weight:bold;
}

#prep .prep_text .prep_Btn::after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 14px;
	height: 14px;
	margin: -8px 6px 0 0;
	background: url("../img/usr/handicraft/event/admission/yicon.png") top left no-repeat;
	background-size: 14px 14px;
}

#prep .pimg02 {
	padding: 40px 50px 0 0;
}
	
#prep .pimg03 {
	padding: 10px 0 0;
}

#prep .pimg04 {
	padding: 60px 0 0;
}


#prep .prep_arrow{
	margin: 30px auto 0;
	display: block;
	width:30px;
}


.prep_titimg1{
	position: absolute;
	left: 12.5rem;
	top: 5.625rem;
}

.prep_titimg2{
	position: absolute;
	right: 12.5rem;
	top: 5.625rem;
}

#prep .mb10{
	margin-bottom:10px;
	}
#prep .mb20{
	margin-bottom:20px;
	}


/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 
	#prep{
		padding: 0 0 8%;
	}
	
	.prep_titimg1,.prep_titimg2{
		display: none;
	}

	.prep_tit{
		padding: 6% 0 8%;
	}
	
	.prep_subtit{
		font-size:0.9rem;
		line-height:1.6em;
	}
	
	#prep .prep_start{
		margin:6% 0;
		overflow: hidden;
	}
	
	#prep .prep_start img{
    max-width: 793px;
    position: relative;
    left: -55%;
	}
	
	#prep .contents_wrapper .prep_cont{
		display:block;	
	}
	
	#prep .contents_wrapper .prep_cont .prep_text{
		font-size:0.9rem;
		line-height:1.6em;
		padding:0;
	}
	
	#prep .contents_wrapper .prep_cont .prep_img{
		width:100%;	
	}
	
	#prep .contents_wrapper .prep_cont .prep_img img{
		width:100%;
		display:block;
		margin:0 auto;
	}
	
	#prep .contents_wrapper .prep_cont .prep_Btn{
		margin: 0 0 6%;
		width: 100%;
		padding: 3% 0;
		background-color: #fc9424;
		color: #ffffff;
		font-size: 1.0rem;
		display: block;
		border-radius: 25px;
		position: relative;
		font-weight: bold;
	}
	
	#prep .contents_wrapper .prep_arrow{
		margin: 4% auto 6%;
	}
	
	#prep .pimg02,#prep .pimg03,#prep .pimg04{
		padding:0;
	}

	
}
/*********************************************
 
	         　goods
 
*********************************************/
#goods {
    background-image: url(/img/usr/handicraft/event/admission/pickup_bg.jpg);
    padding: 0 0 60px;
    color: #504845;
}

#goods .goods_stitch{
	width: 100%;
}

#goods p{
	text-align: center;
}

#goods .contents_wrapper{
	margin: 0 auto;
	padding: 0;
	position: relative;	
}

#goods .goods_start{
	text-align: center;
	background-color: #4ac9a0;
	left: 0;
	margin: 3% 0;
	padding:9px 0 11px 0;
}

#goods .goods_subtit{
	line-height: 1.8em;
}


.goods_titimg1{
	position: absolute;
	left: 12.5rem;
	top: 5.625rem;
}

.goods_titimg2{
	position: absolute;
	right: 12.5rem;
	top: 5.625rem;
}

#goods p.goods_point{
	text-align: left;
	width: 795px;
	padding: 35px 30px;
	margin: 35px auto 0;
	box-sizing: border-box;
	background-color: #f7f7f7;
}

#goods p.goods_point span{
	margin-bottom: 1rem;
	display: block;
	font-size: 1rem;
	font-weight: bold;
}

#goods .goods_make{
	background-color: #ffffff;
	border-radius:10px;
	margin:50px auto 0;
	padding:70px 0 30px;
}

#goods .goods_make .gmake_ttl{
	position: relative;
	display: block;
	padding: 0;
	color:#1fc493;
	font-size:20px;
	text-align: center;
	margin: 0 auto;
	width:790px;
}
	
#goods .goods_make .gmake_ttl:before, #goods .goods_make .gmake_ttl:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 270px;
	height: 2px;
	border-top: dotted 2px #1fc493;
}
	
#goods .goods_make .gmake_ttl:before{
	left:0;
}
	
#goods .goods_make .gmake_ttl:after{
	right: 0;
}
	
#goods .goods_make .gmake_list{
	width:800px;
	padding:35px 0 20px 30px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	border-bottom: dotted 2px #1fc493;
}

#goods .goods_make .gmake_list .gmake_list_chi{
	/*width:calc(765px / 4);*/
	width:33%;
	margin-bottom:20px;
	color:#504845;
}

/*#goods .goods_make .gmake_list .w260{
	width:260px !important;
}*/
	
#goods .goods_make .gmake_goods{
	width:790px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:40px auto 0;
}

#goods .goods_make .gmake_goods .gmake_goods_chi1{
	width:250px;
	position: relative;
	height:350px;
	margin-bottom: 40px;
}
	
#goods .goods_make .gmake_goods .gmake_goods_chi{
	width:250px;
	position: relative;
	height:350px;
	margin-bottom: 40px;
}
	
#goods .goods_make .gmake_goods  .gmake_goods_img{
	width:200px;
	display:block;
	margin:0 auto 20px;;
}
	
#goods .goods_make .gmake_goods .gmake_goods_ttl{
	padding: 0 0.5em 0.15em;/*上下 左右の余白*/
	color: #504845;/*文字色*/
	border-left: solid 5px #fc9424;/*左線*/
	font-size:20px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:10px;
}

#goods .goods_make .gmake_goods .gmake_text{
	color: #504845;
	line-height:1.4em;
	text-align:left;
	margin-bottom:10px;
	letter-spacing:0.05em;
}

#goods .goods_make .gmake_goods .gmake_Btn{
	position: absolute;
	left:0;
	bottom:0;
}
	
#goods .goods_make .gmake_goods .gmake_Btn1{
	margin:0 0 10px;
	width:224px;
	padding:11px 12px 12px 12px;
	background-color:#fc9424;
	color:#ffffff;
	font-size:1.0rem;
	display: block;
	border-radius:25px;
	position: relative;
	font-weight:bold;
	text-align:center;
}

#goods .goods_make .gmake_goods .gmake_Btn1::after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 14px;
	height: 14px;
	margin: -8px 6px 0 0;
	background: url("../img/usr/handicraft/event/admission/yicon.png") top left no-repeat;
	background-size: 14px 14px;	
}
	
#goods .goods_make .gmake_goods .gmake_Btn2{
	margin:0;
	width:236px;
	padding:11px 12px 12px 0px;
	background-color:#fc9424;
	color:#ffffff;
	font-size:1.0rem;
	display: block;
	border-radius:25px;
	position: relative;
	font-weight:bold;
	text-align:center;
}

#goods .goods_make .gmake_goods .gmake_Btn2::after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 14px;
	height: 14px;
	margin: -8px 6px 0 0;
	background: url("../img/usr/handicraft/event/admission/dlicon.png") top left no-repeat;
	background-size: 14px 14px;	
}


/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) { 

	.goods_titimg1,.goods_titimg2{
		display: none;
}
	
	#goods .goods_make{
		width:96%;
		margin: 6% auto 0;
		padding: 6% 0 4%;
	}
	
	#goods p.goods_point{
	width: 100%;
	}
	
	#goods .goods_make .gmake_ttl{
		width: 90%;
	}
	
	#goods .goods_make .gmake_ttl:before, #goods .goods_make .gmake_ttl:after{
		width: 10%;	
	}
	
	#goods .goods_make .gmake_list{
		width: 86%;
		padding:4% 0 4% 4%;
		margin: 0 auto;
		display: block;
		font-size:0.9rem;
		color: #504845;
	}
	
	#goods .goods_make .gmake_goods{
		width: 90%;
	}
	
	#goods .goods_make .gmake_goods .gmake_goods_chi1{
		width:calc(90% / 3);
		position: relative;
		height: 400px;
		margin-bottom: 40px;
	}
	
	#goods .goods_make .gmake_goods .gmake_goods_chi{
		width:calc(90% / 3);

		position: relative;
		height:440px;
		margin-bottom: 40px;
	}
	
	#goods .goods_make .gmake_goods .gmake_Btn1{
		margin:0 0 10px;
		width:11.2rem;
		padding:11px 12px 12px 12px;
		background-color:#fc9424;
		color:#ffffff;
		font-size:0.8rem;
		display: block;
		border-radius:25px;
		position: relative;
		font-weight:bold;
		text-align:center;
	}
	
	#goods .goods_make .gmake_goods .gmake_Btn2{
		margin:0;
		width:12rem;
		padding:11px 12px 12px 0px;
		background-color:#fc9424;
		color:#ffffff;
		font-size:0.8rem;
		display: block;
		border-radius:25px;
		position: relative;
		font-weight:bold;
		text-align:center;
	}
}


/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) { 

	#goods{
		padding: 0 0 8%;
	}
		
	.goods_tit{
		padding: 6% 0 8%;
	}

	.goods_tit img{
		width:100%;
	}
	
	.goods_subtit{
		font-size:0.9rem;
		line-height:1.6em;
	}

	#goods .goods_make{
		margin: 6% auto 0;
		padding: 6% 0 4%;
	}

	#goods .goods_make .gmake_ttl{
		width: 90%;
	}
	
	#goods .goods_make .gmake_ttl:before, #goods .goods_make .gmake_ttl:after{
		width: 10%;	
	}
	
	#goods .goods_make .gmake_list{
		width: 86%;
		padding:4% 0 4% 4%;
		margin: 0 auto;
		display: block;
		font-size:0.9rem;
		color: #504845;
		}
	
	#goods .goods_make .gmake_list .gmake_list_chi{
		margin-bottom:2%;
		width: 100%;
	}
	
	#goods .goods_make .gmake_goods{
		display: block;
		width:90%;
		margin:2% auto;
	}
	
	#goods .goods_make .gmake_goods .gmake_goods_chi1,#goods .goods_make .gmake_goods .gmake_goods_chi{
		width:100%;
		position: static;
		height: auto;
	}
	
	#goods .goods_make .gmake_goods li:last-child{
		margin-bottom:2%;
	}
	
	#goods .goods_make .gmake_goods .gmake_goods_img{
		width: 100%;
	}
	
	#goods .goods_make .gmake_goods .gmake_text{
		font-size:0.9rem;
		line-height:1.6em;
	}
	
	#goods .goods_make .gmake_goods .gmake_Btn{
		position: static;
	}

	#goods .goods_make .gmake_goods .gmake_Btn1,#goods .goods_make .gmake_goods .gmake_Btn2{
		margin: 0 0 6%;
		width: 100%;
		padding: 3% 0 4%;
		background-color: #fc9424;
		color: #ffffff;
		font-size: 1.0rem;
		display: block;
		border-radius: 25px;
		position: relative;
		font-weight: bold;
	}

}
/*********************************************
 
	         　making
 
*********************************************/
#making {
    background-image: url(/img/usr/handicraft/event/admission/making_bg.jpg);
    padding: 0 0 60px;
}

#making .making_stitch{
	width: 100%;
}

#making p{
	text-align: center;
}

#making .contents_wrapper{
	margin: 0 auto;
	padding: 0;
	position: relative;	
}

.making_titimg1{
	position: absolute;
	left: 7.9375rem;
	top: 6.5rem;
}

.making_titimg2{
	position: absolute;
	right: 7.9375rem;
	top: 6.5rem;
}

.making_subtit{
	line-height: 1.8em;
}

#making .making_cont{
	display: flex;
	justify-content: space-between;
	max-width:750px;
	width:100%;
	margin: 50px auto;
}

#making .reverse{
	flex-direction: row-reverse;
}

#making .making_text{
	text-align:center;
	padding: 10px 20px;
}
	

#making .making_text .making_text01{
	font-size:1.25rem;
	color:#504845;
	font-weight: bold;
	margin:20px 0 40px;
	line-height: 1.5em;
}

#making .making_text .making_text02{
	line-height: 2em;
	margin-bottom:20px;
}

#making .making_text .making_Btn1{
	margin:0 0 20px;
	width:266px;
	padding:14px 11px 18px 12px;
	background-color:#1fc493;
	color:#ffffff;
	font-size:1.0rem;
	display: block;
	border-radius:40px;
	position: relative;
	font-weight:bold;
}

#making .making_text .making_Btn1::after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 14px;
	height: 14px;
	margin: -8px 6px 0 0;
	background: url("../img/usr/handicraft/event/admission/dlicon.png") top left no-repeat;
	background-size: 14px 14px;
}

#making .making_text .making_Btn2{
	margin:0 0 10px;
	width:266px;
	padding:14px 11px 18px 12px;
	background-color:#1fc493;
	color:#ffffff;
	font-size:1.0rem;
	display: block;
	border-radius:40px;
	position: relative;
	font-weight:bold;
}

#making .making_text .making_Btn2::after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 14px;
	height: 14px;
	margin: -8px 6px 0 0;
	background: url("../img/usr/handicraft/event/admission/yicon.png") top left no-repeat;
	background-size: 14px 14px;
}

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:780px) {
	.making_titimg1,.making_titimg2{
		display: none;
	}
	
}


/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) {
	
	#making{
		padding: 0 0 8%;
	}



	.making_tit{
		padding: 6% 0 8%;
	}
	
	.making_tit img {
		width:100%;
	}
	
	.making_subtit{
		font-size:0.9rem;
		line-height:1.6em;
	}

	#making .making_cont{
		display: block;
		margin: 6% auto;
	}
	
	#making .making_cont .making_img img{
		width:100%;
	}
	
	#making .making_text{
		padding: 0;
	}
	
	#making .making_text .making_text01{
		margin: 4% 0;
	}
	
	#making .making_text .making_text02{
		font-size:0.9rem;
		line-height:1.6em;
	}
	
	#making .making_text .making_Btn1,#making .making_text .making_Btn2{
		margin: 0 0 6%;
		width: 100%;
		padding: 5% 0 6%;
		background-color: #fc9424;
		color: #ffffff;
		font-size: 1.0rem;
		display: block;
		border-radius: 40px;
		position: relative;
		font-weight: bold;
	}
}


/*********************************************
 
	         　pickup
 
*********************************************/
#pickup {
    background-image: url(/img/usr/handicraft/event/admission/pickup_bg.jpg);
    padding: 0 0 60px;
}

#pickup .pickup_stitch{
	width: 100%;
}

#pickup p{
	text-align: center;
}

#pickup .contents_wrapper{
	margin: 0 auto;
	padding: 0;
	position: relative;	
}

.pickup_titimg1{
	position: absolute;
	left: 10.2rem;
	top: 5rem;
}

.pickup_titimg2{
	position: absolute;
	right: 12rem;
	top: 5rem;
}

#pickup .book{
	display: block;
	margin: 50px auto 70px;
}

#pickup .material{
	background-color: #ffffff;
	border-radius:10px;
	margin:50px auto 0;
	padding:70px 0 0;
	position: relative;	
}

.material .tape{
	position: absolute;
	top: -0.5%;
	left:50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}

.material .box{
	display: block;
	width: 190px;
	padding: 5px 0;
	color: #fff;
	background-color: #4cd0a9;
	margin: 0 auto;
}

.material .MainText{
	font-size: 2rem;
	font-weight: bold;
	padding: 60px 0 0;
}

.material .material_item{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:790px;
	margin:50px auto;
}

.material .material_item_list{
	margin-bottom: 50px;
	width:calc(700px / 4);
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.material .material_item_list img{
	border-radius:50%;
}

.material .material_item_list .material_item_img{
	height:174px;
	}

.material .material_item_list:nth-child(4n){
	margin-right: 0;
}

.material .material_item_list a{
	display: block;	
}

.material .material_item_list .text{
	display: block;
	margin: 20px 0 30px;
	color: #504845;
}


.material .material_Btn{
	margin:0 0 10px;
	width:150px;
	padding:8px 12px 12px;
	background-color:#fc9424;
	color:#ffffff!important;
	font-size:1.0rem;
	display: block;
	border-radius:25px;
	position: relative;
	font-weight:bold;
	text-align: center;
}


.material .material_Btn::after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 14px;
	height: 14px;
	margin: -8px 6px 0 0;
	background: url("../img/usr/handicraft/event/admission/yicon.png") top left no-repeat;
	background-size: 14px 14px;
}

.material.addition .MainText{
	line-height: 1.8em;
  padding: 0;
	font-size: 1.4rem;
}


.material.addition .MainText span{
	background: linear-gradient(transparent 60%, #e9ffa4 0%);
    font-size: 2rem;
}


#pickup .jr{
	margin:50px auto 0;
}


/*オックス・キルティングの吹き出し*/
.hover_fabric {
	position: relative;
}
a.hover_fabric:hover {
    opacity: 1.0;
}

.hover_fukidashi {
	display: none;
	width: 90px;
	position: absolute;
	top: -25px;
	left: -20px;
	padding: 6px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	text-align: center;
	z-index: 100;
}
.hover_fukidashi:after {
	position: absolute;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -20px;
	margin-left: 10px;
	border: solid transparent;
	border-color: rgba(51, 204, 153, 0);
	border-top-color: rgba(0, 0, 0, 0.8);
	border-width: 10px;
	pointer-events: none;
	content: " ";
}
.hover_fabric:hover .hover_fukidashi {
	display: block;
}


/*オックス・キルティングの吹き出し*/


.link_btn img{
border-radius: 0%!important;
width: 100%;
}


/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) {
	.pickup_titimg1,.pickup_titimg2{
		display: none;
	}
	
	#pickup .book{
		width:96%;
	}

	.material{
		width: 96%;	
	}
	
	.material .material_item{
		width: 90%;
	}
	
	.material_item::after{
		content:"";
		display: block;
		width:25%;
	}
}



/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) {
	
	#pickup{
		padding: 0 0 8%;
	}
	
	.pickup_titimg1,.pickup_titimg2{
		display: none;
	}

	.pickup_tit{
		padding: 6% 0 8%;
	}
	
	.pickup_tit img {
		width:100%;
	}
	
	.pickup_subtit{
		font-size:0.9rem;
		line-height:1.6em;
	}
	
	#pickup .book{
		width:100%;
		margin: 6% 0 8%;
	}

	#pickup .material{
		padding: 14% 0 0;
		font-size:0.9rem;
	}

	.material .tape{
		top: 0;
	}
	
	.material .MainText{
		font-size: 1.3rem;
		padding: 6% 0 0;
	}
	
	.material .material_item{
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: flex-start;
		padding: 8% 0 10%;
		width:90%;
		margin:0 auto;
	}

	.material .material_item_list{
		margin: 20px 0 0;
    width: 46%;
	}
	
	.material .material_item_list img{
		width:90%;
		display: block;
		margin:0 auto;
		border-radius:50%;

	}
	
	.material .material_item_list .material_item_img{
	height: auto!important;
    width: 100%;
	}

	.material .material_item_list .text{
		font-size: 0.8rem;
		line-height:1.6em;
		margin: 6% 0;
	}

	.material .material_Btn{
		margin: 0 0 10%;
		width: 100%;
		padding: 3% 0 4%;
		background-color: #fc9424;
		color: #ffffff;
		font-size: 1.0rem;
		display: block;
		border-radius: 25px;
		position: relative;
		font-weight: bold;
	}
	
	.material.addition .MainText{
	font-size: 1rem;
}


.material.addition .MainText span{
    font-size: 1.3rem;
}
	
	.link_btn{
	display: block;
    width: 100%;
    margin-bottom: 6%;
	}
	
	.material .material_item_list:nth-child(even) {
    margin-right: 0;
}
	.material .material_item_list:nth-child(4n) {
    margin-right: 0;
}

}


/*　画面サイズが420pxからはここを読み込む　*/
/*@media screen and (max-width:420px) {
	.material .material_item_list .material_item_img{
	height:17.875rem;
	}
}*/


/*　画面サイズが375pxからはここを読み込む　*/
/*@media screen and (max-width:375px) {
	.material .material_item_list .material_item_img{
	width: 100%;
    height: auto;
	}
}*/


/*　画面サイズが360pxからはここを読み込む　*/
/*@media screen and (max-width:360px) {
	.material .material_item_list .material_item_img{
	height:15.875rem;
	}
}*/

/*　画面サイズが320pxからはここを読み込む　*/
/*@media screen and (max-width:320px) {
	.material .material_item_list .material_item_img{
	height:13.875rem;
	}
}*/

/*********************************************
 
	         　ordermade
 
*********************************************/
#ordermade {
    background-image: url(/img/usr/handicraft/event/admission/order_bg.jpg);
    padding: 0 0 60px;
}

#ordermade .ordermade_stitch{
	width: 100%;
}

#ordermade p{
	text-align: center;
}

#ordermade .contents_wrapper{
	margin: 0 auto;
	padding: 0;
	position: relative;	
}

.ordermade_titimg1{
	position: absolute;
	left: 7.9375rem;
	top: 4.5rem;
}

.ordermade_titimg2{
	position: absolute;
	right: 7.9375rem;
	top: 4.5rem;
}

.ordermade_subtit{
	line-height: 1.8em;
}

#ordermade .notice{
	color: #eb2642;
}

#ordermade .ordermade_ttl{
	position: relative;
	display: block;
	padding: 0;
	color:#1fc493;
	font-size:27px;
	text-align: center;
	margin: 70px auto 30px;
	width:1000px;
	font-weight:bold;
}
	
#ordermade .ordermade_ttl:before, #ordermade .ordermade_ttl:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 370px;
	height: 1px;
	border-top: double 4px #1fc493;
}
	
#ordermade .ordermade_ttl:before{
	left:0;
}
	
#ordermade .ordermade_ttl:after{
	right: 0;
}


#ordermade .ordermade_ttl2{
	position: relative;
	display: block;
	padding: 0;
	color:#1fc493;
	font-size:27px;
	text-align: center;
	margin: 70px auto 30px;
	width:1000px;
	font-weight:bold;
	line-height:1.2em;
}
	
#ordermade .ordermade_ttl2:before, #ordermade .ordermade_ttl2:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 320px;
	height: 1px;
	border-top: double 4px #1fc493;
}
	
#ordermade .ordermade_ttl2:before{
	left:0;
}
	
#ordermade .ordermade_ttl2:after{
	right: 0;
}

#ordermade .order_item{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width:1000px;
}
	
#ordermade .order_item .order_item_list{
	margin-bottom:20px;
}

#ordermade .ordermade_text{
	font-size:18px;
	line-height:1.8em;
}
	
#ordermade .ordermade_subtext{
	margin-top:20px;
}
	

#ordermade .ordermade_Btn{
	margin:30px auto 10px;
	width:366px;
	padding:14px 11px 18px 12px;
	background-color:#fc9424;
	color:#ffffff;
	font-size:1.0rem;
	display: block;
	border-radius:40px;
	position: relative;
	font-weight:bold;
	text-align:center;
}

#ordermade .ordermade_Btn::after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 14px;
	height: 14px;
	margin: -8px 6px 0 0;
	background: url("../img/usr/handicraft/event/admission/yicon.png") top left no-repeat;
	background-size: 14px 14px;
}

/*　画面サイズが780pxからはここを読み込む　*/
@media screen and (max-width:780px) {
	.ordermade_titimg1,.ordermade_titimg2{
		display: none;
	}
	
	#ordermade .ordermade_ttl{
		width:100%;
		font-size:1.5rem;
		margin:10% 0 6%;
	}
	
	#ordermade .ordermade_ttl:before, #ordermade .ordermade_ttl:after{
		width: 35%;
	}
	
	#ordermade .ordermade_ttl2{
		width:100%;
		font-size:1.5rem;
		margin:10% 0 6%;
	}
	
	#ordermade .ordermade_ttl2:before, #ordermade .ordermade_ttl2:after{
		width: 27%;
	}
	
	.ordermade_flow{
		width:96%;
		display:block;
		margin:0 auto;
	}

	#ordermade .order_item{
		width:96%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin:0 auto;
	}
	
	#ordermade .order_item .order_item_list{
		width:49%;
	}
	
	#ordermade .order_item .order_item_list img{
		width:100%;
	}

}	

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) {
	#ordermade{
		padding: 0 0 8%;
	}

	.ordermade_tit{
		padding: 6% 0 8%;
	}
	
	
	.ordermade_tit img{
		width:100%;
	}
	
	.ordermade_subtit{
		font-size:0.9rem;
		line-height:1.6em;
	}

	.ordermade_flow{
		width:100%;
	}
	
	#ordermade .ordermade_ttl{
		width:100%;
		font-size:1.5rem;
		margin:10% 0 6%;
	}
	
	#ordermade .ordermade_ttl:before, #ordermade .ordermade_ttl:after{
		width: 15%;
	}
	
	#ordermade .ordermade_ttl2{
		width:100%;
		font-size:1.5rem;
		margin:10% 0 6%;
	}
	
	#ordermade .ordermade_ttl2:before, #ordermade .ordermade_ttl2:after{
		width: 10%;
	}
	
	#ordermade .order_item{
		display: block;
	}
	
	#ordermade .order_item .order_item_list{
		width: 100%;	
	}
	
	#ordermade .order_item .order_item_list img{
		width: 100%;	
	}
	
	#ordermade .ordermade_text{
		font-size:0.9rem;
	}
	
	#ordermade .ordermade_subtext{
		font-size: 0.8rem;	
	}
	
	#ordermade .ordermade_Btn{
		margin: 6% 0;
		width: 100%;
		padding: 3% 0 4%;
		background-color: #fc9424;
		color: #ffffff;
		font-size: 1.0rem;
		display: block;
		border-radius:40px;
		position: relative;
		font-weight: bold;
	}

}

/*********************************************
 
	         　campaign
 
*********************************************/
#campaign{
    width:100%;
    margin:0;
    padding:0 0 70px;
    background-color:#fde8e3;
}

#feature .yurn_tit_campaign{
    width:800px;
    margin:0 auto;
}

.yurn_tit_campaign{
    text-align:center;
}

.yurn_campaign_daysbox{
    width:100%;
    margin:0;
    background-color:#ea735d;
}
.yurn_campaign_days{
    max-width:900px;
    margin:0 auto;
}

.yurn_campaign_contents_box{
    width:800px;
    margin:0 auto;
}

.yurn_campaign_contents_tit {
    margin: 35px auto 45px;
    text-align: center;
}

.yurn_campaign_contents_list{
    display:flex;
    justify-content:space-around;
}
.yurn_campaign_contents{
    width:240px;
}
.campaign_txtbox{
	max-width:800px;
	padding:30px 50px;
	color:#4f514d;
	line-height:2;
	background-color:#edc4be;
	margin:30px auto;
}



.yurn_campaign_contents_txt{
    width:800px;
    display:flex;
    justify-content: flex-end;
    margin:20px auto 0;
}

.ycc_precautionary_statement{
    font-size:12px;
    line-height:2.2;
}

.ycc_btn{
    border:1px solid #333;
    border-radius:25px;
    margin-left: 20px;
    line-height:1;
}

.ycc_btn a{
    display:block;
    padding:5px 30px;
}

.ycc_btn .arrow{
    position: relative;
    display: inline-block;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.ycc_btn .arrow::before,
.ycc_btn .arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.ycc_btn .arrow::before{
    right: 12px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.embedsocial-hashtag {
    position: relative;
    width: 1000px;
    margin: 100px auto;
}

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) {
    #campaign{
    width:100%;
    margin:50px 0 0;
    padding:0 0 70px;
    background-color:#f4f4f4;
}
    
    #campaign img{
        width:100%;
    }
    
    #feature .yurn_tit_campaign{
    width:100%;
    margin:0 auto;
}
    .yurn_campaign_contents_box{
    width:100%;
    margin:0 auto;
}
    
    .yurn_campaign_contents_list{
    display:flex;
    justify-content:space-around;
        flex-wrap: wrap;
}
.yurn_campaign_contents{
    width:240px;
    margin:10px auto;
}
.yurn_campaign_contents_txt{
    width:100%;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    margin:20px auto 0;
}
    .ycc_btn{
    border:1px solid #333;
    border-radius:25px;
    margin: 20px 0;
    line-height:1;
}
    .ycc_btn a{
    display:block;
    padding:15px 30px;
}
    .embedsocial-hashtag {
    position: relative;
    width: 96%;
    margin: 50px auto;
}
}
/*********************************************
 
	         　weight
 
*********************************************/
#weight .admission_tit{
	color: #fff;
	background-color: #7c60a7;
}
/*********************************************
 
	         　shop
 
*********************************************/
#shop{
	background-color: #e1f3f9;	
	padding-bottom: 90px;
	margin-bottom: 60px;
}
.shopContent {
    position: relative;
    height: 320px;
    margin-bottom: 60px;
}
.shopContentImg{
	position: absolute;
	left: 0;
	width: 44%;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
}
.shopContentImg img{
	width: 100%;
}
.shopContentText{
	background-color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 60%;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
}
.shopContentText p{
	text-align: left;
    padding-top: 40px;	
}
.shopContentTextWrapper{
	position: relative;
}
.shopContentTextWrapper a{
	text-decoration: underline;
}
.shopContentText img{
	width: 300px;
	position: absolute;
	top: -68px;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);		
}

.shopContent:nth-of-type(2) .shopContentImg{
	right: 0;
	left: auto;
}
.shopContent:nth-of-type(2) .shopContentText{
	left: 0;
	right: auto;
}
/*.admissionshop1,.admissionshop2{
	opacity: 0;
}*/
.admissionshop1.yarnAction{
	opacity: 1;	
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;	
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.admissionshop2.yarnAction{
	opacity: 1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
	.shopContent {
		height: 600px;
		margin-bottom: 30px;
	}	
	.shopContentImg{
		width: 95%;
	}
	.shopContentText{
		width: 95%;
		padding: 8%;
		right: 0;
		bottom: auto;
	    top: 50vw;
	}
	.shopContent:nth-of-type(2) .shopContentText{
		left: 0;
	}
	.shopContentText img{
		width: 100%;
		position: inherit;
		top: 0;
	}
	.shopContentText p{
		padding-top: 10px;
	}
	#shop h2.sheep_tit{
		margin-bottom: 0;
	}
}


/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
/*____anime_____*/
	@-webkit-keyframes shake {
	  from,
	  to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }

	  10%,
	  30%,
	  50%,
	  70%,
	  90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	  }

	  20%,
	  40%,
	  60%,
	  80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	  }
	}

	@keyframes shake {
	  from,
	  to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }

	  10%,
	  30%,
	  50%,
	  70%,
	  90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	  }

	  20%,
	  40%,
	  60%,
	  80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	  }
	}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


/*********************************************
 
オカダヤおすすめアイテム｜ここから191219追加
 
*********************************************/

#recommend_item{
  background: url("/img/usr/handicraft/event/admission/check_bg.jpg");
}



#recommend_item h2{
  background: url("/img/usr/handicraft/event/admission/title_bg.jpg");
  text-align: center;
  color: #fff;
  padding: 1.875rem 0; 
}

#recommend_item h2 span{
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: bold;
	color: #ffffff;
	display: block;
}

.recommendNavi{
  margin: 4rem 0;
}

.reconav_tit{
	font-size:22px;
	color:#1fc493;
	font-weight:bold;
	margin:30px 0 18px;
	text-align: center;
}

.recommendNavi_inn{
  width: 100%;
  margin: 0 auto;
  display: flex;
	flex-wrap: wrap;
  justify-content:center;
}
.recommendNavi_inn li{
    max-width: 130px;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin: 10px;
    border-radius: 50%;
    position: relative;
	background-size: cover!important;
}
					
.recommendNavi_inn li div{
    background-color: #00000055;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
}	
.recommendNavi_inn li a{
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
}
.recommendNavi_inn li a:hover{
	background-color: #ffffff33;
}
.recommendNavi_inn li p{
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 45%;
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
	font-weight: 500;
}
.recommendNavi_inn li p::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    transform: rotate(135deg) translate(50%, 0);
    transform-origin: center;
    transition: .3s ease;
    position: absolute;
    bottom: -30px;
    left: 50%;
}

.recommendNavi img{
  width: 100%;
}

@media screen and (max-width:780px) {
	
	.reconav_tit{
		display: none;
	}
  
  #recommend_item h2{
	  font-size: 0.9rem;
	  padding: 6%;
	}
	
  #recommend_item h2 span{
	  font-size: 2.0rem;
	}
}

@media screen and (max-width:480px){
	.recommendNavi_inn li{  
  max-width: 90px;
}
	.recommendNavi_inn li p{
		font-size: calc(24 / 750* 100vw);
	}
    .recommendNavi_inn li p::after{
        width: 10px;
        height: 10px;
        border-right: 2px solid #fff;
        border-top: 2px solid #fff;
        bottom: -10px;
    }
}


/*********************************************
 
	     　女の子に人気の生地
 
*********************************************/

.item_wrap{
  background: #ffffff;
  padding: 0 100px;
  position: relative;
  max-width: 990px;
  display: block;
  margin-bottom: 4.375em;
}

.tape{
 width: 5.5625rem;
 height: 3.1875rem;
 position: absolute;
 top:-1.6rem;
 right: 50%;
 transform: translateX(50%);  
 display: block;
}

.item_wrap h3{
  padding-top: 5.375rem;  
  display: block;
  text-align: center;
  line-height: 2;
}

.item_wrap h3 span{
  font-size: 1.75rem;
  font-weight: bold;
  border-bottom: 1px solid #1fc493;
  padding: 0.5rem;
}
 
.item_wrap h3 p{
  margin: 1rem auto;
}


@media screen and (max-width:780px) {
.item_wrap{
  padding: 0 5%;
 }
 
 .item_wrap h3 p{
  font-size: 0.9rem;
}

  
}

/*********************************************
 
	     　おすすめアイテム
 
*********************************************/
.recommend_area{
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	padding-bottom: 4.375em;
}

.recommend_area img{
  width: 100%;
}

.box_around{
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width:175px;
	width: 25%;
	margin-right: 1.875rem;
	margin-bottom:30px;
	-webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;  
}

.recommend_area div:nth-child(4n){
	margin-right: 0;
}
	
.detail ul{
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
	
.detail ul li{		
	width:24%;
    margin-top: 2px;
}
	
.detail ul li img{
	width:100%;
	max-width: 42px;
	margin:0 auto;
	display:block;
}

.recommend_name{
  margin: 1.25rem auto;
}

.recommend_area .link_btn{
    margin-bottom:1.25rem;
}

@media screen and (max-width:780px) {

	.recommend_area div:nth-child(even){
		margin-right: 0;
	}

	.box_around{
		width: 48%;
		margin-right: 4%;
		max-width: 48%;
	}
  
}


/*********************************************
 
	     　ミシン
 
*********************************************/

.machine{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.machine li{
  margin-bottom: 4.375rem;
  justify-content: space-between;
  display: flex;
}

.machine li:nth-child(even){
  flex-direction: row-reverse;
}

.machine_img{
  max-width: 220px;
  width: 28%;
}

.machine_text{
  width: 68%;
}

.machine_ico{
  padding: 0.256rem 0.9375rem;
  background: #4cd0a9;
  color: #ffffff;
  display: initial;
}

.machine_text h4{
  font-size: 1.625rem;
  margin: 1.25rem auto 1.875rem;
  line-height: 1.3;
  font-weight: 600;
}

.machine_text a:hover{
  border-bottom: 1px solid #504845;
}

.machine_text p{
  line-height: 2;
}

#pattern_item{
  padding-bottom: 0;
}

@media screen and (max-width:780px) {
  
  .machine li,
  .machine li:nth-child(even){
  flex-direction: column;
}
  .machine_img,.machine_text {
    width: 100%;
  }
  .machine_img{
    margin: 0 auto;
  }  
  
}


/*********************************************
 
	     　作品投稿一覧
 
*********************************************/

#post {
    background-image: url(/img/usr/handicraft/event/admission/snsbg.jpg);
}

#post .contents_wrapper{
  position: relative;
}
#post .post_stitch {
    width: 100%;
}

.post_titimg1{
  position: absolute;
  top: 7rem;
  left: 13.5rem;   
}

.post_titimg2{
  position: absolute;
  top: 7rem;
  right: 13.5rem;
}

/*.post_tit {
  max-width: 240px;
  width: 15rem;
  position: absolute;      
  top:6.75rem;
  left: 50%;
  transform: translateX(-50%);
}*/

p.post_subtit{
  text-align: center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.8em;
}

.post_photo{
  width: 11.75rem;
  height: 11.75rem;
  background: #cccccc;
  border-radius: 0.5rem;
  overflow: hidden;
}

.post_contents ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 21.6875rem;
    padding-bottom: 8rem;
}

.post_contents ul li{
    padding: 1.875em;
    margin-bottom: 1.875rem;
    background: #ffffff;
}

.post_contents ul li .user_name{
  font-weight: bold;
  font-size: 14px;
  margin: 1.875rem auto;
}

.post_contents ul li img{
  width: 100%;
}

@media screen and (max-width:780px) {
  
	.post_contents ul{
		margin-top: 18.6875rem;
		padding-bottom: 4rem;
	}
  
	.post_contents ul li .user_name{
    margin: 0.8rem auto;
	}
      
	.post_contents ul li{
        width: 44%;
        padding: 2.5%;
	}   
  
	.post_photo{
        width: 44%;
        margin: 3%;    
    }
	
	.post_titimg2{right: 1%;width: 5.438em; height: auto;}
	.post_titimg1{left: 1%;width: 5.438em; height: auto;}
  
}


@media screen and (max-width:480px) {
	.post_titimg2{display: none;}
	.post_titimg1{display: none;}
}

/*********************************************
 
	     　みんなで共有しよう！
 
*********************************************/


.share_post_contents{
	width: 100%;
	background-image: url("../img/usr/handicraft/event/admission/share_bg.jpg");
	height: 800px;
	background-size: cover;
	background-position: center;
	text-align: center;  
}

.share_post_tit{
  padding: 5rem 0 2.5rem;
}

.share_post_contents ul{
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  width: 80%;
  margin: 0 auto;
}

.share_post_contents ul li{
  margin-right: 3.75rem;
}

.share_post_contents ul li:nth-child(3n){
   margin-right: 0;
}

.share_post_contents ul li img{
  width: 100%;
}

.share_post_contents ul li p{
  margin: 1.875rem auto;
  color: #ffffff;
	font-size: 13px;
}

.sns_icon{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.sns_icon a:first-child{
	margin-right: 0.5rem;
}

@media screen and (max-width:780px) {
	.share_post_contents {
    height: 840px;
}
  
  .share_post_contents ul{
    width: 96%;
    margin: 0 auto;
    justify-content: space-around;
  }
	
	.share_post_contents ul li {
    width: 32%;
    margin-right: 0.4rem;
}
	
	.share_post_tit {
   padding: 5rem 4rem 2.5rem;
}
	
	.share_post_tit img{
	width:100%;
	} 
}

@media screen and (max-width:480px){
	.share_post_contents {
    height: 560px;
}
	
	.share_post_contents ul li {
    width: 32%;
    margin-right: 0.4rem;
}
	
	.share_post_contents ul li p {
    font-size: 12px;
		margin: 1rem auto;
}

	div.terms{
		padding: 30px!important;
}
	
	.share_post_tit {
    padding: 3rem 2rem 1.5rem;
}
	
}

/*********************************************
 
	     　スタッフ作品
 
*********************************************/

#stuffs_work{
  background: #fdf8c5;
}

#stuffs_work .contents_wrapper{
  position: relative;
}

#stuffs_work .post_tit img{
  width: 100%;
}

#stuffs_work .post_tit {
  max-width: 397px;
  width: 24rem;
  position: absolute;      
  top:6.75rem;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width:780px){
	#stuffs_work .post_tit{
		width: 90%;
		left: 50%;
		transform: translateX(-50%);
	}
	
}

/*********************************************
 
	     　SNS投稿キャンペーン
 
*********************************************/

#campaign_details{
	background-image: url(/img/usr/handicraft/event/admission/snsbg.jpg);
}

.campaign_details{
	
}

p.details_txt{
	margin-top: 30px;
  line-height: 1.8em;
}

p.details_txt:first-child{
	margin-top: 60px;	
	margin-bottom: 0;
}

p.details_txt a{
	border-bottom: solid 1px #504845;
}

p.details_txt span{
	border: solid 1px #000;
	text-align: center;
	padding: 0.2rem 0;
	width: 160px;
	display: inline-block;
	margin: 0 1rem 1rem 0;
	font-weight: bold;
}
div.terms{
	margin: 60px 0;
	padding: 60px;
	background-color: #fff;
	height: 300px;
	overflow: auto;
}

div.terms .terms_ttl{
	text-align: center;
	margin-bottom: 40px;
}

div.terms .terms_txt{
	font-size: 12px;
}

div.terms .terms_txt span{
	font-size: 13px;
	font-weight: bold;
}

@media screen and (max-width:780px){
	
	
}



/*********************************************
 
	         　weight
 
*********************************************/
#weight .admission_tit{
	color: #fff;
	background-color: #7c60a7;
}
/*********************************************
 
	         　shop
 
*********************************************/
#shop{
	background-color: #e1f3f9;	
	padding-bottom: 90px;
}
.shopContent {
    position: relative;
    height: 320px;
    margin-bottom: 60px;
}
.shopContentImg{
	position: absolute;
	left: 0;
	width: 44%;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
}
.shopContentImg img{
	width: 100%;
}
.shopContentText{
	background-color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 60%;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
}
.shopContentText p{
	text-align: left;
    padding-top: 40px;	
}
.shopContentTextWrapper{
	position: relative;
}
.shopContentTextWrapper a{
	text-decoration: underline;
}
.shopContentText img{
	width: 300px;
	position: absolute;
	top: -68px;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);		
}

.shopContent:nth-of-type(2) .shopContentImg{
	right: 0;
	left: auto;
}
.shopContent:nth-of-type(2) .shopContentText{
	left: 0;
	right: auto;
}
/*.admissionshop1,.admissionshop2{
	opacity: 0;
}*/
.admissionshop1.yarnAction{
	opacity: 1;	
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;	
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.admissionshop2.yarnAction{
	opacity: 1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
	.shopContent {
		height: 600px;
		margin-bottom: 30px;
	}	
	.shopContentImg{
		width: 95%;
	}
	.shopContentText{
		width: 95%;
		padding: 8%;
		right: 0;
		bottom: auto;
	    top: 50vw;
	}
	.shopContent:nth-of-type(2) .shopContentText{
		left: 0;
	}
	.shopContentText img{
		width: 100%;
		position: inherit;
		top: 0;
	}
	.shopContentText p{
		padding-top: 10px;
	}
	#shop h2.sheep_tit{
		margin-bottom: 0;
	}
}

/*********************************************
 
	         　admissionrecommend_bn
 
*********************************************/
.admissionrecommend_bnList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.admissionrecommend_bnList li{
	width: 50%;
	transition: 0.5s;
}
.admissionrecommend_bnList li:hover{
	opacity: 0.8;
}
.admissionrecommend_bnList img{
	width: 100%;
}

.yarnShopInfo{
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.yarnShopInfo span{
	font-weight: 600;
	font-size: 1.2rem;
	display:block;
	margin-bottom: 10px;
}

.yarnShopInfo span a{
	text-decoration: underline !important;
}

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (max-width:480px) { 
	.admissionrecommend_bnList li{
		width: 100%;
	}	
	
	.yarnShopInfo{
		text-align: left;
		padding: 0 3%;
		box-sizing: border-box;
	}
	.yarnShopInfo span{
		font-size: 1rem;
		text-align: center;
	}	
}





/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
/*____anime_____*/
	@-webkit-keyframes shake {
	  from,
	  to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }

	  10%,
	  30%,
	  50%,
	  70%,
	  90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	  }

	  20%,
	  40%,
	  60%,
	  80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	  }
	}

	@keyframes shake {
	  from,
	  to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }

	  10%,
	  30%,
	  50%,
	  70%,
	  90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	  }

	  20%,
	  40%,
	  60%,
	  80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	  }
	}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.kizi_txt_box{
    width:100%;
	margin:50px auto;
}
.kizi_txt_box p{
    width:800px;
	margin:auto;
} 
@media screen and (max-width:768px){
   
.kizi_txt_box{
    width:100%;
    overflow-x: scroll;
}
.kizi_txt_box p{
    width:800px;
	overflow-x: scroll;
} 
}