@charset 'UTF-8';

.Raleway{font-family: 'Raleway', sans-serif;}
.bold{font-weight: bold;}




/*=============
= 大タイトル
================*/	

/*共通*/
.material_L_title{background: #000;padding: 0.6vw 0;}
.material_L_title h2{margin: 1vw;}
.material_L_title h2 span{color: #fff;font-size: 3.2vw;font-weight: bold;}
.material_L_title h2 p{color:#BFBFBF;font-size: 3.7vw;font-weight: normal;margin-top: 1vw;}
.material_L_title h2 .red_text{color: #FF0064;}

/*PDF*/
.material_L_title .pdf_icon{position: absolute;right:  1vw;top:1.5vw;}
.pdf_icon{background: #C8003C;color: #fff;display: inline-block;padding: 1vw;border-radius:0.5vw;font-size: 2.5vw;}
.pdf_icon a{display: flex;flex-wrap: wrap;text-decoration: none;color: #fff;}
.pdf_icon p{text-align: center;}
.pdf_icon i{margin-right:  1vw;vertical-align: middle;}


/*レンタル機材*/
#material_rental_title{position: relative;margin-top: 0;}
#material_rental_title h2 .red_text{font-size: 3.2vw;}


/*クロマキーレンタル*/
#chromakey_rental_title{position: relative;}
#chromakey_floor_title h2 .red_text{font-size: 3vw;}

/*小タイトル周り*/
.category_box{margin-top: 4vw;}
.category_box h3{background: #000;color: #fff;font-weight: bold;font-size: 3.2vw;box-sizing: padding-box;padding: 0.4vw 0.6vw ;margin-bottom: 2.6vw;line-height: 1.5}
.category_box h3 span{font-weight: 100;color:#cccccc;margin-left:0.4vw;}

.category_list{display: flex;flex-wrap: wrap;}



/*=============
= item設定	
================*/	
/*共通*/
.category_list{width: 95%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.list_item{position:relative;overflow:hidden;font-size: 3vw;margin-bottom: 2.4vw;}
.list_item img{width: 100%;}
.list_item .slideup{background:rgba(63,63,63,0.75);position:absolute;color:#fff;text-align: center;
					-webkit-transition: 0.5s;-moz-transition:  0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.list_item .slideup .list_item_title {font-weight:bold;display:block;padding: 0.8vw;}	
.list_item .slideup .item_count{display: none;}


/*普通の項目*/
.category_list_nomal .list_item_box,.category_list_nomal .list_item,.category_list_nomal .slideup{max-width: 42.6vw;max-height: 42.6vw;}
.category_list_nomal .list_item_box{margin-bottom:1.3vw;width: 48%;}
.category_list_nomal .list_item_box:nth-child(2n){margin-right: 0;}
.category_list_nomal .list_item{position: relative;}
.category_list_nomal .list_item .slideup{position:absolute;bottom:0;left:0;width: 100%;}

/*Other 小さい項目*/
.category_list_other .list_item_box,
.category_list_other .list_item,
.category_list_other .slideup{max-width: 28vw;max-height: 28vw;}
.category_list_other .list_item_box{width: 30%;margin-bottom: 2vw;}
.category_list_other .list_item_box:nth-child(3n){margin-right: 0;}
.category_list_other .list_item{position: relative;}
.category_list_other .slideup{position:absolute;bottom:0;width: 100%;/* height: 100%; */}
.category_list_other .slideup .list_item_title {padding: 1vw;}	


/*COUNT*/
#list_item{position: relative;}
.item_count_SP{position: absolute;top:1vw;right: 1vw;display: block;position: absolute;top:1vw;right: 1vw; text-align: right;background: #000;font-size: 2.6vw;color: #fff;padding: 0.5vw;}
.item_count_SP span{font-size: 2.6vw;display: inline;}


/*HOVER時設定*/				
.slideup_content{display: none;}
/*
.list_item:hover .slideup{top:0;box-sizing: padding-box;position: absolute;}
.list_item:hover .slideup .item_count{display: block;position: absolute;top:1vw;right: 1vw; text-align: right;background: #000;font-size: 2.6vw;}
.list_item:hover .slideup .item_count span{font-size: 2.6vw;display: inline;}
.list_item:hover .slideup .list_item_title{padding-top: 4vw;margin-bottom: 2vw;}
.list_item:hover .slideup .slideup_content .more_list{padding:0 2vw 0 1vw;}
.list_item:hover .slideup .slideup_content span{display: block;margin-bottom: 1vw;}
*/

/*HOVER時設定 小さい項目*/	
/*
.category_list_other .list_item:hover .slideup .list_item_title{padding-top: 4vw;margin-bottom: 2vw;}
.category_list_other .list_item:hover .slideup .item_count{font-size: 2.6vw;}
.category_list_other .list_item:hover .slideup .slideup_content span{margin-bottom: 0;}
*/

/*個別設定*/
#list_item_31 .list_item_title{font-size: 2vw;}
#list_item_23 .list_item_title{font-size: 2.3vw;}
#list_item_51 .list_item_title{font-size: 2.5vw;}



/*=============
= MODAL設定	
================*/	
#modal-win {width: 100%;position: absolute;}
#modal-win-inner {box-shadow: 0 0 5px rgba(0, 0, 0, .25);margin: 0 auto;position: relative;z-index: 101;}
#modal-bg {width: 100%;height: 100%;background-color: #000000;position: fixed;top: 0;left: 0;z-index: 100;cursor: pointer;}

/*modalカスタマイズ*/
.modal_content{width: 74.6vw;position: relative;background: #fff;}
.modal_content_inner{position: relative;}
.modal_inner{padding: 2.6vw 8vw;box-sizing:padding-box;position: relative;}
.modal_inner .modal_img{width: 100%;}
.modal_inner img{max-width: 100%;}
.modal_content_inner .mete_btn{z-index: 10;display: block;width: 8vw;}
.modal_content_inner .next_btn{position: absolute;top:35%;right: 4vw;}
.modal_content_inner .prev_btn{position: absolute;top:35%;left: 4vw;}
.modal_content_inner .mete_btn img{width: 100%;}

.modal_text_area{margin-top: 1.6vw;padding-bottom: 5vw}
.modal_item_name{font-size: 3.2vw;color:#3F3F3F;margin-bottom: 0.5vw;font-weight: bold;}
.modal_name_cap{color: #3f3f3f;font-size: 2.6vw;font-weight: bold;line-height: 1.5;}
.modal_more_photos{display: flex;flex-wrap: wrap;border-top:1px solid #7f7f7f;margin-top: 1.3vw;padding-top:1.3vw;}
.modal_more_photos p{width: 13.3vw;margin-right: 2.6vw;}
.modal_more_photos p img{width: 100%;}
.modal_detail{margin: 2.6vw 0;border-top:1px solid #7f7f7f;/* border-bottom:1px solid #7f7f7f; */padding:2.6vw 0;color: #000000;font-size: 2.6vw;}


.modal_content{display: none;}

#material_more1{position: relative;}



/*=============
= キャプション
================*/	
.material_caption_area{margin-top: 2.6vw;margin-bottom:5vw;padding-top: 2.6vw;border-top:1px #7F7F7F solid;/* overflow: hidden; */}
.material_caption_area dl{line-height: 1.7;font-size:2.6vw;}
.material_caption_area dl a,.material_caption_area .material_cap_pdf_text a{color:#0096FF;}

.material_cap_pdf{display: flex;flex-wrap: wrap;}
.material_caption_area .pdf_icon{position: relative;margin-bottom: 3vw;vertical-align: middle;}
.material_caption_area .material_cap_pdf_text{padding-top: 2vw;max-width: 70%;margin-left: 1vw;font-size: 2.6vw;color: #C8003C;font-weight: bold;}

/* .material_caption_area .pdf_icon a{color: #fff;} */

/*=============
= 背景紙
================*/	

.backpaper_title{font-size:3.2vw;margin-bottom: 9vw;}
.backpaper_title span{font-size: 2.6vw;color: #3F3F3F;}

#backpaper_list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.backpaper_box{width: 40vw;margin-bottom:6vw;}
.BP_color{height:5.3vw;position: relative;cursor: hand; cursor:pointer;}
.white_corner{width: 5vw;height: 5vw;background: #fff;position: absolute;right: -2.5vw;bottom:-2.5vw;transform:rotate(45deg);}
.BP_name{font-size:3.2vw; margin-top: 1.7vw;font-weight: thin}

#backpaper_description_area{margin-bottom:9vw;}
#BP_img{width: 64vw;}
#BP_img img{width: 100%;}
#BP_description{font-size:2.6vw;line-height: 1.5;margin-top: 2.6vw}
#BP_description .pdf{font-weight: bold;margin-top:3.3vw;}
#BP_description .pdf a{color: #D70050;text-decoration: none;}
#BP_description .pdf i{vertical-align: middle;margin-right:1vw;}


/*=============
= 追加用
================*/
.mt-10 { margin-top: 10px; }