@charset "utf-8";

/* -----------------------------------------------------------
	スマホ
----------------------------------------------------------- */
@media only screen and (max-width:1024px){

		body,html {
			min-width: auto;
			overflow-x:auto;
			scroll-behavior:smooth;
		}

	.sp_Mg{ /* 2列表示の余白調整 */
		margin:0 0 30px 0 !important;
	}

	.recom_R, .rank_R{
		margin-right:initial !important;
	}

	/*
		見出しはじまり
	*****************************************************************/
	#top, #whatsnew, #recommended, #ranking, .info, #whatsnew_sp, #topGourmet{
		width:auto;
		margin:10px;
	}

	.responsive_clear{
		display:none;
	}
	h2 {
		font-size: 1.5em;
	}

	/*
		ヘッダー
	*****************************************************************/

	#header{
		padding:50px 0 10px;
		font-size:smaller;
	}

	.search{
		margin-right:15px;
		float:left;
	}

	.sns{
		margin-right:100px;
		float:left;
	}

	.logo{
		margin-right:120px;
		float:left;
	}

	.header_right{
		width:300px;
		height:auto;
		float:right;
	}

	#contact{
		position:relative;
		top:10px;
		margin-right:20px;
		float:left;
	}

	#language{
		position:relative;
		top:10px;
		float:left;
	}

	#language ul{
		list-style:none;
	}

	#contact span, #language span{
		display:table-cell;
		vertical-align:middle;
		padding-left:5px;
		font-weight:bold;
	}

	/* ハンバーガーメニュー */
	#nav_wrap * {
		box-sizing: border-box;
	}
	#nav_wrap{
		display:block;
		/* position: fixed; */
		width: 100%;
		height: auto;
		background: white;
		z-index: 99999999;
	}
	.wrap_mainmenu {
		min-height: 4em;
		position: relative;
		border-bottom: 1px solid #c7c7c7;
		padding:0;
	}
	.wrap_mainmenu > p {/*20230316*/
		background: rgba(182, 0, 5, 1);
		color:#fff;
		font-size:12px;
		font-weight: bold;
		text-align: center;
		letter-spacing: .05em;
		padding: .1em 0;
	}
	.wrap_mainmenu .block_head {
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
	}
	.wrap_logo {/*20220117*/
		/* position: absolute; */
		/* padding-right: 3em; */
		/* padding-top: .25em; */
		/*20220117
		left: 50%;
		transform: translateX(-50%);
		max-width: 50%;	*/
	}
	.wrap_logo > a {
		display: block;
		max-width: 70%;/*20220117*/
		padding: .5em .5em 0;
	}
	.wrap_logo > a > img {
		width: 100%;
	}
	.wrap_logo p {/*20220117 */
		padding-left: .5em;
		font-size: .8rem;
		color: #666;
		letter-spacing: .025em;
	}
	/* ーーーーーーーーーーーーーーー
	新メニュー　20230316
	ーーーーーーーーーーーーーーー */
	.swiper-container {
		position: relative;
		margin-top: .5em;
		padding-bottom: 1em;
	}
	.swiper-container::before {
		/* content: ""; */
		position: absolute;
		height: 3em;
		width: 100%;
		background-color: #f1f1f1;
		top:0;
		left:0;
	}
	.swiper-container .swiper-wrapper {
		max-width: 1000px;
		justify-content: space-between;
	}
	.swiper-container .swiper-wrapper li {
		width: auto!important;
		background-color: transparent!important;
	}
	.swiper-container .swiper-wrapper li a {
		padding: 0 1em !important;
		width: auto!important;
		background-color: transparent!important;
		font-size: 1.15rem;
		height: 2.6em;
	}
	.wrapper_menu {
		display: none;
	}
	.wrapper_menu .block_area {
		padding: 0;
	}
	.wrapper_menu .wrap_areatag {
		flex-wrap: wrap;
	}
	.wrapper_menu .block_area li {
		margin-bottom: 0.25em;
	}

	.wrap_camenu {
		overflow: hidden;
		overflow-x: auto;
		height: 3.5em; /* 可視領域の高さ */
		width: 100%;
		border-bottom: 1px solid #bababa; /* 20230316*/
		margin: 2em auto 2em;/* 20230316*/
	}
	.scroll_nav {
		width: 100%;
		background: #fff; /* メニューの背景色 */
		overflow-y: hidden; /* 20230316*/
		overflow-x: auto;
		-webkit-overflow-scrolling: touch; /* 慣性スクロール */
		height: 4em; /* 横スクロールする理屈上の高さ */
	}
	.scroll_nav ul {
		display: flex;
		list-style: none;
		white-space: nowrap;
		padding: 0;
		height: auto;
	}
	.scroll_nav ul li {
		display: block;
	}
	.scrollnav_top {
		background-color: rgba(183,0,5,1);
	}
	.scrollnav_gourmet {
		background-color: rgba(254, 213, 70, 1);
	}
	.scrollnav_beauty {
		background-color: rgba(127, 61, 147, 1);
	}
	.scrollnav_education {
		background-color: rgba(235, 101, 165, 1);
	}
	.scrollnav_social {
		background-color: rgba(203, 147, 27, 1);
	}
	.scrollnav_health {
		background-color: rgba(21, 82, 192, 1);
	}
	.scrollnav_life {
		background-color: rgba(57, 204, 58, 1);
	}
	.scrollnav_event {
		background-color: rgba(0, 152, 277, 1);
	}
	.scrollnav_culture {
		background-color: rgba(132, 94, 0, 1);
	}
	.scrollnav_column {
		background-color: rgba(70, 80, 149, 1);
	}
	.scroll_nav ul li a {
		min-width: 20vw;
		display: block;
		padding: .25em 2em;
		line-height: 4;
		font-size: .75em;
		min-width: 30vw;
		font-weight: bold;
		text-align: center;
		color: #fff !important;/*20220512*/
	}
	.scroll_nav ul li a:hover {/*20220512*/
		text-decoration: none;
	}

	/* active設定 */
	body.home .scrollnav_top,
	body.term-gourmet .scrollnav_gourmet,
	body.term-education .scrollnav_education,
	body.term-beauty .scrollnav_beauty,
	body.term-social .scrollnav_social,
	body.term-health .scrollnav_health,
	body.term-life .scrollnav_life,
	body.term-event .scrollnav_event,
	body.term-culture .scrollnav_culture,
	body.term-column .scrollnav_column {
		background-color: #fff!important;
	}
	body.home .scrollnav_top > a,
	body.term-gourmet .scrollnav_gourmet > a,
	body.term-beauty .scrollnav_beauty > a,
	body.term-coupon .scrollnav_coupon > a,
	body.term-education .scrollnav_education > a,
	body.term-social .scrollnav_social > a,
	body.term-health .scrollnav_health > a,
	body.term-life .scrollnav_life > a,
	body.term-event .scrollnav_event > a,
	body.term-culture .scrollnav_culture > a,
	body.term-column .scrollnav_column > a {
		padding: 0 1.5em;
		/* font-size: .85em; */
		/* margin-top: -6px; */
		color: #000 !important;/*20220512*/
	}
	/*
	body.term-gourmet .scroll_nav ul {
		transform: translateX(0%);
	}
	body.term-beauty .scroll_nav ul {
		transform: translateX(0%);
	}
	body.term-education .scroll_nav ul {
		transform: translateX(-4%);
	}
	body.term-social .scroll_nav ul {
		transform: translateX(-16%);
	}
	body.term-health .scroll_nav ul {
		transform: translateX(-28%);
	}
	body.term-life .scroll_nav ul {
		transform: translateX(-41%);
	}
	body.term-event .scroll_nav ul {
		transform: translateX(-41%);
	}
	body.term-culture .scroll_nav ul {
		transform: translateX(-41%);
	}
	
	body.home .scrollnav_top {
		background-color: rgba(255, 255, 255, 1);
		border-top: 3px solid rgba(183,0,5,1);
	}
	body.term-gourmet .scrollnav_gourmet {
		background-color: rgba(255, 255, 255, 1);
		border-top: 3px solid rgba(254, 213, 70, 1);
	}
	body.term-beauty .scrollnav_beauty {
		background-color: rgba(255, 255, 255, 1);
		border-top: 3px solid rgba(127, 61, 147, 1);
	}
	body.term-education .scrollnav_education {
		background-color: rgba(255, 255, 255, 1);
		border-top: 3px solid rgba(235, 101, 165, 1);
	}
	body.term-social .scrollnav_social {
		background-color: rgba(255, 255, 255, 1);
		border-top: 3px solid rgba(203, 147, 27, 1);
	}
	body.term-health .scrollnav_health {
		background-color: rgba(255, 255, 255, 1);
		border-top: 3px solid rgba(21, 82, 192, 1);
	}
	body.term-life .scrollnav_life {
		background-color: rgba(255, 255, 255, 1);
		border-top: 3px solid rgba(57, 204, 58, 1);
	}
	body.term-event .scrollnav_event {
		background-color: rgba(255, 255, 255, 1);
		border-top: 3px solid rgba(0, 152, 277, 1);
	}
	body.term-culture .scrollnav_culture {
		background-color: rgba(255, 255, 255, 1);
		border-top: 3px solid rgba(132, 94, 0, 1);
	}
	body.term-column .scrollnav_column {
		background-color: rgba(255, 255, 255, 1);
		border-top: 3px solid rgba(70, 80, 149, 1);
	}
	*/

	/*#burger {
		display: block;
		width: 55px;
		height: 50px;
		text-align: center;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999999;
		box-sizing: border-box;
		padding-top: 7px;
		border-left: 1px solid #c7c7c7;
	}
	*/
	#burger {
		padding: 0;
		margin: 0 .5em;
	}
	#burger span {
		display: block;
		height: 2px;
		/* width: 26px; */
		width: 24px;
		background-color: #000;
		margin: 6px auto;
		transition: .3s;
	}
	#burger.open span:first-child {
		transform: translateY(10px) rotate(45deg);
		transition: .3s;
	}
	#burger.open span:nth-child(2n) {
		opacity: 0;
		transition: .3s;
	}
	#burger.open span:last-child {
		transform: translateY(-6px) rotate(-45deg);
		transition: .3s;
	}

	#ul_burger.open{
		display: block !important;
		width: 100%;
		/* height:calc(100vh - 82px); */
		top: 4em;/* cl20220117 */
		/* top: 3em;cl20220117 */
		left: 0;
		position: absolute;
		overflow-y: auto;
		background: #ECECEE;/* cl2021217 */
		height:100vh;/* cl2021217 */
		z-index: 9999;
	}
	#ul_burger .first_level a { /*20220512*/
			color: #fff;
	}
	#ul_second1, #ul_second2, #ul_second3, #ul_third1, #ul_third2, #ul_third3, #ul_third4{
		display: none;
	}

	#ul_second1.open, #ul_second2.open, #ul_second3.open, #ul_third1.open, #ul_third2.open, #ul_third3.open, #ul_third4.open{
		display: block !important;
	}

	/*
		検索フォーム
	*****************************************************************/
	.search_container{
		box-sizing: border-box;
		position: relative;
		border: 1px solid #000;
		background:#f1f1f1;
		display: block;
		padding: 3px 10px;
		border-radius: 15px;
		height: 35px;
		width: 265px;
		overflow: hidden;
	}
	.search_container input[type="text"]{
		border: none;
		height: 2.0em;
		background:#f1f1f1;

	}
	.search_container input[type="text"]:focus {
		outline: 0;
	}
	.search_container button[type="submit"]{
		cursor: pointer;
		font-size:1.2em;
		font-family: FontAwesome;
		border: none;
		background: #000000;
		color: #fff;
		position: absolute;
		width: 40px;
		border-radius:30px;
		height: 39px;
		right:-2px;
		top: -3px;
		outline : none;
	}

	/*
		メニュー１
	*****************************************************************/
	.menu1_wrapp{
		width:100%;
		border-bottom:1px #ebebeb solid;
	}

	.menu1{
		width:1280px;
		margin:0 auto;
	}

	.menu1 ul{
		list-style:none;
		overflow:hidden;
	}

	.menu1 ul li{
		display:block;
		position:relative;
		font-weight:bold;
		width:256px;
		height:50px;
		float:left;
	}

	.menu1 ul li p{
		display:inline-block;
		position:absolute;
		width:256px;
		top:25%;
		font-size:1.2em;
		text-align:center;
		vertical-align:middle;
	}

	.menu1 ul li:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 60px;
		width: 0;
		height: 0;
		margin-top: -5px;
		border: 8px solid transparent;        /*top right bottom を透明化 */
		border-top: 10px solid #000;
	}

	.menu1 ul li .menu1_first:before{
		display: none;
	}

	/*
	.pointicon:before{
		font-family:Font Awesome 5 Free;
		content: "\f3c5";
		font-weight:900;
	}
	*/


	.menu1 {
	  position:relative;
	}
	.menu1 > ul {
	  display:flex;
	  width:1280px;
	  margin:0 auto;
	  list-style:none;
	}
	.menu1 > ul > li {
	  width:100%;
	}
	.mdd_wrap {
	  position:absolute;
	  top:100%;
	  left:0;
	  width:100%;
	}
	.mdd_wrap .mdd_inner {
	  width:1280px;
	  height:300px;
	  max-height:0; /* 追加 */
	  margin:0 auto;
	  background:#ccc;
	  overflow:hidden; /* 追加 */
	  transition:max-height .5s ease; /* 追加 */
	}

	 /* 追加 */
	.menu1 > ul > li:hover .mdd_wrap .mdd_inner {
	  max-height:300px;
	}

	/*
		メニュー２
	*****************************************************************/
	#menu2{
		width:100%;
		border-bottom:1px #d7d7d7 solid;
	}

	.menu2{
		width:1280px;
		margin:10px auto;
	}

	.menu2_box{
		display:block;
		width:128px;
		float:left;
		text-align:center;
	}

	div.menu2_box p{
		margin:10px 0;
		font-weight:bold;
	}

	/*
		トップスライダー
	*****************************************************************/
	#top_slider{
		width:100%;
		margin-top:1em;
	}

	img.top{
		display:none;
	}

	img.sp_top{
		display:block;
		width:100%;
		margin:30px auto;
	}

	.top_slider{
		width:344px !important;
		margin-right:30px;
		 overflow:hidden;
	}

	.top_image_box{
		width:344px;
		position:relative;

	}

	.slide_img1{
		width:344px;
		height:242px;
	}

	.top_image_box img{

		object-fit: cover;

	}
	.slide_img2{
		position:absolute;
		top:15px;
		right:15px;
		width:50px;
		height:auto;
	}

	.top_slider p{
		font-size:1.25em;
		font-weight:bold;
		letter-spacing:2px;
		margin:.25em 0;
	}

	p.slider_text{
		font-size:1em;
		font-weight:initial;
		letter-spacing:1px;
	}

	p.slider_date{
		font-size:0.9em !important;
		font-weight:bold;
		letter-spacing:1px;
	}

	/*
		WHAT'S NEW
	*****************************************************************/
	.whatsnew_box1{
		width:49%;
		margin-right:3px;
		float:left;
	}

	.whatsnew_box1 p, .whatsnew_box2 p, .whatsnew_box3 p, .whatsnew_box4 p{
		font-size:100%;
		font-weight:bold;
		letter-spacing:6px;
		margin:10px 0;
	}

	.wtnw_img{
		width:100%;
	}

	.wtnw_img img, .wtnw_img2 img{
		width:100%;
		height:130px;
	}

	.wtnw_img p, .wtnw_img2 p, .wtnw_img3 p, .wtnw_img4 p{
		position:absolute;
		/* width:100px; */
		top:0;
		right:0;
		color:#fff;
		background-color:#000;
		font-size:50%;
		text-align:center;
		margin:0;
	}

	.tag_btn{
		/* padding:3px 10px; 20221512 */
		padding:0 10px;
		font-size: .75em;
		font-weight: normal;
		border: 1px solid #000;
		margin-top: 0;
	}

	p.wtnw_text{
		font-size:1em;
		font-weight:initial;
		letter-spacing:1px;
	}

	p.wtnw_date{
		font-size:0.75em !important;
		font-weight:bold;
		letter-spacing:1px;
	}

	.whatsnew_box2_wrapp{
		width:795px;
		float:right;
	}

	.whatsnew_box2{
		width:50%;
		height:455px;
		margin:0;
		display: inline-block;
		vertical-align: top;
	}

	.wtnw_img2{
		width:100%;
	}

	.whatsnew_box4{
		width:49%;
		height:350px;
		float:left;
	}

	.whatsnew_box3_wrapp{
		width:795px;
		float:left;
	}

	.whatsnew_box3{
		width:49%;
		height:350px;
		float:left;
		margin:0;
	}

	.more_btn a{
		display:block;
		position:relative;
		width:auto;
		color:#fff;
		font-size:1em;
		letter-spacing:2px;
		text-align:center;
		font-weight:bold;
		background-color:#000;
		margin:10px auto 50px;
		padding:20px 30px;
		clear:both;
	}

	.more_btn a:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 25px;
		width: 0;
		height: 0;
		margin-top: -5px;
		border: 5px solid transparent;        /*top right bottom を透明化 */
		border-left: 5px solid #fff;
	}


	.whatsnew_sp_wrap{
		width:auto;
		display:-webkit-box;
	  	display:-ms-flexbox;
	  	display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.whatsnew_sp_box{
		width:50%;
		padding: 2px;
		box-sizing: border-box;
	}

	.wtnw_sp_img{
		width: 100%;
		position:relative;
	}

	.wtnw_sp_img img{
		width:100%;
		height: 140px;
		object-fit: cover;
	}

	.whatsnew_sp_box p, .whatsnew_sp_box p, .whatsnew_sp_box p, .whatsnew_sp_box p{
		font-size:100%;
		font-weight:bold;
		letter-spacing:6px;
		margin:10px 0;
	}

	.wtnw_sp_img p, .wtnw_sp_img p, .wtnw_sp_img p, .wtnw_sp_img p{
		position:absolute;
		/* width:100px; */
		bottom:0;
		right:0;
		color:#fff;
		background-color:#000;
		font-size:50%;
		text-align:center;
		margin:0;
		padding:10px;
	}


	/* cl20210319 */
	.list_article {
		margin-bottom: 0;
	}
	.inner_sublist2 > ul {
		margin-right: 0;
	}

	.list_article > li > a {
		/* padding: .75em 0; 20220512 */
			padding: .75em;
	}
	.list_article > li > a:hover
	 {
		/* background-color: rgb(240, 248, 255, 1); */
		box-shadow: none;
		padding: 0;
	}

	.list_article .wrap_images {
		/* height: 30%; 20220512 */
		height: 100%;
	}
	.list_article .wrap_image {
		padding-top: 100%;
	}
	.list_article .wrap_genretag {
		/* display: block; */
		/* text-align: right; */
	}
	.list_article .wrap_genretag > li {
		display: inline-block;
	}
	.list_article .wrap_areatag > li,
	.list_article .wrap_genretag > li {
		font-size: .75em;
	}
	.list_article .wrap_areatag > li {
		margin-bottom: .25em;
	}

	.list_article .wrap_text {
		margin-left: .5em;
	}
	.list_article h3 {
		font-size: 1.15em;
	  letter-spacing: .05em;
	  margin-bottom: .25em;
	}
	.list_article .wtnw_date {
		margin-bottom: .25em;
	}
	.list_article .wtnw_text {
		font-size: .85em;
	}


	/* 最新情報スライダーカスタマイズ 20220512 */
	.slider .slick-prev {
		left: 5vw !important;
	}
	.slider .slick-next {
		right: 5vw !important;
	}
	/* スマホのみスライダーなしの場合 */
	.noslider {
		padding-top: 2em;
	}
	.noslider > .slider_item {
		margin-bottom: 1.5em;
	}
	.noslider > .slider_item:last-of-type {
		margin-bottom: 0;
	}
	/*
		RECOMMENDED
	*****************************************************************/
	img.btm{
		display:none;
	}

	img.sp_btm{
		display:block;
		width:100%;
		margin-bottom:50px;
	}

	.recom_sp_wrap{
		display: flex;
		width: auto;
		flex-wrap: wrap;
	}

	.recom_box{
		display:block;
		width:50%;
		margin-right:0;
		padding: 5px;
		box-sizing: border-box;
	}

	.recom_img_wrap{
		position:relative;
		width:100%;
		padding:0;
	}

	.recom_img1{
		width:100%;
		height:150px;
	}

	img.recom_img1{
		object-fit:cover;
	}

	.recom_img2{ /* Pick Up */
		position:absolute;
		top:-25px;
		left:0px;
		width:50%;
	}

	.recom_img3{ /* Check it */
		position:absolute;
		top:-21px;
		right:11px;
		width:50%;
	}

	.recom_img4{ /* selected */
		position:absolute;
		top:-25px;
		left:15px;
		width:50%;
	}

	.recom_img5{ /* Useful */
		position:absolute;
		top:-25px;
		right:10px;
		width:50%;
	}

	.recom_img6{ /* Gourmet */
		position:absolute;
		top:-27px;
		left:0px;
		width:50%;
	}

	.recom_img7{ /* Popular */
		position:absolute;
		top:-17px;
		right:0px;
		width: 50%;
	}


	.recom_box h3{
		font-size:110%;
	}
	.recom_box h3:first-letter{
		color:#cd0b0b;
		font-size:125%;
	}

	.recom_box p{
		font-size:100%;
	}

	.recom_btn{
		text-align:center;
	}

	/*
		RANKING
	*****************************************************************/
	.ranking_box{
		width:100%;
		margin:0 0 15px;
		float:none;
	}

	.ranking_box_img{
		width:50%;
		margin-right:0;
	}

	.ranking_box_img img{
		width:100%;
		height:175px;
		object-fit:cover;
	}

	.rank_tag{
		position:absolute;
		/* width:60px; */
		bottom:0;
		left:0;
		color:#fff;
		background-color:#000;
		font-size:1em;
		text-align:center;
		margin:0;
		padding:5px 10px;
	}

	.ranking_box_text{
		width:45%;
	}
	.ranking_box_text p{
		font-size:100%;
	}

	p.rank_no{
		width:10px;
		height:10px;
		line-height:10px;
	}

	.ranking_center{
		width:100%;
	}

	/*
		INFO
	*****************************************************************/
	#info{
		width:100%;
		padding:25px 0;
	}

	.info{
		width:auto;
		background-image:none;
	}

	.mag_a, .mag_b{
		/* 20210621 */
		width:100%;
		margin:1em auto;
		float: none;
	}
	/* 20210621
	.mag_b{
		float:right;
		width:45%;
	}
	*/
	/*
	.mag_b img{
		width:100%;
	}
	*/
	.info h3{
		/* display:inline-block; */
		font-size:1.5em;
	}

	#clpoint h3{
		color:#f73b36;
	}

	#clpoint h3 span{
		color:#000;
		font-size:22px;
	}

	.magazine_midashi{
		font-size:100%;
	}

	.mag_tag_btn{
		display:block;
		width:auto;
		color:#fff;
		/* font-size:1.4em; 20220512 */
		font-weight:bold;
		letter-spacing:3px;
		background-color:#000;
		margin:20px auto 10px;
		padding:8px 30px;
		border-radius:35px;
	}

	.shop_tag_btn{
		display:block;
		position:relative;
		width:auto;
		/* font-size:1.1em; 20220512 */
		font-weight:bold;
		letter-spacing:3px;
		background-color:#fbbd31;
		margin:0 auto;
		padding:7px 30px;
		border-radius:35px;

	}
	/* 20220512 削除
	.shop_tag_btn:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 0;
		height: 0;
		margin-top: -4px;
		border: 5px solid transparent; top right bottom を透明化
		border-left: 5px solid #000;
	}
	*/
	.shop_tag_btn_r{
		margin:10px auto;
	}

	#clpoint{
		width:100%;
		padding:15px 0;
		border-top:1px #000 solid;
		border-left:none;
		float:none;
		clear:both;
	}

	#clpoint p{
		width:100%;
		margin:10px auto;
	}

	.cl_tag_btn{
		font-size:100%;

	}

	/*
		PICK UP
	*****************************************************************/
	#pickup{
		width:auto;
		margin:2em auto;/* 20210626 */
		/* margin:10px; */
	}
	.pickup_box {
		width:50%;
		margin: 0;
	}

	/* 20210626 全修正
	.pickup_box{
		width:49%;
		height:350px;
		margin:0 0 20px 0;
		float:left;
	}
	.pick_tag{
		width:100%;
		font-size:100%;
		padding:5px 0px;
	}

	.pickup_box img{
		float:none;
		margin:0
	}

	.pick_img{
		margin:50px 0 10px;
		text-align:center;
	}

	.pickup_box dl{
		width:100%;
		margin-top:0;
		margin-right:0;
		float:none;
		text-align:center;
	}

	.pickup_box dt{
		font-size:100%;
	}

	.pickup_box dd{
		font-size:90%;
		padding:5px;
		text-align: left;
	}
	*/

	/*
		INFORMATION & BLOG
	*****************************************************************/
	#newsblog{
		width:100%;
		margin:0 auto;
		padding-bottom:50px;
		background-image: url(https://citylife-new.com/systst/wp-content/themes/citylifenews/images/top_bg02.png);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}

	.newsblog{
		width:100%;
		margin:auto;
	}
	.newsblog h2 span {
		font-size: 2rem;
	}
	.news_box, .blog_box{
		width:85%;
	}

	.news_box{
		float:none;
		margin:auto;
	}

	.blog_box{
		float:none;
		margin:auto;
	}

		.news_box_hd {
			width: 100%;
			height: 0px;
			background-size: cover;
			padding-top: 6%;
		}

		.news_box_main{
			padding:10px 30px;
			background-size:contain;
			background-repeat:repeat-y;
		}

			.news_box_main_info{
				display:inline-block;
				font-weight:bold;
				letter-spacing:2px;
				background-color:#fff;
				margin-bottom:10px;
				padding:5px 10px;
				text-align:center;
			}

			.news_box_main_infomation{
				display:inline-block;
				color:#fff;
				font-weight:bold;
				letter-spacing:2px;
				background-color:#c52727;
				margin-bottom:10px;
				padding:5px 10px;
				text-align:center;
			}

			.news_box_main p{
				font-weight:500;
				margin-bottom:20px;
			}

			.blog_box_main p{
				font-weight:500;
				margin-bottom:30px;
			}

		.news_box_ft{
			background-size:contain;;
		}

		.info_tag_btn{
			display:block;
			position:relative;
			width:150px;
			font-size:1.1em;
			font-weight:bold;
			text-align:center;
			letter-spacing:3px;
			background-color:#fff;
			margin:0 auto;
			padding:0 30px;
			border-radius:35px;

		}

		.info_tag_btn:before {
			display: block;
			content: "";
			position: absolute;
			top: 50%;
			right: 10px;
			width: 0;
			height: 0;
			margin-top: -4px;
			border: 5px solid transparent; /*top right bottom を透明化 */
			border-left: 5px solid #000;
		}

		.blog_box_hd{
			width: 100%;
			height: 0px;
			background-size: cover;
			padding-top: 5%;
		}

		.blog_box_main{
			background-size:contain;
			background-repeat:repeat-y;
		}

		.blog_date{
			font-weight:bold;
		}
		.blog_box_ft{
			height:85px;
			background-size:contain;
		}

	#top_bg {
		background-image: none;
	}
	/*
		Footer
	*****************************************************************/
	footer{
		display:none;
	}

	.sp_footer{
		display:block;
		width:100%;
	}

	.sp_footer p:not(.copyright){
		background-color:#000;
		text-align:center;
		padding:10px 0;
	}

	.sp_footer p a{
		display:block;
		color:#fff !important;/* 20220512 */
	}

	.f_logo_under{
		width:100%;
		margin:0;
		padding:15px 0;
		background-color:#ececee;
	}

	.copyright{
		color:#000;
		background-color:#fff;
		padding:10px 0 15px;
	}


	/*
		サブページ
	*****************************************************************/
	.listwrapp{
		background-image: url(https://citylife-new.com/systst/wp-content/themes/citylifenews/images/bg_list.png);
		background-repeat:no-repeat;
	}

	.breadcrumb{
		display:none;}

	.breadcrumb p{
		width:1280px;
		margin:auto;
	}

	.sub_title{
		display: none;
	}

	.sub_title_sp{
		display: block;
		width:100%;
		margin:2em auto .5em;
		font-size: 1.1em;
		font-weight: bold;
		text-align: center;
		color: #000; /*20220512*/
	}

	.sub_title_sp p{
		font-size:1.8em;
		font-weight: 700;
		line-height: 1.2 /*20220512*/
	}

	.sub_banner{
		margin:0 auto 50px;
		text-align:center;
	}

	.area_name{
		width:100%;
		margin:50px auto 30px;
	}

	/* 阪神・神戸の見出し */

	.hskb_mds{
		line-height: 1;
	}

	.hskb_title{
		display: block;
		margin: 50px 0 0;
	}

	.hskb_area{
		width:100%;
		text-align: center;
	}

	.hskb_text{
		width: 100%;
		margin:0;
	}


	.sub_list_wrapp, .detail_wrapp{
		width:100%;
		margin:auto;
	}

	.main, .main2{
		width:auto;
		float:none;
		margin:0 10px;
	}

	.pulldown{
		text-align:center;
		margin-bottom:1em;
	}

	form.form1, form.form2{
		display:inline-block;
	}

	.sub_list{
		width:auto;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.sub_list_box{
		width:50%;
		margin:0;
		padding:5px;
		box-sizing: border-box;
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	.sub_list_box_f{
		width: 100%;
	}

	.sub_list_box p{
		font-size:1em;
		font-weight:bold;
		letter-spacing:4px;
		line-height:2em;
		margin:0 0 10px;
	}

	.sub_list_img{
		max-width:100%;
		height:150px;
	}

	.sub_list_img img{
		width:100%;
		height:150px;
		object-fit:cover;
	}

	.sub_list_img p{
		position:absolute;
	/*	width:85px; */
		bottom:0;
		right:0;
		color:#fff;
		background-color:#000;
		font-size:0.9em;
		text-align:center;
		margin:0;
		padding:3px 15px;
	}

	p.wtnw_text{
		font-size:1em;
		font-weight:initial;
		letter-spacing:1px;
	}

	p.wtnw_date{
		font-size:0.75em !important;
		font-weight:bold;
		letter-spacing:1px;
	}

	.list_page_button{
		width:100%;
		margin:50px 0;
		text-align:center;
	}

	.list_page_button ul{
		list-style:none;
	}

	.list_page_button ul li{
		display:inline-block;
		font-weight:bold;
		padding:15px;
		vertical-align:middle;
	}

	.list_now a{
		display:inline-block;
		font-weight:bold;
		color:#fff;
		background-color:#000;
		padding:10px 15px;
		vertical-align:middle;
	}

	.button_play{
		color:#7a7a7a;
		font-size:xx-small;
		border:1px #eee solid;
		vertical-align:middle;
	}


	/* サイドバー */

	.sidebar{
		width:100%;
		float:none;
	}

	.side_magazine{
		background-color:#f3eee9;
		margin-bottom:30px;
		padding:20px;
		text-align:center;
	}

	.side_magazine h3{
		font-size:1.2em;
		font-weight:900;
		letter-spacing:6px;
	}

	.side_magazine_midashi{
		display:inline;
		width:173px;
		font-size:1em;
		font-weight:bold;
		letter-spacing:5px;
		background: linear-gradient(transparent 60%, #fee82a 60%);
	}

	.side_mag_tag_btn a{
		display:block;
		width:140px;
		color:#fff;
		font-weight:bold;
		background-color:#000;
		margin:20px auto 10px;
		padding:8px 10px;
		border-radius:35px;
	}

	.side_shop_tag_btn{
		display:block;
		position:relative;
		width:140px;
		font-size:0.9em;
		font-weight:bold;
		background-color:#fbbd31;
		margin:0 auto;
		padding:7px 10px;
		border-radius:35px;

	}

	.side_shop_tag_btn:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 0;
		height: 0;
		margin-top: -4px;
		border: 5px solid transparent; /*top right bottom を透明化 */
		border-left: 5px solid #000;
	}

	.side_shop_tag_btn_r{
		margin:10px auto;
	}

	.side_latest, .side_ranking, .side_recommended{
		width:auto;
		margin:10px 10px 50px;
	}

	.side_latest_title, .side_ranking_title{
		width:100%;
		border-bottom:2px #000 solid;
	}


	.side_latest_box, .side_ranking_box{
		width:100%;
		margin:10px 0;
	}

	.side_latest_box img{
		width:40%;
		height:150px;
	}

	.side_ranking_box_img{
		width:40%;
	}

	.side_ranking_box_img img{
		width:100%;
		height:150px;
	}
	.side_latest_box p, .side_ranking_box p{
		width:185px;
		font-weight:bold;
		float:right;
	}

	p.side_rank_no{
		width:35px;
		line-height:25px;
		top:-6px;
		right:-10px;
	}

	.side_recom_box{
		width:50%;
		margin:0;
		text-align:center;
	}

	.side_recom_img{
		width:95%;
		height:150px;
	}

	.side_recom_box h3:first-letter{
		color:#cd0b0b;
	}

	.side_recom_box h3{
		letter-spacing:3px;
		font-weight:900;
		text-align:center;
	}

	.side_recom_box p{
		text-align:left;
	}


	/*
		詳細ページ
	*****************************************************************/
	.detail_wrapp{
		width:100%;
		margin-top:2em;
	}

	.detail{
		width:100%;
	}

	.detail  center img{
		width:100%;
	}

	.tag_btn_category{
		display:inline-block;
		font-weight:bold;
		background-color:#ffdfdf;
		/* padding:3px 20px; 20220512 */
		padding:0 20px;
		border:2px #ffdfdf solid;
		border-radius:16px;
	}

	.main h2{
		font-size:1.45em;
		text-align:left;
	}
	/* 20220512
	.detail_sns{
		margin-bottom:25px;
		float:left;
	}
	 */
	.detail_date{
		float:none;
	}

	.detail p{
		width:100%;
		font-size:100%;
	}

	.detail p img{
		width:100%;
		height: auto;/* 20211130 */
		object-fit: contain;
	}

	img.sp_line{
		width:100%;
	}

	.detail_shop{
		text-align:center;
	}

	.detail_shop h3{
		font-size:1.5em;
		letter-spacing:3px;
		padding-bottom:10px;
		border-bottom:1px #000 solid;
		text-align: left;	/* 20210712 */
	}

	.detail_shop h3 span{
		display: block;
		font-size:0.7em;
		color:#d34545;
	}

	.detail_thumb{
		margin: 25px auto;
		width:100%;
		height:200px;
	}

	.detail_shop_info{
		float:none;
		width:100%;
	}

	.shop_info_left{
		width: 30%;	/* 20210702 */
		padding-left:0;
		float:none;
	}

	.shop_info_right{
		width:100%;
		text-align:left;
		float:none;
	}

	.info_map{
		width:100%;
	}
	/* 20210702 */
	.wrap_shopMap {
		width: 100%;
	}
	/* 20210702 */
	.wrap_shopMap > iframe {
		width: 100%;
		height: 30vh;
	}
	.writter{
		background-color:#f3eee9;
		padding:10px;
		border-radius:10px;
	}

	.writter h3{
		margin:20px auto;
		text-align:center;
	}

	.writter_wrapp{
		width:100%;
		margin:0 auto 20px;
	}

	.writter_img{
		width:100%;
		float:none;
		text-align:center;
	}

	.writter_img img{
		width:120px;
	}

	.comment{
		width:100%;
		font-size:0.9em;
		margin-left: 0;
	}

	.comment span{
		display:inline-block;
		color:#fff;
		background-color:#000;
		padding:0 15px;
		border-radius:50px;
	}

	.shop_info_right a, .comment a{
		text-decoration:underline;
		word-break:break-word;
	}

	.shop_info_right a:hover, .comment a:hover{
		text-decoration:none;
	}


	p.info_warning{
		color:#aa2626;
		margin:10px 0;
	}

	.related{
		margin:50px 0 45px;
	}

	/*特集のレスポンシブ対応*/
	.f_title{
		width:100%;
		/*margin:60px auto 10;cl2020831削除*/
		font-size: 1.5em; /*cl2020831追加*/
	  letter-spacing: 0.15em;
	  margin: 2.5em auto .5em;
	}


	.f_link1{
		flex-direction: column-reverse;
	}

	.f_link_L, .f_link_L_t{
		width:100% !important;
	}

	.f_link_R, .f_link_R_t{
		width: 100% !important;
		padding: 0;
	}

	.sub_list_f,
	.sub_list_img_f,
	p.featuretext{
		max-width:100%;
		width:100%;
		margin-bottom:1.5em;
	}
	.sub_list_f > .inner_sublist > ul > li {
		margin-top: .5em;
	}
	.sub_list_f > .inner_sublist > ul > li > a {
		padding: .5em;
	}
	.sub_list_f > .inner_sublist > ul > li:first-child {
		margin-top: 0;
	}
	.sub_list_f > .inner_sublist > ul > li:nth-last-child(-n+2)::after {
		content: "";
		display: inline-block;
		width: 100%;
		height: 0;
		background-color: #e6e6e6;
		position: absolute;
		bottom: -5%;
		left: 0;
	}

	p.featuretext{
		width:100%;
		margin-left:0;
		float:none;
	}

	.sub_list_img_f img{
	 height:300px;
	}


	/* 特集TOPのみ cl20200831 追加 */
	.f_top_detail .f_detail_main_img {
		margin-bottom:0.5em;
	}
	.f_detail_main_img{
		/* height: 60vw; 20220602 */
		height: auto;
		margin-bottom: .5em;
	}

	.f_top_detail .f_link_R, .f_top_detail .f_link_R_t{
		padding: 0.5em 0;
	}

	.f_top_detail .f_link_L p.title, .f_top_detail .f_link_R p.title {
		margin-bottom: 0.5em;
	}


	/* ヘッダーのレスポンシブ対応部分 */

	#top_header_wrap{
		display:none;
	}

	.sp_logo{
		position:absolute;
		top:4px;
		left:4px;
	}

	.detail_main_img{
		width:100%;
		height:60vw;
	}

	.head_footer{
		width:100%;
		background: #ECECEE;
	}

	.head_footer a{
		display:block;
		margin:10px;
	}

	.sp_link{
		display:inline-block;
		margin:15px;
	}

	.search{
		float:none;
		width:265px;
		margin:15px auto;
	}

	.search_container{
		padding:0 10px;
		border-radius:17px;
		background:#fff;
	}

	.search_container input[type="text"]{
		height:2.5em;
		background:#fff;
	}

	.sns{
		float:none;
		margin:10px 0;
		/*text-align:center; 20210217 */
		display: flex;/* 20210217 */
		justify-content: center;/* 20210217 */
	}
	.sns a{
		display: block;/* 20210217 */
		/* display:inline !important; 20210217 */
	}
	/* 20210217 */
	.sns a.apli {
		width: 50px;
		margin-top: -.05em;
	}
	.sns a.apli img {
		width: 100%;
	}

	footer{
		display:none;
	}

	.sp_footer{
		display:block;
		width:100%;
	}

	.sp_footer p:not(.copyright){
		background-color:#000;
		text-align:center;
		padding:10px 0;
	}

	.sp_footer p a{
		display:block;
		color:#fff !important;/* 20220512 */
	}

	.f_logo_under{
		width:100%;
		margin:0;
		padding:15px 0;
		background-color:#ececee;
	}

	.copyright{
		color:#000;
		background-color:#fff;
		padding:10px 0 15px;
	}

	.subject{
		font-size:inherit;
	}

	.contact_table{
		width:100%;
	}

	.inputform{
		width:90%;
	}

	.agreement_first, .about_first{
		font-size:inherit;
		margin:0 auto 30px;
	}

	.wp-caption img{
	  max-width: 100%;
		/* height:325px; */
		height:auto;/* 20220107 */
		object-fit: contain;
	}

	.pc_only{
		display:none;
	}

	.sp_only{
		display:block !important;
	}
}
/* -----------------------------------------------------------
	スマホ
----------------------------------------------------------- */
@media only screen and (max-width:640px){
	/* 
	.wrap_logo > a {
		max-width: 50%;
	 */
	/*新メニュー 20230316*/
	.wrapper_menu .block_genre ul {
		flex-wrap: wrap;
	}
	.wrapper_menu .block_genre ul li {
		width: 30%;
	}
	.wrapper_menu .block_genre ul li > a .flex_inner {
		padding: .4em 0;
		min-width: inherit;
	}
	.wrapper_menu .block_genre {
	max-width: 375px;
	margin: 30px auto;
	border-bottom: 1px solid #CCC;
	}
	.wrapper_menu .block_genre ul {
		flex-wrap:inherit;
	}
	/*top最新情報・グルメのみ*/
	.layout_2col > .list_article {
		display:block;
	}
	.layout_2col > .list_article .list,
	.layout_2col > .list_article > li {
		width: 100%;
	}
	.layout_2col > .list_article .list a,
	.layout_2col > .list_article > li > a {
		padding: .5em 0;
		box-shadow: none;
		/* padding: 0; */
		position: relative;
	}
	.layout_2col > .list_article .list:first-child,
	.layout_2col > .list_article > li:first-child {
		margin-top: 0;
	}
	.layout_2col > .list_article > li:nth-last-child(-n+2)::after {
		content: "";
	  display: inline-block;
	  width: 100%;
	  height: 0;
	  background-color: #e6e6e6;
	  position: absolute;
	  bottom: -5%;
	  left: 0;
	}
	.layout_2col > .list_article > li:last-child::after {
		content: "";
	  display: none;
	}
	.layout_2col > .list_article .list:nth-child(even),
	.layout_2col > .list_article > li:nth-child(even) {
		margin-left: 0;
	}
	.layout_2col > .list_article .list:nth-child(even)::before,
	.layout_2col > .list_article > li:nth-child(even)::before {
		content: "";
		display: none;
	}
	.layout_2col > .list_article .wrap_images {
		width: 30%;
		height: 100%;
    	position: initial;
	}
	.layout_2col > .list_article .wrap_text {
		width: 70%;
	}
	.layout_2col > .list_article .topblock .wrap_text h3 {
		font-size: 1.15em;
	}
	.wrap_whatsnew h2 .jp {
		display: none;
	}
	.wrap_whatsnew .label_more {
	/* margin-top: -.5em; */
	}
	.wrap_whatsnew .label_more::before {
		left:30%;
	}
	.wrap_whatsnew > .list_whatsnew {
		margin-top: 1em;
	}
	.layout_2col > .list_article h3 {
		font-size: 15px;
	}
	.list_article h4 {
		font-size: 15px;
	}


		.f_link{
			display: block;
			margin-bottom: 20px;
		}


		.pickup_box {
			width: 100%;
			float: none;
			height: auto;
			border-bottom: none;
			margin: 0;
			padding: 0; /* 20220512 */
		}
		.pickup_box:last-of-type {
			border-bottom: 1px #eeeeee solid;
		}
		.inner_pickup {
			display:flex;
			padding: 1em;
			width: 100%;
			box-sizing: border-box;
		}
		.inner_pickup .pick_img{
			width: 25%;
			padding: 0;
			box-sizing: border-box;
		}
		.inner_pickup .pick_img a {
			display: block;
		}
		.inner_pickup .pick_img a img {
			width: 100%;
			height: auto;
			margin: 0;
			float: none;
		}
		.inner_pickup dl {
			width: 75%;
			float: none;
			margin: 0;
			box-sizing: border-box;
			padding-left: 1em;
			font-size: .85em;
		}
		.pick_tag {
			width: auto;
			right:0;
			font-size: .75em;
			background-color: rgba(0, 0, 0, 0.5);
		}
		.wrap_event{
            margin: 4em auto 0;
        }
		.wrap_event ul.list_article > li {
            width: 50%;
        }


}