/* 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:14px;line-height:1.6em;}}
/*1000*/@media only screen and (min-width:1281px) and (max-width:1400px){body{font-size:14px;line-height:1.6em;}}
/* 750*/@media only screen and (min-width: 961px) and (max-width:1280px){body{font-size:13px;line-height:1.7em;}}
/* 650*/@media only screen and (min-width: 769px) and (max-width: 960px){body{font-size:13px;line-height:1.7em;}} 
/* 300*/@media only screen and (min-width: 361px) and (max-width: 768px){body{font-size:12px;line-height:1.7em;}}
/* 260*/@media only screen and (max-width: 360px)						{body{font-size:12px;line-height:1.7em;}}
section,.centering_box,div,p,h1,h2,h3,h4,h5,header,footer,li,dt,dd{font-size:1em;line-height:1.7em;}

/* 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,.hcvc{max-width:1000px;}}
/*1000*/@media only screen and (min-width:1281px) and (max-width:1500px){.centering_box,.hcvc{max-width:1000px;}}
/* 750*/@media only screen and (min-width: 961px) and (max-width:1280px){.centering_box,.hcvc{max-width: 800px;}}
/* 650*/@media only screen and (min-width: 769px) and (max-width: 960px){.centering_box,.hcvc{max-width: 700px;}}
/* 300*/@media only screen and (min-width: 361px) and (max-width: 768px){.centering_box,.hcvc{max-width: 340px ;}.ipad .centering_box{max-width:700px}}
/* 260*/@media only screen and (min-width: 321px) and (max-width: 361px){.centering_box,.hcvc{max-width: 300px ;}}
/* 260*/@media only screen and (max-width: 320px)						{.centering_box,.hcvc{max-width: 260px ;}}

/* FONT ゴシック系 */
	body,textarea{font-family:"Source Sans Pro","Roboto","NotoSans-jp","Noto Sans","Helvetica","Arial","Verdana","sans-serif","Noto Sans Japanese","游ゴシック","ヒラギノ角ゴ","メイリオ" !important;font-weight:400;}
/* FONT 明朝系 */
/*	body{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:border 0.5s;transition:opacity 0.5s}
a:hover		 {transition:border 0.5s;transition:opacity 0.5s}
.ts05{transition:0.5s}
.ts07{transition:0.7s}
.ts10{transition:1.0s}


/* 機能付きクラス */
.fixed{position:fixed;}
.full_screen{width:100%;height: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;}
.hcvc{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}/* 横縦センタリング */

/*　タグリセット　*/
a{text-decoration:none;color:#333;}
a:visited{color:#333;}
a:hover{text-decoration:underline;}
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;}
img{max-width:100%;height:auto;}
li{list-style:none;}
address{font-style:normal;}