@charset "Shift_JIS";

/* ################################################### */
/* #                                                 # */
/* #                common_sp.css                    # */
/* #                                                 # */
/* ################################################### */


/* 2016.07.04- レスポンシブ対応の共通パーツcss(SP)
---------------------------------------------------- */
/*
 
 Reset
 リンク色
 SP汎用	
 Layout  
 Header
 Footer             


/*


/* Reset
---------------------------------------------------- */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}#yui3-css-stamp.cssreset{display:none}



/* リンク色
-------------------------------------------------------------*/
a:link { color: #000066; text-decoration: none; }
a:visited { color: #000066; }

/*font-familyを設定しないとiOS6で明朝になってしまう*/
body{
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
}

/* SP汎用
---------------------------------------------------- */
.SpNone{
	display: none;
}

.PadLR{
	width: 94%;
	margin:0 auto;
}

.SpPt0{
	padding-top: 0!important;
}
.SpPb0{
	padding-bottom: 0!important;
}


/* clearfix */
.clearfix:after {
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/* Layout
---------------------------------------------------- */
#DocBody{
	width: 100%;
}









/* HeadSearch
---------------------------------------------------- */
#HeadSearch{
	width: 96%;
	padding: 6px 2%;
	background-color: #fff;
	/*padding-top: 50px;*/
}
#HeadSearch dl{
	width: 100%;
	border: 1px solid #DC1212;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#HeadSearch dl dt{
	float: right;
	width: 19%;
	background-color: #DC1212;
	border: 1px solid #DC1212;
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	text-align: center;
}
#HeadSearch dl dd{
	float: left;
	width: 79%;
}
#HeadSearch dl dd input{
	width: 92%;
	border: none;
	padding: 2px 5px;
	margin: 5px 0 0 5px;
}
#HeadSearch dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;	
}
.SpSearch{
	width: 40px;
}



/* BurgerMenu
---------------------------------------------------- */
/* Toggle Button */
#MobileHead {
	z-index: 999;
}
#NavToggle {
	display: none;
	position: absolute;
	right: 3%;
	top: 12px;
	width: 25px;
}
#NavToggle img{
	width: 100%;
}

/*オーバーレイ表示*/
#Overlay {
	display:none;
	width: 100%;
	height:100%;
	position: fixed;
	top: 0;
	z-index: 997;
	background: rgba(0,0,0,0.7);
}

#GlobalNavi a:hover { opacity: 1; }
#GlobalNavi a:active { opacity: 1; }


/* Header
---------------------------------------------------- */
#Header {
	width: 100%;
	padding: 0;
	background: none!important;
}
/*ヘッダー固定*/
#TopHead {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	height: 50px;
}


/*ロゴ*/
.Logo{
	background-color: #F2F2F2;
}
.Logo img{
	width: 200px;
	margin: 7px 0 8px 10px;
}


/*GlobalNavi*/
#GlobalNavi img{
	display: none;
}
#GlobalNavi {
	display:none;
	margin-top: 42px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 998;
}
#GlobalNavi ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 14px;
}
#GlobalNavi li a {
	display:block;
	background:#DC1212 url(/images/common/ico_gmenu.gif) no-repeat 95% center;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	color: #fff;
	font-weight: bold;
	padding: 13px 8%;
	width: 84%;
	border-bottom:1px solid #fff;
}

/* Toggle Button */
#NavToggle {
	display: block;
}
#NavToggle span {
	display: block;
	width:100%;
}
#BtnBurgerMenuClose {
	display: none;
}

#MobileHead:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;	
}



/* Footer
---------------------------------------------------- */
#FooterMenu{
}
#FooterMenu li a {
	display:block;
	background-color: #fff;
	color: #242424;
	font-size: 0.9em;
	font-weight: bold;
	padding: 3.5% 5%;
	width: 90%;
	border-bottom:1px solid #F2F2F2; 
}

#GroupList li a:before{
	content: "　"
}


/*ページトップ*/
#PageTop {
	position: fixed;
	bottom: 20px;
	right: 1%;
}
#PageTop img{
	width: 32px;
	height: 32px;
}
/*コピーライト*/
.copy{
	color: #fff;
	background-color: #DC1212;
	font-size: 9px;
	text-align: center;
	padding: 3% 2%;
}


#LinksArea dl {
	text-align:left;
}
#LinksArea dl dd {
	display:inline-block;
	width:48%;
}
.OneColumnArea .BannerList {
	text-align:left;
}
.OneColumnArea .BannerList li {
	display:inline-block;
	width:48%;
}

/* PCの画像をSPでテキストに（altタグ）
---------------------------------------------------- */
.ImgToTxt:after {
	content:attr(data-label);
}
.ImgToTxt img {
	display:none;
}