/*
Theme Name: kick3
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2017 Colophon Foundry
 *
 * Licenced to TSUYOSHI SUDOU tsudou design
 */

@font-face {
    font-family: 'apercu-bold';
    src: url('./font/apercu-bold.eot');
    src: url('./font/apercu-bold.eot?#iefix') format('embedded-opentype'),
         url('./font/apercu-bold.woff') format('woff'),
         url('./font/apercu-bold.woff2') format('woff2'),
         url('./font/apercu-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}





/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


.win{
font-family: 'Noto Sans Japanese',"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

body {

  -webkit-font-smoothing: antialiased;

  -webkit-text-size-adjust: 100%;

letter-spacing: 0.09em;

background:#e5e5e5;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
color:#333;
font-weight:normal;
}

.no-touchevents a.logo:hover{
opacity:0.7;
}

.no-touchevents a.logo_head:hover{
opacity:0.7;
}
/*left*/
.left_m{
position:absolute;
width:100%;
background:#e5e5e5;
opacity:0;
}
.b_news .left_m_1,
.b_about .left_m_2,
.b_process .left_m_3,
.b_contact .left_m_4,
.no-touchevents .left_m:hover{
opacity:0.4;
}
.left_m_1{
top:4px;
height:162px;
}
.left_m_2{
top:177px;
height:162px;
}
.left_m_3{
top:354px;
height:184px;
}
.left_m_4{
top:557px;
height:227px;
}

/*right*/

.logo{
display:block;
width:73px;
width:6.5%;
height:240px;
position:fixed;
top:40px;
right :6.5%;
margin-right:-44px;
margin-right:-3.25%;
z-index:300;

background-size:cover;
background-position:center center;
abackground-image:url("./img/logo.png");
}
.logo img{
display:block;
width:100%;
height:auto;
}

body:not(.b_home) .rb_top{
bottom:97px;
}


body:not(.b_home) .rb_bottom{
bottom:62px;
}


.rb_top,
.rb_bottom{
display:block;

background-size:cover;
background-position:center center;

width:34px;
height:24px;
position:fixed;
bottom:67px;
right:6.5%;
margin-right:-17px;
z-index:300;
}

.rb_top{
background-image:url("./img/list1_a.png");
}

.rb_top:hover,
.rb_top.rb_on{
background-image:url("./img/list1_b.png");
}

.rb_bottom:hover,
.rb_bottom.rb_on{
background-image:url("./img/list2_b.png");
}
.rb_bottom{
bottom:32px;
background-image:url("./img/list2_a.png");
}

.rb_recruit{
display:block;
width:73px;
height:21px;
position:fixed;
bottom:21px;
right:6.5%;
margin-right:-37px;
z-index:300;
}



/*left*/
.left{
display:block;
width:50px;
width:4.4%;
margin-left:-2.2%;
height:438px;
position:fixed;
top:90px;
left:6.5%;
z-index:300;
abackground-image:url("./img/left.png");

background-size:cover;
background-position:center center;
}

.left img{
display:block;
width:100%;
height:auto;
}


/*contents*/

.contents{
/*74%*/
margin:30px 170px;
margin:30px 13%;
position:relative;
z-index:10;
}

.contents.news_blocks{
margin:30px 12%;
}


@media screen and (max-width:750px) and (max-height:980px){
.sp{
display:none !important;
}
}


[burl]{
background-size:cover;
background-position:center center;
}

.photo3set{
width:100%;
position:relative;
z-index:200;
margin-bottom:30px;
display:block;
color:#333;
text-decoration:none;
}
.photo3set a{
display:block;
color:#333;
text-decoration:none;
}
.photo3set_c{
position:absolute;
overflow:hidden;
cursor:pointer;
display:block;
}
.photo3set .photo3set_c:nth-of-type(1),
.photo3set .photo3set_c:nth-of-type(4){
top:0;
left:0;
z-index:200;

}
.photo3set .photo3set_c:nth-of-type(2),
.photo3set .photo3set_c:nth-of-type(5){
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;
z-index:201;

}
.photo3set .photo3set_c:nth-of-type(3),
.photo3set .photo3set_c:nth-of-type(6){
right:0;
bottom:0;
z-index:202;

}

.photo3set .photo3set_c.photo3set_c_h:hover{
opacity:1;
z-index:210;

}
.photo3set .photo3set_c.photo3set_c_h{
opacity:0;
z-index:210;
-webkit-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
   -moz-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -o-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
        transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
.touchevents .photo3set .photo3set_c.photo3set_c_h{
-webkit-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
   -moz-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
     -o-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
        transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
}


.photo3set_t{
z-index:220;

position:absolute;
background:#fff;
left:30px;
bottom:60px;
height:31px;
line-height:31px;
padding:0 15px;

vertical-align:middle;
font-weight:bold;
}
.photo3set_t_jp{
bottom:109px;
font-weight:normal;

}
.photo3set_t_en{
font-weight:normal;
   font-family: 'apercu-bold';
}


.photo3set_tags{
z-index:220;

position:absolute;
left:30px;
bottom:157px;
   font-family: 'apercu-bold';

}
.photo3set_tags a{
line-height:16px;

height:16px;
vertical-align:middle;
font-size:11px;
background:#fff;
padding:0 15px;
display:inline-block;
margin-right:0px;
color:#333333;
}
.photo3set_tags a+a{
padding:0 15px 0 0;
}
 
/*works_child*/
.child_photoset{
width:100%;
}
.child_photoset_1{
float:left;
}
.child_photoset_2{
float:right;
}

.child_photoset_3{
margin-top:30px;
}
.works_texts{
position:relative;
margin-top:32px;
font-size:13px;
line-height:26px;
font-weight:bold;
text-align: justify;
}

.works_texts_1{
float:left;
}

.works_texts_2{
float:right;
}

.works_texts_c{
width:46.5%;
}

.works_texts_line{
background:#333;
width:1px;
height:100%;
position:absolute;
right:50%;
}

.works_titles{
width:82px;
height:500px;
position:relative;
}
{
border-top:solid 1px #333;
width:82px;
margin-right:-41px;
height:100%;
position:fixed;
right:6.5%;
top:90px;
display:block;
}

.works_titles_jp{

    color: #333;
    position: absolute;
    top: 25px;
    right: 7px;
    font-weight: bold;
    font-size: 25px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
}
.works_titles_en{
    font-family: 'apercu-bold';
    position: absolute;
    top: 25px;
    left: 9px;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    letter-spacing: 0.2em;


}
.works_rb{
font-size:16px;
line-height:21px;
font-weight:bold;
position:fixed;
width:82px;
right:6.5%;
margin-right:-41px;
bottom:23px;
letter-spacing:0.06em;
   font-family: 'apercu-bold';

}

/*news*/
.news_block{
background:#fff;
margin:0 14px 27px;
}
.news_block_i{

  word-break : break-all;
  word-wrap : break-word;
  overflow-wrap : break-word;
position:relative;
margin:0 35px;
padding:30px 0;
font-size:11px;
line-height:21px;
font-weight:bold;
}
.news_block_i img{
display:block;
width:100%;
height:auto;
}

/*archive-works*/
.aw_box{
width:48%;
height:100px;
margin-right:4%;
float:left;
display:block;
position:relative;
color:#333;
}
.aw_box:nth-child(even){
margin-right:0;
}


.aw_t{
z-index:220;
font-size:12px;
position:absolute;
background:#fff;
left:0px;
bottom:0px;
height:25px;
line-height:25px;
vertical-align:middle;
padding:0 15px;
}
.aw_t_jp{
bottom:37px;
}
.aw_t_en{

   font-family: 'apercu-bold';
}
.child_photosets img{
width:100%;
height:auto;
display:block;
float:left;
}
.child_photosets{
position:relative;
}



/*news*/

.news_title {
font-size:16px;
margin-bottom:12px;
}
.news_img{
margin-bottom:17px;
}
.news_dt{
margin-bottom:13px;
vertical-align:middle;
}
.news_date{
font-size:15px;

    font-family: 'apercu-bold';
}
.news_tag{
    font-family: 'apercu-bold';

display:inline-block;
color:#333;
font-size:9px;
height:14px;
vertical-align:middle;
line-height:15px;
border:solid #555 1px;
text-decoration:none;
padding:0 5px 0 6px;
margin-left:6px;
position:relative;
top:-2px;
}








@media screen and (max-width:750px) and (max-height:980px) {
.logo{
width:60px;
margin-right:-30px;
}
.left{
width:41px;
margin-left:-20.5px;
}


.contents.news_blocks{
margin-left:11%;
margin-right:16%;
}

}


@media screen and (max-width:930px) and (min-width:751px){
.logo{
width:60px;
margin-right:-30px;
}
.left{
width:41px;
margin-left:-20.5px;
}

.contents.news_blocks{
margin-left:11%;
margin-right:16%;
}

}



@media screen and (min-width:1550px){
.logo{
width:101px;
margin-right:-50.5px;
}
.left{
width:68px;
margin-left:-34px;
}
}



/*news_aco*/

.news_aco{
max-height:85px;
overflow:hidden;

}

.news_aco_opened{
-webkit-transition: all 1500ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
   -moz-transition: all 1500ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
     -o-transition: all 1500ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
        transition: all 1500ms cubic-bezier(0.470, 0.000, 0.745, 0.715); /* easeInSine */


}
.news_aco_opened+.news_aco_opener,
.news_aco_noneed+.news_aco_opener,
.news_aco_noneed+.news_aco_opener+.news_aco_closer,
.news_aco_closer{
display:none;
}
.news_aco_opened+.news_aco_opener+.news_aco_closer{
display:block;
}

.news_aco_opener,
.news_aco_closer{
cursor:pointer;
text-decoration:underline;
text-align:right;
color:#333;
}
.news_aco.news_aco_opened{
max-height:5000px;
}

.news_rb{
right:6.5%;
bottom:20px;
width:60px;
margin-right:-30px;
position:fixed;
}

.news_rb a,
.news_rb2 a{
display:block;
border:solid 1px #4d4d4d;
height:18px;
line-height:18px;
vertical-align:middle;
text-align:center;
text-decoration:none;
color:#333;
   font-family: 'apercu-bold';
font-size:12px;
margin-top:10px;
}

.news_rb2 a{
display:inline-block;
padding:0 3px;
}


.scalefit{
opacity:0;
width:100px;
}
.logo_head{
display:block;
}


.rb_link.rb_link2{
display:block;
letter-spacing:0.01em;
color:#666;
}

.b_home .rb_link.rb_link2{
display:none;
}

.rb_link{
right:6.5%;
bottom:22px;
position:fixed;


display:block;
border:solid 1px #4d4d4d;
height:18px;
line-height:18px;
vertical-align:middle;
text-align:center;
text-decoration:none;
color:#333;
   font-family: 'apercu-bold';
font-size:12px;
margin-top:10px;
padding:0 5px;

   -webkit-transform: translateX(50%);
   transform: translateX(50%);

display:none;
}






@media screen and (min-width:751px){
.sp{
display:none !important;
}
}
@media screen and (max-width:750px) and (min-height:981px){
.news_title{
font-size:18px !important;
}
.cb_title,
.cb_title2{
font-size:20px !important;
}
.news_aco{
max-height:103px;
font-size:16px;
line-height:26px;
}

.ab_text,
.cb_text,
.cons *{

font-size:16px !important;
line-height:26px;
}

.ab_pp{
margin-left:170px !important;
margin-bottom:0 !important;
}


.ab_b_tx {
    font-size: 14px !important;

}
[fronter="1"].photo3set .photo3set_c:nth-of-type(4),
[fronter="2"].photo3set .photo3set_c:nth-of-type(5),
[fronter="3"].photo3set .photo3set_c:nth-of-type(6){
opacity:1;
z-index:210;
}



.about_bottom{
width:100% !important;
}

.pc{
display:none !important;
}

.rb_link2.rb_bb{
border:none !important;
text-align:left !important;
font-size:18px;
line-height:140%;
height:auto;
bottom:14px !important;
text-decoration:underline;
}
.rb_link{
right:9%;
}
.logo{
width:65px;
height:351px;
margin-right:-32px;
abackground-image:url("./img/sp_right.png");
top:37px;
right:9%;
}
.left{
left:auto;
right:9%;
margin-left:0px;
margin-right:-37px;
top:auto;
bottom:76px;
abackground-image:url("./img/sp_left.png");
width:64px;
height:509px;
}
.contents{
margin-left:4.5%;
margin-right:19%;
}
.contents.news_blocks{
margin-left:16px;
margin-right:21%;

}


.aw_box{
width:100%;
height:100px;
float:left;
display:block;
position:relative;
}


.works_titles_en {
    font-family: 'apercu-bold';
    position: absolute;
    top: 25px;
    left: 73px;
    font-weight: bold;
    color: #fff;
    font-size: 28px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    letter-spacing: 0.2em;
}

.works_titles_jp {
    color: #333;
    position: absolute;
    top: 20px;
    right: 30px;
    font-weight: bold;
    font-size: 36px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
}


}


.flimg{
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
display:block;
}
.flimg2{
width:100%;
height:auto;
}
.flimg1{
height:100%;
width:auto;
}



/*about*/

.ab_title{
font-size:19px;
letter-spacing:0.2em;

}

.ab_title2{
color:#999999;
font-size:17px;
    font-family: 'apercu-bold';
letter-spacing:0.1em;
margin-top:8px;
margin-bottom:12px;
}

.ab_text{
font-size :12px;
margin-bottom:20px;
}

.ab_photo{
display:block;
width:100%;
height:auto;
}

.ab_pp{
width:240px;
height:240px;
background:#ccc;
background-size:cover;
background-position:center center;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
margin:60px 0px 60px 70px;
float:left;
}


.ab_b_r{
margin-top:65px;
margin-left:50px;
margin-bottom:50px;
float:left;

awidth :360px;

}


.about_bottom{
background:#fff;
margin:0 14px;
 width : -webkit-calc(100% - 28px) ;
   width : calc(100% - 28px) ;
font-weight:bold;
}


.ab_b_jp{
font-size:19px;
letter-spacing:0.13em;
}


.ab_b_en{
position:relative;
left:6px;
top:-2px;

    font-family: 'apercu-bold';
color:#999;
font-size:17px;
}


.ab_b_tg{
margin:18px 0 10px;
font-size:13px;
}


.ab_b_tx{
font-size:12px;
line-height:185%;
}


.cb_title{
font-size:18px;
margin-bottom:12px;
}



.cb_title2{
    font-family: 'apercu-bold';

font-size:18px;
margin-bottom:12px;
}


.cb_text{
font-size:12px;
}
.con_top{
font-size:12px;
margin-top:33px;
margin-bottom:35px;
}

.cons label{
font-size:12px;
}

.cons input,
.cons textarea{
margin-top:2px;
background:#E5E5E5;
border:solid 0px #fff;
width:100%;
max-width:100%;
padding:0 6px;
margin-bottom:18px;
}
.cons input{
height:30px;
lien-height:30px;
vertical-align:middle;
}

.cons textarea{
height:234px;

}

.cons input[type='submit']{
font-size:15px;
background:#333;
color:#fff;
font-weight:bold;
letter-spacing:0.1em;
width:73px;
height:34px;
line-height:34px;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
display:block;
margin-bottom:0;
}
.cons{
padding-bottom:20px;
}

.cb_aco{
max-height:0;
overflow:hidden;
}

.cb_aco_opened{
-webkit-transition: all 2500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition: all 2500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition: all 2500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition: all 2500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
max-height:2000px;
overflow:hidden;
}

.ab_text a{
color:#333;
}



/*recruit_on*/

.recruit_on .rb_link{
display:block;
}
.recruit_on.b_works .rb_link2{
display:none;
}
.recruit_on .rb_bottom{
bottom:52px;
}

.recruit_on .rb_top{
bottom:87px;
}

.works_texts_1 a{
color:inherit;
}

.works_texts_2 a{
	color:#666;
}