@charset "UTF-8";
*{
    margin:0;
    padding:0;
}
html {
	margin:0;
    padding:0;
    overflow-x: hidden;
}

body{
/*    overflow-x: hidden;*/
    background: #FFF;
    font-size:16px;
    font-weight:300;
    margin: 0px;
    padding:0;
    font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

input,textarea,select {
    font-size: 16px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
    
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
ol, ul, li {
    list-style: none;
}

h2{
    margin:10px 0;
    color: #ee4b00;
}

h3{
    margin:10px 0;
}


/* a:link {color: #0000CC;}
a:visited {color: #80008b;}
a:hover {color: #CC0000;}
a:active {color: #CC0000;} */

a:link {color: #0e0e0e;text-decoration: none;}
a:visited {color: #0e0e0e;text-decoration: none;}
a:hover {color: #0e0e0e;}
a:active {color: #0e0e0e;}

.footer a:link { color: #000;text-decoration: none; }
.footer a:visited { color: #000; }
.footer a:hover { color: #000; }
.footer a:active { color: #000; }

.footer {
    max-width: 540px;
    min-height: 100px;
    background-color: #fff;
    margin: 50px auto;
    font-size: 70%;
    color: #666;
}

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

.header{
    width:540px;
    margin:0 auto;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 100;
}

.header-left{
    width:48%;
    margin:0;
    font-size:25px;
    font-weight:bold;
    display: inline-block;
    vertical-align: top;
}
.header-right{
    width:48%;
    margin:0;
    display: inline-block;
    vertical-align: top;
}

.contents {
    width: calc(100% - 10px);
    margin: 0px;
    /* box-sizing: border-box; */
    padding: 10px 5px 5px 5px;
}

.main{
    width:540px;
    margin:0 auto;
}
.main_text a{
    font-size: 70%;
}

.tags{
    font-size:11px;
    padding:0px 5px;
    display:inline-block;
}
.tags a {
    color: #666;
}

#tag_icon{
    font-size:11px;
    position: relative;
    top: 2px;
    color: #ee4b00;
}

#base_search_btn{
    font-size:20px;
    position: relative;
    color: #ee4b00;
    font-weight: bold;
    top: 5px;
}

#top_search {
    padding-top: 7px;
}

.common_padding{
    margin-bottom:40px;
    word-break: break-word;
}

.main_text a:link {color: #ee4b00;text-decoration: none;}
.main_text a:visited {color: #852a00;text-decoration: none;}
.main_text a:hover {color: #ee4b00;}
.main_text a:active {color: #ee4b00;}

.top_chunk {
    padding: 5px;
    margin: 5px;
    margin-bottom: 20px;
    background-color: #eee;
    border-radius: 10px;
    width: 28%;
    display: inline-block;
    vertical-align: top;
}

.top_chunk h4 {
    height: 45px;
    white-space: normal;
    overflow-y: hidden;
}

.top_chunk img {
    width: 100%;
    border-radius: 15px;
    height: 115px;
    object-fit: cover;
}

#base_search{
    width: calc(70% - 50px);
    padding: 10px;
    border-radius: 25px;
    border: none;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    background-color: #eee;
}
.searchbtn{
    cursor:pointer;
}
.main_search {
    text-align: center;
    margin-top: 15vh;
    margin-bottom: 50px;
}
.sub_title{
    font-size:10px;
    color:#999;
}
.search_desc{
    color:#999;
}
.logo{
    font-size:30px;
    font-weight:bold;
}
#logo_top{
    color:#ee4b00;
}
#logo_side{
    font-size:0.5em;
}

.category {
    text-align:center;
    margin-top: 50px;
}

p.cate_chunk {
    width: 100px;
    display: inline-block;
    padding: 5px;
    font-size: 12px;
}

p.cate_chunk img {
    width: 100%;
    border-radius: 15px;
}
.cate_name{
    font-weight:bold;
}

.ad1{
    margin: 30px auto;
    width:360px;
    text-align:center;
}

.ad2{
    margin: 30px auto;
    width:360px;
    text-align:center;
}

.update {
    font-size: 11px;
    color: #666;
}

.kanren{
    margin: 30px auto;
}
#main_img {
    text-align: center;
}

#main_img img {
    width: 50%;
    border-radius:15px;
}
.ptime{
    font-size:12px;
    color:#666;
}

.ptime:before{
    font-family: 'Material Icons';
    content: "access_time";
    position: relative;
    top: 1px;
    color: #ee4b00;
}
.en_mini{
    font-size:14px;
    color:#666;
}
.p_color {
    color: brown;
    font-weight:bold;
    font-size:95%;
}
.f_color {
    color: blue;
    font-weight:bold;
    font-size:95%;
}
.c_color {
    color: #ff1493;
    font-weight:bold;
    font-size:95%;
}

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

    .main{
        width:100%;
    }
    .header{
        width: calc(100% - 20px);
        padding: 10px;
    }
    .top_chunk {
        width: 43%;
    }
    #base_search{
        width: calc(100% - 50px);
    }
    #main_img img{
        width: 100%;
    }

    .ad1{
        width:100%;
    }
    .ad2{
        width:100%;
    }
}