@charset "utf-8";
@media all and (max-width: 768px){

/*================*/
section.result{
}
section.result>.inner{
}
/*--------*/
section.result .hdarea{
    width: 100%;
    padding: 4vw 0 17vw 0;
    overflow: hidden;
}
section.result .hdarea h1{
    position: relative;
    text-align: center;
}
section.result .hdarea h1 .under{
    position: absolute;
    left: 50%;
    top: 23vw;
    width: 12vw;
    height: 0.9vw;
    background-color: rgba(0,131,62,1);
    margin: 0 0 0 -6vw;
}
section.result .hdarea h1 span.n1{
    display: block;
    width: 140vw;
    height: 16vw;
    margin: 0 auto 0 -20vw;
}
section.result .hdarea h1 span.n1 b{
    background-image: url(../images/common/char_searchresults.svg);
}
section.result .hdarea h1 span.n2{
    position: absolute;
    left: 0;
    top: 13vw;
    width: 100%;
    font-size: 4.6vw;
}
/*--------*/
section.result .countarea{
    text-align: center;
}
section.result .countarea p{
    display: inline-block;
    vertical-align: top;
    width: 45vw;
    height: 10vw;
    line-height: 9.6vw;
    color: rgba(255,255,255,1);
    background-color: rgba(0,131,62,1);
    border-radius: 2vw;
}
section.result .countarea p span{
    font-size: 4.0vw;
}
section.result .countarea p span b{
    padding: 0 1vw 0 1vw;
}
/*--------*/
section.result .listarea{
    width: 88vw;
    padding: 2vw 0 0 0;
    margin: 0 auto 0 auto;
}
/*--------*/
section.result .listarea .noitem{
    padding: 10vw 0 0 0;
    text-align: center;
}
section.result .listarea .noitem p{
    font-weight: 400;
}
/*--------*/
section.result .listarea .each.conceal{
    display: none;
}
section.result .listarea .each{
    display: inline-block;
    vertical-align: top;
    width: 42vw;
    margin: 10vw 0 0 4vw;
}
section.result .listarea .each:nth-of-type(2n-1){
    margin: 10vw 0 0 0;
}
section.result .listarea .each .skin{
}
section.result .listarea .each dl{
}
section.result .listarea .each dl>dt{
    width: 100%;
    height: 27vw;
    overflow: hidden;
    background-color: rgba(220,220,220,1);
    border-radius: 2vw;
}
section.result .listarea .each dl>dt figure{
    background-position: 50% 50%;
    background-size: contain;
}
section.result .listarea .each dl>dd{
}
section.result .listarea .each dl>dd .category{
    padding: 2vw 0 0 0;
}
section.result .listarea .each dl>dd .category p{
    display: inline-block;
    vertical-align: top;
    line-height: 1.0;
    padding: 0 3vw 1vw 3vw;
    color: rgba(255,255,255,1);
    border-radius: 1vw;
}
section.result .listarea .each[my_categorynum="01"] dl>dd .category p{
    background-color: rgba(0,117,194,1);
}
section.result .listarea .each[my_categorynum="02"] dl>dd .category p{
    background-color: rgba(111,186,44,1);
}
section.result .listarea .each[my_categorynum="03"] dl>dd .category p{
    background-color: rgba(237,108,0,1);
}
section.result .listarea .each[my_categorynum="04"] dl>dd .category p{
    background-color: rgba(29,32,136,1);
}
section.result .listarea .each dl>dd .category p span{
    font-size: 3.2vw;
}
section.result .listarea .each dl>dd .mytitle{
    height: 13vw;
}
section.result .listarea .each dl>dd .mytitle .inbox{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}
section.result .listarea .each dl>dd .mytitle .inbox p{
    line-height: 1.4;
    font-size: 3.6vw;
}
section.result .listarea .each dl>dd .more{
}
section.result .listarea .each dl>dd .more a{
    width: 100%;
    height: 11vw;
    line-height: 10vw;
    white-space: nowrap;
    text-indent: 1.0em;
    color: rgba(0,131,62,1);
    background-color: rgba(255,255,255,1);
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0,131,62,1);
    border-radius: 11vw;
}
section.result .listarea .each dl>dd .more p{
    position: relative;
}
section.result .listarea .each dl>dd .more p .mark{
    position: absolute;
    left: 4vw;
    top: 2.2vw;
    width: 6vw;
    height: 6vw;
}
section.result .listarea .each dl>dd .more p .mark b{
    background-image: url(../images/common/icon_pdf_02.svg);
}
section.result .listarea .each dl>dd .more p span{
    font-size: 4.0vw;
}
/*--------*/
section.result .execarea{
    padding: 12vw 0 6vw 0;
}
section.result .execarea .myblock{
    padding: 3vw 0 3vw 0;
}
section.result .execarea .myblock label{
    width: 55vw;
    height: 11vw;
    color: rgba(255,255,255,1);
    border-style: solid;
    border-width: 1px;
    border-radius: 11vw;
    margin: 0 auto 0 auto;
}
section.result .execarea .myblock.more label{
    background-color: rgba(2,197,94,1);
    border-color: rgba(2,197,94,1);
}
section.result .execarea .myblock.retry label{
    background-color: rgba(0,131,62,1);
    border-color: rgba(0,131,62,1);
}
section.result .execarea .myblock p{
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
}
section.result .execarea .myblock p span{
    display: table-cell;
    width: 100%;
    height: 100%;
    line-height: 1.1;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 3.6vw;
}
section.result .execarea .myblock.more .mark{
    position: absolute;
    right: 4vw;
    top: 3vw;
    width: 6vw;
    height: 5vw;
}
section.result .execarea .myblock.more .mark>svg{
    stroke: rgba(255,255,255,1);
    stroke-width: 1;
}
section.result .execarea .myblock.retry{
}

/*================*/
section.condition{
}
section.condition>.inner{
    padding: 7vw 0 15vw 0;
}
/*--------*/
section.condition .myframe{
    width: 88vw;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0,131,62,1);
    border-radius: 2vw;
    margin: 0 auto 0 auto;
}
section.condition .formarea form{
}
section.condition .formarea .achead{
}
section.condition .formarea .acbody{
    display: none;
}
/*--------*/
section.condition .formarea .toggle{
    position: relative;
    width: 100%;
    height: 16vw;
}
section.condition .formarea .toggle label{
}
section.condition .formarea .toggle .mark{
    position: absolute;
    right: 0;
    top: 0;
    width: 16vw;
    height: 16vw;
}
section.condition .formarea .toggle .mark b{
    position: absolute;
    right: 4vw;
    top: 4vw;
    width: 8vw;
    height: 8vw;
}
section.condition .formarea .toggle .mark b>svg{
    stroke: rgba(0,131,62,1);
    stroke-width: 0.8;
}
section.condition .formarea .toggle .mark b.plus{
    display: block;
}
section.condition .formarea .toggle .mark b.cross{
    display: none;
}
section.condition .formarea .toggle label.on .mark b.plus{
    display: none;
}
section.condition .formarea .toggle label.on .mark b.cross{
    display: block;
}
section.condition .formarea .toggle p{
    position: relative;
    padding: 3vw 4vw 0 4vw;
    text-align: center;
    color: rgba(0,131,62,1);
}
section.condition .formarea .toggle p .under{
    position: absolute;
    left: 50%;
    top: 12vw;
    width: 12vw;
    height: 0.7vw;
    background-color: rgba(0,131,62,1);
    margin: 0 0 0 -6vw;
}
/*--------*/
section.condition .formarea .vallist{
    width: 80vw;
    margin: 0 auto 0 auto;
}
section.condition .formarea .vallist.n1{
    padding: 5vw 0 6vw 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: rgba(0,131,62,1);
}
section.condition .formarea .vallist.n2{
    padding: 5vw 0 7vw 0;
}
section.condition .formarea .vallist .field{
    font-size: 4.0vw;
    color: rgba(0,131,62,1);
}
section.condition .formarea .vallist .field.str{
}
section.condition .formarea .vallist .field.str dl{
    text-align: center;
}
section.condition .formarea .vallist .field.str.keyword dl{
    font-size: 4.4vw;
}
section.condition .formarea .vallist .field.str.hashtag dl{
}
section.condition .formarea .vallist .field.str dl>dt{
    display: inline-block;
    vertical-align: top;
}
section.condition .formarea .vallist .field.str dl>dt p{
}
section.condition .formarea .vallist .field.str dl>dd{
    display: inline-block;
    vertical-align: top;
}
section.condition .formarea .vallist .field.str dl>dd p{
    color: rgba(34,47,51,1);
}
section.condition .formarea .vallist .field.sel{
}
section.condition .formarea .vallist .field.sel dl{
    text-align: center;
}
section.condition .formarea .vallist .field.sel dl>dt{
}
section.condition .formarea .vallist .field.sel dl>dt p{
    color: rgba(0,131,62,1);
}
section.condition .formarea .vallist .field.sel dl>dd{
}
section.condition .formarea .vallist .field.sel dl>dd p{
    color: rgba(34,47,51,1);
}
section.condition .formarea .vallist .partition{
    padding: 2vw 0 2vw 0;
}
section.condition .formarea .vallist .partition .mark{
    position: relative;
    display: block;
    width: 6vw;
    height: 6vw;
    margin: 0 auto 0 auto;
}
section.condition .formarea .vallist .partition .mark>svg{
    stroke: rgba(0,131,62,1);
    stroke-width: 3;
}

/*================*/
/*
body{
    background-image: url(../search/__sp2.png);
    background-repeat: no-repeat;
    background-position: 0 12px;
    background-size: 100% auto;
}
#wrap{
    opacity: 0.5;
}
*/

} /* End of media query */