@charset "utf-8";
/* CSS Document */
/*------------------------------------------商品情報*/
.content_wrap_04{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	/*padding: 0 0 10% 0;*/
	position: relative;
}
@media only screen and (min-width: 641px) {
.content_wrap_04{
	/*padding: 0 0 20px 0;*/
	}
}
/*---*/

/*コンテンツ5*/
.content_wrap_05{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 4% 4% 4% 4%;
}
@media only screen and (min-width: 641px) {
.content_wrap_05{
	width:calc(100% - 180px);
	margin-left: 90px;
	margin-right: 90px;
	padding: 40px 0 10px 0;
	}
}
/*--*/



.main_img img{
	width: 100%;
}
.main_img_2{
	width: 100%;
	height:80px;
	background-image: url("bg_sky.jpg");
	background-position: center center;
	background-size: cover;
}

.shadow_01{
	text-shadow:1px 1px 2px #000;
}

/*パンクズリスト*/
.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	width:96%;
	margin-left: 2%;
	margin-right: 2%;
	padding: 2% 0 2% 0;
	color: #323232;
	font-size: 12px;
}
.cp_breadcrumb a {
	text-decoration: underline;
	color: #ADADAD;
}
.cp_breadcrumb .breadcrumbs {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.cp_breadcrumb li {
	display: inline-block;
	position: relative;
	padding-right: calc(16px + 8px);
	margin-right: 8px;
	color: #ADADAD;
}
.cp_breadcrumb li::before {
	content: '›';
	width: 1em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1em;
	color: inherit;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.cp_breadcrumb li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #323232;
}
.cp_breadcrumb li:last-child::before {
	content: normal;
}
@media only screen and (min-width: 641px) {
.cp_breadcrumb {
	width:calc(100% - 180px);
	margin-left: 90px;
	margin-right: 90px;
	padding: 20px 0 20px 0;
	color: #323232;
	font-size: 14px;
	}
}
/*パンクズリスト*/


/*ページタイトル*/
.page_title{
	background-image: url("../img/main_products_01.png");
	background-size: cover;
	background-position: center center;
	text-align: center;
	box-sizing: border-box;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding: 6% 0 6% 0;
}
@media only screen and (min-width: 641px) {
.page_title{
	width:calc(100% - 180px);
	padding: 4% 0 4% 0;
	}
}
/*--*/

.title_lower{
	text-align: center;
	color:#323232;
	margin-top:1% ;/*margin-top:6% ;*/
	margin-bottom: 2%;
	width: 100%;
}

.title_lower_b{
	font-weight:bold;
	font-size: 20px;
	letter-spacing: 0.3em;
}
.title_lower_s{
	font-weight:bold;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1em;
}
@media only screen and (min-width: 641px) {
.title_lower{
	margin-bottom: 40px;
	}
.title_lower_b{
	font-weight:bold;
	font-size: 30px;
	letter-spacing: 0.3em;
	}
.title_lower_s{
	font-weight:bold;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1em;
	}
}
/*--*/

/*商品名*/
.title_product{
	font-weight:bold;
	font-size: 20px;
	letter-spacing: 0.3em;
	line-height: 2em;
}
@media only screen and (min-width: 641px) {
.title_product{
	font-size: 26px;
	letter-spacing: 0.3em;
	line-height: 1em;
	}
}
/*--*/

/*------------------------------------------商品画像関連*/
.product_picture a img{
	height: auto;
}
/*商品ホバー時は元々のopacityを1に戻している*/
.menu_pics .effect a:hover{
	opacity: 1;
}

/*スマホの分類表示*/
.product_picture p{
	box-sizing: border-box;
	padding: 2% 2% 2% 2%;
	color:#323232;
}

/*マウスホバー時のエフェクト*/
.effect {
	/*width:280px;
	height:188px;*/
	overflow:hidden;
	/*margin:10px 8px 10px 16px;*/
	position:relative;	/* 相対位置指定 */
}
.effect .caption {
	font-size:16px;
	letter-spacing: 0.2em;
	text-align:center;
	padding-top:22.5%;
	color:#fff;
}
@media only screen and (min-width: 641px) {
.effect .caption {
	font-size:14px;
	}
}
@media only screen and (min-width: 800px) {
.effect .caption {
	font-size:16px;
	}
}
@media only screen and (min-width: 1200px) {
.effect .caption {
	font-size:20px;
	}
}
/*--*/

.effect .mask {
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(103,95,93,0.8);	/* マスクは半透明 */
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.effect:hover .mask {
	opacity:1;	/* マスクを表示する */
}
/*マウスホバー時のエフェクト*/
/*------------------------------------------商品画像関連*/
.bgc_blown_01{
	background-color: #9F8F8D;
	box-sizing: border-box;
	padding-top: 4%;
	padding-bottom: 6%;
}

/*商品一覧大枠*/
.products_ichiran{
	width:96%;
	margin-left: auto;
	margin-right: auto;
	padding: 70px 0 70px 0;
	color: #323232;
	box-sizing: border-box;
}
@media only screen and (min-width: 641px) {
.products_ichiran{
	width: 100%;
	/*width:calc(100% - 180px);
	margin-left: 90px;
	margin-right: 90px;*/
	}
}
/*--*/


/*商品一覧2大枠*/
.products_ichiran2{
	width:96%;
	margin-left: auto;
	margin-right: auto;
	padding: 70px 0 70px 0;
	color: #323232;
	box-sizing: border-box;
}
@media only screen and (min-width: 641px) {
.products_ichiran2{
	width:calc(100% - 180px);
	margin-left: 90px;
	margin-right: 90px;
	}
}
/*--*/



/*一覧li調整*/
.ichiran_ul{
	width: 100%;
}
.ichiran_li{
	box-sizing: border-box;
	width:50%;
	float: left;
	list-style: none;
	position: relative;
}
@media only screen and (min-width: 641px) {
.ichiran_li{
	box-sizing: border-box;
	width:50%;
	float: left;
	list-style: none;
	position: relative;
	}
}
@media only screen and (min-width: 900px) {
.ichiran_li{
	box-sizing: border-box;
	width:50%;
	float: left;
	list-style: none;
	position: relative;
	}
}
@media only screen and (min-width: 1150px) {
.ichiran_li{
	box-sizing: border-box;
	width:33.3%;
	float: left;
	list-style: none;
	position: relative;
	}
}
@media only screen and (min-width: 1380px) {
.ichiran_li{
	box-sizing: border-box;
	width:25%;
	float: left;
	list-style: none;
	position: relative;
	}
}
/*--*/

.ichiran_a{
	display: block;
	box-sizing: border-box;
	padding:34px 20px 34px 20px;
	background-color: transparent;
	color:#323232;
}

.ichiran_a:hover{
	background-color: #8B7876;
}

.ichiran_img_div{
	height: 176px;
	text-align: center;
	background-color: #fff;
	/*display: table-cell;*/
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 10px;
}
.ichiran_img{
	max-height: 100%;
	max-width: 100%;
}

/*代表品名*/
.ichiran_title{
	color:#323232;
	font-size: 16px;
	font-weight: bold;
	background-image: url(../img/list_icon_02.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:18px;
	margin-top:20px;
	line-height: 1.2em;
}
.ichiran_a:hover .ichiran_title{
	color:#fff;
	background-image: url(../img/list_icon_01.png);
}
/*新品名*/
.ichiran_shinhin_ul{
	margin-top: 8px;
	padding-left: 18px;
}
.ichiran_shinhin_ul li{
	color:#1D4B9F;
	font-size: 14px;
	float: left;
	list-style: none;
	box-sizing: border-box;
	padding-right: 12px;
	margin-bottom: 6px;
}
.ichiran_shinhin_ul li:first-child{
	padding-left: 0px;
}
.ichiran_a:hover .ichiran_shinhin_ul li{
	color:#AFE8FF;
}
/*商品の一言メッセージ*/
.ichiran_msg{
	margin-top: 8px;
	padding-left: 18px;
	line-height: 1.4em;
	color: #443B3A;
}
.ichiran_a:hover .ichiran_msg{
	color:#fff;
}
/*ニューアイコン*/
.new_icon{
	background-color: #FF0000;
	position: absolute;
	color: #fff;
	font-size: 20px;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 80px / 50px;
	top:14px;
	left:10px;
}


/*検索結果画面*/
.search_result_num{
	width: 100%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.search_result_num p{
    color: #fff;
    font-size: 20px;
    text-align: center;
    background-color: #1D4B9F;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media only screen and (min-width: 641px) {
.search_result_num{
	width: 100%;
	}
.search_result_num p{
    color: #fff;
    font-size: 24px;
    text-align: center;
    background-color: #1D4B9F;
    padding-top: 10px;
    padding-bottom: 10px;
	}
}
/*--*/

/*検索ページの調整*/
.search_left{
	width: 90%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.search_right{
	width: 90%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/*サイドバー固定 ※IE以外*/
.sticky {
  position: -webkit-sticky;
  position: static;
  top: 0;
}
@media only screen and (min-width: 900px) {
.search_left{
	width: 250px;
	float: left;
}
.search_right{
	width: calc(96% - 250px);
	margin-left: 4%;
	float: left;
}

/*サイドバー固定 ※IE以外*/
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
	}
}



/*---------------------------商品詳細ページ*/
.product_group{
    /*max-width: 1000px;*/
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px;
}
.title_sub_b{
	width: 94%;
	float: none;
	font-weight:bold;
	font-size: 14px;
	color:#1D4B9F;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
}
.title_image{
    width: 90%;
    float: none;
    box-sizing: border-box;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8%;
}
.title_image img{
	/*width: 100%;*/
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
@media only screen and (min-width: 641px) {
.title_image{
    /* width: 240px; */
    width: 38%;
    float: left;
    margin-top: 0;
}
.title_sub_b{
    /* width: calc(90% - 240px); */
    width: 60%;
    float: right;
    font-weight: bold;
    font-size: 18px;
    color: #1D4B9F;
    letter-spacing: 0.2em;
    /* margin-left: 10%; */
    margin-left: 2%;
	}
}
/*--*/

/*詳細左右*/
.detail_l_r{
	box-sizing: border-box;
	max-width: 94%;
	margin-left: auto;
	margin-right: auto;
}
/*左カラム*/
.detail_left{
	float: none;
	width: 100%;
	margin-top: 4%;
}
/*右カラム*/
.detail_right{
	float: none;
	width: 100%;
	margin-left: 0%;
	text-align: center;
}
.detail_right img{
	width: 100%;
	max-width: 300px;
}
@media only screen and (min-width: 641px) {
.detail_l_r{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	}
/*左カラム*/
.detail_left{
	float: left;
	/*width: 56%;*/
	/*width:100%;*/ /*width:calc(98% - 300px);*/
	margin-top: 0%;
	}
/*右カラム*/
.detail_right{
	float: right;
	/*width: 42%;*/
	max-width: 300px;
	margin-left: 2%;
	}
.detail_right img{
	width: 100%;
	}
}
/*--*/


/*商品詳細コピー*/
.detail_copy{
	background-color: #8B7876;
	border-bottom: #DED5C7 solid 2px;
	color:#fff;
	text-align: left;
	font-size: 18px;
	box-sizing: border-box;
	padding: 10px;
	line-height: 1.2em;
}
@media only screen and (min-width: 641px) {
.detail_copy{
	font-size: 22px;
	}
}
/*--*/

/*商品詳細特徴*/
.detail_tokchou{
	color:#8B7876;
	font-size: 18px;
	margin-top: 2%;
	line-height: 150%;
}

/*商品詳細分類*/
.detail_1{
	margin-top: 4%;
}
.detail_2{
	margin-top: 2%;
}
.detail_3{
	margin-top: 2%;
}
.detail_4{
	margin-top: 8%;
	margin-bottom: 2%;
}

/*詳細テーブル*/
.tbl_detail{
	box-sizing: border-box;
	border:#323232 solid 1px;
	width: 100%;
	white-space: nowrap;
}
.tbl_detail td{
	border:#323232 solid 1px;
	padding: 0.5em;
	vertical-align: middle;
	text-align: center;
}
.dtl_bcd{
	width:100%;
	max-width:200px;
}

.dtl_thumb{
	max-height:250px;
}

.bg_brown{
	background-color: #DED5C7;
}

/*詳細シーン*/
.detail_scene{
	max-width: 94%;
	margin-top: 8%;
	margin-left: auto;
	margin-right: auto;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.detail_scene li{
	width: 100%;
	box-sizing: border-box;
	float: none;
	list-style: none;
	margin-right: 0%;
	margin-bottom: 4%;
	max-height:400px;
	text-align: center;
}
.detail_scene li:last-child{
	margin-right: 0;
}
.detail_scene li img{
	/*width: 100%;*/
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
@media only screen and (min-width: 641px) {
.detail_scene{
	max-width: 1200px;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	}
.detail_scene li{
	/*width: 32%;*/
	width: 31%;
	float: left;/*
	margin-right: 2%;
	margin-bottom: 0%;*/
	margin: 1%;
	}
}
/*--*/



/*詳細個別写真*/
.detail_pic{
	max-width: 94%;
	margin-top: 8%;
	margin-left: auto;
	margin-right: auto;
}
.detail_pic li{
	width: 100%;
	box-sizing: border-box;
	float: none;
	list-style: none;
	margin-right: 0%;
	text-align: center;
	margin-bottom: 8%;
}
.detail_pic li:last-child{
	margin-right: 0;
}
.detail_pic li img{
	width: 100%;
}
.detail_pic li p{
	margin-top: 4%;
}
@media only screen and (min-width: 641px) {
.detail_pic{
	max-width: 1200px;
	margin-top: 8%;
	margin-left: auto;
	margin-right: auto;
	}
.detail_pic li{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 0%;
	}
}



.tbl_detail .align_left{
	text-align: left;
}
/*--*/
/*---------------------------商品詳細ページ*/

/*テーブル調整（詳細ページ）*/
.tbl-r02 th {
  background: #E8E0D6;
  border: solid 1px #000;
  color: #333;
  padding: 10px;
	box-sizing: border-box;
	vertical-align: middle;
	font-weight:bold;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #000;
    width: 100%;
  }
  .tbl-r02 {
    width: 90%;
	  margin-left: auto;
	  margin-right: auto;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
/*テーブル調整（詳細ページ）*/

/*分類別リンク調整*/
.group_div_01{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0px 20px 0px;
	box-sizing: border-box;
	margin-bottom: 40px;
	background-color: #DED5C7;
}
@media only screen and (min-width: 641px) {
.group_div_01{
	width:calc(100% - 180px);
	margin-left: 90px;
	margin-right: 90px;
	padding: 20px 0px 20px 0px;
	box-sizing: border-box;
	margin-bottom: 40px;
	background-color: #DED5C7;
	}
}
/*--*/

/*分類2設定*/
.group_div_01 p{
	margin-bottom: 10px;
}
.group_div_01 p a{
	font-size:22px;
	font-weight: bold;
	color: #000;
}
.group_div_01 p a:active,.group_div_01 p a:visited{
	color: #323232;
}
.group_div_01 p a:hover{
	opacity: 0.8;
}
.group_div_01 li{
	list-style: none;
	font-size: 18px;
	line-height: 1.5em;
}
/*分類2設定*/

/*分類3設定*/
.group_div_01 dd a{
	color: #323232;
}
.group_div_01 dd a:active,.group_div_01 dd a:visited{
	color: #323232;
}
.group_div_01 dd a:hover{
	color: #1D4B9F;
}

.group_div_01 dl a{
	color: #323232;
}
.group_div_01 dl a:active,.group_div_01 dd a:visited{
	color: #323232;
}
.group_div_01 dl a:hover{
	color: #1D4B9F;
}
/*分類3設定*/

.group_div_02{
	box-sizing: border-box;
	padding: 0 2% 0 2%;
	margin-bottom:4%;
}
.group_div_02:last-child{
	margin-bottom: 0;
}
.group_div_02 dt{
	font-size:18px;
	width: 100%;
	margin-right: 2%;
	float: none;
	line-height: 1.5em;
	font-weight: bold;
}

.group_div_02 dd{
	float: left;
	font-size: 16px;
	margin-right: 4%;
	line-height: 1.5em;
}
@media only screen and (min-width: 641px) {
.group_div_02{
	margin-bottom:18px;
}
.group_div_02 dt{
	font-size:20px;
	width: 18%;
	float: left;
	}
.group_div_02 dd{
	font-size: 18px;
	margin-right: 2%;
	}
}
/*--*/

/*会社概要関連*/
/*仕入先table*/
.tbl_com_01{
    height: 30px;
    border-color: #ffffff;
    border-width: 0px;
    background-color: #ffffff;
    width: 94%;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 60px;
}
@media only screen and (min-width: 641px) {
.tbl_com_01{
    height: 30px;
    border-color: #ffffff;
    border-width: 0px;
    background-color: #ffffff;
    width: 100%;
	max-width: 1000px;
    margin-bottom: 60px;
	}
}
/*--*/

/*テーブル内の文字調整*/
.tbl_com_01 th{
	text-align: left;
	border: solid 1px #000;
	font-size: 16px;
	line-height: 1.4em;
}
.tbl_com_01 td{
	text-align: left;
	border: solid 1px #000;
	line-height: 1.4em;
	font-size: 14px;
}
.tbl_com_01 .tabl_sub_title{
	background-color:#E5E5E5;
	font-weight: bold;
	}
@media only screen and (min-width: 641px) {
.tbl_com_01 th{
	font-size: 18px;
	}
.tbl_com_01 td{
	font-size: 16px;
	}
}
/*--*/

.chosei_04{
	visibility: hidden;
}
@media only screen and (min-width: 641px) {
.chosei_04{
	visibility: visible;
	}
}
/*--*/

.chosei_05{
	margin-bottom: 2%;
}
@media only screen and (min-width: 641px) {
.chosei_05{
	margin-bottom: 30px;
	}
}
/*--*/

.company_mongon_01{
	font-size: 16px;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
}
@media only screen and (min-width: 641px) {
.company_mongon_01{
	font-size: 16px;
	/*width: 100%;*/
	width: 1000px;
	}
}
/*--*/

.map_btn{
	color: #ffffff;
	text-align: center;
	background-color: #1D4B9F;
	padding: 0 6px 0 6px;
	margin-left: 10px;
	border-radius: 6px;
	box-sizing: border-box;
	font-size: 14px;
}
.v_a_m{
	vertical-align: middle;
}

/*プライバシーポリシー*/
.text_bunshou{
	line-height: 1.4em;
	margin-bottom: 40px;
	width:94%;
	margin-left:3%;
	margin-right:3%;
	font-size: 14px;
}
.ol_01{
	line-height: 1.4em;
	box-sizing: border-box;
	padding: 0 20px 0 40px;
	margin-bottom: 40px;
}
.ol_01 li{
	margin-bottom: 20px;
	font-size: 14px;
}
@media only screen and (min-width: 641px) {
.text_bunshou{
	font-size: 16px;
	}
.ol_01 li{
	margin-bottom: 20px;
	font-size: 16px;
	}
}
/*--*/

/*NEWS & TOPICS*/
.news_div_01{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 20px 40px 20px;
	box-sizing: border-box;
	margin-bottom: 40px;
	background-color: #F9F5ED;
}
@media only screen and (min-width: 641px) {
.news_div_01{
	box-sizing: border-box;
	width:100%;
	max-width: 1000px;
	margin-bottom: 60px;
	}
}
/*--*/

/*NEWS & TOPICS2設定*/
.news_div_01 p{
	margin-bottom: 10px;
}
.news_div_01 p a{
	/*font-size:22px;*/
	font-size:16px;
	font-weight: bold;
	/*color: #000;*/
	color: #1D4B9F;
}
.news_div_01 p a:active,.news_div_01 p a:visited{
	/*color: #323232;*/
	color: #1D4B9F;
}
.news_div_01 p a:hover{
	opacity: 0.8;
}
.news_div_01 li{
	list-style: none;
	font-size: 18px;
	line-height: 1.5em;
}
/*NEWS & TOPICS2設定*/

/*NEWS & TOPICS3設定*/
.news_div_01 dd a{
	color: #1D4B9F;
}
.news_div_01 dd a:active,.news_div_01 dd a:visited{
	color: #1D4B9F;
}
.news_div_01 dd a:hover{
	color: #1D4B9F;
	opacity: 0.8;
}

.news_div_01 dl a{
	color: #1D4B9F;
}
.news_div_01 dl a:active,.news_div_01 dd a:visited{
	color: #1D4B9F;
}
.news_div_01 dl a:hover{
	color: #1D4B9F;
}
/*NEWS & TOPICS3設定*/
/*--*/


.news_div_02{
	box-sizing: border-box;
	padding: 6px 0% 6px 0%;
	margin-bottom:4%;
	border-bottom: 1px solid #DED5C7;
}
.news_div_02:last-child{
	margin-bottom: 0;
}
.news_div_02 dt{
	font-size:14px;
	width: 100%;
	margin-right: 2%;
	float: none;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	background-color: #DED5C7;
}

.news_div_02 dd{
	float: left;
	font-size: 14px;
	line-height: 1.5em;
}
@media only screen and (min-width: 641px) {
.news_div_02{
	margin-bottom:18px;
}
.news_div_02 dt{
	font-size:16px;
	width:180px;
	float: left;
	}
.news_div_02 dd{
	float: left;
	font-size: 16px;
	width:calc(98% - 180px);
	}
}
/*--*/
.news_color_02 .news_div_02 dt{
	background-color: #D6D6D6;
}
.news_color_02{
	background-color: #F5F5F5;
}
.b_c_brown{
	border-bottom: solid 3px #DED5C7;
}
.b_c_gray{
	border-bottom: solid 3px #D6D6D6;
}

/*ニュース詳細*/
.text_bunshou_02{
	line-height: 1.4em;
	margin-bottom: 40px;
	width:100%;
	font-size: 14px;
	float: none;
}
.ol_01{
	line-height: 1.4em;
	box-sizing: border-box;
	padding: 0 20px 0 40px;
	margin-bottom: 40px;
}
.ol_01 li{
	margin-bottom: 20px;
	font-size: 14px;
}
@media only screen and (min-width: 641px) {
.text_bunshou_02{
	font-size: 16px;
	width:60%;
	float: left;
	margin-left: auto;
	margin-right: auto;
	}
.ol_01 li{
	margin-bottom: 20px;
	font-size: 16px;
	}
}
/*--*/

.l_h_01{
	line-height: 1.5em;
}

.text_bunshou_03{
	line-height: 1.4em;
	margin-bottom: 40px;
	width:100%;
	font-size: 14px;
	
}


/*news詳細*/
.news_img{
	width: 100%;
	float: none;
	margin-right:2%;
	margin-bottom: 2%;
	max-width: 100%;
}
.news_img img{
	width: 100%;
}
@media only screen and (min-width: 641px) {
.news_img{
	width: 38%;
	float: left;
	margin-right:2%;
	margin-bottom: 0;
	max-width: 500px;
	}
}
/*--*/

/*ニュースアンカー*/
#news_jump_01{
	margin-top: -80px;
	padding-top: 80px;
}
#news_jump_02{
	margin-top: -80px;
	padding-top: 80px;
}
/*--*/


/*カー用品ショップリスト*/
.list_todoufuken{
	border-bottom: solid 3px #DED5C7;
}

.list_tbl{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width: 641px) {
.list_tbl{
	width: 100%;
	}
}
/*--*/

.list_tbl td{
    text-align: left;
    border: solid 1px #000;
    font-size: 12px;
    line-height: 1.4em;
	box-sizing: border-box;
	padding: 6px;
	border-bottom:none;
}
.list_tbl td:nth-child(2){
	border-bottom: solid 1px #000;
	width: 100%;
}
@media only screen and (min-width: 641px) {
.list_tbl td{
    font-size: 14px;
	padding: 8px;
	border-bottom: solid 1px #000;
	}
.list_tbl td:nth-child(2){
	width: 160px;
	text-align: center;
	}
}
/*--*/

.list_tbl .shp_list_ttl{
	background-color: #E8E0D6;
    font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}
@media only screen and (min-width: 641px) {
.list_tbl .shp_list_ttl{
	background-color: #E8E0D6;
    font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	}
}
/*--*/

.list_chihou{
	font-size: 18px;
	text-align: center;
	margin-top: 6%;
	margin-bottom: 4%;
	font-weight: bold;
}
.list_chihou span{
	border-bottom: solid 3px #DED5C7;
}
.todoufuken_ttl{
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	color: #fff;
}
.todoufuken_ttl span{
	background-color: #1D4B9F;
	display: block;
	padding: 10px 0 10px 0;
}
.text_bunshou_03{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	/*margin-bottom: 4%;*/
	font-size: 14px;
	margin-top: 2%;
}
@media only screen and (min-width: 641px) {
.list_chihou{
	font-size: 24px;
	margin-bottom: 20px;
	/*margin-top: 30px;*/
	margin-top: -52px;
	padding-top: 82px;/*marginとpaddingの和が30になるよう調整*/
	}
.todoufuken_ttl{
	font-size: 18px;
	margin-top: -72px;
	padding-top: 82px;/*marginとpaddingの和が10pxになるよう調整*/
	}
#area_01_01{/*北海道のみ*/
	margin-top: -82px;
	padding-top: 82px;
	}
	
.text_bunshou_03{
	width: 100%;
	/*margin-bottom: 40px;*/
	font-size: 16px;
	margin-top: 0;
	}
}
/*--*/

/*店舗リストの左ボタン*/
.chihou_jump_div{
	/*margin-top: 74px;*/
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #000;
	margin-top: 0px;
	padding: 4px;
}
.chihou_jump_ul{
	box-sizing: border-box;
	margin-bottom: 10px;

}
.chihou_jump_ul li{
	list-style: none;
	float: left;
	margin-right: 0.4em;
	font-size: 14px;
}
.chihou_jump_ul li a{
	color: #333333;
}

.chosei_06{
	margin-top: 4%;
}

.chihou_jump_ttl{
	font-size: 14px;
	font-weight: bold;
	color: #1D4B9F;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
}
@media only screen and (min-width: 641px) {
.chihou_jump_div{
	margin-top: 15px;
	padding: 6px;
	}
.chihou_jump_ul li{
	font-size: 16px;
	}
.chosei_06{
	margin-top: 60px;
	}
.chihou_jump_ttl{
	font-size: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
	}
}
/*--*/


/*お問合せフォーム*/
.tbl_contact{
}

.tbl_contact input[type="text"],
.tbl_contact input[type="tel"],
.tbl_contact input[type="email"]{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	width: 100%;
}
.tbl_contact select{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	box-sizing: border-box;
}.tbl_contact textarea{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	width: 100%;
	resize: none;
	height: 6.4em;;
}

.chosei_07{
	width:100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:8%;
}
.text_contact{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	margin-top: 4%;
	margin-bottom: 4%;
}
.hissu{
	color: #ff0000;
	white-space: nowrap;
}
.tbl_contact th{
	width: 100%;
}
@media only screen and (min-width: 641px) {
.tbl_contact input[type="text"],
.tbl_contact input[type="tel"],
.tbl_contact input[type="email"]{
	font-size: 16px;
	width: 30%;
}
.tbl_contact select{
	font-size: 16px;
}.tbl_contact textarea{
	font-size: 16px;
}
	
.chosei_07{
	width:calc(100% - 180px);
	max-width: 1000px;
	padding-bottom:60px;
	}
.text_contact{
	width: 100%;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
.tbl_contact th{
	width: 30%;
	}
}
/*--*/

/*------------確認ボタン調整*/
/*ボタンリセット*/
.contact_conf_btn{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
.contact_conf_btn{
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #776968;
	color: #fff;
	font-size: 16px;
	box-sizing: border-box;
	padding:0.5em 2em 0.5em 2em;
	margin-left: auto;
	margin-right: auto;
}
.ctct_btn_div{
	text-align: center;
}
.btn_short{
	margin-right: 2%;
}
.btn_long{
	vertical-align: top;
	width: 50%;
}
.contact_conf_btn:hover{
	opacity: 0.8;
}
@media only screen and (min-width: 641px) {
.contact_conf_btn{
	font-size: 20px;
	}
.btn_long{
	width: 30%;
	}
}
/*------------確認ボタン調整*/

/*----------------------------------チェックボックスの調整*/
/* ラベルのスタイル　*/
.tbl_contact label {
    padding-left:       28px;           /* ラベルの位置 */
    font-size:      14px;
    line-height:        18px;
    display:        inline-block;
    cursor:         pointer;
    position:       relative;
	text-align: center;
}

/* ボックスのスタイル */
.tbl_contact label:before {
    content:        '';
    width:          18px;           /* ボックスの横幅 */
    height:         18px;           /* ボックスの縦幅 */
    display:        inline-block;
    position:       absolute;
    left:           0;
    background-color:   #fff;
    /*box-shadow:     inset 1px 2px 3px 0px #000;*/
	border:solid 1px #7A7A7A;
    border-radius:      4px;
}
/* 元のチェックボックスを表示しない */
.tbl_contact input[type=checkbox] {
    display:        none;
}
/* チェックした時のスタイル */
.tbl_contact input[type=checkbox]:checked + label:before {
    content:        '\2713';        /* チェックの文字 */ 
    font-size:      16px;           /* チェックのサイズ */
    color:          #fff;           /* チェックの色 */
    background-color:   #1D4B9F;           /* チェックした時の色 */
}
@media only screen and (min-width: 641px) {
.tbl_contact label {
    padding-left:       28px;           /* ラベルの位置 */
    font-size:      16px;
    line-height:        18px;
	}
}
/*----------------------------------チェックボックスの調整*/

.chosei_08{
	margin-bottom: 20px;
}

/*送信完了画面*/
.sended_name{
	font-weight: bold;
	font-size: 16px;
}
@media only screen and (min-width: 641px) {
.sended_name{
	font-weight: bold;
	font-size: 20px;
	}
}
	

.mail_form{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	text-align: left;
	box-sizing: border-box;
	padding: 10% 0 10% 0;
	height: auto;
}
@media only screen and (min-width: 641px) {
.mail_form{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	text-align: center;
	padding: 30px 0 0px 0;
	height: 300px;
	}
}

.img_yoko100{
	width: 100%;
	text-align: center;
}
.img_yoko100 img{
	width: 100%;
}
.img_yoko2 img{
	width: 98%;
	margin: 1%;
	
}
@media only screen and (min-width: 641px) {
	.img_yoko2 img{
		width: 48%;
		margin: 1%;
		float: left;
	}
}

.img_yoko3 img{
	width: 98%;
	margin: 1%;
	
}
@media only screen and (min-width: 641px) {
	.img_yoko3 img{
		width: 31%;
		margin: 1%;
		float: left;
	}
}
.c_b{
	clear: both;
}
.news_ul ul{
	margin-left: 1.5em;
}
.news_ul li{
	list-style: disc;	
}
.lic{
	font-size:170%;
	line-height: 150%;
}
.lic_2{
	font-size:200%;
	line-height: 150%;
}



.cr_img_l{	
    width: 100%;
	margin: 0 0 5% 0;
}
.cr_img_l img{
	width: 100%;
}
.cr_img_r{
	
	background-color: rgba(255,255,255,0.70);
	padding: 3%;
	font-size: 110%;
	line-height: 150%;
}
@media only screen and (min-width: 641px) {
	.cr_img_l{
		position: relative;
		width: 100%;
		margin: 0 0 5% 0;
	}
	.cr_img_l img{
		width: 70%;
	}
	.cr_img_r{
		position: absolute;
		bottom: -20px;
		right: 0;		
		font-size: 120%;
		width: 40%;
	}
}
.cr_img_r h3{
	color: #1D4B9F;
	font-size: 150%;
	margin: 10% 0;
}
.cr_img_r h4{
	color: #323232;
	margin: 1% 0 0.5% 0;
}
.cr_img_r ul{
	margin: 0 0 2% 1.5em;
}

.cr_img_r li{
	list-style: disc;
}
.w_100{
	width: 100%;
}
/*--------------*/
.logo_list{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.logo_list li{
	width: 24%;
	margin: 1% 0.5%;
	float: left;
}
@media only screen and (min-width: 641px) {
	
	.logo_list li{
		/*width: 11.5%;*//*8社*/
		width: 13%;/*7社*/
		margin: 1% 0.5%;
		float: left;
	}
	
}

.logo_list img{
	width: 100%;
	margin: 0 auto;
}
.img_list img{
	width: 100%;
	margin: 0 auto;
}
@media only screen and (min-width: 641px) {
	.img_list img{
		width: 49%;
	}
}
.about{
	line-height: 150%;
}
.about h3{
	clear: both;
	color: #1D4B9F;
	font-size: 130%;
	margin: 3% 0;
}
.about h4{
	clear: both;
	color: #323232;
	margin: 4% 0;
	font-size: 110%;
}
.about_dl{
	clear: both;
	margin: 0 0 2% 2%;
}
.about_dl dt{
	
	width: 100%;
	font-weight: bold;
}
.about_dl dd{
	width: 95%;
	margin: 0 0 2% 5%;
}
@media only screen and (min-width: 641px) {
	.about_dl dt{
		clear: both;
		float: left;
		width: 40%;
		font-weight: bold;
	}
	.about_dl dd{
		width: 58%;
		margin: 0 0 2% 42%;
	}
}

.f_l{
	float: left;
}
.f_r{
	float: right;
}
.diy_s_h2{
	margin: 3% 1%;
	font-size: 130%;
	line-height: 150%;
}
.li_4 li{
	width: 49%;
	margin: 0.5%;
	float: left;
}
.li_4 img{
	width: 100%;
}
@media only screen and (min-width: 641px) {
	.li_4 li{
		width: 24%;
	}
}

.li_3 li{
	width: 99%;
	margin: 0.5%;
}
.li_3 img{
	width: 100%;
}
@media only screen and (min-width: 641px) {
	.li_3 li{
		width: 32%;
		float: left;
	}
}

.by_img{
	width: 50%;
	margin: 1%;
}
.by_img img{
	width: 100%;
}
@media only screen and (min-width: 641px) {
	.by_img{
		width: 30%;
		margin: 2%;
	}
}

.g_i_ul{
	line-height: 0;
	clear: both;
	margin-bottom: 3%;
	display: table;
}
.g_i_ul li{
	width: 50%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.g_i_ul li img{
	width: 100%;
}
.g_i_ul li:hover{
	opacity: 0.8;
}


.no1{
	color: #ff8bc2;
}
.g_taka{
	color: #f19027;
}
/*.g_taka span{
	font-size: 60%;
}*/
.sougyou{
	color: #8bbe01;
}
.ninzu{
	color: #4e71a9;
}
.kokunai{
	color: #877eff;
}
.kaigai{
	color: #49b3e7;	
}
.g_i_div .title_size_2 span{
	font-size: 300%;
	font-weight: bold;
	margin: 0% 2%;
	letter-spacing: 3%;
	line-height: 150%;
}

.g_i_div{
	/*margin-top: 10%;*/
	padding: 3% 0;
	border-bottom: 1px solid #DED5C7;
}

/*.c_r_mov{
	font-size: 300%!important;
}*/
.c_r_mov .title_size_2{
	color: #FFFFFF;
	text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}
.c_r_mov p{
	text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}
@media only screen and (min-width: 641px) {
	.c_r_mov .title_size_2{
		font-size: 300%;
	}
	.c_r_mov p{
		font-size: 150%;
	}
}

/*.c_mov_onimg{
	background-image:url("../img/ami.png");
	background-repeat: repeat;
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: 4;
}
.c_mov video{
	position: absolute;
	z-index: 1;
}
.c_mov p{
	position: absolute;
	z-index: 2;
	color: #ffffff;
}*/
.c_r_div{
	margin: 5% 0;
}









.con_m{
	margin: 0% 0;
}
.p_r{
	position: relative;
}
.p_a_t{
	position: absolute;
	top: 0;
	
}
.c_i_2_2 {
	position: absolute;
	bottom: 20%;
	left: 5%;
	width: 45%;
	/*top: 0;*/
}
.c_i_2_2 img, .c_i_3_2 img{
	width: 100%;
}
.c_i_3_2{
	position: absolute;
	bottom: 20%;
	left: 10%;
	width: 80%;
}
.m_t_10p{
	margin-top: 10%;
}
.m_t_5p{
	margin-top: 5%;
}

.cr_img_10_2{
	position: absolute;
	top: 35%;
	right: 1%;
	width: 30%;
}
.cr_img_10_2 img{
	width: 100%;
}

.w_50_f{
	width: 46%;
	margin: 0 2%;
	float: left;		
}
.w_50_f img{
	width: 100%;
}
.h_t{
	line-height: 150%;
	margin: 2% 0;
}
.h_t h3{
	font-size: 110%;
	margin: 1% 0;
}
.c_m_p{
	line-height: 250%;
}