@charset "shift_jis";

/* CSS Document */


/* =============================================== */
/** ヘッダー右 ボタン2つ対応 */
/* ----------------------------------------------- */
ul#headerLink_b {
	float: right;
	width: 300px;
	list-style-type: none;
	text-align: right;
	margin-right: 10px;
	margin-top: 5px;
}

#productPhotoArea_underBtn { clear:both; }

#productPhotoArea_underBtn p:first-of-type { padding-bottom:0.2em; }

/* =============================================== */
/** 2013/07/03 ヘッダー右ボタン テキストリンク化対応  */
/* ----------------------------------------------- */
ul#headerLink_b span{display:none;}



/* =============================================== */
/** 20121102 mq左ナビタイトル */
/* ----------------------------------------------- */

#tmp-localnavigation h2 {
    background-image: url("/support/images/repair/st_bd.gif");
    height: 43px;
}


/* =============================================== */
/** 2012/09/18 2012年発売モデルバナー追加  */
/* ----------------------------------------------- */


.bnr_mainContentArea {
	margin-bottom:30px;
}

.bnr_mainContentArea p img {
	width:100%;
	max-width:553px;
}

.bnr_mainContentArea.SP {
	display: none;
}


 @media (max-width:640px) {

#headerTitle table { margin-bottom:1em; }

ul#headerLink_b {
	float:none !important;
	margin:0px !important;
	width:auto;
	text-align:center;
}

ul#headerLink_b li { margin: 0.5em 0 }


/*ul#headerLink_b img {
	width:100%;
	max-width: 300px;
}*/

#productPhotoArea_underBtn { margin:20px 15px 20px; }

#productPhotoArea_underBtn a img {
	width:100%;
	max-width:343px;
}

.photomenu.menulist {
background: none;
}



/* =============================================== */
/** 2012/09/18 2012年発売モデルバナー追加  */
/* ----------------------------------------------- */


.bnr_mainContentArea {
	margin:0 10px 30px;
	
}

.bnr_mainContentArea.PC {
	display:none;
}

.bnr_mainContentArea.SP {
	display: block;
}

.bnr_mainContentArea.SP li {
	border-bottom:1px #666666 solid;
}

/* =============================================== */
/** 2013/07/03 ヘッダー右ボタン テキストリンク化対応  */
/* ----------------------------------------------- */

ul#headerLink_b {
	float:left;
	width:auto;
	padding-top:70px;
}

ul#headerLink_b li { margin: 0.5em 0;}


ul#headerLink_b span{
	display:block;
	text-align:left;
	background:url(/support/share/images/mq/ico_02.png) no-repeat left 24%;
	font-size: 16px;
	padding: 0 0 0 12px;
	margin-left:13px;
	
}


ul#headerLink_b img {
	display:none;
	height:0px;
}



}

/* =============================================== */
/** 2013/03/08 ピックアップバナーの下に罫線を追加  */
/* ----------------------------------------------- */
.pickup_border {
	border-bottom: 1px solid #D0D0D0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.min-heigh1300 {
  min-height: 1300px;
  height: auto !important;
  height: 1300px;
}
@media only screen and (min-width: 641px) {
  .min-heigh1300 {
	min-height: 1300px;
	height: auto !important;
	height: 1300px;
  }
}


/* =============================================== */
/** 2012/11/14 お知らせ用ボックス  */
/* ----------------------------------------------- */
.info{
	border-color:#F00;
	border-style:solid;
	border-width:3px;
	padding:10px;
	margin-top:10px;
}

.info_link {
	margin-left: 15px;
	padding-left: 12px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 5px;
	line-height: 16px !important;
}

@media screen and (max-width: 640px){
	img.banner_okbiz{
		width: 100%;
		max-width: 360px;
		height: auto;
	}
}

/* 20200410 */
.notice {
    border: 1px solid #f00;
    margin: 0 0 1em;
    padding: 1em;
}

.accent{
	color: #ff0000;
}

/*===========================================
	s5-button 20210112
=============================================*/

.s5--alignCenter {
    text-align: center!important;
    margin-bottom: 1em;
}

.s5-button:last-child {
    margin-bottom: 0;
    margin-right: 0;
}

.s5-button {
    color: #FFF!important;
    font-size: 14px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 8px 18px;
    border: none;
    border-radius: 1px;
    background: #5787f4;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin-bottom: 10px;
    margin-right: 10px;
}

a:hover .s5-button, .s5-button:hover, a:focus .s5-button, .s5-button:focus {
    color: #fff;
    text-decoration: none;
    background: #8aacf6;
}

.s5-button::before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0.5em 0 0;
    border: 5px solid transparent;
    border-right: 0px solid transparent;
    border-left: 5px solid #fff;
}

/* 20210727 */

#include ol.kiyaku {
   margin-left: 36px !important;
}

@media (max-width: 640px){
	#include ol.kiyaku {
		margin-left: 24px !important;
	}
}