@charset "utf-8";

/*body内全体の再設定*/
section{
    margin: 1em auto;
    
}

h1{
    font-weight: 600;
    color: #333333;
    font-size: 1.8em;
    line-height: 1.5em;
}
strong{
    /*font-weight: bold;*/
}
b{
    font-weight: bold;
}

sup{
    vertical-align: super; 
    font-size: smaller;
}

.bread{
    color: black;
}

.container .txt_img{
    text-align: center;
    margin: auto;
    width: 100%;
}
/*------------------------------*/

.col_post{
    color: #717171;
    width: auto;
    margin: auto;
    text-align: center;
    padding-top: 2em;
}

@media (max-width: 767px){
    .col_post h1{
        margin: auto 0.5em 1.5em;
        font-size: 1.3em;
    }
}
.post a{
    color:  #717171;
}
/*
.post h1 {
    text-align: center;
    border-left: none;
}
*/

.column{
    justify-content: flex-start;
    font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-size: 1.0em;
    margin: 2em auto auto;
    max-width: 800px;
    text-align: center;
}
.column img{
    width: 100%;
    height: auto;
}

/*----- 記事内のフォントクリア -----*/
.column * {
    font-size: 1.6rem;
}

@media (max-width: 767px){
    .column * {
        font-size: 1.4rem;
    }
}
/*------------------------------*/
.column h1{
    color:  #717171;
    font-size: 1.0em;
    font-weight: normal;
}
.column h2{
    /*color:  #717171;*/
    /*color: #4d4d4d;*/
    color:  #333333;
    font-size: 1.0em;
    font-weight: normal;
}
.column h3{
    /*color: #333333;*/
    color: #4d4d4d;
    font-size: 1.0em;
    font-weight: normal;
}
.column p{
    color:  #333333;
    font-size: 1.0em;
    font-weight: normal;
}

/* リスト（点タイプ）*/
.column ul{
    list-style: disc;
    /*margin-left: 1.5em;*/
    font-size: 1.1em;
    margin: 1em auto 1.5em 1.5em;
}
.column ul li{
    padding-top: 0.5em;
    line-height: 1.2;
}
.column ul h1{
    font-size: 1em;
    margin: auto;
    font-weight: 600;
}

/* リスト（数字タイプ）*/
.column ol{
    list-style:decimal;
    margin-left: 1.5em;
}
.column ol li{
    padding-top: 1em;
    padding-bottom: 0.5em;
    line-height: 1.2;
    font-weight: 600;

}
.column ol h1{
    font-size: 1em;
    margin: auto;
    font-weight: 600;
}

#column_edit{
    width: 100%;
    max-width: 1000px;
    display: flex;
    margin: auto;
    justify-content:space-between;
    justify-content: flex-end;
    padding-bottom: 1em;
}

.column_meta{
    display: block;
    margin: 0 1em;;
    /*width: 20%;*/
    text-align: left;
}

.column_author{
    
}

@media (max-width: 767px){
    #column_edit{
        width: 90%;
    }
}


#column_index{
    width: 95%;
    margin: 2em auto;
    padding: 1.5em 0 0 0;
    /*text-align: center;*/
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
}

#column_index_ttl{
    font-size: 1.2em;
    text-align: left;
}

#column_index_check{
    font-size: 1.1em;
    text-align: left;
}
#column_index_check ul{
}

#column_index_check li{
    position:relative;
    margin: 2em;
    text-decoration: none;
}

#column_index_check li::before{
    position:absolute;
    content:"";
    width:5px;
    height:10px;
    border-right:2px solid red;
    border-bottom:2px solid red;
    display:inline-block;
    left:-1.5em;
    /*   top:1em;*/
    transform:rotateZ(45deg);
}

.column_index_list{
    font-size: 0.9em;
    text-align: left;
}
.column_index_list ul{
    list-style:disc;
}
.column_index_list ul li{
    position:relative;
    /*margin: 2em;*/
    margin: 1em auto 1em 2em;
}

.column_index_list_num ol{  
  margin: auto;
  padding: 0;
}
.column_index_list_num ol li{
  list-style:none;
    /*margin: 1em auto;*/
    margin: auto;
  padding-left: 1.5em;
  text-indent: -1.5em;
    color: #333;
    line-height: 1.5;
    /*font-weight: 600;*/
    /*padding-top: 1em;*/
    padding-top: 0.6em;
    text-decoration: none;
    font-size: 0.98em;
}

.column_index_list_num ol li::before{
    content: "";
}

.column_index_list a{
    text-decoration: none;
}

.column_article_wrapper{
    width: 95%;
    margin: auto;
    padding: auto;
    text-align: center;
/*    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
*/    
}
.column_headline{
    font-size: 1.0em;
    text-align: left;
}
.column_headline p{
    line-height: 1.3;
    padding-bottom: 0.5em;
}

.column_article_item{
    text-align: left;
    margin: 10px 0;
    /*font-size: 1.1em;*/
    line-height: 1.3;
}
.column_article_item h1{
    font-weight: 600;
    margin: 1em auto;
    color: #000;
}
.column_article_item p{
    font-weight: 400;
    color: #000;
}
.column_article_item .note{
    margin: 1em;
    font-size: 0.9em;
}
.column_article_item .note h1{
    margin-bottom: 0.5em;
    font-weight: 600;
}
/*
.column_article_item h2{
    margin: 1em auto;
    font-size: 1.3em;
}*/
/*
.column_article_item ol{
  margin: 0;
  padding: 0
}
.column_article_item ol li{
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
    color: #4d4d4d;
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 600;
    padding-top: 1em;
}
*/
/*
.column_article_item p{
    margin: 20px 0;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.5em;
}
*/

.column_article_item a{
    margin: auto 1em;
}

.column_article_item .sub{
    margin: 0.5em 1em;
}
    
.column_article_item .menu{
    width: 100%;
    margin: auto 1em;
    text-align: left;
}

.column_article_item .cmp_area{
    margin: 2em auto;
    width: 100%;
    text-align: center;
    padding: 1em;
    box-sizing: border-box;
    border: 1px solid #ccc8c8;
}

.product_item{
    display: block;
    display: flex;
    width: 80%;
    padding: 1em 2em;
    border: 1px solid #888;
    flex-wrap:wrap-reverse;
}

.product_item_left{
    display: block;
    margin: 10px auto;
    width: 75%;
    vertical-align: top;
}
.product_item_left__cld h1{
    margin: 0.5em;
    font-weight: 600;
    font-size: 1.4em;
    display: block;
}
.product_item_left__cld .only_pc{
    display: block;
}

.product_item_left__cld .only_sp{
    display: none;
}
.product_item_left__cld .cnt{
    text-align: left;
}

.product_item_left__cld .btn{
    background-color:#228b22;
    color: #fff;
    margin: 2em auto auto auto;
    text-align: center;
    padding: 0.8em;
    font-size: 1.2em;
    width: 80%;
    border-radius: 5px;
    background: linear-gradient(-20deg, #3cb371, #228b22);
}
.product_item_left a{
    text-decoration: none;
}
.product_item_right{
    display: inline-block;
    margin: auto;
    width: 20%;
    text-align: center;
    vertical-align: middle;
}
.product_item_right img{
    max-height: 200px;
    max-width: 100%;
    height: auto;
    width: auto;
    margin: auto;
    text-align: center;
    vertical-align:bottom;
}

@media (max-width: 767px){
    .product_item_right{
        width: 100%;
        height: auto;
    }
    
    .product_item_left{
        width: 95%;
    }
    .product_item_left__cld .only_pc{
    display: none;
    }
    .product_item_left__cld .only_sp{
    display: block;
    }
}


.table1 {
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}
.table1 td {
    border: 1px solid gray;
    border-left: none;
    border-bottom: none;

    width: 5em;
    padding: 0.5em 0;
    text-align: center;
    vertical-align: middle;
    
}

@media (max-width: 600px){
    .table1{
        font-size: 0.6em;
    }
}