@charset "utf-8";

/* 
Template Name: aimain_notebook by Type00_Templates
File: Layout CSS of Type00_Templates 
Author: aimain_notebook by Type00_Templates
Author URI: https://aimain_notebook.com/
Licence: NiPPo by aimain_notebook.com
*/

/* 基本｜初期 STYLE PC and TABLET ------------------------------------------------------------- */
body { width:100%; height100%; margin:0px; padding:0px; background:#fff; color:#333; font-family:Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }

.item_clear { clear:both; }

.test_border { border:1px solid red; }

table, td, th {
  font-weight:normal; 
  border-collapse:collapse; 
  border:px solid #333; 
  }

.site_logo { display:block; width:100px; margin:0px auto; }
.site_sns_icon { height:50px; }
  .site_sns_icon_youtube { display:block; width:100px; margin:10px auto; }


.txt_l { text-align:left; }
.txt_c { text-align:center; }
.txt_r { text-align:right; }


.col_f { color:white; }
.col_r { color:red; }
.col_b { color:blue; }
.col_g { color:green; }
.col_o { color:orange; }


.main_worp1 { width:100%; margin:0px; padding:0px; box-sizing:border-box; }
.main_worp2 { width:100%; margin:0px; padding:0px; box-sizing:border-box; }
.main_worp3 { width:90%; margin:0px auto; padding:50px 10px; box-sizing:border-box; }

/* 基本｜初期 STYLE PC and TABLET ------------------------------------------------------------- */

/* 基本 PC and TABLET ------------------------------------------------------------- */
h1 { font-size:48px; font-weight:normal; }
h2 { font-size:32px; font-weight:normal; }
h3 { font-size:21px; font-weight:normal; }
h4 { font-size:16px; font-weight:normal; }
h5 { font-size:16px; font-weight:normal; }
p  { font-size:16px; font-weight:normal; }

.spbr { display:none; }

/* 基本 MOBILE ------------------------------------------------------------- */
@media screen and (max-width:768px){
  h1 { font-size:24px; font-weight:normal; margin:2rem 0px .5rem; }
  h2 { font-size:21px; font-weight:normal; margin:2rem 0px .5rem; }
  h3 { font-size:18px; font-weight:normal; margin:2rem 0px .5rem; }
  h4 { font-size:18px; font-weight:normal; margin:2rem 0px .5rem; }
  h5 { font-size:18px; font-weight:normal; margin:2rem 0px .5rem; }
  p  { font-size:12px; font-weight:normal; }
  
  .spbr { display:block; } 
  
}

.leyar_0 { position:fixed; top:0px; left:0px; width:100%; min-height:100vh; }
.leyar_1 { position:absolute; top:20%; left:0px; width:100%; z-index:100; 
  background: #ffffff; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 50%); 
  }
  @media screen and (max-width:768px){
    .leyar_1 { position:absolute; top:40%; left:0px; width:100%; z-index:100; 
      background: #ffffff; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 60%); 
      }
  }


/* header ------------------------------------------------------------- */
.header_h1_effe { line-height:1.2; 
  font-family: "Gravitas One", serif;
  font-weight: 400;
  font-style: normal;
  margin:0; padding:10px; 
  color:#f0684d;
  }

.header_pdd { padding:10px 0px; }

.header_bg1 { background:#fff url(/img/top/IMG_9548.jpg) no-repeat center top / cover; }
.header_bg2 { background:#fff url(/img/top/IMG_1690.jpg) no-repeat center top / cover; }
.header_bg3 { background:#fff url(/img/top/IMG_9016.jpg) no-repeat center top / cover; }
.header_bg4 { background:#fff url(/img/top/IMG_8877.jpg) no-repeat center top / cover; }
.header_bg5 { background:#fff url(/img/top/IMG_5093.jpg) no-repeat center top / cover; }



/* CONTENT1 ------------------------------------------------------------- */
.content1 { border-top:px dotted #ccc;  }
.content1 h1 { font-style: normal; }
.content1_h1_effe { line-height:1.2; 
  font-family: "Gravitas One", serif;
  font-weight: 400;
  font-style: normal;
  margin:0; padding:10px; 
  color:#f0684d;
  }

.content1 UL { width:100%; list-style:none; }
.content1 LI { width:100%; }
.content1 LI a { display:block; text-decoration:none; background:#fff; width:80%; max-width:800px; color:#333; margin:10px auto; padding:10px 0px; border:1px solid #ccc; border-radius:15px; text-align:center; }
@media screen and (max-width:768px){
  .content1 LI a { display:block; text-decoration:none; background:#fff; width:90%; color:#333; font-size:12px; font-weight:normal; margin:10px auto; padding:10px 0px; border:1px solid #ccc; border-radius:15px; text-align:center; }
}
.content1 LI a:hover { opacity:.5; }

.slider_list { width:19.9%; margin:.05%; border:px solid red; }
.slider_img  { width:100%; }

.content1 .sns_icon  { width:30px; margin:1rem 1rem 0px; vertical-align:middle; }
.content1 .sns_icon1 { width:90px; margin:1rem 1rem 1rem; vertical-align:middle; }
.content1 .sns_icon_fanvue  { width:30px; margin:1rem 1rem 0px; }


/* FOOTER ------------------------------------------------------------- */
.footer_bg { background:#ccc; }


/* MOVIE ------------------------------------------------------------- */
.content1 .tbl_l { width:66.66%; vertical-align:middle; }
.content1 .tbl_r { width:33.33%; }
.content1 .img_item { width:90%; margin:0px auto; border:1px solid #fff; border-radius:15px; }
.content1 .video { width:90%; margin:0px auto; border:1px solid #fff; border-radius:15px; }