/* 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:2vw;line-height:1.8em;}}
/*1000*/@media only screen and (min-width:1281px) and (max-width:1400px){body{font-size:2vw;line-height:1.8em;}}
/* 750*/@media only screen and (min-width: 961px) and (max-width:1280px){body{font-size:2vw;line-height:1.8em;}}
/* 650*/@media only screen and (min-width: 769px) and (max-width: 960px){body{font-size:2vw;line-height:1.8em;}} 
/* 300*/@media only screen and (min-width: 361px) and (max-width: 768px){body{font-size:16px;line-height:1.8em;}}
/* 260*/@media only screen and (max-width: 360px)						{body{font-size:16px;line-height:1.8em;}}
section,.centering_box,div,p,h1,h2,h3,h4,h5,header,footer,li,dt,dd{font-size:16px;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: 85%;}}
/*1000*/@media only screen and (min-width:1281px) and (max-width:1500px){.centering_box{max-width: 85%;}}
/* 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,textarea,select,input{font-family:"Work Sans","Helvetica","Noto Sans","Arial","Verdana","sans-serif","Noto Sans JP","Noto Sans Japanese","游ゴシック","ヒラギノ角ゴ","メイリオ" !important;}
*/
body,textarea,select,input,div{
  font-family:"Work Sans","Helvetica","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
/* 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:0.5s;box-sizing:border-box;}
a:hover		 {transition:0.5s}
.ts05{transition:0.5s}
.ts07{transition:0.7s}
.ts10{transition:1.0s}


/*オリジナルカラーのラジオボタン*/
.o_radio{float: left;display: block;margin:2px 0 0 2px;}
.o_radio:before {content: "";display: inline-block;width:8px;height:8px;border-width: 1px;border-style: solid;border-radius: 50%;padding: 2px;background-clip: content-box;margin:2px 0 6px;opacity:0.2}
input[type="radio"]:checked + .o_radio:before {border-color:orange;background-color:orange;opacity:1;}


/* ボタン */
.common_btn_wrapper{text-align:center;}
.btn_white{color:#000;background:#fff;min-width:8em;display: inline-block;font-size:14px;line-height:1em;font-weight:500; padding: 5px 10px;border: 2px solid rgba(0,0,0,0.9);border-radius: 15px;margin:1em 0;}
.btn_white:hover{background:#000;color:#fff;}

/* 機能付きクラス */
.ssbar{transition:0.2s;overflow:auto}
.ssbar::-webkit-scrollbar {width: 5px;height: 10px;}
.ssbar::-webkit-scrollbar-track {background:transparent;}
.ssbar:hover::-webkit-scrollbar-track {background: rgba(0,0,0,0.05);}
.ssbar::-webkit-scrollbar-thumb {background: rgba(0,0,0,0);border-radius:5px;}
.ssbar:hover::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.1);}

.dark.ssbar::-webkit-scrollbar-track {background:transparent;}
.dark.ssbar:hover::-webkit-scrollbar-track {background: rgba(255,255,255,0.1);}
.dark.ssbar::-webkit-scrollbar-thumb {background: rgba(255,255,255,0);border-radius:5px;}
.dark.ssbar:hover::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.3);}

.jump{cursor:pointer;}
.not_jump{pointer-events:none;}
.table_cell{display:table-cell;}
.hide{display:none !important;visibility:hidden;opacity:0;transition:0s !important}
.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 !important;}
	.in_pc{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);transition:0.2s;}
.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:#000;}
a,div,span,p,b,li{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:visited{color:#000;}
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:500;letter-spacing:0.01em;color:#000;}
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;}