/* ----------------------------------------------------------------------

 smart phone setting

---------------------------------------------------------------------- */

body {
  -webkit-text-size-adjust:100%; margin:0; padding:0;
  font-family:"Century Gothic",Arial,sans-serif;
  width:100%; position:relative;
  color:#333;
}

/* layout */
#contents { width:100%; }
#main_col { padding:15px 15px 0; }
#side_col { padding:30px 15px 0px; border-top:1px solid #ccc; }

#index_top_wrap { width:100%; background:#fff; positio:relative; overflow: hidden;}



/* headline */
.headline1 { border-bottom:1px solid #be1d1d; padding:0; margin:0 0 25px 0; font-size:18px; }
.headline1 span { border-bottom:4px solid #be1d1d; padding:0 0 10px 0; margin:0; display:inline-block; }




/* ----------------------------------------------------------------------
 company info
---------------------------------------------------------------------- */
#company_info { margin:0 0 50px 0; padding:1px 0 0 0; }
#company_info p { margin:0; }
#company_info dl { margin:0 0 40px 0; }
#company_info dt { background:#f2f2f2; margin:0 0 5px 0; line-height:200%; font-weight:bold; font-size:12px; padding:0 10px; }
#company_info dd { margin:0 0 10px 0; line-height:200%; padding:0 10px; }

#company_map { text-align:right; }
#company_map a { color:#333; }
#company_map iframe { width:100%; }
#company_map_desc { padding:20px 0 0; }




/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
/* slider */
#slider { z-index:1; margin:0 0 10px 0; }
#slider img { width:100%; height:auto; display:block; }

/* top banner */
#index_banner ol { margin:20px 0; padding:0; display: flex; justify-content: space-between;}
#index_banner ol li { list-style-type:none; padding:0; margin:0 0 10px 0; width: 100%;}
#index_banner img { display:block; width:100%; height:auto; }

/* news */
#index_news { position:relative; }
#index_news ol { margin:0 0 15px 0; padding:0; }
#index_news ol li { list-style-type:none; margin:0 0 2px 0; padding:10px; background:#fff8ea; font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#index_news ol li .date { font-size:12px; margin:0 10px 0 0; line-height:100%; color:#999; }
#index_news ol li .title { line-height:150%; padding:7px 0 0; margin:0; }
#index_news ol li .title a { display:block; text-decoration:none; }

/* archive link */
.index_archive_link a { position:absolute; right:0px; top:5px; font-size:11px; text-decoration:none; }
.index_archive_link a:hover { text-decoration:underline; }

/* index center banner */
#index_center_banner { display:block; margin:0 0 40px 0; }
#index_center_banner img { width:100%; height:auto; display:block; }

/* product */
#index_product { position:relative; margin:0 0 10px 0; }
#index_product ol { margin:0; padding:0; }
#index_product ol li { list-style-type:none; margin:0 0 20px 0; padding:0; }
#index_product ol li .image { display:block; background:#fff; }
#index_product ol li .image img {
  display:block; width:100%; height:auto; border:1px solid #ccc;
  -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#index_product ol li .image:hover img { opacity:0.5; }
#index_product ol li .category { background:#999; color:#fff; padding:0 10px; height:40px; line-height:40px; overflow:hidden; font-size:14px; }
#index_product ol li .category a { text-decoration:none; color:#fff; }
#index_product ol li .category a:hover { text-decoration:underline; }
#index_product ol li .title { font-size:14px; margin:15px 0 10px; }
#index_product ol li .title a { text-decoration:none; }
#index_product ol li .desc { font-size:12px; margin:10px 0; line-height:160%; }

/* blog */
#index_blog { position:relative; margin:0 0 40px 0; }
#index_blog ol { margin:0; padding:0; }
#index_blog ol li { list-style-type:none; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #aaa; }
#index_blog ol li:last-child { border:none; margin:0; padding:0; }
#index_blog ol li .image { float:left; margin:0 15px 0 0; background:#fff; }
#index_blog ol li .image img { display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#index_blog ol li .image:hover img { opacity:0.5; }
#index_blog ol li .date { margin:0; font-size:12px; color:#999; }
#index_blog ol li .title { margin:0; font-size:14px; }

/* footer banner */
#footer_banner li { margin:0 0 15px 0; }
#footer_banner li img { width:100%; height:auto; display:block; }




/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
/* product */
#product_list { position:relative; margin:0 0 10px 0; }
#product_list { margin:0; padding:0; }
#product_list li { list-style-type:none; margin:0 0 20px 0; padding:0; }
#product_list li .image { display:block; background:#fff; }
#product_list li .image img {
  display:block; width:100%; height:auto; border:1px solid #ccc;
  -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#product_list li .image:hover img { opacity:0.5; }
#product_list li .title { font-size:14px; margin:0 0 10px 0; }
#product_list li .title a {
  text-decoration:none; display:block; padding:10px; background:#999; color:#fff; height:40px; overflow:hidden;
  -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
}
#product_list li .title a:hover { background:#333; }

/* news */
#news_list { position:relative; }
#news_list { margin:0 0 15px 0; padding:0; }
#news_list li { list-style-type:none; margin:0 0 2px 0; padding:10px; background:#f2f2f2; font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#news_list li .date { font-size:12px; margin:0 10px 0 0; line-height:100%; color:#999; }
#news_list li .title { line-height:150%; padding:7px 0 0; margin:0; }
#news_list li .title a { display:block; text-decoration:none; }

/* blog */
#post_list { margin:0; padding:0; }
#post_list li { border-bottom:1px dotted #aaa; margin:0 0 25px 0; padding:0 0 15px 0; }
#post_list .image { display:block; background:#fff; margin:0 0 15px 0; }
#post_list .image img { display:block; max-width:100%; height:auto; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#post_list .image:hover img { opacity:0.5 }
#post_list .info { }
#post_list .no_thumbnail .info { float:none; width:auto; }
#post_list .post_date { font-size:12px; width:54px; height:54px; text-align:center; margin:0 15px 15px 0; line-height:100%; float:left; background:#bbb; position:relative; }
#post_list .date { color:#fff; display:block; position:absolute; top:10px; width:54px; }
#post_list .month { color:#fff; display:block; position:absolute; bottom:10px; width:54px; }
#post_list .title { font-size:16px; line-height:180%; margin:0 0 15px 0; }
#post_list .title a { text-decoration:none; }
#post_list .title a:hover { text-decoration:underline; }
#post_list .desc { clear:both; }
#post_list ul { margin:0; }
#post_list li li { border:none; margin:0 25px 5px 0; padding:0; float:left; font-size:12px; }
#post_list li.meta_category { background:url(img/common/icon_category.png) no-repeat left 3px; padding-left:15px; }
#post_list li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 3px;  padding-left:15px; }
#post_list li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 3px;  padding-left:15px; }
#post_list li.meta_author { background:url(img/common/icon_author.png) no-repeat left 3px;  padding-left:15px; }




/* ----------------------------------------------------------------------
 product single page
---------------------------------------------------------------------- */
#product_headline a { text-decoration:none; }
#product_headline a:hover { text-decoration:underline; }
.product_title { margin:0 0 20px 0; }

/* slider */
#product_image_slider_wrap { width:100%; background:#fff8ea; padding:10px; position:relative; margin:0 0 20px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#product_image_slider_wrap #loader { display:none; }
#product_image_slider { width:100%; height:auto; margin:; overflow:hidden; }
#product_image_slider img { width:100%; height:auto; }

/* thumbnail */
.nivo-controlNav { padding:10px 0 0 0; margin:0 -4% 0 0; }
.nivo-controlNav a { cursor:pointer; margin:0 3% 0 0; display:block; float:left; width:30%; }
.nivo-controlNav a img { display:block; opacity:0.3; width:100%; }
.nivo-controlNav a.active img, .nivo-controlNav a:hover img { opacity:1; }

/* no slider */
#product_image { background:#f2f2f2; padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }
#product_image img { display:block; width:100%; height:auto; }

/* bookmark */
.bookmark { margin:0 0 30px 0; }
.bookmark li { float:left; margin:0 10px 0 0; }




/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
.side_widget { margin:0 0 25px 0; font-size:12px; }

/* search */
.widget_search #search-box, .widget_search #s, .google_search #search_input { width:70%; padding:0 2%; }
.widget_search #search-btn input, .widget_search #searchsubmit, .google_search #search_button { width:24%; }

/* recommend product list */
.tcdw_recommend_product_list_widget li { width:23%; margin:0 2% 2% 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.tcdw_recommend_product_list_widget li img { width:100%; height:auto; }
#footer .tcdw_recommend_product_list_widget li img { width:100%; height:auto; }
#footer .tcdw_recommend_product_list_widget li { margin:0 2% 5% 0; }




/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#header_wrap { width:100%; }
#header {
  width:100%; min-height:32px; padding:7px 0 9px; position:relative; 
  background:#fff8ea;
}

#description { display:none; }

/* logo */
#logo_text, #logo_image { margin:0px 0 0 5px; line-height:100%; font-size:0px; font-weight:normal; width:40%; overflow:hidden; }
#logo_text a, #logo_image a { color:#333; text-decoration:none; display:block; }
#logo_text a:hover, #logo_image a:hover { }
/* #logo_image img { display:none; } */
/* #logo_image a:before { content:attr(title); } */

/* global menu */
.menu_button {
  /*
   position:absolute; right:15px; margin:0; 
   display:inline-block; font-size:11px; color:#333; padding:0 10px; line-height:30px; text-decoration:none;
   -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
   border:1px solid #ccc; */

color:#452305;
padding:10px 10px 10px 30px;
display:inline-block;
border:1px solid #ccc!important;
 text-decoration:none !important;
background:#fff url(img/common/arrow4.png) no-repeat 16px 18px; color:#333;

}




 #header a.menu_button:hover { background:#aaa; color:#fff; }
#header a.active { color:#fff; background:#aaa; box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset; }

#global_menu { display:none; clear:both; width:100%; margin:0; top:-1px; position:relative; box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); }
#global_menu ul { margin:0; }
#global_menu li { margin:0; line-height:100%; }
#global_menu li a { display:block; border:1px solid #ccc; margin:0 0 -1px 0; padding:10px 10px 10px 30px; line-height:160%; text-decoration:none; background:#fff url(img/common/arrow4.png) no-repeat 16px 18px; color:#333; } */
#global_menu li a:hover { background-color:#aaa; color:#fff; }
#global_menu li li a { padding-left:45px; background:#fff url(img/common/arrow4.png) no-repeat 31px 18px; }
#global_menu li li li a { padding-left:60px; background:#fff url(img/common/arrow4.png) no-repeat 46px 18px; }
#global_menu li li li li a { padding-left:75px; background:#fff url(img/common/arrow4.png) no-repeat 61px 18px; }




/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
.post { padding:15px 0 0; }

/* title */
#post_title { margin:0 0 5px 0; }
#post_title h2 { margin:0; padding:0; font-size:18px; line-height:160%; }
#post_title .post_date { font-size:12px; width:54px; height:54px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; background:#bbb; position:relative; }
#post_title .date { color:#fff; display:block; position:absolute; top:10px; width:54px; }
#post_title .month { color:#fff; display:block; position:absolute; bottom:10px; width:54px; }


/* post thumbnail */
.post_image { text-align:center; margin:0 0 30px 0; }
.post_image img { margin:0; width:100%; height:auto; }


/* next page */
#post_pagination { margin:0 0 30px 0; }
#post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
#post_pagination p { background:#999; color:#fff; }
#post_pagination a:hover { background:#BE1D1D; color:#fff; }


/* meta and bookmark */
#post_meta { border-top:0px dotted #aaa; border-bottom:0px dotted #aaa; margin:0 0 40px 0; padding:15px 0; }
#post_meta #meta { float:left; width:60%; margin:0; font-size:12px; }
#post_meta #meta li { padding:0; margin:0 0 6px 0; line-height:160%; }
#post_meta #meta li.meta_author { background:url(img/common/icon_author.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta #meta li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta #meta li.meta_category { background:url(img/common/icon_category.png) no-repeat 3px 4px; padding:0 0 0 18px; }
#post_meta #meta li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta .bookmark { float:right; margin:0; }
#post_meta .bookmark li { float:left; margin:0 0 0 10px; }


/* related post*/
#related_post { margin:0 0 35px 0; }
#related_post .headline { font-size:18px; margin:0 0 12px 0; line-height:100%; }
#related_post ul { margin:0; }
#related_post li { margin:0 0 10px 0; border:1px solid #ccc; padding:10px; }
#related_post .image { float:left; margin:0 15px 0 0; background:#fff; }
#related_post .image img { width:72px; height:72px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#related_post .image:hover img { opacity:0.5; }
#related_post .info { }
#related_post .date { margin:0 0 5px 0; line-height:100%; font-size:12px; color:#999; }
#related_post .title { font-size:14px; margin:0; }
#related_post .title a { text-decoration:none; display:block; }


/* next prev post link */
#previous_next_post { margin:0 0 25px 0; padding:0; }
#previous_next_post a { }
#previous_post, #next_post { margin:0 0 5px 0; }
#previous_post a { margin:0; line-height:140%; font-size:11px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 18px 30px; border-bottom:1px dotted #ccc; margin:0 0 10px 0; display:block; }
#next_post a { margin:0; line-height:140%; font-size:11px; background:url(img/common/arrow_right.gif) no-repeat right 2px; padding:7px 30px 8px 0; display:block; }


/* comment box-sizing: content-box;?@*/
#comment_header_right { float:none; position:relative; margin:0; }
#comment_header_right li { float:none; }
#comment_header_right li a, #comment_header_right li p { width:50%; margin:0 -2px -1px 0; float:right; }
.comment-meta { margin:0 0 10px 0; }
.comment-meta-left { float:left; width:auto; min-width:150px; }
.comment-content { padding:0; margin:0; }
#submit_comment { width:100%; }
#trackback_url_area input { padding:5px 2%; width:96%; border:none; background:#eee; }




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
/* footer top area */
#footer { clear:both; width:100%; background:#fff8ea; }
#footer_inner { position:relative; font-size:11px; padding-top:20px; }
#footer li { line-height:170%; margin:0 0 10px 0; padding:0; }

/* widget area */
#footer_widget { margin:0 15px; }
.footer_widget { margin:0 0 20px 0; }
#footer .last_widget { margin:0; }
.footer_headline { font-size:16px; margin:0 0 15px 0; padding:0 0 8px 0; border-bottom:1px dotted #aaa; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:10px 0 0 0; }
.footer_widget li { }
.footer_widget img { height:auto; max-width:100%; width:auto; }


/* copyright area */
#copyright { width:100%; background:#452305; margin:0; padding:0; border-top:1px solid #ccc; color:#fff; }

/* menu */
#footer_menu { margin:0; padding:0; }
#footer_menu ul { margin:0; border-bottom:1px dotted #ccc; }
#footer_menu li { margin:0; line-height:100%; margin:0; padding:0; border-bottom:1px dotted #ccc; }
#footer_menu li:last-child { border:none; }
#footer_menu li a { color:#fff; text-decoration:none; display:block; background:url(img/common/arrow2.gif) no-repeat 15px 18px; padding:15px 15px 12px 25px; }
#footer_menu li a:hover { background-color:#aaa; color:#fff; text-decoration:none; }

/* return top */
#return_top { position:fixed; bottom:20px; right:20px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:40px; height:40px; margin:0; padding:0; background:#be1d1d url(img/footer/return_top.png) no-repeat center center; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#return_top:hover { background-color:#ccc; }

/* social link */
#social_link { display:none; }

/* copyright */
#copyright p { margin:10px 0 10px 15px; float:left; font-size:12px; }
#copyright a { text-decoration:none; color:#fff; }
#copyright a:hover { text-decoration:underline; }



img{
max-width:98%;
height:auto;}

.top_header_copy{
font-size:110%;
font-weight:900;
margin-bottom:-14px;
text-align:center;
}

table.spec2 td,table.spec2 th{
text-align:left;
display:block;
}

img.dealer-map{
display:none;
}

.menu_back{
margin-top:-30px;
}

.single-workshop .icon {
background-color:#be1d1d;
color:#fff;
font-weight:900;
width:auto;
padding:8px 10px;
display:inline-block;
margin-right:20px;
margin-bottom:10px;
letter-spacing:5px; 
}

h3.product_title{
font-size:24px;
width:98%;
color:#be1d1d;
padding:5px 0 5px 10px;
border-left:5px solid #be1d1d;
}


.workshop_top img{
max-width: 100%!important;
}

.workshop_reception p{
 display: inline-block;
background-color:#452305;
color:#fff;
border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
padding:3px 5px;
margin-top:10px;
}

.workshop_top_img_sp{
display:block;
margin-bottom:15px;
}

.workshop_top_img_pc{
display:none;
}

.workshop_icon_text{
background:#fff8ea;
margin-bottom:10px;
padding:10px;
vertical-align:middle;

}

.workshop_icon_text p{
display:inline-block;
margin:0;
line-height:3em;
}

.workshop_icon_text img{
vertical-align:middle;
width:30px;
}

.workshop_icon_text img.limit-icon{
width:50px;
}

.sakura{
background-image:url(/new_site/wp-content/themes/precious_tcd019/img/product/sakura.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:350px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.hokiboshi{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/hokiboshi.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:450px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.itotorimonogatari{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/itotorimonogatari.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:400px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.ihojin{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/ihojin.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:300px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.nuikoubou{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/nuikoubou.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:350px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.flatlock{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/flatlock.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:350px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.kanade{
background-image:url(/new_site/wp-content/themes/precious_tcd019/img/product/kanade.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:350px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}
.tumugi{
background-image:url(/new_site/wp-content/themes/precious_tcd019/img/product/tumugi.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:350px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}
.basic{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/bl2-228_p2.jpg);
background-repeat:no-repeat;
background-position:94% 94%;
height:200px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.excim_lock{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/excim-lock.jpg);
background-repeat:no-repeat;
background-position:94% 94%;
height:150px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.sashiko{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/sashiko.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:150px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.baby_sukui{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2016/03/BL-500N-2.jpg);
background-repeat:no-repeat;
background-position:94% 94%;
height:150px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.emonogatari{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/emonogatari.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:150px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}
.p-home{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/kateiyou.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:150px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.p-companion{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/shokugyouyou.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:150px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.pro{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2016/06/shokugyouyou.jpg);
background-repeat:no-repeat;
background-position:94% 94%;
height:150px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

.ilon{
background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2015/11/ilon.png);
background-repeat:no-repeat;
background-position:94% 94%;
height:150px;
border-bottom:1px solid #ccc;
padding-bottom:50px;
margin-bottom:50px;
}

/* ギャラリー　*/

.recipe-cate-wrap{
	display:block;
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
	margin-bottom:10px;
	width:100%;
}
.recipe-cate-wrap .gallery_txt a {
	display:none;
}
.recipe-cate-wrap .mask a{
	display:none;
}
.recipe-cate-wrap:hover .mask a{
	opacity:		0;	/* マスクを表示する */
}

.gallery-icon img{
border:none;
	position:		absolute;	/* 絶対位置指定 */
	bottom:5px;
	left:			5px;
}

.gallery-icon img+img{
	position:		absolute;	/* 絶対位置指定 */
	left:			50px;
	bottom:5px;
}
.gallery-icon img.limit_icon{
border:none;
  position:   absolute; /* 絶対位置指定 */
width:31px;

}


.gallery_image img{
width:100%;
max-width:100%;
}

/* トップページ　*/

#slider_base,#slider{
display:none;
}

.sp-mv{
display:block;
width:100%;
}

.sp-mv img{
width:100%;
}

.limit-text{
text-align:center;
}

.limit-text p{
text-align:left;
}

.limit-text a{
padding:10px 20px;
background:#be1d1d;
color:#fff;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
font-size:18px;
margin-bottom:20px;
text-align:center;
text-decoration:none;
display:inline-block;
}

.limit-text a:hover{
background:#eca50e;
color:#fff;
}

.limit-text a:after{
  content: "\f054";
  font-family: FontAwesome;
  margin-left:10px;
}
/* 会員ページ */

a.user_btn{
display:inline-block;
background:#be1d1d;
color:#fff;
padding:10px 20px;
border:solid 1px #be1d1d;
}

a.user_btn:after {
  content: "\f054";
  font-family: FontAwesome;
  margin-left:10px;
}

a.user_btn:hover{
background:#fff;
border:solid 1px #be1d1d;
}

/* 日本品質ページ */

.jq_repeat_title{
font-size:120%;
font-weight:900;
margin:20px 0 10px 0;
display:block;
}

h3.jq_title{
text-align: left;
font-family: georgia, palatino, serif; 
font-size: 20px; 
line-height:150%
}

#logo_image img{
display:block;
margin:0 auto;
}

/* 会員ページ */

a.user_btn{
display:inline-block;
background:#be1d1d;
color:#fff;
padding:10px 20px;
border:solid 1px #be1d1d;
text-decoration:none;
}

a.user_btn:after {
  content: "\f054";
  font-family: FontAwesome;
  margin-left:10px;
}

a.user_btn:hover{
background:#fff;
border:solid 1px #be1d1d;
}

/* メンバー登録 */

.member,.mypage_login{ 
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
border:none;
background:#999;
color:#fff;
padding:5px 10px;
text-decoration:none;
box-shadow:none;
display:block;
float:none;
margin-right:10px;
margin-top:8px;
margin-bottom:10px;
}

.member:hover,.mypage_login:hover{
color:#fff;
border:none;
background:#be1d1d;
}
.member:first-letter,.mypage_login:first-letter{
padding-right:10px;
}

a.member,a.mypage_login{
display:block;
width:60%;
margin:10px auto;
}

a.member,a.mypage_login{
color:#fff;
text-align:center;
}

.limit_page{
text-align:center;
}

/* ヘッダSNS */
div.sns_img{
text-align:center;
}

div.sns_img a{
text-decoration:none;
}

div.sns_img img{
width:25px;
margin-top:7px;
}

/* ヘッダロゴ */

#logo_image{
width:100%;
}
.event-workshop-title{
font-weight:900;
font-size:110%;
margin-top:50px;

}

.event-wp-image img{
width:200px;
height:auto;
margin-bottom:10px;
}

li.event-detail-title p{
font-weight:900;
}

/* 会員限定レシピダウンロードページ */


.limit-download {
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:20px;
}

.limit-download img{
	width:100%;
	height:auto;
	float:left;
	margin-right:0px;

}
p.limit-download-title{
	font-size:18px;
	font-weight:900;
	color:#be1d1d;
	margin-bottom:0;
}

.limit-download p{
	margin-bottom:0;
}

.limit-download-right{
	width:100%;
	float:left;
}


.limit-download a{
	width:90vw;
	box-sizing:border-box;
	display:block;
	padding:10px 20px;
	background:#fff;
	color:#be1d1d;
	box-sizing:border-box;
	text-decoration:none;
	font-size:18px;
	border:2px solid #be1d1d;
	font-weight:900;
}

.limit-download-pdf a{
	margin-bottom:10px;
}

.limit-download-pdf a:before,.limit-download-pdf-text a:before{
  content: "\f1c1";
  font-family: FontAwesome;
  margin-right:10px;
font-weight:500;
color:#be1d1d;
}

.limit-download-pdf a:hover:before,.limit-download-pdf-text a:hover:before{
	color:#ffa200;
}

.limit-download a:hover{
	color:#ffa200;
	background:#fff;
	border:2px solid #ffa200;
}


.limit-download-pdf p.pattern_txt{
	font-size:16px;
	font-weight:900;
}

.gallery-link{
	margin-top:20px;
}

.gallery-link a{
	color:#841f03;
	border:none;
	border-bottom:1px solid #841f03;
	padding:3px;
	font-size:16px;
	display:inline;
	
}

.gallery-link a:hover{
	color:#ffa200;
	border:none;
	border-bottom:1px solid #ffa200;
}
.gallery-link a:after{
  content: "\f054";
  font-family: FontAwesome;
  margin-left:10px;
}

/* サイドカラム　ナビゲーション */
#side_col .cat-item{
margin-bottom:7px;
padding-bottom:7px;
border-bottom:1px dotted #ccc;

}

#side_col .cat-item:before{
   content: "";
float:left;
margin-right:8px;
margin-top:5px;
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 4.5px 0 4.5px 6px;
border-color: transparent transparent transparent #7f4925;
}

#side_col .cat-item02{
margin-left:1.1em;
}

#side_col .searchbox{
  padding:30px;
  background: #fff8ea;
  margin-bottom:30px;
}

#side_col .searchbox input[type="submit"]{
  margin-top:20px;
  transform: scale(1);
}

#side_col .searchbox input[type="text"]{
  background: #fff;
  transform: scale(1);
}
#side_col .searchbox select{
  transform: scale(1); 
}

#searchbox input[type="submit"]{
  margin-top:30px;
}

/* はじめての方におすすめのロックミシン　/jet air / */

section.first-jetair{
  background-image:url(https://www.babylock.co.jp/new_site/wp-content/uploads/2017/10/back.png); 
  padding:20px;

}


section.first-jetair ul{
  display:block; 
  margin: 0;
}

section.first-jetair ul li{
width:100%; 
  }

section.first-jetair h2{
  color:#804f21;
}

/* ダウンロードページ */
ul.download_nav{
  display:flex; 
  display: -webkit-flex; 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff8ea;
  padding:10px 20px;
  box-sizing: border-box;
  margin-left:0;
}

ul.download_nav li a{
  margin-right:15px;
  text-decoration: underline;
}

ul.download_nav li:before{
  text-decoration: none;
  margin-right:5px;
  content: "\f0da";
  font-family: FontAwesome;

}

.download_page p{
  margin: 0;

}


.download_page ul{
  margin: 0;
  padding:0;

}

/*

.download_page ul li{
  padding-left:1.3em;
  text-indent: -1.3em;
  line-height: 1.5em;
  margin-bottom: 10px;
}

*/



.download_page p.title{
  font-size:18px;
  font-weight:900;
}


#mw_wp_form_mw-wp-form-10215 input[type="text"]{
  width: 100%;
  height:30px;
  box-sizing: border-box;
  font-size: 16px;
  }

 #mw_wp_form_mw-wp-form-10215 .mwform-tel-field input[type="text"], #mw_wp_form_mw-wp-form-10215 .mwform-zip-field input[type="text"] {
  width:30%;
  height:30px;
  font-size: 16px;
 }

  #mw_wp_form_mw-wp-form-10215 textarea{
     font-size: 16px; 
     width: 100%;
  }


/* 修理について */
.text_s{
font-size:90%;
}

.repair .kakomi{
border:1px solid #ccc;
padding:10px;
margin-bottom:10px;
}

.repair p{
padding-bottom:0px;
margin-bottom:0px;
line-height:2em;
}

.repair .big_bold{
font-size:130%;
color:#452305;
text-decoration:underline;
}

.repair a.dealer{
text-decoration:none;
background-color:#be1d1d;
color:#fff;
margin-top:15px;
text-align:center;
padding:10px 20px;
border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

.repair a.dealer:hover{
background-color:#eca50e;
color:#fff;
}

a.recipe-pdficon{
padding:5px 10px;
background-color:#be1d1d;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
color:#fff;
text-decoration:none;
float:left;
margin-right:10px;
margin-bottom:10px;
display:block;
}

a.recipe-pdficon:hover{
background-color:#eca50e;
color:#fff;
}

a.recipe-pdficon:before{
content:"PDF";
background-color:#fff;
color:#be1d1d;
margin-right:10px;
padding:0 5px;
font-weight:900;
font-size:90%;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

a.recipe-pdficon:hover:before{
background-color:#fff;
color:#eca50e;
}
a.recipe-pdficon-howto{

border:2px solid #be1d1d;
color:#be1d1d;
padding:5px 30px;
text-decoration:none;
margin-bottom:10px;
display:inline-block;
font-weight:900;
}

a.recipe-pdficon-howto:hover{
border:2px solid #eca50e;
color:#fff;
background-color:#eca50e;
}

a.recipe-pdficon-howto:before{
content:"PDF";
background-color:#be1d1d;
color:#fff;
margin-right:10px;
padding:0 5px;
font-weight:900;
font-size:90%;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

a.recipe-pdficon-howto:hover:before{
color:#eca50e;
background-color:#fff;
}

.work_pdf_wrap{
margin-bottom:40px;
}

.mv-pc{
  display: none;
}

/************* 製品ページ　************************/
.lower-page-product_kakomi{
width:100%;
}

.lower-page-product_kakomi li a{
display:block;
background-color:#fff;
border:solid #be1d1d 1px;
padding:7px 0px;
color:#be1d1d;
width:100%;
text-decoration:none;
font-size:14px;
text-align:center;
}
.lower-page-product_kakomi li a:first-child{
border-left:none;
width:100%;
border:solid #be1d1d 1px;
}

.lower-page-product_kakomi li a:last-child{
border-left:solid #be1d1d 1px;
width:100%;
border:solid #be1d1d 1px;
}


.lower-page-product_kakomi li a:hover{
color:#fff;
background-color:#be1d1d;
text-decoration:none;
}

a.catalog-pdficon{
padding:5px 10px;
margin-bottom:0px;
float:none;
}

a.youtube-icon{
  float:none;
padding:5px 10px;
margin-bottom:0px;
}

.pattern02_img_01{
  float: none;
}

table.spec th,table.spec2 th{
width:30%;
}


#main_col.product_page img{
  display: block;
}

.pattern01_img{
  float: none;
}


/*********　キャンペーンページ　*****************/

section.kiwami_cp_201808 .flex_foot ul{
	display: block;
}

section.kiwami_cp_201808 .flex_foot ul li{
	width:100%;
	}

section.kiwami_cp_201808 .flex{
	display: block;
}

section.kiwami_cp_201808 .book .flex .photo a img{
	display: block;
	margin:0 auto;
}


/*********　ブログページ　*****************/
.single-blog_post iframe{
  width: 100%;
  height: auto!important;
  max-width:100%;
  display: block;
}


/*********　トップページWORKSHOPリンク　*****************/
iframe.workshopnews{
  width: 100%;

}

/*
p.index_news_title{
height:2em;
overflow: hidden;  
}
*/

p.index_news_title a{
overflow: hidden;  
text-overflow: clip;
}

.index_archive_link.workshop_news_btn.under{
  display: none;
}


/*********　HISTORY レスポンシブ　*****************/

section.history img{
display: block!important;
margin:0 auto;
}

section.history .alignright{
  float: none;
  margin:0 auto;
}

/************************************
  採用ページ
************************************/

section.recruitment dl dt{
  background: #f2f2f2;
  padding:5px 20px;
  text-align: center;
}



section.recruitment .mv{
  display: none;
}

section.recruitment .mv2{
  display: block;
}


section.recruitment ul.link_banner {
  display:block;
  margin-left:0;
}

section.recruitment ul.link_banner li img{
  width: 100%;
}

section.recruitment ul.recruitment_page_link{
  margin:0;
}

section.recruitment ul.recruitment_page_link li:before{
  content: "\f054";
  font-family: FontAwesome;
  margin-right:15px;
}

/************************************
  トップページ問い合わせバナー
************************************/

.metaslider .slides img{
  max-width: 100%;
}

.sp_banner{
  display: block;
}

.sp_banner img{
  display: block; 
  width: 100%;
  max-width: 100%;
}

/************************************
  問い合わせフォーム
************************************/

input[type="text"] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;

}

input[type="text"], input[type="password"], input[type="email"], textarea, select{
  max-width: 100%;
  padding:10px;
  box-sizing: border-box;
  border:1px solid #ccc;
 font-size: 16px;
  transform: scale(0.8);
}

span.mwform-tel-field{
  display: block;
}

button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    border-radius: 0;
}

input[type="submit"] {
  background: #be1d1d;
  color:#fff;
  padding:10px 50px;
  display: inline-block;
  font-size:16px;
}

.text_center{
  text-align: center;
}

.product-image-sp{
  display: block;
}

.company_base td{
  display: block;
}
.company_base td{
  border-bottom: none;
}
.company_base tr:last-child td:last-child{
  border-bottom: 1px solid #ccc;
}

.company_info td{
  display: block;
  border-bottom: none;
}

.company_info th{
  display: block;
  border-bottom: none;
}

.company_info tr:last-child td{
  border-bottom: 1px solid #ccc;
}


/************************************
  修理テーブル
************************************/
table.yuushoushuuri{
  width: 800px;
}

.table_wrap{
  overflow-x: scroll;
}
.table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}