/********************

手作りの基礎トップ

********************/


#basic .page_title{
	background:url("../img/basic/main_bg.jpg") no-repeat 50% 50%;
	background-size: cover;
}

#basic .page_title dd{
	line-height: 1.7;
}

#basic .cont_nav{
	background: #fcfcfc;
	padding:80px 0 60px;
}

#basic .cont_nav ul{
	display: flex;
	justify-content: space-between;
}

#basic .cont_nav ul li{
	width:23%;
}

#basic .cont_nav ul li img{
	max-width: 144px;
	display: block;
	margin:0 auto 20px;
}

#basic .cont_nav ul li dt{ 
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	color:#000;
}

#basic .cont_nav ul li dt span{
	font-size: 12px;
	background: #82c259;
	padding:3px 5px;
	color:#fff;
	border-radius: 10px;
	margin-right: 5px;
}

#basic .cont_nav ul li dd{ 
	font-size: 14px;
	line-height: 1.7;

}

#basic .cont_nav .button a{
	display: block;
	width:115px;
	padding:8px 0;
}

#basic .cont_nav .button a::before{
	font-family: "Font Awesome 5 Free";
	content: '\f107';
	font-size: 13px;
	font-weight: 900;
	text-align: center;
	margin-right: 8px;
}

#basic section.amimono,
#basic section.sewing,
#basic section.other{
	padding:80px 0 0;

}

#basic .box_list{
	display: flex;
}

#basic .box_list .box{
	width:33%;
	max-width: 320px;
	margin-right: 40px;
	box-shadow: 0px 0px 7px 3px #ebe8e9;
	padding-bottom: 1%;
}

#basic .box_list .box:nth-child(3n){
	margin-right: 0%;
}


#basic .box_list .box dl{
	width:90%;
	margin:0 auto;
}

#basic .box_list .box dt{
	font-size: 15px;
	color:#000;
	margin:15px 0 5px;
	line-height: 1.6;
}

#basic .box_list .box dd{
	font-size: 13px;
	color:#000;
	line-height: 1.6;
}


#basic .box_list .box ul{
	width:90%;
	margin:30px auto 0;
}


#basic .box_list .box ul a{
	background: #badc58;
	text-align: center;
	width:100%;
	color:#fff;
	padding:8px 0;
	display: block;
	margin-bottom: 10px;
}


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

#basic .cont_nav{
	padding:50px 0 0;
}

#basic .cont_nav ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#basic .cont_nav ul li{
	width:47%;
	margin-bottom: 40px;
}

#basic .cont_nav ul li dl{
	margin-bottom: -20px;
}

#basic .cont_nav ul li dt span{
	font-size: 12px;
	background: #82c259;
	padding:3px 5px;
	color:#fff;
	border-radius: 10px;
	margin-right: 5px;
}

#basic .cont_nav ul li dd{ 
	font-size: 12px;

}

#basic .cont_nav .button a{
	width:50%;
}

#basic section.amimono,
#basic section.sewing,
#basic section.other{
	padding:50px 0 0;
}


#basic .box_list{
	display: block;
}

#basic .box_list .box{
	width:100%;
	max-width: 100%;
	margin-right: 0px;
	box-shadow: 0px 0px 7px 3px #ebe8e9;
	padding-bottom: 1%;
	margin-bottom: 30px;
}

#basic .box_list .box dl{
	width:93%;
}

#basic .box_list .box ul{
	width:93%;
}

#basic .box_list .box ul a{
	background: #badc58;
	text-align: center;
	width:100%;
	color:#fff;
	padding:8px 0;
	display: block;
	margin-bottom: 10px;
}

}


/********************

手作りの基礎トップ／手作りムービー

********************/

#basic .movie_cat{
	display: flex;
	flex-wrap: wrap;
}

#basic .movie_cat div.cat_detail{
	width:33%;
	border-right:1px solid #eeeeee;
	 padding-bottom: 20px;
	 padding-top: 20px;
}

#basic .cat_list div.cat_detail:nth-child(3n){
	border-right:none;
}

#basic .cat_list div.cat_detail dl{
	width:90%;
	margin:0 auto;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

#basic .cat_list div.cat_detail:nth-last-child(1) dl,
#basic .cat_list div.cat_detail:nth-last-child(2) dl{
	border-bottom:none;
}

#basic .cat_list div.cat_detail dl dt a{
	color:#6eb83e;
	font-size: 17px;
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
}

#basic .cat_list div.cat_detail dl dd a{
	font-size: 13px;
	margin-left: 10px;
	line-height: 1.7;
}

#basic .cat_list p{
	font-size: 16px;
	color:#000;
	margin:20px 0 10px;
}

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

#basic .movie_cat{
	display: block;
}

#basic .movie_cat div.cat_detail{
	width:100%;
	border-right:none;
	 padding-bottom: 20px;
	 padding-top: 20px;
}

#basic .cat_list div.cat_detail dl{
	width:95%;
	margin:0 auto;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

#basic .cat_list div.cat_detail:nth-last-child(2) dl{
	border-bottom: 1px solid #eee;
}

}




/********************

手作りムービー　　トップ

********************/

#basic.basic_movie_contents .basic_detail{
	padding-top: 50px;
}

#basic .movie_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top:50px;
}

#basic .movie_list a{
	width:32%;
	margin-bottom: 30px;
	position: relative;
	box-shadow: 0px 0px 7px 3px #ebe8e9;
}

#basic .movie_list dl dt img{
	width:100%;
	height:202px;
	object-fit: cover;
}

#basic .movie_list dl dd.title{
	font-size: 14px;
	color:#000;
	width:94%;
	margin:20px auto 10px;
	line-height: 1.5;
}

#basic .movie_list dl dd.time{
	font-size: 12px;
	width:94%;
	color:#aaaaaa;
	margin:0px auto 20px;
}

#basic .movie_list dl dd.new{
	position: absolute;
	top:0;
	left:0;
	width :80px;
	height:80px;
}

@media screen and (max-width:767px) {
	
#basic .movie_list a{
	width:49%;
	margin-bottom: 2%;

}

#basic .movie_list dl dt img{
	width:100%;
	height:150px;
}

#basic .movie_list dl dd.title{
	font-size: 14px;
	margin:10px auto 10px;
}

#basic .movie_list dl dd.time{
	margin:0px auto 10px;
}

#basic .movie_list dl dd.new{
	width :80px;
	height:80px;
}
}

/********************

手作りムービー　　詳細

********************/

#basic.basic_detail_contents .video_btn {
	text-align: right;
	margin:10px 0 0;
}
#basic.basic_detail_contents .video_btn.k{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#basic.basic_detail_contents .video_btn.france{
	display: flex;
	justify-content: flex-end;
}

#basic.basic_detail_contents .video_btn.france span{
	display: block;
	font-size: 10px;
	color:#E94F6C;
	font-weight: bold;
}

#basic.basic_detail_contents .video_btn.france a{
	margin-left: 10px;
	display: block;
}



#basic.basic_detail_contents .video_btn a img{
	width:50px;
	height:50px;
}

#basic .movie_list_detail {
	margin-top: 50px;
}

#basic .movie_list_detail dl{
	box-shadow: 0px 0px 7px 3px #ebe8e9;
	position: relative;
	padding-bottom: 20px;
}

#basic .movie_list_detail dl dt iframe{
	width:100%;
	height:500px;
}

#basic .movie_list_detail dl dd.title{
	font-size: 14px;
	color:#000;
	width:94%;
	margin:20px auto 10px;
	line-height: 1.5;
}

#basic .movie_list_detail dl dd.time{
	font-size: 12px;
	width:94%;
	color:#aaaaaa;
	margin:0px auto 20px;
	text-align: right;
}

#basic .movie_list_detail dl dd.new{
	position: absolute;
	top:0;
	left:0;
	width :80px;
	height:80px;
}

#basic .relation_link,
#basic .relation_movie{
	padding-top: 0;
}

#basic .relation_link ul li{
	margin-bottom: 10px;
}

#basic .relation_link ul li i{
	color:#badc58;
	font-size: 10px;
	vertical-align: middle;
	margin-right: 8px;
	margin-top: -5px;
	line-height: 0;
}

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

#basic .movie_list_detail dl{
	padding-bottom: 10px;
}

#basic .movie_list_detail dl dt iframe{
	height:50vw;
}

#basic .movie_list_detail dl dd.title{
	font-size: 14px;
	margin:10px auto 10px;
}

#basic .movie_list_detail dl dd.time{
	margin:0px auto 10px;
}

#basic .movie_list_detail dl dd.new{
	width :80px;
	height:80px;
}
}



/********************

下層ページ 手作りの基礎詳細 
道具について

********************/

#basic.basic_detail_contents h4{
	margin-bottom: 20px;
	line-height: 1.6;
}

#basic h4 + span{
	font-size: 14px;
}

#basic.basic_detail_contents .basic_tool{
	padding-top:0px;
}

#basic.basic_detail_contents .basic_tool .sub_title{
	border-bottom:1px solid #eee;
	font-size: 18px;
	padding-bottom: 20px;
	margin-top: 50px;
	color:#000;
}

#basic.basic_detail_contents .basic_tool p.sub_copy{
	font-size: 15px;
	line-height: 1.7;
	margin-top: 8px;
	margin-bottom: 20px;
}

#basic.basic_detail_contents .sub_ttl{
	border-top:2px dashed  #82c259;
	border-bottom:2px dashed  #82c259;
	padding:8px 0 8px 5px;
	margin:15px auto 0;
}

#basic.basic_detail_contents .sub_ttl .com{
	font-size: 0.8em;
	padding-left: 15px;
}

#basic.basic_detail_contents .basic_tool img{
	width:auto;
	max-width: 100%;
}

#basic.basic_detail_contents .basic_tool .cont{
	margin:40px auto;
	max-width: 1000px;
}

#basic.basic_detail_contents .basic_tool .cont.center{
	text-align: center;
}

#basic.basic_detail_contents .basic_tool .cont.center p{
	font-size: 14px;
	text-align: left;
	line-height: 1.7;
	margin-top: 20px;
}

#basic.basic_detail_contents .basic_tool .cont.center p a{
	display: block;
	color:#badc58;
	font-weight: bold;
}

#basic.basic_detail_contents .basic_tool .cont.center p a i{
	margin-right: 5px;
}

#basic.basic_detail_contents .basic_tool .cont ul.flex{
	display: flex;
	justify-content: space-between;
	line-height: 1.7;
}

#basic.basic_detail_contents .basic_tool .cont ul.flex li:first-child img{
	max-width: 378px;
	width:100%;
}

#basic.basic_detail_contents .basic_tool .cont ul.flex li:last-child{
	width:65%;
	font-size: 13px;
	margin-left: 20px;
}

#basic.basic_detail_contents .basic_tool .cont ul li:last-child dt{
	font-size: 16px;
	font-weight: bold;
	color:#000;
	margin:8px 0;
}

#basic.basic_detail_contents .basic_tool .cont ul li:last-child dd{
	font-size: 14px;
}

#basic.basic_detail_contents .basic_tool .cont ul.set{
	display: flex;
	justify-content: center;
	align-items: center;
}

#basic.basic_detail_contents .basic_tool .cont ul.set li{
	margin:0 20px;
}

#basic.basic_detail_contents .basic_tool .cont ul.set li:last-child img{
	max-width: 378px;
}

#basic.basic_detail_contents .basic_tool .cont ul.set li:first-child{
	font-size: 13px;
	margin-left: 20px;
}

#basic.basic_detail_contents .basic_tool .cont ul.set li:first-child dt{
	font-size: 16px;
	font-weight: bold;
	color:#000;
	margin:8px 0;
}

#basic.basic_detail_contents .basic_tool .cont ul.set li:first-child dd{
	font-size: 14px;
}



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

#basic{
		padding-top: 45px;
	}
#basic.basic_detail_contents h4{
	margin-bottom: 10px;
}

#basic.basic_detail_contents span{
	font-size: 12px;
}

#basic.basic_detail_contents .basic_tool{
	padding-top:0px;
}

#basic.basic_detail_contents .basic_tool .cont{
	margin:25px 0;
}

#basic.basic_detail_contents .basic_tool .cont ul.flex{
	display: block;
	justify-content: space-between;
	line-height: 1.7;
}

#basic.basic_detail_contents .basic_tool .cont ul
.flex li:first-child img{
	max-width: 378px;
	width:100%;
	display: block;
	margin:0 auto 20px;
}

#basic.basic_detail_contents .basic_tool .cont ul.flex li:last-child{
	width:100%;
	margin-left: 0;
}

#basic.basic_detail_contents .basic_tool .cont ul.set{
	display: block;
	width:100%;
	text-align: center;
}

#basic.basic_detail_contents .basic_tool .cont ul.set li{
	margin:0 0px;
}


#basic.basic_detail_contents .basic_tool .cont ul.set li:last-child img{
	max-width: 100%;
}

#basic.basic_detail_contents .basic_tool .cont ul.set li:first-child{
	margin-bottom: 10px;
}



}




/*／基本の編み方*/



#basic.basic_detail_contents .basic_basic{
	padding-top:0px;
}

#basic.basic_detail_contents .basic_basic h5{
	margin-top: 20px;
}

#basic.basic_detail_contents .basic_basic em{
	line-height: 1.7;
	font-size: 14px;
	font-weight: bold;
	margin-top:16px;
	display: block;
}

#basic.basic_detail_contents .com{
	font-size: 0.8em;
}

#basic.basic_detail_contents .basic_basic img{
	width:auto;
}

#basic.basic_detail_contents .basic_basic .box_list{
	margin:20px 0 50px;
}

#basic.basic_detail_contents .basic_basic .box_list em.sub_com{
	display: inline-block;
}

#basic.basic_detail_contents .basic_basic .box_list dl{
	margin:0 20px;
	max-width: 20%;
}

#basic.basic_detail_contents .basic_basic .box_list dl.six{
	margin-right: 100px;
}

#basic.basic_detail_contents .basic_basic .box_list.two_col{
	justify-content: center;
}

#basic.basic_detail_contents .basic_basic .box_list.two_col dl{
	margin:0 20px;
	max-width: 50%;
}

#basic.basic_detail_contents .basic_basic .box_list dl dt{
	text-align: center;
}

#basic.basic_detail_contents .basic_basic .box_list dl dd{
	font-size: 13px;
	line-height: 1.7;
	text-align: left;
	margin-top: 5px;
}




#basic.basic_detail_contents .afgan_com{
	line-height: 1.7;
	font-size: 14px;
}



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

#basic.basic_detail_contents .basic_basic{
	padding-top: 0px;
}

#basic.basic_detail_contents .basic_basic em{
	line-height: 1.7;
	font-size: 14px;
	font-weight: bold;
	margin-top:3px;
	display: block;
}

#basic.basic_detail_contents .basic_basic img{
	width:auto;
	max-width: 100%;
}

#basic.basic_detail_contents .basic_basic .box_list{
	display: block;
	text-align: center;
}

#basic.basic_detail_contents .basic_basic .box_list img:first-child{
	margin-bottom: 20px;
}

#basic.basic_detail_contents .basic_basic .box_list.two_col dl{
	margin:0 0px 20px;
	max-width: 100%;
}

#basic.basic_detail_contents .basic_basic .box_list dl.six{
	margin-right: 0px;
}

#basic.basic_detail_contents .basic_basic .box_list.two_col dl:last-child{
	margin-bottom: 0;
}

#basic.basic_detail_contents .basic_basic .box_list dl{
	margin:0 0px;
	width:100%;
	max-width: 100%;
	margin-bottom: 40px;
	text-align: center;
}

#basic.basic_detail_contents .basic_basic .box_list dl dt{
	text-align: center;
}

#basic.basic_detail_contents .basic_basic .box_list dl dd{
	font-size: 13px;
	line-height: 1.7;
	text-align: center;
	margin-top: 5px;
}

#basic.basic_detail_contents .basic_basic .sub_ttl{
	border-top:2px dashed  #82c259;
	border-bottom:2px dashed  #82c259;
	padding:8px 0 8px 5px;
	margin:15px auto 0;
}
	
}




/********************

下層ページ 手作りの基礎詳細 
編んでみましょう

********************/


#basic.basic_detail_contents .basic_howto{
	padding-top:0px;
}


#basic.basic_detail_contents .basic_howto p.sub_copy{
	font-size: 15px;
	line-height: 1.7;
	margin-top: 8px;
}

#basic.basic_detail_contents .basic_howto .sub_title{
	border-bottom:1px solid #eee;
	font-size: 18px;
	padding-bottom: 20px;
	margin-top: 50px;
	color:#000;
}

#basic.basic_detail_contents .basic_howto img{
	width:auto;
	max-width: 90%;
}

#basic.basic_detail_contents .basic_howto .cont{
	margin:40px auto;
	max-width:800px;
}

#basic.basic_detail_contents .basic_howto .cont.center{
	text-align: center;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex{
	display: flex;
	justify-content: center;
	line-height: 1.7;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex img{
	width:250px;
	max-width: 250px;
	margin-right:30px;
}



#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child{
	font-size: 16px;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child tr:first-child{
	border-top:1px solid #ccc; 
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child tr{
	border-bottom:1px solid #ccc; 
	padding:10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child td{
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child th{
	vertical-align:middle;
	width: 30vw;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child td {
	font-size: 12px;
	text-align: center;
	color:#E94F6C;
	width:100px;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child td img{
	width:40px;
	display: block;
	margin:0 auto;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child .button{
	text-align: right;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child .button a{
	padding:8px 0;
	margin:20px 0 0;
    line-height: 1.3;
    display: inline-block;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child .button a i{
	margin-right: 3px;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li dt{
	border-bottom:1px solid #ccc;
	margin-top: 15px;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li dt:first-child{
	margin-top: 0;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li span.com{
	font-size: 12px;
	display: block;
	margin:15px 0 15px;
	text-indent:  -1em;
	margin-left: 1em;
}


#basic.basic_detail_contents .basic_howto .booklist{
	background: #fafafa;
	padding:60px 0;
}

#basic.basic_detail_contents .basic_howto .booklist p{
	font-size: 16px;
	line-height: 1.7;
}

#basic.basic_detail_contents .basic_howto .booklist.afgan p:first-child{
	color:#000;
	text-align: center;
	font-size: 18px;
}

#basic.basic_detail_contents .basic_howto .booklist ul{
	display: flex;
	justify-content: center;
}

#basic.basic_detail_contents .basic_howto .booklist ul li{
	margin:20px 10px 0;
	text-align: center;
	width:30%;
	line-height: 1.5;
}

#basic.basic_detail_contents .basic_howto .booklist ul li dd{
	font-size: 12px;
}

#basic.basic_detail_contents .basic_howto .booklist p:last-child{
	text-align: left;
	font-size: 12px;
	margin-top: 30px;
}

#basic.basic_detail_contents .basic_howto .booklist p.link_com{
	text-align: center;
}







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

#basic{
		padding-top: 45px;
	}
#basic.basic_detail_contents h4{
	margin-bottom: 10px;
}

#basic.basic_detail_contents span{
	font-size: 12px;
}

#basic.basic_detail_contents section.basic_howto{
	padding-top:0px;
	padding-bottom: 0;
}

#basic.basic_detail_contents .basic_howto .cont{
	margin:25px 0;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex{
	display: block;
	justify-content: space-between;
	line-height: 1.7;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:first-child img{
	max-width: 378px;
	width:100%;
	display: block;
	margin:0 auto 20px;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child{
	width:100%;
}



#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child tr{
	width: 100%;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child td{
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child th{
	vertical-align:middle;
	width: 75%;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child td {
	font-size: 12px;
	text-align: center;
	color:#E94F6C;
	width:20%;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child td img{
	width:40px;
	display: block;
	margin:0 auto;
}

#basic.basic_detail_contents .basic_howto .booklist{
	padding:40px 0;
}

#basic.basic_detail_contents .basic_howto .booklist ul{
	display: block;
}

#basic.basic_detail_contents .basic_howto .booklist ul li{
	margin:20px 0px 50px;
	width:100%;
}

#basic.basic_detail_contents .basic_howto .booklist ul li dd{
	font-size: 12px;
}

#basic.basic_detail_contents .basic_howto .booklist p:last-child{
	text-align: center;
	font-size: 12px;
	margin-top: 30px;
}

#basic.basic_detail_contents .basic_howto .cont ul.flex li:last-child .button a{
	margin:15px auto 30px;
    line-height: 1.3;
    display: block;
}
}






/********************

下層ページ ソーイングナビ 
入園入学グッズ作り

********************/

#basic.basic_detail_contents .basic_nyuen{
	padding-top:0px;
}

#basic.basic_detail_contents .basic_nyuen h5{
	margin-top: 20px;
}


#basic.basic_detail_contents .basic_nyuen .movie_link{
	display: flex;
}

#basic.basic_detail_contents .basic_nyuen .movie_link ul{
	width:50%;
}


#basic.basic_detail_contents .basic_nyuen .btn_beforestart,
#basic.basic_detail_contents .basic_nyuen .btn_other{
	display: flex;
	justify-content: center;
}

#basic.basic_detail_contents .basic_nyuen .btn_beforestart{
	margin-bottom: 50px;
}

#basic.basic_detail_contents .basic_nyuen .btn_beforestart li,
#basic.basic_detail_contents .basic_nyuen .btn_other li{
	margin-right: 30px;
}

#basic.basic_detail_contents .basic_nyuen .btn_other li{
	margin-right: 15px;
	max-width: 375px;
}

#basic.basic_detail_contents .basic_nyuen .btn_beforestart li i{
	display: inline-table;
	margin-top: 5px;
	margin-left: 8px;
}

#basic.basic_detail_contents .basic_nyuen .btn_other li img{
	max-width: 100%;
}



#basic.basic_detail_contents .basic_nyuen em{
	line-height: 1.7;
	font-size: 14px;
	font-weight: bold;
	margin-top:3px;
	display: block;
}

#basic.basic_detail_contents .basic_nyuen img{
	width:auto;
}

#basic.basic_detail_contents .basic_nyuen .box_list{
	margin:50px 0 50px;
	flex-wrap: wrap;
	justify-content: space-between;
}


#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl{
	max-width: 27%;
	margin-bottom: 3%;
	background: #fff;
	box-shadow: 0px 0px 7px 3px #ebe8e9 ;
	padding:2%;
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dt{
	text-align: center;
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dt img{
	max-width: 100%
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dd{
	font-size: 13px;
	line-height: 1.7;
	text-align: left;
	margin-top: 5px;
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dd.second em{
	font-size: 15px;
	color:#000;
}
#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dd.last em{
color:#82c259;
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dd.last .button a{
	width:100%;
}


#basic.basic_detail_contents .basic_nyuen .movie_btn{
	text-align: center;
	margin-bottom: 40px;
}

#basic.basic_detail_contents .basic_nyuen .movie_btn img{
	max-width: 100%;
}







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

#basic.basic_detail_contents .basic_nyuen{
	padding-top: 0px;
}


#basic.basic_detail_contents .basic_nyuen em{
	line-height: 1.7;
	font-size: 14px;
	font-weight: bold;
	margin-top:3px;
	display: block;
}

#basic.basic_detail_contents .basic_nyuen img{
	width:auto;
}

#basic.basic_detail_contents .basic_nyuen .box_list{
	display: block;
	text-align: center;
}

#basic.basic_detail_contents .basic_nyuen .box_list img:first-child{
	margin-bottom: 20px;
}

#basic.basic_detail_contents .basic_nyuen .box_list.two_col dl{
	margin:0 0px 20px;
	max-width: 100%;
}

#basic.basic_detail_contents .basic_nyuen .box_list.two_col dl:last-child{
	margin-bottom: 0;
}

#basic.basic_detail_contents .basic_nyuen .box_list dl{
	margin:0 0px;
	width:100%;
	max-width: 100%;
	margin-bottom: 40px;
	text-align: center;
}

#basic.basic_detail_contents .basic_nyuen .box_list dl dt{
	text-align: center;
}

#basic.basic_detail_contents .basic_nyuen .box_list dl dd{
	font-size: 13px;
	line-height: 1.7;
	text-align: center;
	margin-top: 5px;
}

#basic.basic_detail_contents .basic_nyuen .sub_ttl{
	border-top:2px dashed  #82c259;
	border-bottom:2px dashed  #82c259;
	padding:8px 0 8px 5px;
	margin:15px auto 0;
}

#basic.basic_detail_contents .basic_nyuen .movie_link{
	display: block;
}

#basic.basic_detail_contents .basic_nyuen .movie_link ul{
	width:100%;
}




#basic.basic_detail_contents .basic_nyuen .btn_beforestart,
#basic.basic_detail_contents .basic_nyuen .btn_other{
	display: block;
}

#basic.basic_detail_contents .basic_nyuen .btn_beforestart{
	margin-bottom: 50px;
}

#basic.basic_detail_contents .basic_nyuen .btn_beforestart li,
#basic.basic_detail_contents .basic_nyuen .btn_other li{
	margin-right: 0px;
}


#basic.basic_detail_contents .basic_nyuen .btn_other li{
	margin-bottom: 20px;
}

#basic.basic_detail_contents .basic_nyuen .btn_other li{
	margin-right: 0;
	max-width: 100%;
}

#basic.basic_detail_contents .basic_nyuen .btn_beforestart li i{
	display: inline-table;
	margin-top: 5px;
	margin-left: 8px;
}

#basic.basic_detail_contents .basic_nyuen .btn_other li img{
	max-width: 100%;
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl{
	max-width: 100%;
	margin-bottom: 50px;
	background: #fff;
	box-shadow:none ;
	border-bottom: 1px solid #ebe8e9 ;
	padding:2% 0% 8%;
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dt{
	text-align: center;
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dt img{
	max-width: 100%
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dd{
	font-size: 13px;
	line-height: 1.7;
	text-align: left;
	margin-top: 5px;
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dd.second em{
	font-size: 15px;
	color:#000;
}
#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dd.last em{
color:#82c259;
}

#basic.basic_detail_contents .basic_nyuen .box_list.three_col dl dd.last .button a{
	width:100%;
}
	
}




/********************

動画モーダル

********************/


.modaal-content-container{
	text-align: center;
	padding:10px !important;
}




.modaal-close:hover{
	background: none !important;
}

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before{
	background: #fff !important;
}


.modaal-container{
	max-width: 500px !important;
	border:5px solid #009944;
	padding:0;
}

@media screen and (max-width: 767px) {
	.modaal-close{
	right:0 !important;
	top:50px !important;
}
}