#know_h1{background:url(../imgs/knowledge/h1_title_bg.gif) no-repeat;width:670px;height:75px;padding:45px 20px 10px 20px;
}
.harf_wrap{width:660px;height:75px;padding:0px 20px 0px 20px;display:table-cell;vertical-align:middle;font-weight: bold;font-family: Gothic MB101 Bold,sans-serif;font-size: 28px;line-height:40px;}



#know_indexh1{background:url(../imgs/knowledge/h1_indextitle.gif) no-repeat;width:700px;height:76px;}
#know_indexh1 span{display:none}
.read{margin:0px;padding:5px 30px 5px 30px;margin-bottom:8px}
.read p{font-size:95%;color:#666;line-height:150%;letter-spacing:0.1em;}

.column h2{font-size:24px;letter-spacing:0.1em;color:#333;background: linear-gradient(to bottom, #eee 60%, #fff 100%);border-top: 5px solid #cc0033;margin:20px 0px 10px 0px;padding:7px 10px 15px 10px;clear:both;}
.column h3{font-size:18px;letter-spacing:0.1em;color:#333;border-bottom:solid 2px #999;margin:20px 20px 10px 10px;padding:0px 0px 1px 10px;clear:both;}

.contents{margin:0px 30px 50px 30px}
.contents p{font-size:100%;line-height:150%;margin:15px 0px 20px 0px;letter-spacing:0.1em;}
.contents ul{margin:0px 0px 30px 30px}
.contents li{font-size:100%;line-height:150%;margin:10px 0px 10px 0px;letter-spacing:0.1em;}
.contents .inner_image{margin: 15px auto;display: table;}
.contents .inner_image.fl_r{float:right;margin:0px 0px 15px 15px;}
.contents .inner_image.fl_l{float:left;margin:0px 20px 15px 0px;}
.contents .inner_image img{padding:5px;background:#FFF;border:solid 1px #EEE}
.contents .inner_image .img_info{font-size:80%;color:#666;margin:0px auto;display: table-caption;caption-side: bottom;padding: 5px;margin-inline: auto;  max-inline-size: max-content;}

.h2_contents{margin:0px 0px 70px 0px}

#know_h31{background:url(../imgs/knowledge/left_h31.gif)no-repeat;width:228px;height:50px}
#know_h31 span{display:none}

#socialbuttons{margin-left:10px; height:30px;}
#socialbuttons div ,#socialbuttons2 div {float: left;}
#socialbuttons div img,#socialbuttons2 div img{vertical-align:top}
#socialbuttons2{margin-top:5px}

.after_contents{margin-left:20px;border:solid 1px #EEE;background:#F9F9F9;border-radius:5px;padding:5px 20px}
.after_contents h4{font-size:18px;letter-spacing:0.1em;color:#333;border-bottom:solid 2px #C03;padding:10px 10px}
.after_contents ul{margin-left:30px;list-style:none}
.after_contents li{margin:10px 0px;background:url(https://www.opening.jp/imgs/body_all/link_ya.gif) no-repeat left center;padding-left:15px}
.next_link{margin-top:20px;padding:20px 5px;border:solid #CCC;border-width:1px 0px}

#left .left_pac h4{background:#f4f4f4;color:#C03;font-size:14px;margin:10px 0px 5px 0px;}
#left .left_pac h4 a:link,#left .left_pac h4 a:visited{color:#039;padding:5px 5px 5px 10px;display:block}
#left .left_pac h4 a:hover{background:#E6E6E6;color:#C03}
#left .left_pac h5{margin:5px 0px 10px 0px}

.index_read{border-bottom:solid 2px #CCC;margin:0px;padding:0px 30px 5px 0px;margin-bottom:8px}
.index_read img{float:left;margin:0px 20px 10px 10px;width:143px;height:80px}
.index_read p{font-size:95%;color:#666;line-height:150%;letter-spacing:0.1em;}

.know_index_ul{list-style:none;margin:20px 10px 20px 40px}
.know_index_ul li{margin:15px 0px;background:url(https://www.opening.jp/imgs/body_all/link_ya_b.gif) no-repeat left center;padding-left:20px;font-size:95%;}

/*par2*/

.par2_in{border:solid 1px #DDD;padding:12px 20px 12px 20px;width:268px;margin:5px 0px 15px 5px;border-top:solid 5px #C03;background: -prefix-linear-gradient(top, #EEE, white 30px);background: linear-gradient(to bottom, #EEE, white 30px);}
.par2_in h2{font-size:18px;margin:0px 0px 10px 0px}
.index_info{margin:10px 0px 15px 0px;font-size:95%;line-height:150%;letter-spacing:0.1em;}



@media screen and (max-width: 700px) {

h1 span {
    font-size: 60%;
    padding-left: 10px;
}

#know_indexh1,.main_in,.grd6 {width: 100%;
}

.main_in {
    margin: 0 auto;
}

.grd6 {
    float: none;
    display: block;
    margin: 0 auto;
}

.read {
    border-bottom: none;
    margin: 0 auto;
    padding: 0 5px 10px;
    max-width: 500px;
}

.par2_in {
    border: none;
    padding: 3px 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 500px;
    border-top: solid 5px #C03;
}
.par2_in img {
    margin: 0 auto;
    display: block;
}

.index_info {
    margin: 0 auto;
    text-align: left;
    max-width: 500px;
}

/* カテゴリページ */
.index_read img {
    float: none;
    margin: 0 auto;
    width: auto;
    height: auto;
    display: block;
}
.index_read{
    padding: 0;
    margin: 0 auto;
    max-width: 500px;
}
.know_index_ul {
    margin: 0 auto;
    padding: 10px;
    line-height: 110%;
    max-width: 450px;
}
.know_index_ul li{background-position: 0px 0px;}


/* 詳細ページ */
.column h2{
    font-size: 20px;
    background: linear-gradient(to bottom, #EEE, white 30px);
    border-top: solid 5px #C03;
    margin: 0;
    letter-spacing: 0;
    padding: 5px;
    line-height: 110%;
    margin-bottom: 10px;
}
.h2_contents {
    margin-bottom: 20px;
}
.contents {
    margin: 0 10px;
    padding-bottom: 10px;
}
.main_in .contents .inner_image.fl_r {
    float: none;
    text-align: center;
    margin: 0 auto;
}
.contents .inner_image img{
    margin-top: 10px;
}
.contents .inner_image {
    margin: 0 auto;
}
.contents .inner_image .img_info {
    font-size: 90%;
    margin: 0px auto;
    text-align: left;
    line-height: 130%;
}
.column h3{
    letter-spacing: 0;
    margin: 0 5px;
}
.contents p{padding: 0 5px;}
.contents ul {
    margin: 0 auto;
    display: table;
    padding: 0 7%;
}
.contents li {
    line-height: 120%;
}
.after_contents{margin-left: 0;}
.after_contents ul {
    padding-left: 0;
    margin-left: 10px;
    line-height: 120%;
}
.next_link{padding: 20px 10px;border-width: 1px 1px;line-height: 120%;}
.contents .inner_image.fl_l{
    float: none;
    text-align: center;
    margin: 0 auto;
}
/* 左ナビ */
#btns-sp .sub-title {
    padding: 10px 40px 10px 30px !important;
}
.sub-dt .plus {
    display: none !important;
}




}