@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Noto+Sans+JP:400,500,700|Taviraj:400,600,700&display=swap&subset=japanese");

@font-face {

  font-family: swiper-icons;

  src: url(data:application/font-woff;charset=utf-8;base64, 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) format("woff");

  font-weight: 400;

  font-style: normal;

}











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

  Responsive Grid Media Queries - 1280, 1024, 768, 480

   1280-1024   - デスクトップ（デフォルトのグリッド）

   1024-768    - タブレット横長

   768-480     - タブレット縦長

   480-less    - スマホ★

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



 

@media all and (max-width: 480px) { 





.detail_photo{

    width: 100%;

    height:auto;

}



        .detail_photo450{

     width: 100%;

    height:auto;

}



    

    

img {

	max-width: 100%;

	height: auto;

	width /***/:auto;

}



#container {

	width:100%;

}

/* スマホ用CSS ↓*/



/* -------------- サイト共通基本プロパティ -------------- */

/*

body {

	padding-top: 180px;

}



div#top-search,

div#top-news,

div#top-pickup,

div#top-area {

	margin-top: -180px;

	padding-top: 180px;

}*/



/* -------------- Font -------------- */

    

    .thin_hr_PC{

     display: none;

}



    .thin_hr_exceptPC{

      border:1px rgba(162,162,162,1.00) solid; 

        margin-left: 2em;

        margin-right: 2em;

}

    

    

.pull-dsgn,

.text_box_01,

p.btn a:link,

p.btn a:visited,

button.search {

	font-size: 14px;

}



ul.page_count a:link,

ul.page_count a:visited {

	font-size: 16px;

}

div.sub-box ul.part,

div.sub-box ul.part strong,

div.sub-box ul.mark li p,

div.sub-box div.inner p,

ul.data_target li p {

	font-size: 12px;

}



div.sub-box ul.mark li p,

div.sub-box h3,

ul.icon-area h3 {

	line-height: 1.4;

}



div.sub-box ul.mark li p,

div.sub-box h3,

div.sub-box div.inner p {

	font-size: 14px;

	line-height: 1.8;

}



div.sub-box h3 {

	font-size: 14px;

}



.osirase001 p{

	font-size: 14px;

}



.search_container input[type="text"]:focus {

	font-size: 14px;

	width: 80%;

	padding: 0;

}





/*---------- BTN ----------*/

p.btn a:link,

p.btn a:visited {

	margin: 0.5em 0 0;

	width: 60%;

}



button.search {

	margin: 0.5em auto 0;

	width: 60%;

}



.share-buttons {

	margin: 15px 0 0 10px;

}



/*---------- BTN-Readmore ------------*/



.readmore_news {

	max-height: 290px;

}



.readmore_pickup {

	/* max-height: 1250px; */

}



/* -------------- サイトナビ -------------- */

button.drawer-toggle {

	display: inline;

}



header p, section, main, div.foot,

nav > div > dl {

	width: auto;

}



header p {

	/* display: none; */

}



pc_navi {

	text-align: left;

}





nav > div > dl {

	display: block;/*

	margin: 0 auto;

	padding: 10px 0 0;*/

}



nav.pc_navi > div {

	width: auto;

	height: 130px;

	padding: 0;

	margin: 0;

	text-align: left;

}



nav > div > dl dt {

	margin-right: 0;

}



nav > div > dl dd a {

	display: block;

}



header h1 {

	padding: 0 0 0 5px;

}

header h1 img {

	height: 42px;

    width: auto;

	

}



 .ontomo_img {

	height: 50px!important;

    width: auto;

}

    

    

    

nav > div > ul#pc_menu {

	display: none;

}



/*

ul#pc_menu, ul#pc_menu li ul {

	display: none;

}*/



/* -------------- 2 トップページ　メイン -------------- */

section {

	width: auto;

	padding-bottom: 0;



}



section img {

	max-width: auto;

}



div.search-box {

	padding-bottom: 20px;

}



div.search-box a {

	width: 90%;

	display: block;

	text-align: right;

}



div.main-box {

	padding: 0 5px 20px;

}



.osirase001 {

	width: 85%;

	margin: 0 auto;

	padding: 10px;

}



.osirase001 p {

	text-align: left;

}



/* -------------- 3 トップページ 検索 -------------- */


.top_search_box {
	width: 80%;
}
.search_container{

	/* width: 85%;

	margin: 10px 10px 5px 10px; */

}



.search_container input[type="submit"]{

	border-radius: 0;

}

.scroll-offset {
	scroll-margin-top: 120px;
}



/* -------------- 4 トップページ news/pickup/area -------------- */



div.list_news ul li {

	width: 90%;

	margin-left: 25px;

}



div.list_pickup div.clm-box {

	/* display: block; */
	gap: 10px;
}

div.list_pickup dl {

	display: flex;

	flex-wrap: wrap;

	flex-direction: row;

	width: 45%;

	padding: 0 0 15px 0 ;

	margin: 15px 5px 0 5px;

	border-bottom : 1px solid #eee;

}
div#top-pickup.list_pickup dl {
	width: 90%;
	margin: 15px auto 0 auto;
}



div.list_pickup dl:first-child,

div.list_pickup dl:nth-child(6n) {

	padding: 0 0 15px 0 ;

}



div.list_pickup dt {

	order: 0;

	width: 40%;

	margin-right: 2%;

}



div.list_pickup dt img {

	width: 100%;

	overflow: hidden;

}



div.list_pickup dd {

	width: 55%;

	min-height: auto;

}





div.list_pickup dd.area_btn {

	margin-left: 42%;

	min-height: auto;

}





div.list_area ul.clm-box {

	display: block;

	width: 80%;
	margin: 0 auto;

}



div.list_area ul.clm-box li {

	width: auto;

	margin-left: 5px;

}







/* -------------- 5 検索結果 -------------- */

div.sort-box br {

	display: inline;

}





/* -------------- 6 検索結果result・詳細detail -------------- */

/*

span.category {

	display: inline-block;

	margin: 0 1em 0.5em 0;

}

*/



div.result-box div.title h2,

div.detail-box div.title h2 {

	padding: 0;

}


div.result-box dl {
	width: 95%;
	margin: 0 auto;
}
div.result-box dl.info dt,

div.detail-box dl.info dt {

	width: 100px;

}



div.result-box dl.info dd,

div.detail-box dl.info dd {

	margin-left: 90px;

}





div.result-box dl.info dd br {

	display: inline;

}



div.result-box dl.info dd a {

	display: block;

	margin-left: 0;

}



div.result-box dl.info dd span.pref_name:after {

	content: none;

}



ul.page_count {

	flex-wrap: wrap;

	width: 300px;

}



ul.page_count li.page_jump {

	display: inline;

}

/*

ul.page_count li.page_jump:nth-child(n+5) {

	display: none;

}*/



/*

ul.page_count li.page_jump {

	display: none;

}*/



/*

ul.page_count li.page_jump:nth-child(n+4) {

	display: none;

}*/





/* -------------- 7 SUB-詳細検索 -------------- */



div.sub-box {

	/* margin: 10px 10px 20px; */
	margin: 0 auto;

	width: auto;

}



div.sub-box div.inner {

	margin: 5px 0;

}



ul.area-box,

ul.keyword-box,

ul.artist-box,

ul.day-box {

	margin-bottom: 20px;

}



ul.area-box,

ul.artist-box,

ul.day-box {

	display: block;

}



ul.area-box li,

ul.artist-box li,

ul.day-box li {

	width: 100%;

}



li.check-list-box ul li{

	width: 100%;

	margin: 0 0 5px 0;

}



/* -------------- 8 SUB-注記 -------------- */





ul.area-box > div.inner:nth-of-type(2) h3 {

	margin-top: 15px;

}



div.sub-box ul.part,

div.sub-box ul.mark {

	width: 100%;

	margin: 0 auto;

}

div.sub-box ul.part li {
	margin-bottom: 15px;
}

div.sub-box span.text_att {

	margin-top: 0;

}



.text_box_01{

	width: 98%;

}



div.sub-box ul.mark img {

	width: 100%;

}



div.sub-box ul.mark li p {

	margin-right: 5px;

}



div.sub-box ul.mark li p:nth-of-type(1) {

	width: 40px;

}



div.sub-box ul.mark li p:nth-of-type(2) {

	width: 240px;

}





/* -------------- 9 説明ボタン -------------- */



div.detail-btn {

	text-align: center;

}



div.detail-btn>ul>li {

	margin: 0 auto 10px;

	padding: 5px;

}



/* -------------- 10 ニュース -------------- */

div.news-area {

	margin: 20px 5px;

}



/* -------------- bx-slider TOP -------------- */

.custom-control {

	width: 40%;

}



.custom-control {

	margin-bottom: 20px;

}





/* -------------- サイト共通フッター -------------- */



footer {

	padding: 2em 0;

}



p.foot_address {

	text-align: center;

}



p.foot_copyright {

	margin: 20px 0 10px;

}



p.foot_copyright br {

	display: inline;

}





/* スマホ用CSS ↑*/



}