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

div#contentsarea.short_movie{background:#f7f3e9;margin-top:190px;padding-top:65px}
.content_inner {width: 680px;margin: 0 auto;position:relative;}
.title_container{width:320px;color:#cbc6c1;text-decoration:underline;font-size:26px;padding-left:105px;margin-bottom:30px;}

.mgn110{margin-bottom:110px!important;}
#mainmovie{width:270px;margin:0 auto;}
video {filter: drop-shadow(0px 0px rgba(0,0,0,0));outline: none;border: none;display: block;}
#mainmovie::before{background: url(/item/shortmovie/img/001/livingwithvidro.svg) no-repeat;background-size: 50px;position: absolute;height:440px;width: 50px;left: 20%;top:70px;content: " ";}
#mainmovie::after{background: url(/item/shortmovie/img/001/livingwithvidro_2.svg) no-repeat;background-size: 50px;position: absolute;height:440px;width: 50px;right: 20%;top:70px;content: " ";}
#mvsec{position:relative;}

.mv_tx_subt{font-weight:bold;margin-top: 20px;}
.title_container h2{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.title_container h2 img{vertical-align:bottom;}
.jostfnt{font-family: "Jost", sans-serif;font-optical-sizing: auto;font-weight:500;font-style: normal;}

.mv_tx_content{text-align:left;padding:30px 0;}
.mv_tx_title{font-size:21px;font-weight: bold;margin:30px 0;line-height: 40px;}
.mv_txt_honbun{text-align:justify;line-height: 2.1em;}
.moviemain_img img{width:100%;}
.ec_btn li,.rmbtn{margin: 0 5px;font-size: 18px;font-weight: bold;line-height: 29px;display: inline-block;width: 137px!important;text-align: center;margin-bottom: 5px;border:1px solid #666666;float: none!important;}
.ec_btn p, .rmbtn {margin-bottom: 15px;font-weight: bold !important;text-align: center !important;line-height: normal !important;}
.ec_btn li:hover{opacity: 0.7!important;}
.bdline{border-bottom: 1px solid #000;margin-bottom: 15px;font-size:21px;font-weight: bold;padding-bottom: 10px;}
.flxdl dl{display: flex;justify-content: space-between;line-height: 34px;background: url(/common/img/dott.png) repeat-x center center;width:65%;}
.flxdl dl:nth-child(8){margin-bottom:20px;}
.flxdl dl dt,.flxdl dl dd{background: #f7f3e9;}
.flxdl dl dt{padding-right:20px;}
.flxdl dl dd{padding-left:20px;}
.mv_ol_rece li{margin: 20px 0;padding-left: 30px;list-style:none;}
.mv_ol_rece li:nth-child(1){background:url("/item/shortmovie/img/001/num1.svg") no-repeat;background-size:20px;}
.mv_ol_rece li:nth-child(2){background:url("/item/shortmovie/img/001/num2.svg") no-repeat;background-size:20px;}
.mv_ol_rece li:nth-child(3){background:url("/item/shortmovie/img/001/num3.svg") no-repeat;background-size:20px;}
.mv_ol_rece li:nth-child(4){background:url("/item/shortmovie/img/001/num4.svg") no-repeat;background-size:20px;}
.mv_ol_rece li:nth-child(5){background:url("/item/shortmovie/img/001/num5.svg") no-repeat;background-size:20px;}
.mv_ol_rece li:nth-child(6){background:url("/item/shortmovie/img/001/num6.svg") no-repeat;background-size:20px;}
.mv_itemtwo{width:460px;display:flex;margin:30px auto;justify-content: space-between;}
.mv_itemthree{width:600px;display:flex;margin:30px auto;justify-content: space-between;align-items: baseline;}
.mv_itemforth{width:680px;display:flex;margin:30px auto;justify-content: space-between;align-items: baseline;}
.mv_itemforth_w{width:820px;display:flex;margin:30px auto;justify-content: space-between;align-items: baseline;}


#banner_cont_ot{background:#fff;padding:80px 0 10px 0;margin-top:80px;}

/* banner_container設定---------------------------------------------------------------*/
#banner_container {width: 980px;margin:70px auto 20px;font-family: 'Shippori Mincho', serif;}
#banner_container h2 {margin-bottom:30px;display: block;font-size: 18px;font-weight:normal;}
#banner_container h2.idxttl {width:290px;margin:0 auto;background:url("../img/h2_bd.gif") center center repeat-x;margin-bottom:30px;font-size: 1.5em;font-family: 'Shippori Mincho', serif;}
#banner_container h2.idx {background:url("../img/h2_bd.gif") center center repeat-x;}
#banner_container h2 span {background:#fff;padding:0 5px;}
#banner_container h3{width: 320px;margin: 0 auto;}
#banner_container h4 {margin-bottom: 45px;font-size: 1.5em;font-family: 'Shippori Mincho', serif;}
#banner_container img {width:100%;height:auto;}
#banner_container li {width:480px;margin-left:20px;margin-bottom:20px;}
#banner_container ul li:nth-child(odd){margin-left:0;}
#banner_container #pcsbmenu{width:980px;margin:0 auto;display:flex;padding-bottom: 2em;}
#banner_container ul#pcsbmenu li{width:190px;margin-right:5px;margin-left:0px;font-weight: bold;}
/* banner_container設定---------------------------------------------------------------*/


.kakko-03auto {
	position: relative;
	box-sizing: border-box;
}
.kakko-03auto::before{
	content: '';
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	margin-left:-20px;
	width: 20px;
	height: 100%;
	box-sizing: border-box;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}
.kakko-03auto::before {
	border-left: solid 1px #a9a9a9;
	left: 0;
	border-radius:0px;
}
.atext{
	position:absolute;
	margin-left: -35px;
    width: 40px;
    top: 40%;
    bottom: 50%;
    height: 100%;
}





@media (max-width:768px){
	.pcimg{display:none!important;}
	.smimg{display:block!important;}
	.content_inner{width: 96%;margin: 0 auto;}
	.mv_tx_title {font-size: 17px;
    margin: 10px 0;
    line-height: 28px;}
	.bdline{font-size:17px;}
	div#contentsarea.short_movie{margin-top:80px;padding-top:20px;}	
	.title_container{width:200px;padding:0;margin-left:0!important;}
	/*.title_container h2 span {font-size:14px;}*/
	.title_containerft{width: 100%;margin: 10px auto 35px !important;padding-top: 10px;}
	.title_containerft h2 {line-height: 1.5;margin: 0 auto 15px;font-size: 22px;}
	.moviemain_img{padding:15px 0 0 0;}
	.mv_tx_subt{margin-top: 5px;}
	.mv_tx_content{width:90%;padding:30px 0;}
	#banner_container h4 {padding: 15px;border-bottom: 1px solid #aeaeae;margin-bottom: 0px;font-size: 1.5em;font-family: 'Shippori Mincho', serif;}
	
	#banner_container #pcsbmenu {width: 100%;margin: 0 auto;display: block;padding-bottom: 2em;}
	#banner_container ul#pcsbmenu li{width: 95%;margin: 0 auto;padding: 3% 0;border-bottom: 1px solid #aeaeae;}
	#banner_container #pcsbmenu li img{width:50%;float:left;}
	#banner_container #pcsbmenu li p{width:50%;float:left;font-size: 130%;padding-top: 15%;}
	.mv_itemtwo{width:100%;display:flex;margin:30px auto;justify-content: center;}
	.mv_itemthree{width:100%;display:flex;margin:30px auto;justify-content: center;flex-wrap: wrap;}
	.mv_itemforth{width:100%;display:flex;margin:30px auto;justify-content: center;flex-wrap: wrap;}
	.mv_itemforth_w{width:100%;display:flex;margin:30px auto;justify-content: center;flex-wrap: wrap;}
	.mv_itemtwo li,.mv_itemforth li,.mv_itemthree li,.mv_itemforth_w li{width:40%;margin:0 5% 10%;}
	.mv_itemtwo li.smsingl,.mv_itemforth li.smsingl,.mv_itemthree li.smsingl,.mv_itemforth_w li.smsingl{width:100%;}
	.mv_itemtwo li img,.mv_itemforth li img,.mv_itemthree li img,.mv_itemforth_w li img{max-width:100%;}
	.mv_itemtwo{align-items:flex-end;}
	.mv_ol_rece li{background-size:20px!important}	
	#mainmovie::before {background: url(/item/shortmovie/img/001/livingwithvidro.svg) no-repeat;background-size: 20px;background-position: left bottom;position: absolute;height:480px;width: 20px;left: 0;bottom: 0px;top: 0;content: " ";}
	#mainmovie::after {background: url(/item/shortmovie/img/001/livingwithvidro_2.svg) no-repeat;background-size: 20px;background-position: right top;position: absolute;height: 100%;width: 20px;right: 0;top: 0px;content: " ";}
	#banner_container{width: 100%;margin-bottom: 30px !important;margin-top: 30px !important;padding-top: 10px;}
	.flxdl dl{width:90%;}
	#banner_cont_ot{padding:10px 0;}
	
	.kakko-03auto::before{margin-left:0px;}
	.atext{
	position:absolute;
	margin-left: -20px;}
	
}