@charset "utf-8";

p { margin:0;}

/*h1などのmargin0*/ 
.hmg0 h1, .hmg0 h2, .hmg0 h3, .hmg0 h4 { margin:0;}

/*ul、liなどのmargin0*/ 
.ulmg0 ul, .ulmg0 li { margin:0;}

/*display*/ 
.center { text-align: center; }
.left { text-align: left;}
.right { text-align: right;}

.floatl{ float:left;}
.floatr { float:right;}
.floatn { float:none;}
.clear { clear:both;}

.valignm { vertical-align:middle;}

.disptcell{display: table-cell;}

.webkitbox{ display:-webkit-box; }

.relative{ position: relative;}
.absolute{ position: absolute;}

/*IE7 clearfix */
.clf{
	zoom: 100%;	/*IE7 clearfix */
}

.clf:after{   	/* clearfix */
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

/*width*/
.wid100{ width: 100%; }
.wid95{ width: 95%; }
.wid94{ width: 94%; }
.wid93{ width: 93%; }
.wid92{ width: 92%; }
.wid91{ width: 91%; }
.wid90{ width: 90%; }
.wid85{ width: 85%; }
.wid80{ width: 80%; }
.wid75{ width: 75%; }
.wid70{ width: 70%; }
.wid60{ width: 60%; }
.wid50{ width: 50%; }
.wid48{ width: 48%; }
.wid45{ width: 45%; }
.wid40{ width: 40%; }
.wid30{ width: 30%; }
.wid20{ width: 20%; }
.wid15{ width: 15%; }
.wid10{ width: 10%; }
.wid8{ width: 8%; }
.wid7{ width: 7%; }
.wid6{ width: 6%; }
.wid5{ width: 5%; }
.wid2{ width: 2%; }

/*height*/
.heiauto { height:auto; }
.hei50 { height:50%; }
.hei40 { height:40%; }
.hei35 { height:35%; }
.hei30 { height:30%; }
.hei25 { height:25%; }
.hei20 { height:20%; }
.hei10 { height:10%; }

/*margin*/ 
.mlr0 { 
	margin-left: auto;
	margin-right: auto;
 }

.mt50 { margin-top: 50px; }
.mt40 { margin-top: 40px; }
.mt30 { margin-top: 30px; }
.mt25 { margin-top: 25px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt14 { margin-top: 14px; }
.mt10 { margin-top: 10px; }
.mt8 { margin-top: 8px; }
.mt6 { margin-top: 6px; }
.mt5 { margin-top: 5px; }
.mt3 { margin-top: 3px; }
.mt2 { margin-top: 2px; }
.mt0 { margin-top: 0px; }
.mt_2 { margin-top: -2px; }
.mt_3 { margin-top: -3px; }
.mt_5 { margin-top: -5px; }
.mt_6 { margin-top: -6px; }
.mt_7 { margin-top: -7px; }
.mt_8 { margin-top: -8px; }
.mt_10 { margin-top: -10px; }
.mt_14 { margin-top: -14px; }
.mt_15 { margin-top: -15px; }
.mt_20 { margin-top: -20px; }
.mt_30 { margin-top: -30px; }
.mt_35 { margin-top: -35px; }
.mt_40 { margin-top: -40px; }
.mt_45 { margin-top: -45px; }
.mt_50 { margin-top: -50px; }

.mt40per { margin-top: 40%; }
.mt20per { margin-top: 20%; }
.mt15per { margin-top: 15%; }
.mt10per { margin-top: 10%; }
.mt5per { margin-top: 5%; }
.mt4per { margin-top: 4%; }
.mt3per { margin-top: 3%; }

.mg30 { margin:30px }
.mg20 { margin:20px }
.mg15 { margin:15px }
.mg14 { margin:14px }
.mg10 { margin:10px }
.mg5 { margin:5px }
.mg0 { margin:0px }

.mb300{ margin-bottom: 300px; }
.mb250{ margin-bottom: 250px; }
.mb200{ margin-bottom: 200px; }
.mb150{ margin-bottom: 150px; }
.mb120{ margin-bottom: 120px; }
.mb110{ margin-bottom: 110px; }
.mb100{ margin-bottom: 100px; }
.mb70{ margin-bottom: 70px; }
.mb60{ margin-bottom: 60px; }
.mb50{ margin-bottom: 50px; }
.mb40{ margin-bottom: 40px; }
.mb30{ margin-bottom: 30px; }
.mb20{ margin-bottom: 20px; }
.mb18{ margin-bottom: 18px; }
.mb15{ margin-bottom: 15px; }
.mb14{ margin-bottom: 14px; }
.mb10{ margin-bottom: 10px; }
.mb8{ margin-bottom: 8px; }
.mb5{ margin-bottom: 5px; }
.mb3{ margin-bottom: 3px; }
.mb2{ margin-bottom: 2px; }
.mb0{ margin-bottom: 0px; }
.mb_1 { margin-bottom: -1px; }
.mb_2 { margin-bottom: -2px; }
.mb_3 { margin-bottom: -3px; }
.mb_4 { margin-bottom: -4px; }
.mb_5 { margin-bottom: -5px; }
.mb_6 { margin-bottom: -6px; }
.mb_7 { margin-bottom: -7px; }
.mb_8 { margin-bottom: -8px; }
.mb_10 { margin-bottom: -10px; }
.mb_14 { margin-bottom: -14px; }
.mb_15 { margin-bottom: -15px; }
.mb_20 { margin-bottom: -20px; }
.mb_30 { margin-bottom: -30px; }
.mb_40 { margin-bottom: -40px; }
.mb_50 { margin-bottom: -50px; }

.mb10per { margin-bottom: 10%; }
.mb5per { margin-bottom: 5%; }

.ml120{ margin-left: 120px; }
.ml110{ margin-left: 110px; }
.ml100{ margin-left: 100px; }
.ml70{ margin-left: 70px; }
.ml60{ margin-left: 60px; }
.ml50{ margin-left: 50px; }
.ml40{ margin-left: 40px; }
.ml35{ margin-left: 35px; }
.ml33{ margin-left: 33px; }
.ml32{ margin-left: 32px; }
.ml30{ margin-left: 30px; }
.ml25{ margin-left: 25px; }
.ml20{ margin-left: 20px; }
.ml15{ margin-left: 15px; }
.ml14{ margin-left: 14px; }
.ml12{ margin-left: 12px; }
.ml10{ margin-left: 10px; }
.ml8{ margin-left: 8px; }
.ml5{ margin-left: 5px; }
.ml3{ margin-left: 3px; }
.ml2{ margin-left: 2px; }
.ml_2{ margin-left: -2px; }
.ml_3{ margin-left: -3px; }
.ml_5{ margin-left: -5px; }
.ml_10{ margin-left: -10px; }
.ml_14{ margin-left: -14px; }
.ml_15{ margin-left: -15px; }
.ml_20{ margin-left: -20px; }
.ml_30{ margin-left: -30px; }
.ml_40{ margin-left: -40px; }
.ml_50{ margin-left: -50px; }
.ml_60{ margin-left: -60px; }

.ml10per{ margin-left: 10%; }
.ml5per{ margin-left: 5%; }
.ml4per{ margin-left: 4%; }

.mr70{ margin-right: 70px; }
.mr60{ margin-right: 60px; }
.mr50{ margin-right: 50px; }
.mr40{ margin-right: 40px; }
.mr35{ margin-right: 35px; }
.mr30{ margin-right: 30px; }
.mr25{ margin-right: 25px; }
.mr20{ margin-right: 20px; }
.mr15{ margin-right: 15px; }
.mr14{ margin-right: 14px; }
.mr12{ margin-right: 12px; }
.mr10{ margin-right: 10px; }
.mr8{ margin-right: 8px; }
.mr7{ margin-right: 7px; }
.mr5{ margin-right: 5px; }
.mr3{ margin-right: 3px; }
.mr2{ margin-right: 2px; }
.mr_2{ margin-right: -2px; }
.mr_3{ margin-right: -3px; }
.mr_5{ margin-right: -5px; }
.mr_7{ margin-right: -7px; }
.mr_8{ margin-right: -8px; }
.mr_10{ margin-right: -10px; }
.mr_12{ margin-right: -12px; }
.mr_14{ margin-right: -14px; }
.mr_15{ margin-right: -15px; }
.mr_20{ margin-right: -20px; }
.mr_25{ margin-right: -25px; }
.mr_30{ margin-right: -30px; }

.mr10per{ margin-right: 10%; }
.mr6per{ margin-right: 6%; }
.mr5per{ margin-right: 5%; }
.mr4per{ margin-right: 4%; }

.img_mg0 img { margin:0;}

/*padding*/
.pd30 { padding:30px; }
.pd20 { padding:20px; }
.pd15 { padding:15px; }
.pd14 { padding:14px; }
.pd13 { padding:13px; }
.pd12 { padding:12px; }
.pd11 { padding:11px; }
.pd10 { padding:10px; }
.pd9 { padding:9px; }
.pd8 { padding:8px; }
.pd7 { padding:7px; }
.pd6 { padding:6px; }
.pd5 { padding:5px; }
.pd4 { padding:4px; }
.pd3 { padding:3px; }
.pd2 { padding:2px; }
.pd0 { padding:0px; }

.pt30 { padding-top:30px;}
.pt25 { padding-top:25px;}
.pt20 { padding-top:20px;}
.pt16 { padding-top:16px;}
.pt15 { padding-top:15px;}
.pt14 { padding-top:14px;}
.pt13 { padding-top:13px;}
.pt12 { padding-top:12px;}
.pt11 { padding-top:11px;}
.pt10 { padding-top:10px;}
.pt9 { padding-top:9px;}
.pt8 { padding-top:8px;}
.pt7 { padding-top:7px;}
.pt6 { padding-top:6px;}
.pt5 { padding-top:5px;}
.pt4 { padding-top:4px;}
.pt3 { padding-top:3px;}
.pt2 { padding-top:2px;}
.pt1 { padding-top:1px;}
.pt0 { padding-top:0px;}

.pt10per { padding-top:10%;}
.pt9per { padding-top:9%;}
.pt8per { padding-top:8%;}
.pt7per { padding-top:7%;}
.pt6per { padding-top:6%;}
.pt5per { padding-top:5%;}
.pt2per { padding-top:2%;}

.pb100 { padding-bottom:100px;}
.pb50 { padding-bottom:50px;}
.pb40 { padding-bottom:40px;}
.pb30 { padding-bottom:30px;}
.pb20 { padding-bottom:20px;}
.pb15 { padding-bottom:15px;}
.pb14 { padding-bottom:14px;}
.pb10 { padding-bottom:10px;}
.pb8 { padding-bottom:8px;}
.pb7 { padding-bottom:7px;}
.pb5 { padding-bottom:5px;}
.pb4 { padding-bottom:4px;}
.pb3 { padding-bottom:3px;}
.pb2 { padding-bottom:2px;}
.pb0 { padding-bottom:0px;}
.pb_1 { padding-bottom:-1px;}
.pb_2 { padding-bottom:-2px;}
.pb_3 { padding-bottom:-3px;}
.pb_4 { padding-bottom:-4px;}
.pb_5 { padding-bottom:-5px;}
.pb_10 { padding-bottom:-10px;}
.pb_15 { padding-bottom:-15px;}
.pb_20 { padding-bottom:-20px;}

.pb10per { padding-bottom:10%;}
.pb9per { padding-bottom:9%;}
.pb8per { padding-bottom:8%;}
.pb7per { padding-bottom:7%;}
.pb6per { padding-bottom:6%;}
.pb5per { padding-bottom:5%;}
.pb2per { padding-bottom:2%;}

.pl20 { padding-left:20px; }
.pl15 { padding-left:15px; }
.pl14 { padding-left:14px; }
.pl10 { padding-left:10px; }
.pl5 { padding-left:5px; }
.pl3 { padding-left:3px; }
.pl2 { padding-left:2px; }

.pl45per { padding-left:45%; }
.pl5per { padding-left:5%; }
.pl4per { padding-left:4%; }
.pl3per { padding-left:3%; }
.pl2per { padding-left:2%; }

.pr20 { padding-right:20px; }
.pr15 { padding-right:15px; }
.pr14 { padding-right:14px; }
.pr13 { padding-right:13px; }
.pr12 { padding-right:12px; }
.pr11 { padding-right:11px; }
.pr10 { padding-right:10px; }
.pr8 { padding-right:8px; }
.pr7 { padding-right:7px; }
.pr5 { padding-right:5px; }
.pr3 { padding-right:3px; }
.pr2 { padding-right:2px; }

.pr5per { padding-right:5%; }
.pr4per { padding-right:4%; }
.pr3per { padding-right:3%; }
.pr2per { padding-right:2%; }


.pbt0 {
	padding-top:0px;
	padding-bottom:0px;
}

.plr18 {
	padding-left:18px;
	padding-right:18px;
}

.plr17 {
	padding-left:17px;
	padding-right:17px;
}

.plr15 {
	padding-left:15px;
	padding-right:15px;
}

.plr14 {
	padding-left:14px;
	padding-right:14px;
}

.plr13 {
	padding-left:13px;
	padding-right:13px;
}

.plr12 {
	padding-left:12px;
	padding-right:12px;
}

.plr10 {
	padding-left:10px;
	padding-right:10px;
}

.plr8 {
	padding-left:8px;
	padding-right:8px;
}

.plr5 {
	padding-left:5px;
	padding-right:5px;
}

.plr3 {
	padding-left:3px;
	padding-right:3px;
}

.plr2 {
	padding-left:2px;
	padding-right:2px;
}
	
.plr0 {
	padding-left:0px;
	padding-right:0px;
}

/*word-wrap*/
.breakword{word-wrap:break-word;}
.breakall{word-break: break-all}

/*font*/ 
.fontwhite{ color:#fff; }
.fontred{ color:red;}
.fontwinered{ color:#5a2e2e;}
.fontblue{ color:#1284DB; }
.fontglay{ color:#7f7f7f; }
.fontblack{ color:#000; }
.fontblack2{ color:#333; }
.fontyellow{ color:#fff566; }
.fontorange{ color:#ff6b1c; }

.fontpalepink{ color:#ff7c80; }
.fontpalegreen{ color:#a4d76b; }
.fontpaleyellow{ color:#ffcc00; }

.bold{ 	font-weight: bold;}
.fontwght_normal{ font-weight:normal;}
.underline { text-decoration:underline;}

.deconone {text-decoration:none;}

.font200{ font-size:200%; }
.font190{ font-size:190%; }
.font180{ font-size:180%; }
.font170{ font-size:170%; }
.font160{ font-size:160%; }
.font150{ font-size:150%; }
.font140{ font-size:140%; }
.font130{ font-size:130%; }
.font120{ font-size:120%; }
.font110{ font-size:110%; }
.font105{ font-size:105%; }
.font100{ font-size:100%; }
.font90{ font-size:90%; }
.font80{ font-size:80%; }

.font25{ font-size:25px; }
.font24{ font-size:24px; }
.font23{ font-size:23px; }
.font22{ font-size:22px; }
.font21{ font-size:21px; }
.font20{ font-size:20px; }
.font19{ font-size:19px; }
.font18{ font-size:18px; }
.font17{ font-size:17px; }
.font16{ font-size:16px; }
.font15{ font-size:15px; }
.font14{ font-size:14px; }
.font13{ font-size:13px; }
.font12{ font-size:12px; }
.font11{ font-size:11px; }
.font10{ font-size:10px; }
.font9{ font-size:9px; }

.font14em {font-size:1.4em; }
.font13em {font-size:1.3em; }
.font12em {font-size:1.2em; }
.font11em {font-size:1.1em; }
.font10em {font-size:1.0em; }

.fontxsmall { font-size:x-small;}

.adjst100{ -webkit-text-size-adjust: 100%; }

.linkwhite a { color:#fff;}
.linkbike a { color: #b4b4b4;}

/*line-height*/ 
.lh20 {line-height:2.0em;}
.lh19 {line-height:1.9em;}
.lh18 {line-height:1.8em;}
.lh17 {line-height:1.7em;}
.lh16 {line-height:1.6em;}
.lh15 {line-height:1.5em;}
.lh14 {line-height:1.4em;}
.lh13 {line-height:1.3em;}
.lh12 {line-height:1.2em;}
.lh11 {line-height:1.1em;}
.lh10 {line-height:1.0em;}
.lh09 {line-height:0.9em;}
.lh08 {line-height:0.8em;}
.lh07 {line-height:0.7em;}
.lh06 {line-height:0.6em;}
.lh05 {line-height:0.5em;}
.lh01 {line-height:0.1em;}

/*line-height*/ 
.ls10 { letter-spacing:1.0em;}
.ls01 { letter-spacing:0.1em;}

/*border*/ 
hr.transfer{
	border:0;
	border-bottom: 1px dashed #7f7f7f;
	background-color:transparent;
}
	
.border0{ border: none;	}
.border1{ border:1px solid #7f7f7f;	}
.borderglay{ border:1px solid #E3E3E3;	}
	
/*pointer*/
.pointernone { pointer-events:none;}

/*bgcolor*/
.bgwhite{background-color: #ffffff;}
.bgglay{background-color: #E3E3E3;}
.bgglay50{background-color: #7f7f7f;}
.bgglay95{background-color: #f2f2f2;}
.bgltglay{background-color: #f7f7f7;}
.bgblue{background-color: #1284DB;}
.bgpaleblue{background-color: #9bc1ef;}

.bgpaleyllw {background-color:#fff5e3;}
.bgwinered {background-color:#9e032d;}
.bgltgreen {background-color:#c2af60;}
.bgorange {background-color:#f19404;}
.bgblack {background-color:#000;}
.bgblack2 {background-color:#333;}

/*bgimg*/
.nobg {
	background:#fff;
	background-image:none;
}

.bg_pinkcheck{ background-image: url("https://static.cld.navitime.jp/smartstorage/lib_news/img/common/material/bg_check.png"); }
.bg_pinkcheck2{ background-image: url("https://static.cld.navitime.jp/smartstorage/lib_news/img/common/material/bg_check_heart.png"); }
.bg_check_bl{ background-image: url("https://static.cld.navitime.jp/smartstorage/lib_news/img/common/material/bg_check_bl.png"); }

/*opacity*/
.opacity100 { opacity: 1.0; }
.opacity90 { opacity: 0.9; }
.opacity80 { opacity: 0.8; }
.opacity70 { opacity: 0.7; }
.opacity60 { opacity: 0.6; }
.opacity50 { opacity: 0.5; }
.opacity40 { opacity: 0.4; }
.opacity30 { opacity: 0.3; }
.opacity20 { opacity: 0.2; }
.opacity10 { opacity: 0.1; }
.opacity0 { opacity: 0; }

/*material*/
.arrow{
  background-image: url("https://static.cld.navitime.jp/smartstorage/lib_news/img/common/material/bottom_arrow.png");
  background-position: right;
  background-repeat: no-repeat;
  -webkit-background-size: 23px 15px;
}

/*button*/
.button {
	display: flex;
	height: 46px;
	width: 80%;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	align-items: center;
	justify-content: center;
	margin: 0px auto 12px auto;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
	background-color: #1284DB;
	text-decoration: none;
}

/*LINE*/
#line .card {
	margin: 0px 0px 10px 0px;
	box-shadow: 0px 2px 2px 0px rgba(177,177,177,0.75);
	padding-top:10px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	background-color: #FFF;
}

#line .card img {
	width:100%;
	height:auto;
	vertical-align: center;
	margin:0px auto 5px auto;
}