@charset "UTF-8";

/*
======== table of content. ===============
summary:ページ要素（SP）
==========================================
*/
@media screen and (max-width: 767px) {

.forpc { display: none; }
.onlypc { display: inline; }
.forsp { display: block; }

body {-webkit-text-size-adjust: 100%;}


#wrapper { padding-bottom: 10%; }

/* ヘッダー */
#omekashi_header { padding: 19.16vmin 0 15.83vmin; }
#omekashi_header h1 { margin: 0 22.66vmin 5.83vmin; }
#omekashi_header h2 { margin: 0 7.33vmin; }

/* ロゴ */
.omekashi_logo { padding: 16.66vmin 22.66vmin 5.83vmin; }
.omekashi_title { padding: 0 7.33vmin 16.66vmin; }

.slide_1 { height: 40vmin; }
.slide_2,.slide_3,.slide_6,.slide_sp_2 { height: 120vmin; }
.slide_4 {  }
.slide_5 {  }

.slide_sp_1,
.slide_sp_3,
.slide_sp_4 { height: 81.33vmin; }

@keyframes slideshow{
  0%{
    opacity: 0;
  }
  35%{
    opacity: 1;
  }
  50%{
    opacity: 1
  }
  80%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}

/* ムービー */
.omekashi_movie_outer { margin: 0 5% 20%; border-width: 2px; }

/* メイン幅 */
.sec_main { margin-left: 0; margin-right: 0; }

/* 下の余白 */
.col_wide,
.col_narrow.col_nocredit,
.col_full { margin-bottom: 16.66vmin; }

/* 1カラム */
.col_wide {  }
/* 1カラム狭 */
.col_narrow { margin-left: 0; margin-right: 0; }
.sec_credit.narrow { margin-left: 17%; margin-right: 17%; }

/* 1:1 */
.sec_half_half,
.sec_main_sub,
.sec_three,
.sec_talk { flex-direction: column; }

.col_half,
.col_half.col_half_wide { width:auto; margin-left: 16.66%; margin-right: 16.66%; }

.col_half.col_half_wide.col_sp_letter { margin-right: 13%;}

.sec_half_half .col_half:first-child { margin-bottom: 3.66vmin; }

/* 左大右小 */
.sec_main_sub { flex-direction: column; }
.col_main { width:100%; }
.col_sub { width:auto; margin-top: 16.66%; }

.col_sub,
.sec_credit_sp { margin-left: 17.83%; margin-right: 17.83%; }

.col_main_first { margin-bottom: 16.66%; }

/* 3つ並び */
.sec_three { }
.col_three { }

/*アニメーション*/
.sp_credit_move .col_half:first-child,
.sec_credit.narrow { transform: translate(0,5%); }
.sp_credit_move .col_half.addanim { transform: translate(0,0); }

.col_main { transform: translate(0,5%); }
.forsp .sec_main_sub .col_main { transform: translate(0,1%); }

.forsp .slide,
.sp_sub_move { opacity: 0; transform: translateX(-5%); 
transition: opacity .5s cubic-bezier(0.390, 0.575, 0.565, 1.000),
transform .5s cubic-bezier(0.390, 0.575, 0.565, 1.000); }

    /*実行後*/
    .col_main.addanim,
    .forsp .sec_main_sub .col_main.addanim,
    .sec_credit.narrow.addanim,
    .forsp .slide.addanim,
    .sp_sub_move.addanim { opacity: 1; transform: translate(0,0); }
    
/*アニメーション*/

/* クレジット */
.sec_credit { margin: 3.66vmin 0 16.66vmin; }
.look .sec_credit { margin-bottom: 16.66vmin; padding-left: 0; padding-right: 0; text-align: left; }

/* ルック */
.look .sec_three { margin: 0 5% 16.66vmin; }
.look .col_three { width:100%; }


/* talk session */
.txt_talk,
.sec_talk {  }

.sec_talk_photo { flex-direction: column-reverse; }

#sec_talk_session { margin-bottom: 18vmin; }
#sec_talk_session hgroup { margin-bottom: 8.3vmin; text-align: center; }
#sec_talk_session h2 { margin-bottom: 5vmin; font-size: 1.4rem; }
#sec_talk_session h3 { font-size: 2rem; }

#sec_talk_session h3 span,
.img_by { display: block; }

.img_by { width:30px; margin: 2.5vmin auto; }

.txt_talk_session { margin: 0 5% 15vmin; line-height: 180%; font-size: 1.4rem; text-align: left; }

.talk_photo { margin: 0 0 9.5vmin; }
.sec_talk { flex-direction: column; }
.col_talk { width:auto; margin-left: 5%; margin-right: 5%; }

.col_block { margin-bottom: 3em; }
.col_block p { margin-bottom: .4em; line-height: 200%; text-align: justify; }
.sec_talk h4 { margin-bottom: 1em; line-height: 190%; }
.talk_name { font-weight: 700; }

/*アニメーション*/
.col_talk:nth-child(2) { transition-delay: 0; }
/*アニメーション*/

/* フッター */
#omekashi_footer {  }
.staff_credit,
.txt_excludes,
.list_btn { margin-bottom: 8.33vmin; }
.staff_credit h5 { font-size: 1.3rem; }


.list_btn { transform: scale(1.2); }



@media screen and (orientation: landscape) {
/* ヘッダー */
#omekashi_header { padding: 19.16vmax 0 15.83vmax; }
#omekashi_header h1 { margin: 0 22.66vmax 5.83vmax; }
#omekashi_header h2 { margin: 0 7.33vmax; }

/* ロゴ */
.omekashi_logo { padding: 16.66vmax 22.66vmax 5.83vmax; }
.omekashi_title { padding: 0 7.33vmax 16.66vmax; }

.slide_1 { height: 40vmax; }
.slide_2,.slide_3,.slide_6,.slide_sp_2 { height: 120vmax; }
.slide_4 {  }
.slide_5 {  }

.slide_sp_1,
.slide_sp_3,
.slide_sp_4 { height: 81.33vmax; }
}
	
}


/* iPhone SE */
@media screen and (max-width: 320px) {
}