@charset "UTF-8";

.sub_index{
display:block;
width:100%;
margin-top:100px;
padding:3px 5px;
background:translate;
border-left:solid 5px orange;
font-size:26px;
font-weight:bold;

}

.content_title{
display:block;
width:100%;
margin:100px 0px 10px;
padding:3px 5px;
background:#eeeeee;
border-left:solid 5px #0000ff;
}




.content_item_wrapper a{
display:block;
width:100%;
max-width:100%;
margin:0 auto;
text-align:center;
}

.content_item_wrapper img{
display:block;
width:100%;
max-width:600px;
margin:0 auto;
}



li{
overflow: visible;
list-style-type:disc;
padding-left:0;

}

/*通常サイズのイメージ*/
.img_common{
display:block;
width:100%;
max-width:468px;
margin:20px auto;
}

.img_unique{
display:block;
width:100%;
max-width:100%;
margin:30px auto;

}

h3{
margin:30px 0px 10px;
}

p{
margin:0;
padding:0;
line-height:1.7;
}


/*アフィリエイト変更後リンク*/
.content_anchor_wrapper{
display:flex;
align-items:center;
justify-content: center;
margin:40px 0 0;
}

.content_anchor_wrapper a{
color:#1a0dab;
font-size:18px;
}

.content_anchor_wrapper a:before{
font-family: "Font Awesome 5 Free";
content: "\f101";
font-weight:600;
font-size:18px;
padding:0 2px 0 0;
color:#1a0dab;

}


.content_item_wrapper{
width:100%;
height:100%;
margin:30px auto;

}



.marker:before{
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight:900;
font-size:20px;
padding-right : 5px;
color: #f89174;
}

.square_wrapper{
border:solid 1px gray;
width:95%;
margin:15px auto;
padding:15px 10px;

}

.postimg_wrapper{
margin:35px auto;
}

.postimg_title{
display:inline-block;
background:#e0e0e0;
/*background:linear-gradient(transparent 60%, #ff6 60%);*/

}

.postimg_private{
color:red;

}

.postimg{
width:100%;
max-width:500px;
margin:5px 0;
}



table{
border-collapse:collapse;
margin:0;
padding:0;
table-layout:fixed;
}

tr{
height:35px;
font-size:1.0em;
}

th{
width:50px;
text-align:center;
border:solid 1px #000;

}

td{
width:200px;
text-align:left;
border:solid 1px #000;
padding:0 5px;
}

.table_top{
background:#f5f5f5;
text-align:center;
}

.table_center{
text-align:center;
}

.table_left{
text-align:left;
}

.table_last{
font-weight:bold;
}

/*状況と対策*/
.table_summary_wrapper{
width:100%;
height:100%;
white-space:nowrap;
overflow-x:scroll;
overflow-y: hidden;
margin:10px 0;
}


/*対策一覧*/
.table_topic_wrapper{
width:100%;
height:100%;
white-space:wrap;
/*overflow-x:scroll;*/
overflow-y: hidden;
margin:10px 0;
padding:5px 0;
}

.table_topic_first{
width:15%;
background:#f5f5f5;
text-align:center;
}

.table_topic_second{
width:15%;
background:#f5f5f5;
text-align:center;
}

.table_topic_third{
width:70%;
background:#f5f5f5;
text-align:center;
}








.ul_wrapper{
width:90%;
margin:20px auto;
padding:10px 10px;
border:solid 1px #404040;
background:#f7f7f7;
}

/*対策の詳細*/
.counter{
margin:10px 0;
padding-left:24px;
}

.counter li{
margin-top:20px;
}



/*■■■■■■■■■■スマホ■■■■■■■■■■*/

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

.content_title{
margin:50px 0px 10px;

}

.content_top_text{

}

.content_title,.sub_index{
width:98%;

}

.content_item_wrapper{
width:100%;
}

.item_wrapper{
width:95%;
max-width:95%;
height:100%;
}

table{
table-layout:auto;
border-collapse:collapse;
width:100%;
/*min-width:300px;*/
border:solid 1px gray;
margin:20px auto 0;
white-space:nowrap;
overflow-x:scroll;
overflow-y: hidden;
}

th,td{
height:30px;
border:solid 1px gray;
}

th{
width:50%;
background:#f0f8ff;
}

.table_left{
text-align:left;
padding-left:3px;
}

td{

}

.table_topic_wrapper{
width:100%;
height:100%;
white-space:nowrap;
overflow-x:scroll;
overflow-y: hidden;
margin:10px 0;
padding:5px 0;
}


.button_wrapper{
margin:50px auto 0px;

}


}/*スマホ終了タグ*/