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

body{
/*    overflow-x: hidden;*/
    background: #FFF;
    font-size:18px;
    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;
}

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: 600px;
    min-height: 100px;
    background-color: #fff;
    margin: 50px auto;
    font-size: 70%;
    color: #666;
}

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

.header{
    width:600px;
    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:600px;
    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: #0dbe98;
}

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

#top_search {
    padding-top: 7px;
}

.common_padding{
    margin-bottom:40px;
    word-break: break-word;
}
.top_chunk{
    padding:5px;
    margin-bottom: 20px;
    background-color: #eee;
    border-radius: 10px;
}

#base_search{
    width: calc(100% - 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: 25vh;
    margin-bottom: 10px;
}
.sub_title{
    font-size:10px;
    color:#999;
}
.search_desc{
    color:#999;
}
.logo{
    font-size:30px;
    font-weight:bold;
}
#logo_top{
    color:#0dbe98;
}

.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:600px;
    text-align:center;
}

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

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

.kanren{
    margin: 30px auto;
}


@media screen and ( max-width:765px ){
    .main{
        width:100%;
    }
    .header{
        width: calc(100% - 20px);
        padding: 10px;
    }
    .ad1{
        width:100%;
    }
    .ad2{
        width:100%;
    }
}