/*
Theme Name: フジフォトハウス映像
Theme URI:
Description:
Author:
Version:
*/
html{background: rgba(6,173,200,0.05)}
body{overflow-x: hidden;}

img{width: 100%;}

.pc{display: block;}
.sp{display: none;}

a{text-decoration: none;color:rgba(6,173,200,1)}

.block{max-width: 1200px;margin:0 auto;position: relative;}
.w100{width: 100% !important;}
.w600{max-width: 600px;margin:0 auto;}
.w800{max-width: 800px;margin:0 auto;}
.w1000{max-width: 1000px;margin:0 auto;}
.widthmini{max-width: 600px;margin:0 auto;}

table{border-collapse: collapse;width: 100%;margin-bottom: 50px;}
table th,
table td{border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;padding:20px 30px;}
table th{background: #000;color:#fff;}

.flex{display: flex;justify-content: space-between;}

.pt0{padding-top: 0 !important}
.mb0{margin-bottom: 0 !important}
.mb20{margin-bottom: 20px;}
.mb50{margin-bottom: 50px !important;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}

.box{padding:100px 0;}

.btn a,
.btn input{color:#fff;background: rgba(6,173,200,1);padding:30px;display: block;margin:0 auto ;border: solid 1px rgba(255,255,255,1);transition: 0.5s;text-align: left;position: relative;width: 440px;cursor: pointer;font-size: 18px;}
.btn a:after,
.btn input:after{position: absolute;content: "";background: url(./img/arw.svg) no-repeat center center;background-size: cover;top:50%;right:30px;margin-top:-4px;height: 7px;width: 20px;transition: 0.2s}
.btn a:hover:after{right: 20px}

.tl_area{display: flex;align-items: center;margin-bottom:40px}
.tl_area .tl{font-family: "Noto Serif Old Uyghur", serif;font-size: 35px;line-height: 100%;color:rgba(6,173,200,1.0);margin-right: 30px}
.subtl{font-size: 30px;color:rgba(6,173,200,1.0);text-align: center;padding-bottom: 30px;}

#ytPlayerWrap{
  position: relative;
  height: 90vh;
  width: 100%;background: #000;
}

#head{align-items: center;position: fixed;width: 100%;left: 0;top:0;padding:30px;z-index: 9999}
#nav {align-items: center;}
#nav a{display: block;padding:10px;letter-spacing: 0;color:#fff;text-shadow: 0 0 10px rgba(0,0,0,1);font-size: 15px;line-height: 100%;}
#nav .tel{font-size: 25px;letter-spacing: 0;color:#fff;text-shadow: 0 0 10px rgba(0,0,0,1);padding-left: 20px;line-height: 100%}
#logo{width: 280px}
#logo img{filter: drop-shadow(0px 0 10px rgba(0, 0, 0, 1));}
.main_btn{flex-wrap: wrap;background: #fff;}
.main_btn li{width: 50%;}
.main_btn li a{display: block;}
.main_btn li a .thum{width: 100%;display: block;height: 316px;overflow: hidden;}
.main_btn li a .thum img{transition: 0.5s;}
.main_btn li a:hover .thum img{transform: scale(1.2);}
.main_btn li:nth-child(2n) a{border-left: solid 1px #ccc;}
.main_btn li .detail{padding:20px 30px;background: url(./img/arw-b.svg) no-repeat 95% center;background-size: 20px 6px;transition: 0.5s;}
.main_btn li a:hover .detail{background-position: 97% center}
.main_btn li h3{padding:0 0 10px;color:rgba(6,173,200,1.0);font-size: 24px;font-weight: bold;width: 95%;}
.main_btn li p{color:#000;width: 95%;}
.sub_btn{background:rgba(6,173,200,1.0);padding:30px; }
.sub_btn li{width:50%;padding-right: 2%;border-right: solid 1px #fff;}
.sub_btn li:last-child{width:48%;padding-right: 0;border-right: none;}
.sub_btn li a{width:100%;display: block;background: #000;color: #fff;padding:30px;font-size: 24px;background: url(./img/arw.svg) #000 no-repeat 95% center;background-size: 20px 6px;transition: 0.5s;}
.sub_btn li a:hover{background-position: 97% center}
.sp_menu{display: none;}
.allin{flex-wrap: wrap;margin-bottom: -2%;}
.allin li{width: 32%;background: #fff;margin-bottom: 2%}
.allin li.title{background:rgba(6,173,200,1.0);color:#fff;display: flex;align-items: center;justify-content: center;font-family: "Noto Serif Old Uyghur", serif;font-size: 40px;line-height: 100%;}
.allin li .thum{position: relative;display: block;height: 200px}
.allin li .thum img{position: relative;z-index: 1}
.allin li .thum span{position: absolute;z-index: 2;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color:#fff;font-family: "Noto Serif Old Uyghur", serif;font-size: 30px;top:0;left:0;background: rgba(100,100,100,1);}
.allin li .detail{padding:30px;}
.allin li h3{text-align: center;padding-bottom: 10px;font-size: 24px;line-height: 100%;font-weight: bold;}

.works{background: linear-gradient(-45deg, rgba(6,173,200,0.1) 40%, rgba(6,173,200,1.0) 0);width: 100%;}
.works .tl_area .tl,
.works .tl_area p{color:#fff;}
.works .slick {margin-bottom: 50px}
.works .slick li a{display: flex;background:#fff;margin:0 2%;box-shadow: 0 0 10px rgba(0,0,0,0.32);justify-content: center;align-items: center;}

.kodawari .center {text-align: center;line-height: 180%;color: rgba(6,173,200,1.0);padding:30px 0 0}

.news_area ul{margin-bottom: 50px}
.news_area li{width: 23%;}
.news_area li a{display: block;}
.news_area li a .thum{margin-bottom: 15px;display: block;}
.news_area li a h3 span{display: inline-block;min-width: 5em;text-align: center;padding:5px;background: rgba(6,173,200,1.0);color:#fff;font-size: 80%;margin-bottom: 3px;line-height: 100%;letter-spacing: 0}

#foot{background: rgba(6,173,200,1.0); }
#safety{background: #000;color:#fff;padding:50px 0;}
#safety dl{align-items: center;}
#safety dt{font-family: "Noto Serif Old Uyghur", serif;font-size: 35px;line-height: 140%;width: 20%}
#safety dd{font-size: 28px;border-left:solid 3px #fff;letter-spacing: 0;line-height: 140%;padding-left: 20px}
#safety dd span{font-size: 60%;padding:5px 0;width: 5em;color:#fff;border: solid 1px #fff;display: block;text-align: center;line-height: 100%;margin-top: 10px;}
#ft_nav .flex{justify-content: center;padding:40px 0}
#ft_nav .flex li a{padding:15px ;color:#fff;display: block;}
#ft_contact{text-align: center;border-bottom: solid 1px #fff;}
#ft_contact:before{border-bottom: solid 1px #fff;width: 100%;content: "";display: block;position: relative;z-index: 0;top:10px;}
#ft_tl{background: rgba(6,173,200,1.0);padding:0 15px;line-height:100%;margin:0 auto;width:auto;font-size: 20px;color:#fff;position: relative;z-index: 1;display: inline-block;}
#ft_contact ul {padding:30px 0}
#ft_contact ul li{width: 48%;text-align: center;}
#ft_contact ul li.tel{font-size: 50px;color:#fff;font-weight: bold;border-right: solid 1px #fff;}
#ft_contact ul li.tel span{font-size: 15px;font-weight: normal;display: block;}
#ft_contact ul li img{width: 35px;margin-right: 15px}
#ft_contact ul li.mail{text-align: center;}
#ft_contact ul li.mail a{display: block;color: rgba(6,173,200,1.0);background:#ffff00;text-align: center;display: block;border: none;}
#ft_contact ul li.mail a h4{font-size: 28px;font-weight: bold;}
#ft_contact ul li.mail a span{letter-spacing: 0.05em;}
#ft_contact ul li.mail a:after{background-image: url(./img/arw-b.svg);}
#ft_btn .flex{justify-content: space-between;}
#ft_btn li.btn{width: 48%;}
#ft_btn li.btn a{display: block;background: #000;width: 100%;min-width: 100%;border: none;padding:30px;font-size: 25px;}
#ft_detail.flex{align-items: flex-end;color:#fff;font-size: 14px;padding-bottom: 100px;letter-spacing: 0}
#ft_detail .logo{width: 266px;margin-bottom: 10px}



#second #mainview{width:100%;height: 580px;}
#second #mainview h1{background: rgba(6,173,200,0.4);width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color:#fff;font-size: 74px;flex-direction: column;font-family: "Noto Serif Old Uyghur", serif;text-shadow: 0 0 10px rgba(0,0,0,1);letter-spacing: 0.2em;padding: 50px 0 0}
#second #mainview h1 span{font-size: 30px;font-family: 'Noto Sans JP', sans-serif;text-shadow: 0 0 10px rgba(0,0,0,1);letter-spacing: 0}

#second #ytPlayerWrap{width:100%;height: 580px;}
#second #ytPlayerWrap h1{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color:#fff;font-size: 74px;flex-direction: column;font-family: "Noto Serif Old Uyghur", serif;text-shadow: 0 0 10px rgba(0,0,0,1);letter-spacing: 0.2em;padding: 50px 0 0}
#second #ytPlayerWrap h1 span{font-size: 30px;font-family: 'Noto Sans JP', sans-serif;text-shadow: 0 0 10px rgba(0,0,0,1);letter-spacing: 0}


/*movie*/
.page-template-page-movie #mainview{background: url(./img/mo_main.png) no-repeat center center;background-size: cover;}
.flow li{border: solid 1px rgba(6,173,200,1.0);padding:50px 50px 50px 0;margin-bottom: 10px;position: relative;}
.flow li:after{content: "";display: block;width: 45px;height: 45px;background: url(./img/arw_down.svg) no-repeat center center;position: absolute;bottom: -28px;left: 142px;z-index: 9}
.flow li dl{display: table;}
.flow li dl dt,
.flow li dl dd{display: table-cell;vertical-align: middle;}
.flow li dl dt{width: 330px;font-size: 25px;text-align: center;font-weight: bold;border-right: solid 1px rgba(6,173,200,1.0);line-height: 130%;}
.flow li dl dt span{font-size: 20px;color:rgba(6,173,200,1.0);display: block;font-family: "Noto Serif Old Uyghur", serif;margin-bottom: 2px;}
.flow li dl dd{padding-left: 50px;}
.flow li:last-child{border: solid 1px rgba(6,173,200,1.0);background:rgba(6,173,200,1.0);color:#fff; }
.flow li:last-child:after{display: none;}
.flow li:last-child span{color:#fff;}
.flow li:last-child dl dt{border-right: solid 1px #fff;}

.price strong{font-size: 22px;font-weight: bold;display: block;margin-bottom: 10px}
.price tr td:first-child{border-top: solid 1px rgba(6,173,200,1.0);border-bottom: solid 1px rgba(6,173,200,1.0);color:rgba(6,173,200,1.0);}


/*drone*/
.page-template-page-drone #mainview{background: url(./img/dr_main.png) no-repeat center center;background-size: cover;}
.joken{padding:50px;background:rgba(6,173,200,0.1);}
.joken dt{font-weight: bold;border-bottom: dotted 1px #000;margin-bottom: 10px;padding-bottom: 10px;}


/*cg*/
.page-template-page-cg #mainview{background: url(./img/cg_main.png) no-repeat center center;background-size: cover;}


/*material*/
.page-template-page-material #mainview{background: url(./img/ma_main.png) no-repeat center center;background-size: cover;}
.price2 li{width: 48%;border:solid 5px #000;padding:30px 0;text-align: center;}
.price2 li dl{font-weight: bold;}
.price2 li dl dt{font-size: 25px;line-height: 100%}
.price2 li dl dd{font-size: 70px;line-height: 100%}
.price2 li dl dd span{font-size: 45px;}
#gallery-1 img{border:none !important;padding:0 2%}
.use{background:rgba(6,173,200,0.1);padding:50px;line-height: 180%}


/*works*/
.tax-works_cat #mainview,
.page-template-page-works #mainview{background: url(./img/wo_main.png) no-repeat center center !important;background-size: cover !important;}
.wo_nav {justify-content: center;border-top: solid 1px rgba(6,173,200,1.0);border-bottom: solid 1px rgba(6,173,200,1.0);}
.wo_nav li a{padding:15px;display: block;}
.works_list {flex-wrap: wrap;justify-content: flex-start;}
.works_list li{width: 31%;margin-bottom: 3%;margin-right: 3.5%;}
.works_list li:nth-child(3n){margin-right: 0;}


/*about*/
.page-template-page-about #mainview{background: url(./img/ab_main.png) no-repeat center center;background-size: cover;}
.shadowbox{padding:50px 0;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);text-align: center;}
.shadowbox div{display: inline-block;text-align: left;}
.shadowbox .subtl{text-align: left;}
.shadowbox p{line-height: 220%;}
.table2{margin-bottom:0}
.table2 th{border-top: solid 1px rgba(6,173,200,1.0);border-bottom: solid 1px rgba(6,173,200,1.0);color:rgba(6,173,200,1.0);background: transparent;width: 18%}
.table2 td li{margin-left: 1.2em;list-style: disc;}
.table2 th,.table2 td{padding:20px 0}
.table2 th span{font-size: 70%;padding:5px 10px;background: rgba(6,173,200,1.0);line-height: 100%;color:#fff;float:right;vertical-align: middle;}
.table2 th {padding-right: 20px}
.table2 td input ,
.table2 td textarea {padding: 10px;font-size: 120%;}
.table2 td textarea {width: 100%;}



/*contact*/
.page-template-page-contact #mainview{background: url(./img/co_main.png) no-repeat center center;background-size: cover;}
.tel_area dl{justify-content: center;align-items: center;}
.tel_area dt{font-size:50px; color:rgba(6,173,200,1.0);margin-right: 30px;font-weight: bold;}
.tel_area dt svg{width: 35px;margin-right: 10px;}



/*news*/
.archive #mainview,
.single-post #mainview,
.blog #mainview{background: url(./img/ne_main.png) no-repeat center center;background-size: cover;}
.entry_area{float: left;width: 70%;}
#sidebar{float: right;width: 26%;}
.news ul{margin-bottom: 30px;}
.news li{width:100%;border-top: dotted 1px #ccc;padding:20px 0;}
.news li:last-child{border-top: dotted 1px #ccc;border-bottom: dotted 1px #ccc;}
.news li a{display: block;}
.news li dl{display: table;width: 100%;}
.news li dl dt,
.news li dl dd{display: table-cell;vertical-align: middle;line-height: 160%;text-align: left;font-size:22px;}
.news li dl dt{padding-right: 20px;width: 30%;}
.news li dl dt img{width: 100%;}
.news li dl dd p{line-height: 160%;font-size:15px;padding-top:10px;}
.news li dl em{display: block;font-size:12px;}
.news li dl em span{display:inline-block;margin-left: 10px;width: 5em;border:solid 1px #06aec9;line-height: 100%;padding:3px 0;text-align: center;color:#06aec9;}
#sidebar .widget{margin-bottom: 50px}
#sidebar h2{background: #000;padding:10px;text-align: center;color:#fff;font-size:18px;}
#sidebar ul li{border-bottom: dotted 1px #ccc;}
#sidebar ul li ul li{border-bottom: none;}
#sidebar ul li a{display: block;text-align: left;padding:10px 0;line-height: 140%}
.news_entry .body{line-height: 200%;text-align: left;font-size:18px;}
.news_entry .body p{margin-bottom: 1em;}
.news_entry .meta{text-align: left;padding-bottom: 15px;margin-bottom: 20px;border-bottom: dotted 1px #ccc;}
.news_entry .subtl{text-align: left;margin-bottom: 15px;background: #000;color:#fff;text-align: left;padding:10px;}



/*contact*/
.page-template-default #mainview{background: url(./img/co_main.png) no-repeat center center;background-size: cover;}
.page-template-default .w800 p{margin-bottom: 1.5em;}
.page-template-default .w800 h2{margin-bottom: 0.5em;font-size: 120%;font-weight: bold;}
.page-template-default .w800 ul{margin:-1em 0 1.5em;}
.page-template-default .w800 li{margin-bottom: 0.5em;list-style: disc;margin-left: 1.2em;}