@charset "UTF-8";
/*----------------------------------------------------
	リセット
----------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  /* font-size: 100%; */
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section {
  display:block;
}
body {
  line-height: 1;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;
}
/* クロームの青い枠対策
----------------------------------------------------*/
input[type="text"],
input[type="password"],
textarea,
select { outline: none;}
*:focus {
  outline: none;
}
/*----------------------------------------------------
	共通
----------------------------------------------------*/
html {overflow-y: scroll;/* スクロールバーの有無によるズレ対策 */}
html, body  {
    height: 100%;
}
body {
	font-family: Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	margin:0;
	padding:0;
	color:#502311;
  box-sizing: border-box;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
/* リンク
----------------------------------------------------*/
a { text-decoration:none; color: #502311;}
a:link {}
a:visited {}
a:hover {
  transition: all .1s;
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);
	zoom:1;
}
a:active {}
.cursor_d {
	cursor: default;
}
.cursor_d:hover {opacity: 1;}

/* 佐々木追加。off_styleをつけたリンクは、初期状態に戻る。 */
a.off_style { 
    text-decoration: underline; color: #0000ff;
}
a.off_style:hover {
    transition: none;
    text-decoration: underline;
    opacity: 1;
    filter: none;
    zoom: 0;
    color: #ff8000;
}


/* テキスト
----------------------------------------------------*/
.smallText {font-size: .8em;}
.mediumText {font-size: 1.1em;}
.largeText {font-size: 1.3em;}
.boldText { font-weight: bold;}
.underLine{text-decoration: underline;}
/* text-over-flow
**********************************/
.to {
    overflow: hidden;
    /* text-indent: 100%; */
		text-indent: -9999px;
    white-space: nowrap;
    line-height: 1;
}
/* text-align
**********************************/
.tc { text-align: center;}
.tr { text-align: right;}
.indent {
  display: inline-block;
  text-indent: -.5em;
}
/* float
**********************************/
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
/* clearfix
**********************************/
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
/* margin
**********************************/
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb60 {margin-bottom: 60px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt40 {margin-top: 40px !important;}
.mt60 {margin-top: 60px !important;}
/* padding
**********************************/
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb60 {padding-bottom: 60px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt40 {padding-top: 40px !important;}
.pt60 {padding-top: 60px !important;}