/* IDCFS web開発用　CSS共用パーツ ver1.1 20161005 */
/* -------------------------------------------- 
common.js　と連動　
Noto-fontJPは、サブセット化してファイルサイズを縮小する

+スマホタップ時の黒い影を消す
 {-webkit-tap-highlight-color:rgba(0,0,0,0);}


--------------------------------------------- */
 
/* FONT SIZE */
/*1200*/@media only screen and 						  (min-width:1401px){body{font-size:15px;line-height:1.8em;}}
/*1000*/@media only screen and (min-width:1281px) and (max-width:1400px){body{font-size:14px;line-height:1.8em;}}
/* 750*/@media only screen and (min-width: 961px) and (max-width:1280px){body{font-size:14px;line-height:1.8em;}}
/* 650*/@media only screen and (min-width: 769px) and (max-width: 960px){body{font-size:14px;line-height:1.8em;}} 
/* 300*/@media only screen and (min-width: 361px) and (max-width: 768px){body{font-size:12px;line-height:1.8em;}}
/* 260*/@media only screen and (max-width: 360px)						{body{font-size:12px;line-height:1.8em;}}
section,.centering_box,div,p,h1,h2,h3,h4,h5,header,footer,li,dt,dd{font-size:1em;line-height:1.8em;}

/* CENTERING BOX SIZE */
.centering_box{width:100%;height:100%;margin:0 auto;text-align:center;}
/*1200*/@media only screen and 						  (min-width:1501px){.centering_box{max-width:1000px;}}
/*1000*/@media only screen and (min-width:1281px) and (max-width:1500px){.centering_box{max-width: 900px;}}
/* 750*/@media only screen and (min-width: 961px) and (max-width:1280px){.centering_box{max-width: 85%;}}
/* 650*/@media only screen and (min-width: 769px) and (max-width: 960px){.centering_box{max-width: 85%;}}
/* 300*/@media only screen and (min-width: 361px) and (max-width: 768px){.centering_box{max-width: 85%;}}
/* 260*/@media only screen and (max-width: 360px)						{.centering_box{max-width: 85%;}}

/* SECTION CENTERING BOX SIZE */
/*1200@media only screen and 						  (min-width:1501px){section .centering_box{max-width:1500px;}}
/*1000@media only screen and (min-width:1281px) and (max-width:1500px){section .centering_box{max-width: 80%;}}
/* 750@media only screen and (min-width: 961px) and (max-width:1280px){section .centering_box{max-width: 80%;}}
/* 650@media only screen and (min-width: 769px) and (max-width: 960px){section .centering_box{max-width: 85%;}}
/* 300@media only screen and (min-width: 361px) and (max-width: 768px){section .centering_box{max-width: 90%;}}
/* 260@media only screen and (max-width: 360px)						{section .centering_box{max-width: 90%;}}
*/
/* FONT ゴシック系 */
	body,.sans{font-family:"Roboto","Noto Sans","Helvetica","Arial","Verdana","sans-serif","Noto Sans Japanese","游ゴシック","ヒラギノ角ゴ","メイリオ" !important;}
/* FONT 明朝系 */
.serif{font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}




/* レイアウト用　*/

.centering_box::before{clear:both;}
.centering_box::after{clear:both;}
.middle{margin:auto;top:0;left:0;right:0;bottom:0;position:absolute;max-height:80%;max-width:80%;}

/* トランジション */
a,li		 {transition:0.5s;box-sizing:border-box;}
a:hover		 {transition:0.5s}
.ts05{transition:0.5s}
.ts07{transition:0.7s}
.ts10{transition:1.0s}


/* 機能付きクラス */
.not_jump{pointer-events:none;}
.table_cell{display:table-cell;}
.hide{display:none;visibility:hidden;opacity:0;}
.fixed{position:fixed;}
.full_screen{width:100%;}
.pc_only{display:block;} /*.pc .pc_only{display:block;} .mobile .pc_only{display:none;}*/
.mobile_only{display:none;} /*.mobile .mobile_only{display:block;} .pc .mobile_only{display:none;}*/
@media only screen and (max-width: 768px){.mobile_only{display:block;} .pc_only{display:none;}}
.bgi{background-position: 50% 50% !important;background-repeat: no-repeat !important;background-size: contain !important;}
.clear{clear:both;float:none;}
.left{float:left;} .left::after{clear:both;}
.right{float:right;} .right::after{clear:both;}
.alignL{text-align:left;}
.alignR{text-align:right;}
.ja{font-size:0.9em;font-weight:200;}
.btn{cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.top_of_page{text-decoration:underline;line-height:2em;}
.top_of_page:hover{text-decoration:none;}
.underline{text-decoration:underline;}
.tile_list{font-size:0px;line-height:1em;} .tile_list li{display:inline-block;}
.delay_show{opacity:0;transition:0.2s;}

/*　タグリセット　*/
a{text-decoration:none;color:#333;}
a:visited{color:#333;}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5{font-size:1em;font-weight:400;}
hr{margin:1em 0;}
body,section,div,p,ul,li,dl,dt,dd{margin:0;padding:0;box-sizing:border-box;font-weight:300;letter-spacing:0.05em;}
img{max-width:100%;height:auto;}
li{list-style:none;}
address{font-style:normal;}


/* アニメーション */
.anime_line:before{
  position: absolute;
  top: 1.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #666;
  transition: 0.3s;
}

.anime_line:hover:before{
  width: 100%;
}

.anime_line:hover{  text-decoration:none !important;}