/*
Theme Name: CitylifeNEWS(20230315)
Description: CitylifeNEWS用デザインテーマ(20230315更新：スライダー復活・ヘッダーなど変更)
Theme URI: https://citylife-new.com/
Author: 株式会社BIT
Author URI: http://www.bit.co.jp/
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap'); /* 20220512 */
* {
	margin:0;
	padding:0;
}
body,html {
	background:#FFF;
	font-family: Noto Sans CJK JP, Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	line-height: 1.75; /* 20220512 */
	color: #333; /* 20220512 */
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	/* letter-spacing:1px; 20220512*/
	overflow-x: auto;
	min-width: 1280px;
	/* scroll-behavior:smooth; 20220512 */
	/*
	src: local("Noto Sans CJK JP Regular"),
           url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
           url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
           url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
	 */
}

/* heding 20220512 */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
dt {
	font-weight: 700;
	/* letter-spacing: .1rem; 20220512 */
	letter-spacing: .1em;
	color: #333;
	text-align: left;
}
h1, .h1 {
	font-size: 1.75rem;
	line-height: 1.2;
}
h2,.h2 {
	font-size: 1.5rem;
	/* line-height: 1.3; 20220512 */
	line-height: 1.4;
	color: #000;
}
h3, .h3 {
	font-size: 1.25rem;
	line-height: 1.4;
}
h4, .h4 {
	font-size: 1.15rem;
	line-height: 1.5;
}
h5, .h5 {
	font-size: 1.075rem;
	line-height: 1.6;
}
h6, .h6, dt {
	font-size: 1rem;
	line-height: 1.7;
}

/* fontawesome */
.fa, .far, .fab, .fas {
	color: #333;
	font-size: 1.25rem;
	line-height: 1.5;
	margin-right: .25rem;
}

img {
	border:0;
}

a{
	color: #1e87f0;
	text-decoration: none;
	cursor: pointer;
}
a:hover{
	color: #1e87f0;
	text-decoration: underline;
	cursor: pointer;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
.clear::after{
  content: "";
  display: block;
  clear: both;
}
/* 20220512 ここから追加 */
.icon {
  margin: 0;
  border: none;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  fill: currentcolor;
  line-height: 0;
}
.icon-button {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 500px;
  background: #f8f8f8;
  color: #999;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: .1s ease-in-out;
  transition-property: color,background-color;
}
.icon-button > .fa,
.icon-button > .far,
.icon-button > .fab,
.icon-buttona > .fas {
	color: #fff;
	margin-right: 0;
}
.button {
	color: #fff !important;
}
.icon-button:hover,
.button:hover {
	text-decoration: none;
	opacity: .75;
}
/* 20220512 ここまで追加 */
.search-highlight {
	background-color: orange;
}
/* 20220512
h2{
	font-size:2em;
	font-size: 1.75em;
	font-weight:bold;
	letter-spacing: .15em;
	text-align:center;
	margin-bottom: 0.25em;
	padding-bottom: .25em;
	border-bottom: 2px solid #000;
}
h2 p{
	font-size:0.8em;
}
*/
/* 20220512 ここから追加 */
.button {
	color: #fff;
}
.button > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.button > div .fa,
.button > div .far,
.button > div .fab,
.button > div .fas {
	margin: 0;
	margin-left: .5em;
	color: #fff;
}
.button > div > span {
	display: block;
	width: 100%;
	text-align: center;
}
#toppage a {/* 20220512*/
	color: #333;
}
/* 20220512 ここまで追加 */
#top_bg{
	background-image:url("https://citylife-new.com/systst/wp-content/themes/citylifenews/images/top_bg01.png");
}
/* 20220512
#top_bg{
	background-image:url("https://citylife-new.com/systst/wp-content/themes/citylifenews/images/top_bg01.png");
}

.clear{
	clear:both;
}

.responsive_clear{
	clear:both;
}
.mR_none{ float一番最後のやつの余白調整
	margin-right:0;
}
*/
/* レスポンシブ対応時のPC表示部分 */

#nav_wrap{
	display:none;
}

#top_header_wrap{
	display:block;
}
#top_header_wrap * a{ /* 20220512 */
	color: #000;
}

.sp_footer{
	display:none;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
	見出しはじまり
*****************************************************************/
#top, #whatsnew, #recommended, #ranking, #topGourmet {
	max-width:1000px;/*20210217*/
	width: 100%;
	margin:10px auto;
}
/*20210217*/
.info{
	width:1000px;
	margin:10px auto;
}
#whatsnew{
	display:block;
}

#whatsnew_sp{
	display:none;
}
#topGourmet {
	background-color: rgba(252,200,1,.15);
	border-radius: 2em;
}

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

#header{
	color:#fff;
	background:#373737;
	text-align:center;
	padding:10px 0;
}

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

.sns{
	/* margin-right:100px; */
	/* float:left; 20220512*/
	display: flex; /*20220512*/
}
/* 20220512
.logo{
	margin-top:30px;
	margin-right:35px;
	margin-right:120px;
	float:left;
}
*/

.logo img{
	width:285px;
}

.toptext{
	color: #333;
	margin-top:.25em;
	letter-spacing: .05em;
	/* 20220512
	margin:25px 0;
	float:left;
	font-size:1.1em;
	font-family:小塚ゴシック Pro;
	font-weight:600;
	*/
}
/* 20220512
.header_right{
	height:auto;
	float:right;
}

.hearder_right_top{
	width:300px;
	margin:0 0 0 60px;
}
*/
#cl_header{
	position:relative;
	margin-right:20px;
	float:left;
	z-index: 999;
}

/*
#contact{
	position:relative;
	top:10px;
	margin-right:20px;
	margin-bottom:30px;
	float:left;
	z-index: 999;
}

#language{
	position:relative;
	top:10px;
	display:inline;
	float:left;
}
*/
#language ul{
	list-style:none;
}

#contact span, #language span, #koukoku span{ /*20210217*/
	display:table-cell;
	vertical-align:middle;
	padding-left:5px;
	font-weight:bold;
}
/*20210217 tuika*/
.inner_header {
	display: flex;
	align-items: center; /*20221512*/
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 100%;
	/* margin-bottom: 1.5em; 20221512*/
}
/* 20221512
.inner_header .logo, .inner_header .toptext {
	float: none;
}
.inner_header .logo {
	margin: 1.5em 0 0 0;
}
*/
.inner_header .logo img {
	width: 60%;
}
/* 20221512
.inner_header .toptext {
	margin: .5em 0;
	font-size: 1em;
}
*/
.inner_header .header_right, .inner_header .header_left {
	/* float: none; 20220512 */
	box-sizing: border-box;
}
.inner_header .header_right {
	width: 45%;
}
.inner_header .header_left {
	width: 55%;
}
.inner_header .hearder_right_top {
	width: auto;
	/* margin: .5em 0; 20220512 */
	margin-bottom: .5em;/* 20220512 */
	display: flex;
	justify-content: flex-end;/* 20220512 */
}
.inner_header .header_right .hearder_right_top .item {
	margin: 0 .5rem;/* 20220512 */
	/* margin: 0; 20220512*/
	/* flex:none; 20221512*/
}
.inner_header .header_right .hearder_right_top .item > div {/* 20220512 */
	margin: 0;
	display: flex;
}
#contact, #language, #koukoku {
	margin-top: 1em;
	margin-right: 1em;
}
#apli {
	width: 50px;
}
#apli a {
	display: block;
}
#apli a img {
	width: 100%;
}
.hearder_right_bottom .search {
	margin-right: .75em;
}
.hearder_right_bottom .search .search_container {
	width: 300px;
}
/* 20220512
.hearder_right_bottom .sns > a {
	display: inline-block;
	margin-right: .5em;
}
*/
.hearder_right_bottom .sns > .icon-button { /*20220512*/
	margin-right: .5em;
	background: rgba(182, 0, 5, 1);
}
/* 20220512
.hearder_right_bottom .sns > a:last-of-type {
	margin-right: 0;
}
*/
.hearder_right_bottom .sns > .icon-button:last-of-type {/*20220512*/
	margin-right: 0;
}
/*
	検索フォーム
*****************************************************************/
.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: 240px;
	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;
}
.search_container button > .fas { /*20220512*/
	color: #fff;
}

/*
	メニュー１
*****************************************************************/
.menu1 a:hover, .menu2 a:hover { /*20220512*/
	text-decoration: none;
}
.menu1_wrapp{
	width:100%;
	border-bottom:1px #ebebeb solid;
}
.menu1{
	width:1000px;
	margin:0 auto;
	display: flex;
}

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

.menu1 ul li{
	display:block;
	position:relative;
	font-weight:bold;
	/* width:200px; 20210520 */
	height:50px;
}
/* 20210520
.menu1 ul li p{
	display:inline-block;
	position:absolute;
	width:200px;
	top:25%;
	font-size:1.2em;
	text-align:center;
	vertical-align:middle;
}
 */
 /* 20210520 */
 .menu1 ul li p{
 	font-size:1.2em;
	line-height: 3em;
	padding-right: 2em;
	text-align: center;
 }

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

.menu1 ul li ul li:before {
	content:none;
}

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

.menu1 {
  position:relative;
}
.menu1 > ul {
  display:flex;
  width:1280px;
  margin:0 auto;
  list-style:none;
	justify-content: space-between;/* 20210520 */
}
.menu1 > ul > li {
  width:100%;
}
.mdd_wrap {
  position:absolute;
  top:100%;
  left:0;
  width:100%;
}
.mdd_wrap .mdd_inner {
  width:200px;
  height:100%;
  max-height:0; /* 追加 */
  margin:0 auto;
  background:#fff;
  overflow:hidden; /* 追加 */
  transition:max-height .5s ease; /* 追加 */
  z-index: 999999;
}

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

.megalink{
	text-align: center;
}

.mdd_link a{
	display:block;
	color:#959595;
	font-weight:500;
	text-align:center;
	margin:10px 0;
}

.mdd_link a:hover{
	color:#000;
	text-decoration:underline;
}


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

.menu2{
	display: flex;
	width:1000px;
	margin:10px auto;
	justify-content: space-between; /* 20210127追加 */
}

.menu2_box{
	display:block;
	width:100px;
	text-align:center;
}

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

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

img.top{
	display:block;
	width:1000px;
	margin:30px 0 15px;
}

img.sp_top{
	display:none;
}


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

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

}

.slide_img1{
	width:100%;
	height:375px;
}

.top_image_box img{
	object-fit: cover;

}
.slide_img2{
	width:12%;
	position:absolute;
	top:30px;
	right:30px;
}

.top_slider p{
	font-size:1.25em;
	font-weight:500;
	letter-spacing:.1em;
	margin:.25em 0;
}

p.slider_text{
	font-size:1em;
	font-weight:initial;
	letter-spacing:1px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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


/* デザインパーツ 20220512*/
.card {
	/* padding: 0.5em; */
	background: #fff;
	/* box-shadow: 0 0 5px rgb(0 0 0 / 5%), 0.25em 0.25em 5px rgb(0 0 0 / 10%); */
	height: 100%;
}
/*
	WHAT'S NEW
*****************************************************************/
.whatsnew_box1{
	width:380px;
	height:auto;
	float:left;
}

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

.whatsnew_box2 p, .whatsnew_box3 p{
	font-size: 1em;
}

.wtnw_img{
	width:380px;
	position:relative;
}

.wtnw_img img{
	width:380px;
	height:260px;
	object-fit:cover;
}

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

.tag_btn{
	display:inline-block;
	background-color:#fff;
	margin-top: .25em;
	padding:.1em 1em;
	border:1px #000 solid;
	border-radius:10px;
	font-size: .5em;
}

p.wtnw_text{
	font-size:1em;
	font-weight:initial;
	letter-spacing:1px;
	overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
	color: #666;
}

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

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

.whatsnew_box2{
	width:260px;
	margin:0 0 0 47px;
	display: inline-block;
	vertical-align: top;
}

.wtnw_img2{
	width:260px;
	position:relative;
}

.wtnw_img2 img{
	width:260px;
	height:180px;
	object-fit:cover;
}

.whatsnew_box4{
	width:380px;
	height:auto;
	float:right;
}

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

.whatsnew_box3{
	width:260px;
	display: inline-block;
	vertical-align: top;
	margin:0 48px 0 -1px;
	/*
	float:left;
	margin:0 50px 30px 0;
	*/
}

.more_btn a{
	display:block;
	position:relative;
	width:345px;
	color:#fff;
	font-size:1.2em;
	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;
}

.box_left{
	width: 620px;
	display: inline-block;
}
/* cl20210319 */
.wrap_whatsnew *,
.inner_sublist *,
.list_article *,
#topGourmet {
	box-sizing: border-box;
}
.wrap_whatsnew {/* 20220512 */
	width: 100%;
	margin-bottom: 0;
}
/* .wrap_whatsnew , 20220512*/
.inner_sublist {
	width: 100%;
	margin-bottom: 3em;
}
.list_article {
	list-style: none;
}
.list_article > li,
.list_article .list {
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
}
.list_article > li::after,
.list_article .list::after
 {
	content: "";
  display: inline-block;
  width: 100%;
  height: .5%;
  /* background-color: #e6e6e6; 20220512*/
  position: absolute;
  bottom: -5%;
  left: 0;
}
.list_article > li:last-child::after{
	content: "";
  display: none;
}
.list_article > li > a,
.list_article .list > a {
	display: flex;
	width: 100%;
	padding: 1em;
}

.list_article > li > a:hover,
.list_article .list > a:hover {
	background-color: rgba(255,171,171,.15);
	text-decoration: none; /*20220512*/
}
.list_article .wrap_images {
	/* position: relative; */
	/* width: 20%; 20220512 */
	width: 33.333%;
	height: 100%;
}
.list_article .wrap_image {
	width: 100%;
	position: relative;
	/* padding-top: 100%; 正方形 */
	padding-top: 75%;
}
.list_article img {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list_article .wrap_areatag > li,
.list_article .wrap_genretag > li
 {
	font-size: .25em;
	/* padding: .25em 1em; 20220512*/
	padding: 0 .5em;
	letter-spacing: .1em;
}

.list_article .wrap_areatag > li {
	display: inline-block;
	font-weight: normal;
	background-color: rgba(255,255,255,.75);
	margin-top: 0;
	border: 1px #bababa solid;
	border-radius: 10px;
	margin-bottom: .5em;
	font-size: .75em;
  padding: 0 1em;
	line-height: 1.5 /*20220512*/
}
.list_article .wrap_genretag {
	position: absolute;
	bottom:0;
	left: 0;
	list-style: none;
	display: flex;
}
.list_article .wrap_genretag > li {
	background: #000;
	color: #fff;
}

/*ジャンルラベル色分け*/
/* 20220512 変更前
ul.wrap_genretag > li.genre_gourmet {
	background-color: #FED546;
}
ul.wrap_genretag > li.genre_beauty {
	background-color: #7F3D93;
}
ul.wrap_genretag > li.genre_education {
	background-color: #EB65A5;
}
ul.wrap_genretag > li.genre_social {
	background-color: #CB931B;
}
ul.wrap_genretag > li.genre_health {
	background-color: #1552c0;
}
ul.wrap_genretag > li.genre_life {
	background-color: rgba(57, 204, 58, 1);
}
ul.wrap_genretag > li.genre_event {
	background-color: #0198E2;
}
ul.wrap_genretag > li.genre_culture {
	background-color: #465095;
}
*/
.genre_gourmet {
	background-color: #FED546 !important;
}
.genre_beauty, .genre_coupon {
	background-color: #7F3D93 !important;
}
.genre_education {
	background-color: #EB65A5 !important;
}
.genre_social {
	background-color: #CB931B !important;
}
.genre_health {
	background-color: #1552c0 !important;
}
.genre_life {
	background-color: rgba(57, 204, 58, 1) !important;
}
.genre_event {
	background-color: #0198E2 !important;
}
.genre_culture {
	background-color: #845e00 !important;
}
.genre_column {/* 202206627追加 */
	background-color: #465095 !important;
}
ul.wrap_genretag > li.wrap_areatag {
	font-weight: normal;
	font-size: normal;
}
.list_article .wtnw_date {
	font-weight: normal;
	font-size: normal;
	margin-bottom: .25em;
}
.list_article .wrap_text {
	/* width: 80%; 20220512 */
	width: 66.667%; /* 20220512 */
	margin-left: 1.25em;
	text-align: left; /* 20220512 */
}
.list_article h3 {
	letter-spacing: .1em;
  margin-bottom: .25em;
	/* font-weight: 500; */
	font-weight: 700;
}

/*top最新情報・グルメのみ*/
.layout_2col > .list_article {
	display:flex;
	flex-flow: wrap;
}
.layout_2col > .list_article .list,
.layout_2col > .list_article > li {
	width: 49%;
	border-bottom: 1px solid #ececec;
    margin: 0;
	position: relative;
}

.layout_2col > .list_article > li:nth-last-child(-n+2)::after {
	content: "";
  display: none;
}
.layout_2col > .list_article .list:nth-child(even),
.layout_2col > .list_article > li:nth-child(even) {
	margin-left: 2%;
}
.layout_2col > .list_article .list:nth-child(even)::before,
.layout_2col > .list_article > li:nth-child(even)::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 90%;
	/* background-color: #e6e6e6; 20220512*/
	position: absolute;
	top: 5%;
	left: -2%;
}
.layout_2col > .list_article .list > a,
.layout_2col > .list_article > li > a {
	color: #666; /*20220512*/
	padding: .5em;
}
/* 20220512 追加 */
.layout_2col > .list_article .list > a:hover,
.layout_2col > .list_article > li > a:hover {
	text-decoration: none;
}

.layout_2col > .list_article .wrap_images {
	/* width: 40%; */
	width: 31.5%;
}
.layout_2col > .list_article .wrap_text {
	/* width: 60%; */
	width: 68.5%;
}

/*top最新情報のみ*/
/* 新着情報 */
.wrap_whatsnew h2 {/* 20230315 */
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	border-bottom:2px solid #000;
	margin-bottom: 1.25em;
}
.wrap_whatsnew h2:before,
.wrap_whatsnew h2:after {/* 20230315 */
	position: absolute;
	left: 2em;
	height: 0;
	width: 0;
	border: solid transparent;
	content: "";
}
.wrap_whatsnew h2:before {/* 20230315 */
	top: 100%;
	border: 9px solid;
	border-color: transparent;
	border-top-color: #333;
	margin-left: -9px;
}
.wrap_whatsnew h2 span {/* 20230315 */
	display: inline-block;
	font-size: 2.5rem;
	padding: 0 .25em;
	text-align: center;
	position: relative;
	color: rgb(149,203,255);
	font-weight: bold;
	-webkit-text-stroke: 1px rgb(149,203,255);
	text-stroke: 1px rgb(149,203,255);
}
.wrap_whatsnew h2 span:before {/* 20230315 */
	content:"WHAT'S NEW";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 100%;
	height: 100%;
	color: transparent;
	text-stroke: 1px solid #000;
	-webkit-text-stroke: 1px rgb(0,0,0);
	z-index: 999;
}
.wrap_whatsnew h2 .jp {/* 20230315 */
	display: inline-block;
	font-size: 1.5rem;
	padding: 0 .5em;
	text-align: center;
	position: relative;
	color: #333;
	font-weight: bold;
	text-stroke: inherit;
	-webkit-text-stroke: inherit;
	
}
.wrap_whatsnew h2 .jp::before {/* 20230315 */
	content:inherit;
}
.wrap_whatsnew .wrap_morebtn .fas{/* 20230315 */
	margin-right: .5em;
}
.wrap_whatsnew > .list_whatsnew {
	display:block;
	margin: 3em 0;
	margin-top: 1em;/* 20230315 */
}
.wrap_whatsnew > .list_whatsnew .block_list {
	display:flex;
	flex-flow: wrap;
}
.wrap_block2nd,
.wrap_block3rd,
.wrap_block4th,
.wrap_block5th
 {
	display: none;
}
.wrap_whatsnew > .list_whatsnew .wrap_block1st  {
	display: block;
}
.wrap_whatsnew .morecheckbox {
 display:none;
}
.wrap_whatsnew .label_more {
	display:inline-block;
	cursor: pointer;
	position:relative;
	color:#fff;
	letter-spacing:2px;
	text-align:center;
	font-weight:bold;
	background-color:#000;
	padding:1em 5em 1em 6em;
	width: 100%;
	margin-top: 1em;
}
.wrap_whatsnew .label_more:hover {
	opacity: .75;
}
.wrap_whatsnew .label_more .fas {
    color: #fff;
    margin-right: 0.5em;
}
/*
.wrap_whatsnew .label_more::before {
	display: block;
	content: "";
	position: absolute;
	top: 60%;
	left: 42.5%
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-top: 5px solid #fff;
}
*/
.morecheckbox:checked + .label_more + .wrap_block2nd,
.morecheckbox:checked + .label_more + .wrap_block3rd,
.morecheckbox:checked + .label_more + .wrap_block4th,
.morecheckbox:checked + .label_more + .wrap_block5th
{
	animation: fadein 1.6s;
  display:block;
}

.morecheckbox:checked + .label_more
{
	animation: fadeout 1.6s;
	display:none;
}
/*1番上のみ*/
.wrap_whatsnew > .list_whatsnew > .wrap_blocktop .topblock {
	display:block;
}
.layout_2col > .list_article .topblock .list{
	width: 100%;
}
.layout_2col > .list_article .topblock .wrap_images{
	width: 30%;
}
.layout_2col > .list_article .topblock .wrap_text{
	width: 70%;
}
/* 20220512 削除
.layout_2col > .list_article .topblock .wrap_text h3 {
	font-size: 1.5em;
}
*/
.wrap_morebtn {
	width: 100%;
	text-align: right;
	margin: 1em 0;
}
.wrap_morebtn a:hover {
	opacity: .75;
}

/*topグルメ情報のみ*/
#topGourmet *{
	box-sizing: border-box;
}
#topGourmet {
	padding: .01em 1.5em;
	margin-bottom: 4em;
}
/* 20220512 削除
#topGourmet h2{
	margin-top:1em;
}
*/
.wrap_genrelist {
	padding: .5em;
}

/* ジャンル別新着情報レイアウト 20220512 */
.wrap_news {
	/*background-image: url("./images/bg_news.png");
	background-repeat: repeat;
	background-position: top center; */
	background-image: linear-gradient(to right, rgb(255, 166, 166, .75) 0%, rgb(254, 225, 64, .75) 100%);
	position: relative;
	overflow: hidden;
}
.fluid01 {
	position: absolute;
	right: 0;
	bottom: -2em;
  width:40vh;/*横幅*/
  height: 40vh;/*縦幅*/
  background: rgba(255, 255, 255, .25);/*背景色*/
  animation: fluidrotate 30s ease 0s infinite,
	fadeUpAnime 1s forwards;
}
.fluid02 {
	position: absolute;
	right: 18em;
	bottom: 15em;
  width:20vh;/*横幅*/
  height: 20vh;/*縦幅*/
  background: rgba(255, 255, 255, .25);/*背景色*/
  animation: fluidrotate 30s ease 0s infinite,
	fadeUpAnime 3s forwards;
}
.fluid03 {
	position: absolute;
	left: 0;
	top: -2em;
  width:30vh;/*横幅*/
  height: 30vh;/*縦幅*/
  background: rgba(255, 255, 255, .25);/*背景色*/
  animation: fluidrotate 30s ease 0s infinite,
	fadeDownAnime 1s forwards;
}
.fluid04 {
	position: absolute;
	left: 18em;
	top: 15em;
  width:15vh;/*横幅*/
  height: 15vh;/*縦幅*/
  background: rgba(255, 255, 255, .25);/*背景色*/
  animation: fluidrotate 30s ease 0s infinite,
	fadeDownAnime 3s forwards;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
@keyframes fluidrotate {

0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
}
28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
}

}
.wrap_news h2 {
	text-align: center;
}
.inner_news {
	position: relative;
	padding: 3em 0;
}
.wrap_news .wrap_whatsnew {
	/* margin-top: 1.5em; */
}
.wrap_news .wrap_content .wrap_title {
	padding: .5em;
	display: flex;
	align-items: center;
	justify-content:space-between;
	overflow: hidden;
	border-radius: 1em 1em 0 0;
}
.wrap_news h3 {
	display: flex;
	align-items: center;
	color: #fff;
}
.wrap_news h3 > img {
	margin-right: .5em !important;
}

.wrap_news .en {
	position: relative;
}
.wrap_news .en span {
	font-family: 'Pacifico', cursive;
	font-size: 3rem;
	color: rgba(255, 255, 255, .15);
	transform: rotate(-25deg);
	display: block;
	position: absolute;
	right: 0;
	bottom: -0.75em;
	overflow: hidden;
	text-transform:capitalize;
}
.wrap_news .card {
	margin: 0 .75em;
	border-radius: 1em;
}
.wrap_news .card .list_article {
	margin-bottom: .5em;
}
.wrap_news .card .list_article > li {
	margin: 0;
}
.wrap_news .card .list_article > li::after {
    content: "";
    display: inline-block;
    width: 95%;
    height: .5%;
    background-color: #e6e6e6;
    position: absolute;
    bottom: 0;
    left: 2.5%;
}
.link_genremore {
	text-align: right;
	margin: 0 .5em;
	padding-bottom: .5em;
}
/* 最新情報スライダーカスタマイズ */
.slider .slick-prev {
	left: 10vw !important;
	width: 60px;
	height: 60px;
	z-index: 9999;
}
.slider .slick-next {
	right: 10vw !important;
	width: 60px;
	height: 60px;
	z-index: 9999;
}
.slick-prev:before, .slick-next:before {
	font-size: 3rem !important;
	/* color: rgba(182, 0, 5, 1) !important; */
}
.slick-track {
  display: flex !important;
	padding: 2em 0;
}
.slick-slide {
  height: auto !important;
}
/*
	イベントピックアップ追加　20230315
*****************************************************************/
.wrap_event {
	max-width: 1000px;
	width: 100%;
	margin: 5em auto 2.5em;
	position: relative;
	padding-bottom: 1em;
	text-align: center;
	/* overflow-x: hidden; */
}
.wrap_event h2{
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 auto .5em;
}
/*
.wrap_event h2:before, .wrap_event h2:after {
	content: '';
	position: absolute;
	top: calc(50% - (calc(0.5px + 0.05em)/ 2));
	width: 130%;
	border-bottom: calc(1px + 0.05em) solid #000;
}
.wrap_event h2:before {
	content: '';
	position: absolute;
	right: 100%;
	top: calc(50% - (calc(0.2px + 0.05em)/ 2));
}
.wrap_event h2:after {
	left: 100%;
	margin-left: calc(5px + 0.3em);
}
*/
.wrap_event h2 span {
	position: relative;
	margin:.5em;
	margin-right:.25em;
	display:inline-block;
	padding:.25em 1em;
	border:2px solid black;
	background:none;
	text-transform:uppercase;
	font-size: 1.85rem;
	letter-spacing:1px;
	background-color: #fff;
}
.wrap_event h2 span::after {
	content: '';
	position: absolute;
	top:0;
	left:.25em;
	mix-blend-mode:multiply;
	width: 100%;
	height: 100%;
	background-size: auto auto;
	background-image: repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,245,149,1) 5px,rgba(255,245,149,1) 10px);
	transform: rotate(2deg);
}
.wrap_event ul.list_article {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	list-style: none;
}
.wrap_event ul.list_article > li {
	width: 25%;
	margin: 0;
	padding: 0;
}
.wrap_event ul.list_article > li a {
	display: block;
	margin: .5em;
	padding: 0;
	width: auto;
}
.wrap_event ul.list_article > li a:hover {
	background-color: #fff;
	text-decoration: underline;
}
.wrap_event ul.list_article > li .wrap_images {
	width: 100%;
	height: auto;
}
.wrap_event ul.list_article > li .wrap_text {
	width: 100%;
	margin-left: 0;
}
.wrap_event ul.list_article > li .wrap_text h3 {
	font-size: 15px;
}
.wrap_event ul.list_article > li .wrap_image {
	position: relative;
	overflow: hidden;
	padding-top: 0;
}
.wrap_event ul.list_article > li .wrap_image img {
	max-width: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.wrap_event .wrap_morebtn{
	margin: .75em auto 2em;
}
.wrap_event .wrap_morebtn .mag_tag_btn{
	width: 100%;
	max-width: 240px;
	margin: 0 auto;
	letter-spacing: 2px;
	padding: 0.5em 1em;
}
canvas {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}


/*
	RECOMMENDED
*****************************************************************/
img.btm{
	display:block;
	width:1000px;
	margin-bottom:50px;
}

img.sp_btm{
	display:none;
}

.recom_sp_wrap{
	font-size: 0;
}

.recom_box{
	display: inline-block;
	vertical-align: top;
	width:320px;
	margin-right:15px;
	margin-bottom:30px;
	font-size: initial;
}

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

.recom_img_wrap{
	position:relative;
	width:320px;
	padding-top:50px;
}

.recom_img1{
	width:320px;
	border-radius:25px;
}

img.recom_img1{
	object-fit:cover;
}

.recom_img2{ /* Pick Up */
	position:absolute;
	top:0;
	left:13px;
}

.recom_img3{ /* Check it */
	position:absolute;
	top:0;
	right:40px;
}

.recom_img4{ /* selected */
	position:absolute;
	top:0;
	left:40px;
}

.recom_img5{ /* Useful */
	position:absolute;
	top:10px;
	right:40px;
}

.recom_img6{ /* Gourmet */
	position:absolute;
	top:0px;
	right:70px;
}

.recom_img7{ /* Popular */
	position:absolute;
	top:10px;
	right:20px;
}


.recom_box h3{
	/* font-size:1.98em; 20220512 */
	text-align:center;
	letter-spacing:5px;
}
.recom_box h3:first-letter{
	color:#cd0b0b;
	font-size:125%;
}

.recom_box p{
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:6px;
	margin:10px 0;
}

.recom_btn{
	text-align:center;
}

/*
	RANKING
*****************************************************************/
#ranking{
	display: flex;
	flex-wrap: wrap;
}

.ranking_box{
	width:320px;
	margin:0 17px 50px 0;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.ranking_box_img{
	width:180px;
	position:relative;
	float:left;
}

.ranking_box_img img{
	width:180px;
	height:180px;
	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:120px;
	margin-left: 15px;
	float:right;
}
.ranking_box_text p{
	font-size:1em;
	font-weight:bold;
	letter-spacing:6px;
	margin:10px 0;
}

p.rank_no{
	width:20px;
	height:20px;
	text-align:center;
	color:#fff;
	background-color:#000;
	padding:10px;
	border-radius:50%;
	line-height:20px;
	vertical-align:middle;
	letter-spacing:0;
}

.ranking_center{
	width:680px;
	margin:auto;
	display: flex;
	flex-wrap: wrap;
}


/*
	INFO
*****************************************************************/
#info{
	width:100%;
	padding:50px 0;
	background-color:#f3eee9;
}

.info{
	/* 20210621 width:1280px; */
	width:960px;
	background-image: url(https://citylife-new.com/systst/wp-content/themes/citylifenews/images/magazine_bg.png);
	background-repeat:no-repeat;
	/* 20210621 追加 */
	background-size: 100% 100%;
}

#magazine{
	text-align:center;
	display: flex; /*20220512*/
	flex-wrap: wrap; /*20220512*/
	/* 20210621 追加 */
	width: 100%;
	max-width: 640px;
	margin:0 auto;
}
 /*20220512*/
#magazine h2{
	text-align: center;
	font-size: 1.75rem;
}

.mag_a{
	width:330px;
	/* float:left; 20220512 */
	margin:15px 30px;
}
/* 20210621 */
.mag_a a {
	/* font-size: 14px; 20220512*/
	max-width: 200px; /*20220512*/
}
.mag_b {
	/* float:left; 20220512*/
}
/* .mag_b img{
	float:left;
}
 */
#clpoint h3{
	color:#f73b36;
}

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

.magazine_midashi{
	/* display:inline;20220512 */
	color: #000;/*20220512*/
	/* font-size:1.3em;20220512 */
	font-size:1.075rem;/*20220512*/
	font-weight:bold;
	/* letter-spacing:5px;20220512 */
	letter-spacing:.1em;/*20220512*/
	background: linear-gradient(transparent 60%, #fee82a 60%);
}

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

.mag_tag_btn a{
	color:#fff;
}

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

}

#clpoint{
	width:500px;
	padding:10px;
	border-left:1px #000 solid;
	float:right;
}

#clpoint p{
	width:320px;
	line-height:2em;
	margin:10px auto;
}

#clpoint .icon_wrap {
	width: 124px;
	margin: 0 auto;
}
#clpoint .icon_wrap img {
	width: 100%;
}

.cl_tag_btn{
	display:block;
	width:150px;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:3px;
	background-color:none;
	margin:10px auto;
	padding:8px 30px;
	border:2px #000 solid;
	border-radius:35px;

}
/*
	トップコンテンツタイトル　20230315
*****************************************************************/
.newsblog h2,
.blog_box h2 {
	margin: -2.5em auto 1em;
	text-align: center;
}
#pickup h2 span,
.newsblog h2 span,
.blog_box h2 span {
	display: inline-block;
	font-size: 2.5rem;
	padding: 0 .5em;
	text-align: center;
	position: relative;
	color: #000;
	font-weight: bold;
	background-color: #fff;
	-webkit-text-stroke: 4px #000;
	text-stroke: 4px #000;
	letter-spacing: .15em;
	border-radius: .5em;
}
#pickup h2 span:before,
.newsblog h2 span:before,
.blog_box h2 span:before {
	content:attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	text-stroke: 1px solid #fff;
	-webkit-text-stroke: 1px #fff;
	z-index: 999;
	letter-spacing: .15em;
}
/*
	PICK UP
*****************************************************************/
#pickup{
	width:1280px;
	margin: 5em auto;	/* 20210625 */
	/* margin:10px auto ; */
}
#pickup h2{ /*20230315*/
	text-align: center;
	/* margin-bottom: 2em; */
	margin: 0 auto 1.5em;
}
.pickup_box_wrap { /*20220512*/
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.pickup_box{
	/* width:398px; 20220512*/
	width: 32.1%;/*20220512*/
	position:relative;
	background-color:#fbfbfb;
	border:1px #eeeeee solid;
	margin:0 20px 20px 0;
	/* float:left; 20220512*/
	/*height: 168px;20210428追加 20220512削除*/
	padding: 1em;/*20220512*/
	box-sizing: border-box;/*20220512*/
}
/*20210428追加*/
.pickup_box:nth-of-type(3n){
	margin-right: 0;
}
.inner_pickup {/*20220512*/
	display: flex;
}

.pick_tag{
	position:absolute;
	/* width:80px; 20220512*/
	top:0;
	right:0;
	color:#fff;
	background-color:#000;
	/* font-size:0.85em; 20220512*/
	font-size:0.85rem;/*20220512*/
	text-align:center;
	margin:0;
	/* padding:5px 10px; 20220512*/
	padding:0 .5em;/*20220512*/
}

.pickup_box img{
	/* float:left; 20220512*/
	/* margin:15px 10px; 20220512*/
	width: 120px;
	height: 120px;
}

.pickup_box dl{
	/* 20220512
	width:230px;
	margin-top:45px;
	margin-right:5px;
	float:left;
	*/
	margin-left:.5em;
	padding-top: 1em;
}

.pickup_box dt{
	margin-bottom:.25em;/*20220512*/
	/* 20220512
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	*/
}
.pickup_box dt > a{/*20220512*/
	color: #000 !important;
}


/*
	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:1000px;
	margin:auto;
}

.newsblog_pattern{
	margin:100px 0;
	height:10px;
	background-image: url(./images/pattern2_re.png);
	background-repeat: repeat-x;
}

.news_box, .blog_box{
	position: relative;
	width:800px;
	margin:0 auto 5em;
	padding: 1em;
	border-radius: 1.5em;
}
.news_box {
	border: 2px solid rgb(243,238,233);
	background-color: rgb(243,238,233);
}
.blog_box {
	border: 2px solid rgb(254,244,229);
	background-color: rgb(254,244,229);
}
.news_box::before,
.blog_box::before {
	content: '';
	position: absolute;
	top: -.75em;
	left: -.75em;
	width: 100%;
	height: 100%;
	border-radius: 1.5em;
	border: 2px solid #000;
}
.news_box > *,
.blog_box > * {
	background-image: none;
}
/*
.news_box{
	margin:50px 100px;
}

.blog_box{
	margin:100px 30px;
}
*/

	.news_box_hd{
		height:49px;
		margin:0;
		background-image: url(https://citylife-new.com/systst/wp-content/themes/citylifenews/images/info_top2.png);
		background-repeat:no-repeat;
	}

	.news_box_main{
		position: relative;
		/* background-image: url(https://citylife-new.com/systst/wp-content/themes/citylifenews/images/info_bg2.png); */
		padding:10px 50px;
	}

		.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{
		height:85px;
		/* background-image: url(https://citylife-new.com/systst/wp-content/themes/citylifenews/images/info_ft2.png); */
		background-repeat:no-repeat;
	}

	.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:7px 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{
		height:49px;
		margin:0;
		background-image: url(https://citylife-new.com/systst/wp-content/themes/citylifenews/images/blog_top2.png);
		background-repeat:no-repeat;
	}

	.blog_box_main{
		background-image: url(https://citylife-new.com/systst/wp-content/themes/citylifenews/images/blog_bg2.png);
		padding:10px 50px;
	}

	.blog_date{
		/* font-weight:bold; 20220512*/
		font-size: .85rem;
	}
	.blog_box_ft{
		height:85px;
		background-image: url(https://citylife-new.com/systst/wp-content/themes/citylifenews/images/blog_ft2.png);
		background-repeat:no-repeat;
	}

/*
	menu 20230316追加
*****************************************************************/
.wrapper_menu {
	padding: 1em 0;
}
.wrapper_menu .block_area,
.wrapper_menu .block_genre
{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 1em 0;
}
.wrapper_menu .block_area {
	padding-bottom: 0;
}
.wrapper_menu .wrap_areatag {
	display: flex;
	list-style: none;
	justify-content: center;
	gap: 0.5em;
	width: 100%;
}
.wrapper_menu .wrap_areatag li a {
	display: inline-block;
	font-weight: normal;
	background-color: rgba(255,255,255,.75);
	margin-top: 0;
	border: 1px #bababa solid;
	border-radius: 2em;
	font-size: 1rem;
	padding: .25em 1.25em;
	line-height: 1.5 /*20220512*/;
	letter-spacing: .1em;
}
.wrapper_menu .wrap_areatag li a:hover{
	text-decoration: none;
	background-color: rgba(202, 91, 91, .25);
	mix-blend-mode:hard-light;
	border: 1px rgba(202, 91, 91, 1) solid;
}
.wrapper_menu .block_genre ul {
	display: flex;
	list-style: none;
	justify-content: center;
	gap: 0.75em;
	width: 100%;
}
.wrapper_menu .block_genre ul li > a {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background: #fff;
	height: 100%;
	box-shadow: 0 0 0 rgb(0, 0, 0, 5%), .25em 0.25em 0 rgb(0, 0, 0, 10%);
	position: relative;
	overflow: hidden;
	justify-content: center;
	letter-spacing: .05em;
	color: #000 !important;
}
.wrapper_menu .block_genre ul li > a::before {
	content:"";
	position: absolute;
	top: -.5em;
	left: -.5em;
	width: 1.25em;
	height: 1rem;
	transform: rotate(320deg);
	opacity: .5;
}
.wrapper_menu .block_genre ul li > a:hover {
	text-decoration: none;
	box-shadow: none;
	margin: 2.5px -2.5px -2.5px 2.5px;
	color: #666 !important;
}
.wrapper_menu .block_genre ul li > a .flex_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: .5em 1em;
	font-size: 1rem;
	min-width: 5em;
}
.wrapper_menu .block_genre ul li > a .flex_inner span {
	width: 100%;
	display: block;
	text-align: center;
}
.wrap_camenu {
	height: 45px;
	width: 100%;
	position: relative;
	max-width: 1000px;
	margin: 1em auto 2em;
}
.scroll_nav {
	width: 100%;
	background: #fff; /* メニューの背景色 */
	height: 40px;/* 横スクロールする理屈上の高さ */
	position: relative;
}
.scroll_nav ul {
	display: flex;
	list-style: none;
	white-space: nowrap;
	padding: .25em .5em 0;
	height: 38px;
	gap:.5em;
	width: max-content !important;
	margin: 0 auto;
}
.scroll_nav ul li {
	background-color: #fff !important;
	border: 1px solid #bababa;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	height: 38px;
}
.scroll_nav ul li a {
	display: block;
	padding: 0 1em;
	line-height: 2;
	height: 36px;
	font-size: 1em;
	min-width: 6vw;
	font-weight: normal;
	text-align: center;
	color: inherit!important;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
}
.scroll_nav ul li a:hover {/*20220512*/
	text-decoration: none;
}
/*
	新メニューswiprer
*****************************************************************/
.swiper-container {
	position: relative;
	overflow-x: hidden;
	margin: 1em auto;
	padding-bottom: .5em;
}
.swiper-pagination {
	width: 100%;
	height: 3em;
	position: relative;
}
.swiper-button-next,.swiper-button-prev {
	height: 20px;
	margin-top: calc(0px - (20px/ 2));
}
.swiper-button-next:after,.swiper-button-prev:after {
    font-size: 20px;
	color: #fff;
}
.swiper-wrapper {
	width: 100%;
	margin: 0 auto;
	list-style: none;
}
.swiper-wrapper li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 2.5em;
	min-width: fit-content;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding: 0 !important;
	border-bottom: none;
	color: #666 !important;
	background-color: #fff !important;
}
.swiper-wrapper li a:hover {
	background: rgba(182, 0, 5, .05) !important;
}
/* 全スライド共通スタイル */
.swiper-slide {
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 2.5em;
}
/* ここまで 新メニューswiprer */
body.home .scrollnav_top,
body.term-gourmet .scrollnav_gourmet,
body.term-education .scrollnav_education,
body.term-beauty .scrollnav_beauty,
body.term-coupon .scrollnav_coupon,
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 {
	position: relative;
	border-top: 0;
	border-bottom: 1px solid #000;
}
/* active設定 */
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-ed_english .scrollnav_education > a,
body.term-ed_program .scrollnav_education > a,
body.term-ed_sports .scrollnav_education > a,
body.term-ed_cramschool .scrollnav_education > a,
body.term-ed_art .scrollnav_education > a,
body.term-ed_other .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 {
	position: relative;
	font-size: 1em;
	font-weight: bold;
	margin-top: 0;
	color: #000 !important;/*20220512*/
}
body.home .scrollnav_top a::after,
body.term-gourmet .scrollnav_gourmet a::after,
body.term-education .scrollnav_education a::after,
body.term-coupon .scrollnav_coupon a::after,
body.term-beauty .scrollnav_beauty a::after,
body.term-social .scrollnav_social a::after,
body.term-health .scrollnav_health a::after,
body.term-life .scrollnav_life a::after,
body.term-event .scrollnav_event a::after,
body.term-culture .scrollnav_culture a::after,
body.term-column .scrollnav_column a::after {
	content: "";
	position: absolute;
	background-color: rgba(0, 0, 0, 1);
	width: 1em;
	height: .5em;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	bottom: -.5em;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.scrollnav_top,
.scrollnav_gourmet,
.scrollnav_beauty,
.scrollnav_coupon,
.scrollnav_education,
.scrollnav_social,
.scrollnav_health,
.scrollnav_life,
.scrollnav_event,
.scrollnav_culture,
.scrollnav_column {
	border-top: 0;
	background-color: rgba(255, 255, 255, 1) !important;
}
@media only screen and (min-width:1024px){
	.swiper-container {
		position: relative;
		margin-top: 0;
		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;
	}
	body.home .scrollnav_top,
	body.term-gourmet .scrollnav_gourmet,
	body.term-education .scrollnav_education,
	body.term-beauty .scrollnav_beauty,
	body.term-coupon .scrollnav_coupon,
	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;
	}
}
/*
	Footer
*****************************************************************/
footer{
	background-color:#ececee;
}

#footer{
	width:1000px;
	margin:0 auto;
	padding-top:100px;
	color: #000; /*20220512*/
}
#footer a {
	color: #000; /*20220512*/
}

.footer_menu{
	font-weight:400;
	width:230px;
	margin-right:20px;
	margin-bottom:50px;
	line-height:2em;
	float:left;
}

.footer_menu:last-child{
	margin-right:0;
}

#footer ul{
	list-style:none;
}

p.f_menu_midashi{
	display:block;
	border-bottom:1px #000 solid;
	font-weight:bold;
	font-size:1.1em;
	padding-bottom:10px;
	margin-bottom:10px;
}

.f_m_20{
	margin-top:20px;
}

.area_link a{
	display:inline-block;
	color:#c52727;
	margin-right:1em;
	float:left;
}

.f_logo{
	margin-bottom:15px;
	text-align:center;
}

.f_logo_under{
	text-align:center;
	width:1000px;
	margin-bottom:15px;
}

.f_logo_under ul li{
	display:inline-block;
	text-align:center;
	padding-right:1em;
}

.f_logo_under li +li{
	border-left:1px #c9c9c9 solid;
	padding:0 1em;
}

.copyright{
	padding-bottom:50px;
	text-align:center;
	clear:both;
}


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

.breadcrumb{
	width:100%;
	/* background-color:#eeeeee; */
	margin-bottom: 2em;
	padding:10px 0;
	color: #000; /*20220512*/
}
.breadcrumb a {
	color: #000 !important; /*20220512*/
}

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

.detail_category{
	margin-bottom:10px;
}
/*
.sub_list, .sub_list_f{
	font-size: 0;
	letter-spacing: 0;
}
*/
.sub_list{
	width: 100%;
}

.sub_list_f{
	width: 100%;
	margin-bottom:50px;
	/* padding-bottom:50px; */
	display: flex;
	flex-wrap: wrap;
	/* border-bottom: 1px #111 solid; */
	background-color: rgba(200,200,200,.15);
	border-radius: 10px;
}
.sub_list_f > h3 {
	text-align: center;
	margin: 1em auto 0;
}
.sub_list_f > .inner_sublist {
	margin-bottom: 0;
	padding: 1em;
}
.sub_list_f > .inner_sublist > ul {
}
.sub_list_f > .inner_sublist > ul > li {
	background-color: rgba(255,255,255,1);
	border-radius: 10px;
	border: none;
}
/*
.sub_list_f > .inner_sublist > ul > li:nth-child(even)::before {
	background-color: rgba(0,0,0,.25);
}
*/
.sub_list_f > .inner_sublist > ul > li > a:hover {
	background-color: rgba(255,171,171,.15);
	border-radius: 10px;
}
/*ジャンル特集背景色分け*/
.genrelist_gourmet {
	background-color: #FED546;
}
.genrelist_beauty {
	background-color: #7F3D93;
}
.genrelist_education {
	background-color: #EB65A5;
}
.genrelist_social {
	background-color: #CB931B;
}
.genrelist_health {
	background-color: #E5F0FE;
}
.genrelist_life {
	background-color: rgba(57, 204, 58, 1);
}
.genrelist_event {
	background-color: #0198E2;
}
.genrelist_culture {
	background-color: #465095;
}
.sub_title{
	display: block;
	width:1000px;
	margin:0 auto 50px;
}

.sub_title_sp{
	display: none;
}

.sub_title img{
	width:1000px;
}

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

.area_name{
	width:1000px;
	background-color:#cecece;
	margin:0 auto 50px;
	padding:10px 0;
	text-align:center;
}

.area_name p{
	display:inline-block;
	font-size:1em;
	font-weight:bold;
	letter-spacing:3px;
	background-color:#fff;
	padding:10px 50px;
}

/* 特集TOP */

.f_title{
	width:1000px;
	margin:25px auto;
}

.f_detail_main_img{
	width:100%;
	/* height:630px; */
	height: 35vw;
	margin-bottom:20px;
	object-fit:contain;
}

.detail p.f_l_title{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom:0;
}

.wrap_movie {/* 追加　cl20201204 */
	position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.mainm_frame {/* 追加　cl20201204 */
	/* width:100%; */
	/* height:55vh; */
	/* margin: auto; */
	position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.subm_frame{/* 追加　cl20201204 */
	/* width:100%; */
	/* height:256px; */
	/* margin-bottom: 10px; */
	position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.f_link_R .text p{
	width:100%;
	margin: 0;
	line-height: initial;
}

.f_lead{
	margin:0 0 50px !important;
}

.f_lead p{
	margin: 0 !important;
}

.detail .f_lead > p { /* cl20200608 */
	line-height: 1.5em;
}

.f_white:hover{
	filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
	opacity: 0.9;
}

.f_link, .f_link1{
	display: flex;
	margin-bottom: 20px;
}

.f_link_L{
	width:50%;
	box-sizing: border-box;
}

.imageSub{
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 1em;
	background-color: rgba(0,0,0,.05);
	padding: .5em;
}

.imageSub span{
	font-size: 0.8em;
	letter-spacing: 0;
	color: #666;
}

.f_link_L_t{
	width:40% !important;
}

.f_link_L img, .f_link_R img{
	width:100%;
	/* height: 200px; */
	/* margin-bottom: 10px; cl2020831 */
	object-fit: cover;
	object-position: top;
}

.f_link_R{
	width: 50%;
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

.f_link_R_t{
	width:60% !important;
}

.f_link_L p.title, .f_link_R p.title{
	width:100%;
	margin-bottom:10px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em; /* cl20200831 追加 */
}

.f_link_L p.text, .f_link_R p.text{
	width: 100%;
	line-height: 1.5em; /* cl20200608 */
	/*line-height: 1.3; */
}


/****
* single-feature_top 特集トップの記事内htmlカスタム
*****/
.single-feature_top .mainbox .f_lead h3{
	position: relative;
	display: inline-block;
	padding: 0.5rem 1rem calc(0.5rem + 5px);
  background: rgba(51, 51, 51, 1);
	color: #fff;
}
.single-feature_top .mainbox .f_lead h3:before {
	position: absolute;
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  content: '';
  border: 1px solid #000;
}
.single-feature_top .mainbox .f_lead h4{
	display: inline-block;
}
.single-feature_top .mainbox .f_lead h4 > span{
	background: linear-gradient(transparent 60%, rgba(255, 241, 0, .5) 0%);
}

.single-feature_top .mainbox .f_lead ul {
	margin-top: .75em;
	margin-left: .75em;
	list-style: none;
}
.single-feature_top .mainbox .f_lead ul li {
	margin: .5em 0;
	padding: .5em;
	border-bottom: 1px solid #ccc;
}
.single-feature_top .mainbox .f_lead ul li:last-child {
	border-bottom: none;
}
.single-feature_top .mainbox .f_lead .btn_group {
	margin:.75em auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.single-feature_top .mainbox .f_lead .btn_group .btn {
	position: relative;
	background: rgba(255, 241, 0, .5);
	border-radius: 5px;
	display: block;
	padding: 0.5rem 1rem calc(0.5rem + 5px);
	width: 25%;
	margin: 0 .5em;
}

@media only screen and (max-width: 1024px) {
	.single-feature_top .mainbox .f_lead .btn_group .btn {
		width: 36%;
		margin-bottom: 1em;
	}
}
.single-feature_top .mainbox .f_lead .btn_group .btn:before {
	position: absolute;
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  content: '';
  border: 1px solid #666;
	border-radius: 5px;
}
.single-feature_top .mainbox .f_lead .btn_group .btn:hover {
	text-decoration: none;
	opacity: .75;
}
.single-feature_top .mainbox .f_lead .btn_group .btn_a {
	background: rgba(241,150,130, .25);
}
.single-feature_top .mainbox .f_lead .btn_group .btn_b {
	background: rgba(0,0,0, .15);
}



/* 特集TOPのみ cl20200831 追加 */
.f_top_detail .f_lead{
	margin:0 0 2em !important;
	padding-bottom: 2em;
	border-bottom: 1px solid #ccc;
}

.f_top_detail .f_link, .f_top_detail .f_link1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.f_top_detail .f_link_L img, .f_top_detail .f_link_R img{
	margin-bottom: 0;
}

.f_top_detail .f_link_R{
	padding:1em 0 1em 1em;
}

.f_top_detail .f_link_L p.title, .f_top_detail .f_link_R p.title{
	margin-bottom:1em;
	line-height: 1.5em;
}

/* 阪神・神戸ページ */

.hskb_mds{
	font-size: 550%;
	font-weight: bold;
}

.hskb_title{
	display: block;
	width: 97%;
	margin-bottom: 25px;
}

.hskb_area{
	/*width:53%;*/
	font-size: 350%;
	box-sizing: border-box;
}

.hskb_text{
	width:100%;
	margin-right: 15px;
	padding:15px 0;
	box-sizing: border-box;
}

.hskb_area img{
	/*width: 97%;*/
	width: 100%;/* cl20200619 */
}


.sub_list_wrapp, .detail_wrapp{
	max-width:1000px;
	margin:auto;
}

.main{
	/* width:750px; */
	/* float:left; */
}

.pulldown{
	margin-bottom:30px;
}

select{
	width:130px;
	margin-right:5px;
	padding:5px;
	font-weight:600;
	outline:none;
	text-indent:0.01px;
	vertical-align:middle;
	border:2px #000 solid;
	border-radius:6px;
}

.form_pearents{
	color:#c23038;
	font-size:medium;
	font-weight:600;
}

.form_children{
	text-indent:1em;
}

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

.sub_list_box, .sub_list_box_f{
	width:230px;
	height:auto;
	margin:0 15px 30px 0;
	display: inline-block;
	vertical-align: top;
	font-size:14px;
}

.sub_list_box_f{
	width:50%;
	margin:0;
	padding:3px;
	box-sizing: border-box;
}


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

.sub_list_img, .sub_list_img_f{
	max-width:230px;
	position:relative;
}

.sub_list_img_f{
	max-width: 57%;
	float:left;
}

p.featuretext{
	width:40%;
	margin-left: 10px;
	float: left;
	box-sizing: border-box;
}

.sub_list_img img, .sub_list_img_f img{
	width:230px;
	height:158px;
	object-fit:cover;
}

.sub_list_img_f img{
	width:100%;
}

.sub_list_img p, .sub_list_img_f 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:.9em;
	font-weight:initial;
	letter-spacing:0;
	margin-top: .25em;
}

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,
.list_now{
	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:250px;
	float:right;
}

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

.side_magazine h3{
	/*20220512
	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 10px;
	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{
	display:block;
	position:relative;
	width:140px;
	font-size:0.9em;
	font-weight:bold;
	background-color:#CD0B0B;
	margin:0 auto;
	padding:7px 10px;
	border-radius:35px;

}

.side_latest, .side_ranking, .side_recommended{
	margin-bottom:50px;
}

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


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

.side_latest_box img{
	float:left;
	object-fit:cover;
}

.side_ranking_box_img{
	position:relative;
	width:80px;
	float:left;
}

.side_ranking_box_img img{
	object-fit:cover;
}
.side_latest_box p, .side_ranking_box p{
	width:175px;
	padding:5px;
	font-weight:bold;
	float:right;
	box-sizing: border-box;
}

p.side_rank_no{
	position:absolute;
	width:30px;
	top:-5px;
	right:-2px;
	font-size:0.9em !important;
	color:#fff;
	background-color:#000;
	border-radius:50%;
	text-align:center;
}

.side_recom_box{
	width:135px;
	margin:0 15px 15px 0;
	float:left;
}

.side_recom_img{
	width:135px;
	height:110px;
	border-radius:25px;
	object-fit:cover;
}

.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{
	font-size:0.8em;
	font-weight:bold;
	line-height:1.5em;
}


/*
	詳細ページ
*****************************************************************/
.detail_wrapp{
	/* margin-top:50px; */
}

.detail{
	/* width:730px; */
}

.tag_btn_category{
	display:inline-block;
	font-weight:bold;
	background-color:#ffdfdf;
	border: 1px #ffdfdf solid;
  padding: .1em 1em;
	border-radius: 10px;
	font-size: .5em;
}

.main h2{
	text-align:left;
}

.detail_sns{
	/* margin-bottom:25px; 20220512 */
	margin-bottom:.5em;
	/* float:left; */
}

.detail_date{
	font-weight:900;
	margin-bottom:25px;
	float:right;
}

.detail_main_img{
	width:100%;
	/* height:630px; */
	height: 35vw;
	margin-bottom:40px;
	object-fit:contain;
}

.detail p{
	/* width:730px; */
	margin:0 0 20px;
	font-size:1.1em;
	line-height:2em;
}

.detail p a{
	text-decoration: underline;
	word-break: break-all;
}

.detail p a:hover{
	text-decoration: none;
}

.detail_shop{
	background-color:#f7f7f7;
	border:1px #000 solid;
	border-radius:10px;
	margin:25px 0;
	padding:10px 35px;
}

.detail_shop h3{
	font-size:1.5em;
	letter-spacing:3px;
	padding-bottom:10px;
	border-bottom:1px #000 solid;
}
.detail_shop h3 span{
	font-size:0.7em;
	color:#d34545;
}

.detail_thumb{
	margin: 25px 25px 0 0;
	width:162px;
	height:116px;
	object-fit:cover;
}

.detail_shop_info{
	/* float:right; 20210531
	float: left;
	width:670px; */
	width: 100%; 	/* 20210702 */
	color: #000; /*20220512*/
}

.shop_info_left{
	/* width:108px; 20210702 */
	width:12%;
	font-weight:bold;
	border-left:2px #000 solid;
	margin:10px 0;
	padding-left:10px;
	float:left;
}

.shop_info_right{
	/* width:550px; 20210702 */
	width: 85%;
	margin:10px 0;
	float:right;
}
.shop_info_right a {/* 20220512 */
	color: #000 !important;
}
/*20210702 */
.text_shopAddress {
	display: block;
}

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

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

.writter_wrapp{
	/* width:650px; */
	margin:0 auto 20px;
	display: flex;
	flex-wrap: wrap;
	padding: 0 1em;
}

.writter_img{
	width:120px;
}

.writter_img img{
	width:100%;
	height:120px;
	object-fit: cover;
}

.comment{
	width:495px;
	margin-left: 30px;
	font-size:0.9em;
	box-sizing: border-box;
}

.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;
}

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

.shop_Oshirase { /*cl20200929*/
	margin-top:1em;
	background-color: rgba(255, 255, 255, 0.75);
	padding: 1em;
	border-radius: 0.5em;
	text-align: left;	/* 20210712 */
}


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

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

.related img{
	width:100%;
}

/* Wordpress用css */
img.alignright{
	display: block;
	margin: 0 0 0 auto;
}

img.alignleft{
	display: block;
	margin: 0 auto 0 0;
}

img.aligncenter{
	display: block;
	margin: 0 auto;
}

.wp-caption {
    margin: auto;
    text-align: center;
    max-width: 100%;
}

.wp-caption-text {
    display: inline-block;
    text-align: left;
    color: #666;
    margin: 10px 0 0;
		width:auto !important;
		font-size:0.8em !important;
		line-height: normal !important;
}




/*
	利用規約
*****************************************************************/

.main2{
	width:1000px;
	margin:0 auto;
}

.agreement_first, .about_first{
	font-size:initial;
	margin:0 auto 50px;
}

h3.agreement, h3.about{
	color:#fff;
	background:#b60005;
	padding:5px;
}

.agreement_detail{
	margin:10px 0 30px;
}

.agreement_detail p{
	margin-bottom:15px;
}

.contact_table{
	width:80%;
	margin:auto;
}

.wpcf7c-elm-step2{
	font-size:initial;
	text-align:center;
	margin:0 auto 50px;
}
.subject{
	font-size: larger;
	font-weight: 500;
}

span.require{
	color:#b60005;
}

.inputform{
	width:80%;
	line-height:25px;
	border-radius:3px;
	border:1px #ccc solid;
}

.wpcf7-submit{
	display:block;
	width:140px;
	color:#B60005;
	font-weight:bold;
	background-color:#ececee;
	margin:30px auto 50px;
	padding:8px 10px;
	border:1px #000 solid;
	border-radius:3px;
}