@charset "UTF-8";
/* CSS Document */


/* 検索TOP
================================================== */


       section.pages-contents{
        width:100%;
        margin:0 auto -70px auto;
        padding:0;
        text-align:center;
        overflow:hidden;
       }

  

.search-form-wrapper-top{
    width:auto;
    height:auto;
    overflow:hidden;
    margin:45px auto 0 auto;
    padding:45px 90px 0px 90px;
    text-align:center;
    background-color:#f3f5f2;
}



.search-form-ttl-top{
    margin:0;
    padding:0 0 25px 0;
}

.search-form-ttl-top img{
  width:150px;
}

.search-form-txt-top{
  margin:0;
  padding:0 0 25px 0;
  letter-spacing: 0.2em!important;
  border-bottom:1px solid #999999;
}

table.search-form-top {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:25px 0 -25px 0;
	border-collapse: collapse;
  }



  table.search-form-top td, table th {
    padding:0px 0 50px 0;
    font-size:16px;
    line-height:160%;
    vertical-align: top;
  }
  table.search-form-top th {
    width:200px;
    padding:0 25px 0 0!important;
    font-weight:normal;
  }

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


    .search-form-wrapper-top{
      width:auto;
      height:auto;
      overflow:hidden;
      margin:0 auto;
      padding:45px 15px 0px 15px;
      text-align:center;
      background-color:#f3f5f2;
  }


    table.search-form-top{
      width:auto;
      height:auto;
      overflow:hidden;
      margin:30px 30px 0 30px;
      border-collapse: collapse;
      }
    

      table.search-form-top td, table th {
		display: block;
		width: 100%;
	  }

    table.search-form-top {
		border-collapse: collapse;
	  }
    table.search-form-top td, table th {
		display: block;
		padding:0;
		margin:0;
	  }
    table.search-form-top th {
		margin:0 0 10px 0;
		}
		
    table.search-form-top td{
      margin:0 0 30px 0;
		}

	}
  

  .search-button-bg{
    background-color:#ffffff;
  }

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

    .search-button-bg{
      background-color:#f3f5f2;
    }
  

  }

	.search-button{
    margin:0 auto;
    padding:40px 0;
    text-align:center;
  }

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

  	.search-button{
      margin:0 auto;
      padding:40px 0 50px 0;
      text-align:center;
    }
  
  

  }



	.search-button .button {
        display: inline-block;
        width: 75px;
        height: 75px;
        border-radius: 50%;
          background: #999999;
          border: #999999;
          color:#ffffff;
          font-size:16px;
        text-align:center;
          line-height: 75px;
          font-weight:normal;
          margin:0;
          cursor: pointer;
        }
        

		
		.search-button .button:hover {
            background: #ff7800;
            border: #ff7800;
		text-decoration:none;
		}
	

    .search-form-box-inline{
      width:auto;
      height:auto;
      margin:0 0 30px 0;
      padding:0;
    }
  


  
  .search-form-box-inline-ttl{
  margin:0 0 10px 0;
  padding:0;
    }

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

      .search-form-box-inline-ttl{
        margin:0 0 10px 20px;
        padding:0;
        font-size:14px;
          }
      
    }


    ul.multicheck-normal{
      width:auto;
      height:auto;
      margin:0;
      padding:15px;
      text-align:left;
      border: 1px solid #e6e6e6;
      background-color:#ffffff;
      font-size:12px;
        }
    
    
        ul.multicheck-normal li{
          width:auto;
          height:auto;
          margin:0;
          text-indent:-1.5em;
          padding:0.5em 0 0.5em 1.5em;
          line-height:150%;
        }


    ul.multicheck-scroll{
      width:auto;
      height:240px;
      margin:0;
      padding:15px 0 0 0;
      text-align:left;
      border: 1px solid #e6e6e6;
      background-color:#ffffff;
      overflow-y: scroll;
      font-size:12px;
      letter-spacing: 0;
        }
    
    
        ul.multicheck-scroll li{
          width:auto;
          height:auto;
          margin:0 15px 0 15px;
          text-indent:-1.5em;
          padding:0.5em 0 0.5em 1.5em;
          line-height:150%;
        }
    

        ul.multicheck-scroll::-webkit-scrollbar{
          width: 8px;
        }
        ul.multicheck-scroll::-webkit-scrollbar-track{
          background: #fff;
          border: none;
          border-radius: 10px;
          box-shadow: inset 0 0 2px #777; 
         
        }
        ul.multicheck-scroll::-webkit-scrollbar-thumb{
          background: #aaa;
          border-radius: 10px;
          box-shadow: none;
        }


    ul.multicheck-inline{
  width:auto;
  height:auto;
  margin:0;
  padding:15px 0;
  text-align:left;
  border: 1px solid #e6e6e6;
  background-color:#ffffff;
  font-size:12px;
  letter-spacing: 0;
    }


    ul.multicheck-inline li{
      width:26%;
      height:auto;
      margin:0 15px;
      display: inline-block;
    }

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

      ul.multicheck-inline{
        width:auto;
        height:auto;
        margin:0;
        padding:15px 0;
        text-align:left;
        border: 1px solid #e6e6e6;
        background-color:#ffffff;
        font-size:13px;
        letter-spacing: 0;
          }
      
      
          ul.multicheck-inline li{
            width:auto;
            height:auto;
            margin:0 15px;
            display:block;
          }
      

    }


/* 検索一覧
================================================== */



section.pages-contents-search-list{
	width:auto;
	height:auto;
	margin:0 auto -50px auto;
	padding:0;
	text-align:center;
	overflow:hidden;
 }

 

 section.pages-contents-search-list:before{
		content:"";
			display:block;
			background: url(/images/information-contents-bg01.svg) repeat-x;
			overflow: hidden;
			height: 0;
			/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
			padding-top: 3.2%;

	}
	

.search-list-ttl{
	width:auto;
	height:auto;
  margin:50px auto 25px auto;
  padding:0 0 25px 0;
  text-align:center;
  border-bottom:1px dashed #000000;
}

.search-list-ttl img{
	width:176px;
	height:auto;
}


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

  .search-list-ttl{
		width:140px;
		height:auto;
		margin:25px auto;
		text-align:center;
	}

}


ul.sort-list{
  width:auto;
  height:auto;
  margin:0 auto;
  padding:0;
  text-align:center;
  font-size:14px;
}

ul.sort-list li{
  width:auto;
  height:auto;
  margin:0 5px;
  padding:0;
  display: inline-block;
}

ul.sort-list li:first-child{
  border-left:none;
}

._subete{
  border-left:4px solid #ccc;
}

._donai{
  border-left:4px solid #ffe300;
}

._dogai{
  border-left:4px solid #c5d946;
}



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

 
ul.sort-list{
  width:auto;
  height:auto;
  margin:0 auto;
  padding:0;
  text-align:center;
  font-size:14px;
}

ul.sort-list li{
  width:auto;
  height:auto;
  margin:0 5px;
  padding:0;
  display: inline-block;
}

ul.sort-list li:first-child{
  width: 100%;
  margin-left: 0;
  margin-bottom: 1em;
}


}



.search-form-wrapper-list{
  width:100%;
	clear:left;
	padding:0;
	margin:50px 0;
  display : flex;
  flex-wrap : wrap;
  justify-content:space-between;
}

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

  .search-form-wrapper-list{
    width:auto;
    clear:left;
    padding:0 25px;
    margin:50px 0;
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
  }

}


.search-form-wrapper-list::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.search-form-wrapper-list::after{
  content:"";
  display: block;
  width:23%;
}

.search-box-list{
  width:25%;
  box-sizing:border-box;
  height:auto;
  margin:0 0 25px 0;
  padding:2px 15px;
  overflow:hidden;
  text-align:left;
  position: relative;
}

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

  .search-box-list{
    width:48%;
    box-sizing:border-box;
    height:auto;
    margin:0 0 25px 0;
    padding:2px 15px;
    overflow:hidden;
    text-align:left;
    position: relative;
  }

}

.search-box-list a {
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}

.search-box-list-ttl{
  width:auto;
  height:auto;
  margin:0;
  padding:0 0 7px 0;
  overflow:hidden;
  font-size:16px;
}

.search-box-list-of{
  width:auto;
  height:auto;
  margin:0;
  padding:0 0 5px 0;
  overflow:hidden;
  font-size:12px;
}

.search-box-list-ad{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  overflow:hidden;
  font-size:10px;
  line-height:140%;
}



/* 検索詳細ページ MAIN
================================================== */



section.pages-contents-search-single{
	width:auto;
	height:auto;
	margin:0 auto -50px auto;
	padding:0;
	text-align:center;
	overflow:hidden;
 }

 

	section.pages-contents-search-single:before{
		content:"";
			display:block;
			background: url(/images/information-contents-bg01.svg) repeat-x;
			overflow: hidden;
			height: 0;
			/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
			padding-top: 3.2%;

	}
  
  

 
  .search-single-ttl{
	width:200px;
	height:auto;
  margin:50px auto 10px auto;
  padding:0 0 10px 0;
  text-align:center;
  border-bottom:4px solid #ff7800;
  display:inline-block;
  font-weight:normal;
  font-size:24px;
}

.search-single-ttl_com{
margin:0 auto;
padding:0;
text-align:center;
}

.rub{
  display:block;
  margin:10px 0 0 0;
  font-size:14px;
}



.search-single-ttl img{
	width:176px;
	height:auto;
}


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

  .search-single-ttl{
		width:auto;
		height:auto;
		margin:25px auto 10px auto;
    text-align:center;
	}

} 


.search-single-container{
	max-width:920px;
	min-width:270px;
	display: -webkit-flex;
	display: flex;
	height:auto;
	margin:50px auto 0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
	}
	


  .search-single-main {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	-webkit-flex: 1;
	flex: 1;
	text-align:left;
  }


  .search-single-side {
	width: 250px;
	height:auto;
	overflow:hidden;
	margin:0 0 0 55px;
	padding:0;
	text-align:left;
  }





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

		.search-single-container{
		display:block;
		max-width:1000px;
		min-width:270px;
		height:auto;
		margin:0 auto;
		padding:0 35px;
		text-align:center;
	  overflow:hidden;
		}
		
	  .search-single-side {
		width: auto;
		height:auto;
		overflow:hidden;
		margin:0px 0 0 0px;
		padding:0;
		text-align:left;
	  }

  }



  /* 検索詳細ページ CONTENTS
================================================== */



.search-single-main-box{
  width:100%;
  height:auto;
  overflow:hidden;
  margin:0 0 0 0;
  padding:0 0;
  display: flex;
  display: -webkit-flex;
  align-items: start;
  flex-wrap: wrap;
  text-align:left;
  justify-content:space-between;
  position: relative;
  
}


.search-single-main-box-left{
  width:25%;
  height:auto;
  overflow:hidden;
  padding:0 5% 0 0;
  margin:0;
  text-align:left;
  overflow:hidden;
}

.search-single-main-box-right{
  width:70%;
  height:auto;
  overflow:hidden;
  padding:0px;
  margin:0;
  text-align:left;
  overflow:hidden;
}

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

  .search-single-main-box-left{
    width:60%;
    height:auto;
    overflow:hidden;
    padding:25px 0;
    margin:0 auto;
    text-align:center;
    overflow:hidden;
  }
  
  .search-single-main-box-right{
    width:auto;
    height:auto;
    overflow:hidden;
    padding:0px;
    margin:0 0 0px 0;
    text-align:left;
    overflow:hidden;
  }

}


table.search-single-main-box-list {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
  border-collapse: collapse;
  border-top:1px dotted #000000;
  }



  table.search-single-main-box-list td,   table.search-single-main-box-list  th {
    padding:15px 0 15px 0;
    line-height:160%;
    vertical-align: top;
    font-size:14px;
    border-bottom:1px dotted #000000;
    word-break : break-all;

  }
  table.search-single-main-box-list th {
    width:110px;
    padding:15px 25px 15px 0;
    font-weight:normal;
    letter-spacing: 0;
  }

  table.search-single-main-box-list th:before{
    content: '■';
    color:#ff7800;
    padding:0 5px 0 0 ;
    display: inline-block;
  }
  
  table.search-single-main-box-list a{
    color:#ff7800;
  }

  table.search-single-main-box-list a:hover{
    color:#cccccc;
  }

p.att{
  font-size:11px;
}



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

    table.search-single-main-box-list{
      width:auto;
      height:auto;
      overflow:hidden;
      margin:0px;
      border-collapse: collapse;
      font-size:12px;
      }
    

      table.search-single-main-box-list td,   table.search-single-main-box-list th {
		display: block;
    width: 100%;
    border-bottom:1px dotted #000000;
    margin:0;
    padding:0;
	  }

    table.search-single-main-box-list {
		border-collapse: collapse;
	  }
    table.search-single-main-box-list td,  table.search-single-main-box-list th {
		display: block;
    padding:15px 0 15px 0;
		margin:0;
	  }
    table.search-single-main-box-list th {
    margin:0;
    width: 100%;
    border-bottom:none;
		}
		
    table.search-single-main-box-list td{
      margin:0;
      padding:0 0 15px 0;
		}

	}



  /* 検索詳細ページ SIDE
================================================== */

.search-single-side{
height:100%;
margin:0 0 0 30px;
padding:10px;
background-image: url(/images/search-contents-single-repeat.jpg);
border-radius:20px;
}

.search-single-side .side-box{
	width:auto;
	height:auto;
	margin:0px 0;
	padding:0;
}

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

  .search-single-side{
		margin:30px 0 0 0;
		}

}


.search-single-side .side-ttl{
	font-size:14px;
	margin:10px 0;
	padding:5px 0 5px 5px;
	border-radius: 15px 0 0 15px;
}

.search-single-side .side-ttl:before{
  content: '■';
  color:#ff7800;
  padding:0 5px 0 0 ;
  display: inline-block;
}

.search-single-side ul.side-list{
	width:auto;
	height:auto;
	margin:0 0 0 5px;
	padding:0;
}

.search-single-side ul.side-list li{
	width:auto;
	height:auto;
	margin:0 0 5px 0;
	padding:0px 0 0px 22px;
	background: url("/images/pages-icon04.png") 0px 5px no-repeat;
  background-size: 11px 11px;
  letter-spacing: 0;
  font-size:12px;
}



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



}