@charset "utf-8";

/*******************
 * スマホ
*******************/

@media only screen and (max-width: 640px) {

body {	font-weight:200; }


/* -------------------------------------------------------------------------- 
   汎用-フォントサイズ（入れ子に注意）
   ----------------------------------------------------------------------- */
.fs_ss  {	font-size:81.25%; } /*13px*/
.fs_s   {	font-size:93.75%; } /*14px*/
.fs_m   {	font-size:100%; }   /*16px*/
.fs_l   {	font-size:137.5%; } /*22px*/
.fs_ll  {	font-size:187.5%; } /*30px*/
.fs_lll {	font-size:250%; }   /*40px*/
.fs_xl  {	font-size:312.5%; } /*50px*/


/* -------------------------------------------------------------------------- 
   汎用-マージンサイズ
   ----------------------------------------------------------------------- */
.mt0  { margin-top:0px !important; }
.mt5  { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mb5  { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.m0a{ margin: 0 auto !important; }  /* 20160216 KTD*/


.pad10{ padding: 10px; }
.pad20{ padding: 20px; }
.pad30{ padding: 30px; }

.k1bk{ border: 1px solid #000; }
.k2bk{ border: 2px solid #000; }

/* -------------------------------------------------------------------------- 
   汎用-共通
   ----------------------------------------------------------------------- */
/*PCのみ表示*/
.PcOnly {	display: none; }
.center-block{ text-align: center; }
.fl{ float: left; }
.fr{ float: right; }
.cf{ overflow: hidden; zoom:1; }
.al{ text-align: left; }
.ac{ text-align: center; }
.ar{ text-align: right; }

.fs88{ font-size: 88%; }
.fs82{ font-size: 82%; }
.fs75{ font-size: 75%; }



/* -------------------------------------------------------------------------- 
   グロナビ
   ----------------------------------------------------------------------- */
div#Header div#SpMenu {
	width:100%;
 z-index:500;
}

div#Header div#SpMenu p {
	text-align:center;
	padding:10px 0;
	cursor:pointer;
 background-color:rgba(170,170,170,0.90);
}

div#Header div#SpMenu p span.Logo {
 display:block;
 float:left;
 width:42px;
 padding-left:2%;
}

div#Header div#SpMenu p span.Menu {
 display:block;
 float:right;
 width:42px;
 padding-left:2%;
}

div#Header div#SpMenu ul {
 background:#fefefe;
 border-bottom:solid 2px #e6e6e6;
 }

div#Header div#SpMenu ul li {
	border-bottom:dotted 1px #ececec;
	font-size:93.75%;
}

div#Header div#SpMenu ul li a {
	display:block;
	padding:10px 0;
	padding-left:25px;
 position:relative;
}

div#Header div#SpMenu ul li a:after {
 content:"";
 position:absolute;
 top:50%;
 right:25px;
 width:13px;
 height:13px;
 margin:-7px 0 0 0;
 -webkit-transform: rotate(45deg);
 transform:rotate(45deg);
 border-top:solid 1px;
 border-right:solid 1px;
}

div#Header div#SpMenu ul li a:hover {
	background:#f2f2f2;
	text-decoration:none;
}

/* ログイン */
.LoggedIn {
	font-size:75%;
	text-align:right;
	font-weight:bold;
	background-color:rgba(170,170,170,0.90);
	padding:0 5px 5px 0;
 }

.LoggedIn .UserID {	padding-right:10px; }

.LoggedIn a {	color:#467be8; }


/* -------------------------------------------------------------------------- 
   コンテンツ
   ----------------------------------------------------------------------- */
div#Container {
 margin:20px auto 0 auto;
 width:95%;
}


/* -------------------------------------------------------------------------- 
   ページTOP
   ----------------------------------------------------------------------- */
div#BtnPageTop { margin-top:30px; }

div#BtnPageTop p a {
 display:block;
 background:#ababab;
 padding:10px 0;
 color:#FFF;
 text-align:center;
 font-weight:200;
 position:relative;
 text-decoration:none;
}

div#BtnPageTop p a:after {
 content:"";
 position:absolute;
 top:50%;
 right:20px;
 width:13px;
 height:13px;
 margin:-2px 0 0 0;
 -webkit-transform: rotate(-45deg);
 transform:rotate(-45deg);
 border-top:solid 1px;
 border-right:solid 1px;
}


/* -------------------------------------------------------------------------- 
   フッター
   ----------------------------------------------------------------------- */
div#Footer {
 background:#f2f2f2;
 padding:20px 0;
}

div#Footer div.ContentsBox {
 width:95%;
 margin:0 auto;
}

div#Footer div.ContentsBox p {
 font-size:81.25%;
 text-align:center;
}

div#Footer div.ContentsBox p img {
 display:block;
 margin:0 auto 10px auto;
}


/* -------------------------------------------------------------------------- 
   ボタン
   ----------------------------------------------------------------------- */
 a.btn{
 display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
   color: #fff !important;
    background-color: #337ab7;
    border-color: #2e6da4;
   }
   
a.btn:hover{ text-decoration:none;   background-color: #04B2D7 ;} 



}