@charset "utf-8";
body {
	font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	font-weight: 100;
	font-size: 16px;
}


base{
	font-size: 18px;
	line-height: 2;
}

/* =======================
	bootstrap
========================== */

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 640px) {
  .container {
    width: 1140px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 1140px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 1140px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}

#header{
	background-color: #281A1A;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#FDEDBD),to(#452E2E));
	background-image:-ms-linear-gradient(top,#000  0%,#281A1A 30%,#452E2E );
	background-image:-webkit-linear-gradient(top,#000  0%,#281A1A 30%,#452E2E);

}

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

.headertitle{

}
.headertitle-in{
	width: 50%;
	float: left;
}
#header .cach{
	color: #FFF;
	line-height: 1.4;
	padding: 0;
	margin: 0;
}
#header #rogo{
	margin: 0;
	padding: 0;
	line-height: 1;
	text-align: left;
}

#header .contactbutton{
	width: 50%;
	float: right;
	text-align: right;
}
#header .contactbutton a{
	border: solid 1px;
	background-color: #000;
	border-radius: 6px;
	border: solid 2px #891B24;
	color: #FFF;
	display: inline-block;
	padding: 10px;
	line-height: 1;
}

.navbar-collapse{

}
#header ul.navbar-nav{
	display: flex;
	flex-wrap: wrap;
	width: 100% !important;
	border-collapse: collapse;
}
#header ul.navbar-nav li{
	float: none !important;
	border-right: solid 1px #5D3F3F !important;
}
#header .navbar-nav > li.menu-level-0{
	flex: inherit;
	margin: inherit;
	width: fit-content;
	padding: 0 15px;
	border: none !important;
}
#header .navbar-nav li:nth-child(1){
	width: 80px !important;
}
#header .navbar-nav a{
	display: block !important;
	background-color: #181010;
	color: #FFF !important;
	padding: 14px 0 !important;
	line-height: 1;
}

#upper .freeParts img{
	width: 100%;
	height: auto;
}

.topslider{
	min-width: 1140px;
	position: relative;
}
#shoptopbutton{
	position: absolute;
	bottom: 10px;
	right:30px;
	width: 200px;
	height: 200px;
	z-index: 99999;
}
#shoptopbutton a{
	background-color: #5E1E24;
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	border-radius: 100px;
}
#shoptopbutton a span{
	display: block;
	padding-top: 70px;
}
#shoptopbutton a:hover{
	background-color: #99313B;
}

#main .container a{
}
#main .container a:hover{
	color: #384DA4;
}
#upper{
	background-color: #FFF !important;
}
.top #upper >div{
	padding: 0;
}
.top #upper .topicsDigest h2{
	color: #382828 !important;
	font-size: 24px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 10px;
	font-weight: bold;
	border-left:solid 10px #382828 !important;
	line-height: 1;
	text-align: left;
}
.top #upper .topicsDigest{
	background-color: #FFF !important;
	padding-top: 0 !important;
}

.top #upper .topicsDigestBox{
	background-color: #EEE;
	padding: 0 20px;
}
.top #upper .topicsDigestBox:first-of-type{
	padding-top: 20px;
}

.topicDate{
	color: #8A2829;
	font-size: 16px !important;
}
.top #upper .topicsDigest h3{
	border: 0;
	padding-left: 0;
}
.top #upper .topicsDigest h3.topicLink a{
	font-size: 18px !important;
	color: #333;
}

.top #upper .topicDigestLink{
	padding-top: 20px;
}
.top #upper .topicDigestLink a{
	background-color: #2E1E1E;
	font-size: 16px;
	color: #FFF;
	padding: 10px;
	border-radius:10px;
	margin-top: 20px;
}
.top #upper .topicDigestLink a:hover{
	background-color: #704A4A;
	color: #FFF;
	text-decoration: none;
}
#main p,
#main p a{
	font-size: 18px;
}
#opt{
	background-color: #FFF;
	padding: 0;
}
.top #side:after{
	background-color: #FFF !important;
}
#footer{

}
#footer .clear-fix{
	text-align: center;
}
#footer a{
	font-size: 16px;
}

#opt{
	width: 1140px !important;
	margin: 0 auto !important;
	margin-top:50px !important;
}
#opt .col-sm-6,
#opt .col-xs-12{
	width: 100%;
}

#opt .naviBox,
#opt .container,
#bottom .naviBox,
#bottom .container,
#bottom{
	padding: 0 !important;
	margin-bottom: 0 !important;
}

#opt ul,
#bottom ul{
	text-align: center;
	background-color: #2E1E1E;
	padding: 20px 5px;
	width: 100%;
}
#opt ul a,
#bottom ul a{
	color: #FFF !important;
	padding: 5px 10px !important;
	line-height: 1 !important;
}
#opt .row .naviBox li a, #opt .row .naviBox li div{
	display: inline-block !important;
}
#opt ul li{
	display: inline-block !important;
	padding: 10px;
	border: none !important;
}

#footerzip p,
#footerzip h3{
	margin: 0;
	padding: 0;
	text-align: left !important;
}
#footerzip h3{
	font-size: 18px !important;
	color: #222;
	border: none !important;
	padding: 0 !important;
}

.ol-sp{
	display: none;
}
#main h1,
h1{
	font-size: 40px;
	line-height: 1.2;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 20px 0;
	font-weight: 100;
}
#main h4{
	font-size: 24px;
	border:solid 1px #704A4A;
	padding: 4px 10px;
	background-color: #D7C4AD;
	color:  #704A4A;
	border-radius: 6px;
	text-align: left;
}
#main h3{
	border-left:solid 10px #704A4A;
	padding-left: 10px;
	color:  #704A4A;
	text-align: left;
	font-size: 32px;
	margin-top: 40px;
	padding-top: 5px;
	margin-bottom: 20px;
}
.parts_img_type02_img{
	width: 500px;
}
#main .box{
	margin-top: 20px;
}

#main .topicsListBox .topicDigestText:after{
	content: "";
	display: block;
	clear: both;
}

#main .topicsListBox p.topicDate{
	float: left;
	width: 130px;
	font-size: 18px;
}
#main .topicsListBox h2{
	border: none;
	width: 970px;
	float: left;
	margin-top: 8px;
	font-size: 18px;
	font-weight: 100;
}
#main .topicsArticleBox .topicDate{
	text-align: right;
}
#main .topicsArticleBox h2{
	text-align: left;
	border-left:solid 10px #704A4A;
	padding-left: 10px !important;
	color:  #704A4A;
}
.parts_h_type14_box img{
	float: left;
}

.parts_h_type14_box p{
	width: 50%;
	float: right;
	padding-left: 20px;
	font-size: 16px !important;
	line-height: 1.6;
}

#main .parts_h_type11_box h3{
	margin-top: 0;
}

#main .parts_h_type14_box h5{
	background-color: #3C2828;
	color: #FFF;
	border: 0;
	border-radius:10px;
	line-height: 1.2;
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
}
#main .giftbox{
	background-color: #FFFAE5;
	padding: 10px;
}
#main .giftbox p{
	font-size: 18px !important;
}
#main .parts_h_type14_box .kikaku{
	border-bottom: dotted 1px #AAA;
}

#main .parts_line_type1_box{
	border-top: solid 1px #3C2828;
	font-size: 1px;
	margin: 40px 0;
	clear: both;
}
#main .parts_space_type1_box{
	font-size: 1px;
	margin: 40px 0;
	clear: both;
}

table{
	font-size: 18px;
}

.parts_link_type1_box{
	margin: 20px auto;
	text-align: center;
}
#main .container .parts_link_type1_box a{
	display: inline-block;
	margin: 0px auto;
	background-color: #000 !important;
	color: #FFF !important;
	font-weight: bold;
	font-size: 24px;
	text-decoration: none;
	border-radius:20px;
	line-height: 1;
	padding: 10px;
}
#main .container .parts_link_type1_box a:hover{
	background-color: #634141 !important;
	text-decoration: none !inportant;
}

.mailFormBox p.phone{
	color:#FF0000;
	font-size:40px !important;
	font-family:Arial black,sans-serif;
	text-align: center;
	margin-bottom: 5px;
	line-height: 1;
}
.mailFormBox h5{
	background-color: #C9AE93;
	text-align: center;
	border: none;
	line-height: 1;
	padding: 10px;
	font-size: 24px !important;
}
.mailFormBox p.eigyoujikan{
	text-align: center;
	margin-top: 0;
	line-height: 1;
}
input[type="text"]{

}
#mailform_form .pageLinkBox ul li.returnBu a,
input[type="submit"]{
	font-size: 24px !important;
	font-weight: bold !important;
	background-color: #74583C !important;
	border-radius:10px !important;
	color: #FFF !important;
}
input[name="answer-1016"]{
	width: 100px;
}
input[name="answer-1014"]{
	width: 400px;
}
#mailform_form .pageLinkBox ul li.returnBu a:hover{
	background-color: #BC9C7A !important;
	text-decoration: none;
}
#main ul.list{
	margin: 0;
	padding: 0 0 0 20px;
}
#main ul.list li{
	font-size: 18px;
	list-style-type: disc;
}

/*ショップページ*/
#side{
	width: 240px;
	float: left;
}
#shopcontents{
	width: 860px;
	float: right;
}
#container{
	width: 1140px;
	margin: 0 auto;
	margin-top: 20px;
}

#container:after{
	content: "";
	display: block;
	clear: both;
}
#shopcontents .container {
	width: 100%;
}


.catalog_picup h2{
	background-color: #362424 !important;
	font-size: 32px !important;
	padding: 10px !important;
	line-height:  1!important;
	margin: 10px 0 !important;
	border-radius: 10px;
	color: #FFF;
}
.column1 #main h2::before,
.column1 #bottom h2::before{
	display: none;
}

.catalog_picup a{
	display: block !important;
}
.catalog_picup img{
	display: block;
	width: 150px;
	border: solid 1px #AAA;
	margin: 5px auto;
}

#shopcontents h2{
	margin: 0;
	padding: 0;
	line-height: 1;
}
#side ul{
	margin: 0;
	padding: 0;
}
#side ul li.menu-level-1{
	margin: 0;
	padding: 0;
}
#side ul li.menu-level-1 a{
	display: block !important;
	color: #FFF !important;
	background-color: #846A56 !important;
	line-height: 1.2;
	padding: 10px 5px;
	font-size: 16px !important;
}
#side ul li.menu-level-1 a:hover{
	background-color: #352323 !important;
	text-decoration: none;
}


#side h3{
	display: block;
	background-color: #352323;
	border-radius: 6px;
	color: #FFF;
	line-height: 1;
	font-size: 24px;
	padding: 10px 0;
	margin: 0 0 10px 0;
}

#side .sideBoxBottom{
	border: solid 1px #846A56;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 10px;
	background-color: #F5E7BB;
}

#side{
	font-size: 16px;
}
#side .cartPartsBox{
	margin: 0;
	padding: 0;
}

#side .categoryIndex .sideNavi h3{
	width: 100%;
	height: auto;
	margin: 0;
}
.cartParts .cartPartsLook{
	height: auto;
}

.cartContinueBu{
}
.cartContinueBu a{
	display: block;
	background-color: #74583C;
}
.parts_other_bupageTopBox a, .parts_other_buPrintBox a, .returnBu a, a.returnBu, .cartPartsLook a, .clearBu input, .agreeNoBu input, .agreeYesBu input, .noAgreeYesBu input, .pageLinkBox a, #header #user-login .headerBoxBottom div div.buLogout, input.formRegisterBu, #wrapper input:not([type]), #wrapper input[type='button'], #wrapper input[type='submit'], .pageMore a{
	font-weight: bold;
	background-color: #74583C;
	color: #FFF !important;
	border-radius:20px !important;
	display: block;
	width: 200px;
	margin: 10px auto;
	height: 40px !important;
	overflow: hidden;
	padding: 10px 0;
	text-align: center;
	background-image: none;
	line-height: 1;
	font-size: 18px !important;
}

.parts_other_bupageTopBox a:hover,
 .parts_other_buPrintBox a:hover,
 .returnBu a:hover,
 a.returnBu:hover,
 .cartPartsLook a:hover,
 .clearBu input:hover,
 .agreeNoBu input:hover,
 .agreeYesBu input:hover,
 .noAgreeYesBu input:hover,
 .pageLinkBox a:hover,
 #header #user-login .headerBoxBottom div div.buLogout:hover,
 input.formRegisterBu:hover,
 #wrapper input:not([type]):hover,
 #wrapper input[type='button']:hover,
 #wrapper input[type='submit']:hover,
 .pageMore a:hover,
 #wrapper input[type='button']:hover{
	background-color: #B08A64 !important;
	text-decoration: none;
}
#shopcontents .cartDeleteTd a{
	display: block;
	text-align: center;
	overflow: visible;
	padding: 0;
	background-color: #74583C;
	color: #FFF !important;
	width: 100px;
	border-radius: 10px;
	height: auto !important;
}
#shopcontents #submit-button:hover,
#shopcontents .userMypageLoginBu:hover,
#shopcontents .cartDeleteTd a:hover{
	background-color: #B08A64;
	color: #FFF !important;
	text-decoration: none;
}
#shopcontents .cartDeleteTd form{
	margin: 0;
	padding: 0;
}

.cartShowTable th, .cartLogin th, .cartRegistConfirm th, .cartPayment th, .cartDelivBox th, .cartConfirm th, .userMypageHistory th, .userUpdate th, .userConfirm th, .userMypageLogin th, .userReminder th, .userRegist th{
	background-color: #F5E7BB !important;
}

#shopcontents input[type='submit'],
#wrapper #side input[type='submit'],
.cartParts .cartPartsLook a{
	font-weight: bold;
	background-color: #74583C;
	color: #FFF !important;
	border-radius:20px !important;
	display: block;
	width: 200px;
	margin: 10px auto;
	height: 40px !important;
	overflow: hidden;
	padding: 10px 0;
	text-align: center;
	background-image: none;
	line-height: 1;
	font-size: 18px !important;
}
.cartParts .cartPartsLook a:hover{
	background-color: #B08A64;
}
#shopcontents #main{
	padding-top: 20px;
	font-size: 16px;
}
#main .displayFormat a,
#main .displayOrder a{
	color: #5C3E3E !important;
}

#main .displayOrder{
	border-top: solid 1px #907352;
	padding-top: 10px;
}
#shopcontents #main h1{
	padding-top: 30px;
}



#shopcontents .col-md-8,
#shopcontents .catalogDetailBoxLeft{
	width:300px;
}
#shopcontents .catalogDetailBoxRight{
	width: 480px;
	padding: 0;
	float: right;
}
#shopcontents .catalogDetailBoxRight th{
	white-space: nowrap;
}
#shopcontents .input[type="text"],
#shopcontents .numArticles input[type="text"]{
	width: 100px;
	border: solid 1px #704A4A;
}

#shopcontents .purchasePriceTd span{
	display: inline-block;
}
#shopcontents .catalogDetailBoxRight h4{
	border: 0;
	text-align: center;
	padding: 0;
	padding-bottom: 5px;
	font-size: 28px;
	font-weight: 100;
}
#shopcontents .catalogDetailDesc h2{
	font-size: 28px;
	color: #704A4A;
	border-bottom: solid 1px #704A4A;
	padding-bottom: 10px;
}
#shopcontents .userUpdate h2,
#shopcontents .userMypageHistory h2,
#shopcontents .cartThankyou h2,
#shopcontents .cartPayment h2,
#shopcontents .cartRegistConfirm h2,
#shopcontents .cartLogin h2,
#shopcontents .cartShowCart h2{
	font-size: 28px;
	color: #704A4A;
	margin:10px 0
}
#shopcontents .userMypage h2{
	font-size: 24px;
	border:solid 1px #704A4A;
	padding: 4px 10px;
	background-color: #D7C4AD;
	color:  #704A4A;
	border-radius: 6px;
	text-align: left;
	margin: 10px 0;
}

#wrapper select, #wrapper textarea, #wrapper input[type='text'], #wrapper input[type='email'], #wrapper input[type='password']{
	border: solid 1px #AAA;
}
.cartShowTable th, .cartShowTable td, .cartLogin th, .cartLogin td, .cartRegistConfirm th, .cartRegistConfirm td, .cartPayment th, .cartPayment td, .cartConfirm th, .cartConfirm td, .userUpdate th, .userUpdate td, .userConfirm th, .userConfirm td, .userMypageLogin th, .userMypageLogin td, .userReminder th, .userReminder td, .userRegist th, .userRegist td{
	border: solid 1px #846A56;
}

#mailForm .inputText,
#shopcontents .inputText,
#shopcontents input[name="user_name_first"],
#shopcontents input[name="user_name_last"],
#shopcontents input[name="user_pass"],
#shopcontents input[name="retype_password"],
#shopcontents input[name="user_password"]{
	width: 200px;
}
#shopcontents input[name="user_mobile1"],
#shopcontents input[name="user_mobile2"],
#shopcontents input[name="user_mobile3"],
#shopcontents input[name="user_fax1"],
#shopcontents input[name="user_fax2"],
#shopcontents input[name="user_fax3"],
#shopcontents input[name="user_tel1"],
#shopcontents input[name="user_tel2"],
#shopcontents input[name="user_tel3"]{
	width: 100px;
}
#mailForm input[name="answer-1014"],
#mailForm input[name="answer-1009"],
#shopcontents input[name="user_id"],
#shopcontents input[name="mail"],
#shopcontents input[name="user_mail"]{
	width: 500px;
}
#mailForm #answer-1015,
#mailForm #answer-1010{
	width: 100%;
}
#shopcontents input[name="user_zip1"],
#shopcontents input[name="user_zip2"],
#shopcontents .ant2api-zip{
	width: 100px;
}

#shopcontents input[name="user_addr2"],
#shopcontents input[name="user_addr1"],
#shopcontents input[name="s_addr3"],
#shopcontents input[name="user_addr3"],
#shopcontents .ant2api-city,
#shopcontents .ant2api-addr{
	width: 500px;
}
#shopcontents .cartBikoBox textarea{
	width: 830px !important;
}
#shopcontents .cartNum,
#shopcontents .cartPriceTd{
	white-space: nowrap;
}

#shopcontents #main .userMypage h1{
	margin: -30px 0 30px 0;
	padding: 0;
}
div[class^='parts_h_type'].left, div[class^='parts_img_type'].left{
	padding: 10px;
}
#header li.menu-level-0::before, #header li.menu-level-1 li::before{
	display: inline;
}
.takahairyou th{
	text-align: center;
	white-space: nowrap;
}
.takahairyou td.takuhaikakaku{
	text-align: right;
	white-space: nowrap;
}
#main .parts_recipe_image{
	max-width: 390px;
	float: right;
}
#main .parts_recipe_image img{
	max-width: 100%;
}
#main .parts_recipe_box h6.recipeh6{
	font-size: 20px;
	font-weight: bold;
}
#EDIT-cart-deliv ul{
	margin-left: 0;
	padding: 0;
}
#EDIT-cart-deliv ul li{
	margin-left: 0;
}