@charset "utf-8";
@import url(‘https://fonts.googleapis.com/css?family=Noto+Sans+JP&subset=japanese’);

/* 全体 */

*{
    margin:0px;
	padding:0px;
}

*{
    font-family: 'Noto Sans JP', sans-serif; 
}

*{
    letter-spacing:1px;
}

/* テキストリンク */

a{
    transition:color 0.3s;
}

a:link {
	text-decoration: none;
	color:#000000;
}

a:visited {
	text-decoration: none;
	color:#000000;
}

a:hover {
	text-decoration: none;
	color:#2891dc;
}

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

a.main:link {
    text-decoration: none;
	color:#505050;
}

a.main:visited {
    text-decoration: none;
	color:#505050;
}

a.main:hover {
    text-decoration: none;
	color:#2891dc;
}

a.main:active {
    text-decoration: none;
	color:#2891dc;
}

a.footer:link {
    text-decoration: none;
	color:#FFFFFF;
}

a.footer:visited {
    text-decoration: none;
	color:#FFFFFF;
}

a.footer:hover {
    text-decoration: none;
	color:#B9BEDC;
}

a.footer:active {
    text-decoration: none;
	color:#B9BEDC;
}
    

/* テキスト */
    
p {
    font-size:15px;
	color:#FFFFFF;
	margin-bottom:3px;
	line-height:2em;
}

.p-address {
    font-size:15px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
	bottom:0px;
	right:0px;
	float:right;
}

.p-holiday_1 {
    color:#FFFFFF;
	font-size:19px;
	font-weight:bold;
}

.p-holiday_2 {
    font-size:15px;
	color:#FFFFFF;
	margin-bottom:3px;
	line-height:2em;
}

	
/* ヘッダー */

#header {
    margin:0px auto;
    width:1024px;
	height:95px;
}

.head_logo {
    width:195px;
	height:61px;
    margin:19px 0px 0px 25px;
	float:left;
}

.head_info {
    width: 500px;
	height:auto;
	margin:40px 25px 0px 0px;
	float:right;
}


/* メニュー */

#menu {
    margin:0px auto;
	width:1024px;
	height:50px;
	background-color:#595757;
}

.menu {
    display: flex;
    width: 1024px;
    height: 50px;
    max-width: 1024px;
    margin: 0 auto;
	text-decoration:none;
	background-color:#595757;
}

.menu > li {
    float:left;
    width: 128px; /* コンテンツ数に応じて */
    height: 50px;
    line-height: 47px;
    background: #323750;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	list-style: none;
}

.menu > li a {
    display: block;
    color: #FFFFFF;
	text-decoration:none;
}

.menu > li a:hover {
    color: #B9BEDC;
}

.menu > li:hover {
    background: #464B64;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


/* メイン トップページ */

#main {
    margin: 0px auto;
    width: 1024px;
	height: auto;
	display: block;
}

.product_jp {
    margin: 0px 0px 24px 0px;
	width: 1024px;
	height: 372px;
	float: clear;
}

.product_imp {
    margin: 0px;
	width: 1024px;
	height: 174px;
	float: clear;
}

.product_sp {
    margin: 0px;
	width: 1024px;
	height: 254px;
	float: clear;
}

.box1 {
    display: table-cell;
	width: 200px;
	height: 36px;
	text-align: center;
	background: #464b64;
	float: left;
}

.productlineup {
    font-size: 18px;
	color: #FFFFFF;
	line-height: 36px;
}

.box2 {
    display: table-cell;
	width: 160px;
	height: 26px;
	text-align: center;
	background: #464b64;
	float: right;
}

.text_country {
    font-size: 14px;
	color: #FFFFFF;
	line-height: 26px;
}

.line1 {
    border-bottom: 4px solid;
	border-color: #464b64;
	width: 1024px;
	height: 36px;
}

.line2 {
    border-bottom: 4px solid;
	border-color: #464b64;
	width: 1024px;
	height: 26px;
}

.product_4h {
    display: table-cell;
    width: 253px;
	height: 60px;
	background: #646982;
	float: left;
	transition: .3s;
}

.product_4h:hover {
    opacity: 0.8;
}

.product_5h {
    display: table-cell;
    width: 253px;
	height: 60px;
	background: #464b64;
	float: left;
	transition: .3s;
}

.product_5h:hover {
    opacity: 0.8;
}

.product_6h {
    display: table-cell;
    width: 253px;
	height: 60px;
	background: #323750;
	float: left;
	transition: .3s;
}

.product_6h:hover {
    opacity: 0.8;
}

.product_10h {
    display: table-cell;
    width: 253px;
	height: 60px;
	background: #232841;
	float: left;
	transition: .3s;
}

.product_10h:hover {
    opacity: 0.8;
}

.product_model {
    display: table-cell;
	width: 200px;
	height: 60px;
	background: #232841;
	float: left;
	transition: .3s;
}

.product_model:hover {
    opacity: 0.8;
}

.icon {
    float:left;
}

.spacer-size {
    width: 241px;
	height: 60px;
	line-height: 35px;
    font-size: 20px;
	color: #FFFFFF;
	text-align: right;
}

.sp_maker {
    font-size: 20px;
	color: #FFFFFF;
	margin: 2px 0px 0px 13px;
}

.sp_model {
    font-size: 16px;
	color: #FFFFFF;
	margin: 0px 0px 0px 13px;
}    
	
.attention {
    margin: 40px 0px 70px 0px;
	text-align: center;
	transition: .3s;
}

.attention:hover {
    opacity: 0.8;
}

.box3 {
    display: table-cell;
	width: 200px;
	height: 36px;
	text-align: center;
	background: #232841;
}

.line3 {
    border-bottom: 4px solid;
	border-color: #232841;
	width: 1024px;
}


/* 休業のお知らせ */

.holiday {
    width: auto;
	height: auto;
	padding: 20px 35px;
	background-color: #232841;
	border-radius: 0px;
}


/* メイン 製品仕様ページ */

.p-product-text {
    font-size: 16px;
	color: #FFFFFF;
	padding: 0px 35px;
	margin-top: 15px;
	line-height:2.2em;	
}


/* メイン 注意書きページ */

.attention-area {
    font-size: 15px;
	color: #FFFFFF;
	padding: 0px 35px;
	margin-top: 10px;
	margin-bottom: 30px;
}

.attention-text {
    padding-left: 0.8em;
	text-indent: -1.1em;
	line-height: 1.8em;
}

.kadomaru {
    width: 964px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.kadomaru img {
    border-radius: 10px;
}



/* メイン 適合表ページ */

.conform_jp {
    margin-bottom: 50px;
	width: 1024px;
	height: 238px;
	float: clear;
}

.conform_imp {
    margin-bottom: 30px;
	width: 1024px;
	height: 238px;
	float: clear;
}

.conform_box1 {
    display: table-cell;
	width: 324px;
	height: 50px;
	background: #464b64;
	float: left;
	transition: .3s;
}

.conform_box1:hover {
    opacity: 0.8;
}

.conform_box2 {
    display: table-cell;
	width: 324px;
	height: 50px;
	background: #232841;
	float: left;
	transition: .3s;
}

.conform_box2:hover {
    opacity: 0.8;
}

.conform_maker {
    width: 324px;
	height: 50px;
    font-size: 26px;
	color: #FFFFFF;
	text-align: center;
	line-height: 45px;
}

.conform_area {
    width: 964px;
	margin: auto;
    font-size: 14px;
	color: #FFFFFF;
}

table {
	border-collapse: collapse; /* 境界線の重複を解除 */
}

table th,table td {
    height: 15px;
    color: #FFFFFF;
    border:solid 2px #969696;
    padding: 8px 15px;
}



/* 画像マウスオーバー トップページ */

.product_link {
    background:#646982;
	position:relative;
	transition:all .2s;
}

.product a {
    position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.product:hover {
    cursor:pointer;
	background:#555a73;
}


.img_wrap_product {
    width: 198px;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
}
.img_wrap_product img{
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
}
.img_wrap_product:hover img{
    opacity: 0.6;
    transition-duration: 0.3s;
}

.img_wrap_shopping {
    width: 260px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
}
.img_wrap_shopping img{
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
}
.img_wrap_shopping:hover img{
    opacity: 0.7;
    transition-duration: 0.3s;
}


.img_wrap_site {
    width: 200px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
}
.img_wrap_site img{
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
}
.img_wrap_site:hover img{
    opacity: 0.7;
    transition-duration: 0.3s;
}


/* 画像マウスオーバー 製品・製品案内ページ */

.img_wrap_item {
    width: 485px;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
}
.img_wrap_item img{
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
}
.img_wrap_item:hover img{
    opacity: 0.8;
    transition-duration: 0.3s;
}

.img_wrap_link {
    width: 250px;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
}
.img_wrap_link img{
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
}
.img_wrap_link:hover img{
    opacity: 0.8;
    transition-duration: 0.3s;
}


/* フッター */

#footer_back {
    margin: 80px 0px 0px 0px;
    width: 100%;
	height: auto;
	background-color: #232841;
}

#footer {
    margin: 0 auto;
	width: 1024px;
	height: 540px;
	padding: 35px 0px 0px 0px;
	background-color: #232841;
	position: relative;
}

.footer_product {
    width:152px;
	height:auto;
	margin:0px 0px 0px 0px;
	float:left;
}

.p-product {
    font-size:15px;
	color:#FFFFFF;
	boder:0px;
	list-style-type:none;
	padding-top:10px;
	line-height:2em;
}

.footer_menu {
    width:177px;
	height:auto;
	margin:0px 0px 0px 0px;
	float:left;
}

.p-menu {
    font-size:18px;
	color:#FFFFFF;
	boder:0px;
	list-style-type:none;
	padding-top:5px;
	line-height:2.6em;
}

.footer_banner1 {
    width:323px;
	height:auto;
	margin:0px 0px 0px 0px;
	float:left;
}

.footer_banner2 {
    width:264px;
	height:auto;
	margin:0px 0px 0px 0px;
	float:left;
}

.footer_img {
    margin:16px 0px 0px 0px;
	float:left;
}

.p-banner {
    font-size:12px;
	color:#FFFFFF;
	boder:0px;
	padding:0px;
	margin:0px;
	line-height:2.6em;
	clear:both;
}

.footer_address {
    width:260px;
	height:auto;
	margin:0px 0px 0px 0px;
	float:left;
}

.footer_logo {
    margin:0px 0px 0px 0px;
	clear:both;
}
	
.p-footer-address {
    font-size:14px;
	color:#FFFFFF;
	boder:0px;
	padding:0px;
	margin:10px 0px 0px 0px;
	line-height:1.8em;
}

.footer_copyright {
	font-size:13px;
	color:#FFFFFF;
	clear:both;
	position:absolute;
	left:0px;
	top:540px;
}

/* floatクリア */

.main_space {
    clear:both;
}

/* メニュー ドロップダウン ここまで */