@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


html {
	overflow-y: scroll;
	
}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #FFF;
	color: #000;
	font-size: 16px;
	line-height: 1.65;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	background-attachment:fixed;
	}

/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #0070C6;
}
a:visited {
	text-decoration: none;
	color: #0070C6;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: underline;
	color: #0070C6;
}

a.opwindow{ 
    background:url(../images/common/icon_opwindow.gif) no-repeat 100% 50%;
	padding-right:15px;
}


/*---------------------------------------------
 ** リンクボタン
---------------------------------------------*/

.btn01{
  display: inline-block;
  padding: 15px 40px;
  border: solid 1px #0151A1;
  background: #FFF;
  color: #0151A1 !important;
  text-decoration: none;
  font-weight: bold;
  transition: 0.5s;
  border-radius:8px;
  margin:15px 0 5px 0;
}

.btn01:hover{
  color: #FFF !important;
  background: #0151A1;
  text-decoration:none !important;
}

/* 拡大しないボタン */
.btn02{
  color: #fff;
  width:auto;
  text-decoration: none;
  background: #66C4BA;
  padding: 15px 30px;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin:0 auto;
  color:#fff !important;
  font-weight:bold;
  letter-spacing:0.1em;
}
.btn02:hover,
.partsbtn:hover{
  background-size: 100px 100px;
  background-position: right 50%;
  background-color: #000;
  text-decoration:none;
  color:#fff;
}


.partsbtn{
   color: #fff;
  width:60%;
  text-decoration: none;
  background: #66C4BA;
  padding: 5px 10px;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin:0 auto;
  color:#fff !important;
  letter-spacing:0.1em;
}


/* 背景画像拡大ボタン */

button.btn03{
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  width: 100%;
  font-size: 100%;
}


.btn03{
  color: #fff;
  width:auto;
  text-decoration: none;
  background: #66C4BA;
  padding: 15px 30px;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin:0 auto;
  color:#fff !important;
  font-weight:bold;
  letter-spacing:0.1em;
}

.btn03:hover {
  background-size: 100px 100px;
  background-position: right 50%;
  background-color: #000;
  text-decoration:none;
  color:#fff;
}
.btn03::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 30px;
  background:url(../images/common/arrow_btn03.png) no-repeat 0 50%;
  background-size: 38px 38px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn03:hover::before {
  left: 80%;
  background-size: 80px 80px;
}
.btn03 span {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn03:hover span {
  margin-left: -180px;
}

div.linkbtn{ text-align:center; margin:25px auto;}

a img:hover{opacity: .7;transition: all .3s;}

/*---------------------------------------------
 ** common
---------------------------------------------*/
.over_zoom{_zoom: 1;
	overflow: hidden;}

.m_top_6px{ margin-top:6px;}
.m_top_20px{ margin-top:20px;}
.m_top_30px{ margin-top:30px;}
.m_top_35px{ margin-top:35px;}
.m_top_40px{ margin-top:40px;}

.m_bottom_10px{ margin-bottom:10px;}
.m_bottom_20{ margin-bottom:20px;}
.m_bottom_25{ margin-bottom:25px;}
.m_bottom_30{ margin-bottom:30px;}
.m_bottom_35{ margin-bottom:35px;}
.m_bottom_40{ margin-bottom:58px;}
.m_bottom_50{ margin-bottom:50px;}
.m_bottom_55{ margin-bottom:55px;}
.m_bottom_60{ margin-bottom:60px;}

.float_L{ float:left;}
.float_R{ float:right;}

.read{ padding:10px 20px;}

/* a hover */
.hover {	-webkit-transition: 0.3s ease-in-out;	-moz-transition: 0.3s ease-in-out;	-o-transition: 0.3s ease-in-out;	transition: 0.3s ease-in-out;}
.hover:hover{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

.over_zoom{_zoom: 1;	overflow: hidden;}
.tcenter{ text-align:center;}
.tright{ text-align:right;}

/*---------------------------------------------
 ** 画像のcss
---------------------------------------------*/
.img_R{ float:right; margin:0 0 0 30px;}
.img_L{ float:left; margin:0 30px 0 0 ;}
.img_C{ float: left; margin:0  0 20px 0 ;}


.imgbox img{ width:100%; background-size:100%;}
.kadomaru img{ border-radius:10px;}

.bmwblue{ color:#001A66;}
.classicpink{ color:#DB0E3E;}
.deltayellow{ color:#616D0B;}
.bluegreen{ color:#66C4BA;}

.bgon{ background:#fff; width:100%;}