@charset "utf-8";

html {
	color: #333;
	background: #FFF;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", 'ヒラギノ角ゴ W3', "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 170%;
	letter-spacing: 0.04px;
    animation: fadeIn 1s ease-in 0s 1 normal;
    -webkit-animation: fadeIn 1s ease-in 0s 1 normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}

div.wrapper {
	max-width: 1420px;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
}

#brand div.wrapper {
	margin: 60px auto;
}

#model-detail div.wrapper {
	margin: 30px auto 0px;
}

.bg1 {
	background: #f2f2f2;
}

h1 {
	font-size: 22px!important;
	text-align: center;
	color: #735a11;
	line-height: 130%;
}

h1 .japanese {
	font-size: 66%;
	letter-spacing: 2px;
}

#brand h1 {
	margin-bottom: 30px!important;
}

h2 {
	font-size: 20px!important;
	text-align: center;
	padding-bottom: 5px!important;
	border-bottom: 2px solid #318cc2;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes fadeOut {
    0% {opacity: 1}
    100% {opacity: 0}
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1}
    100% {opacity: 0}
}

@keyframes headerIn {
	0% { top: -100px; }
	100% { top: -10px; }
}
@-webkit-keyframes headerIn {
	0% { top: -100px; }
	100% { top: -10px; }
}

#go-top {
    position: fixed;
    width: 50px;
    height: 50px;
    z-index: 999;
}

#go-top img {
	width: 100%;
	height: auto;
	opacity: .8;
}

@media (min-width: 768px) {

#go-top {
    bottom: 30px;
    right: 30px;
}
}

@media only screen and (max-width:767px){
body {
	font-size: 15px;
}

#go-top {
    bottom: 20px;
    right: 20px;
}
}

/*----------------------------------
 margin
------------------------------------*/
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}

@media only screen and (max-width:767px){
.mt10 {margin-top:5px;}
.mt20 {margin-top:10px;}
.mt30 {margin-top:15px;}
.mt40 {margin-top:20px;}
.mt50 {margin-top:25px;}
.mb10 {margin-bottom:5px;}
.mb20 {margin-bottom:10px;}
.mb30 {margin-bottom:15px;}
.mb40 {margin-bottom:20px;}
.mb50 {margin-bottom:25px;}
.mr10 {margin-right:5px;}
.mr20 {margin-right:10px;}
.mr30 {margin-right:15px;}
.mr40 {margin-right:20px;}
.mr50 {margin-right:25px;}
.ml10 {margin-left:5px;}
.ml20 {margin-left:10px;}
.ml30 {margin-left:15px;}
.ml40 {margin-left:20px;}
.ml50 {margin-left:25px;}
}

/*----------------------------------
 link_style
------------------------------------*/

a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
	opacity:0.7;
}

a:active {
	color:#333;
	text-decoration:none;
}

/*----------------------------------
 aling
------------------------------------*/
.left {
	text-align:left;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
	
}
.layoutCenter {
	margin:0 auto;
}

/*----------------------------------
 float
------------------------------------*/
.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.fl-clear {
	clear:both;
}

.after-clear:after {
	content: "";
	display: block;
	clear: both;
}

/*----------------------------------
 img_margin
------------------------------------*/
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.alignright {
    float: right;
    margin-left: 20px;
}

.alignleft {
    float: left;
    margin-right: 20px;
}

.img_responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/*----------------------------------
fade-in fade-out
------------------------------------*/
.fade-in {
	-webkit-animation-name: fadeIn;
	        animation-name: fadeIn;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-transform: none;
	        transform: none;
}

.fade-out {
	-webkit-animation-name: fadeOut;
	        animation-name: fadeOut;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-transform: none;
	        transform: none;
}

@media screen and (min-width:768px) {

.pc {
	display:block;
}

.pc2 {
	display:inline;
}

.sp {
	display:none !important;
}

}

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

.pc {
	display:none !important;
}

.pc2 {
	display:none !important;
}

.sp {
	display:block;
}

.alignright {
    float: none;
    margin-left: 0px;
}

.alignleft {
    float: none;
    margin-right: 0px;
}

}


/*----------------------------------
 youtube
------------------------------------*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.5%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}