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

/*
    神戸わがまち老舗2019
	投票サイト用CSS
	20191228更新
*/

/* =====================================================================
font style
===================================================================== */

@import url('../../../../../npm/yakuhanjp-3.2.0/dist/css/yakuhanmp.min.css');
@import url(../../../../../npm/yakuhanjp-3.2.0/dist/css/yakuhanjp.min.css);
@import url('../../../../../releases/v5.6.3/css/all.css');
	
@font-face{
	font-family: 'sen-r';
	src: url("https://www.gastropoliskobe.org/wp-content/themes/Gastropolis%20Kobe/fonts/sen-regular-webfont.woff") format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face{
	font-family: 'sen-b';
	src: url("https://www.gastropoliskobe.org/wp-content/themes/Gastropolis%20Kobe/fonts/sen-bold-webfont.woff") format('woff');
	font-weight: 500;
}
@font-face{
	font-family: 'sen-ex';
	src: url("https://www.gastropoliskobe.org/wp-content/themes/Gastropolis%20Kobe/fonts/sen-extrabold-webfont.woff") format('woff');
	font-weight: 800;
	font-style: normal;
}
.sen-b{
	font-family: 'sen-b';
	font-weight: 500;
	font-style: normal;
}
.sen-ex{
	font-family: 'sen-ex';
	font-weight: 800;
}
.min-r{
	font-family: YakuHanMP, yu-mincho-pr6n, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 400;
}
.min-ex{
	font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 800;
	font-style: normal;
}
.gensan{
	font-family: YakuHanJP,   source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 700;
	}
.gensan-r{
	font-family: YakuHanJP,   source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 500;
}
.clr-gold{
	color: #C0B283;
}
.clr-black{
	color: #373737;
}
.clr-gray{
	color: #817F7F;
}
.clr-att{
	color: #75161B;
}
.clr-white{
	color: #fff;	
}
.bg-cream{
	background: rgba(220,208,192,0.2);
}
.bg-black{
	background: #373737;
}
.sa-btn a{
	display: inline-block;
	padding: 10px 30px;
	margin: 30px 0 0;
	background: #373737;
	color: #fff;
	font-family: YakuHanJP,   source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 1px solid #fff;
}
.sa-btn a:hover{
	background: #fff;
	color: #C0B283;
	border: 1px solid #C0B283;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
/* =====================================================================
header
===================================================================== */
section{
	border-bottom-width: 0;
}
#desktop_head{
	width:100%;
	height:100vh;
	position:relative;
	}
.hero-caption{
	color: #fff;
	position: absolute !important;
	top: 50%;
	left: 10%;
	transform:  translateY(-50%);
	max-width: 500px;
}
.hero-caption p{
	max-width: 400px;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
.main-nav.menu-light{
	background:  rgba(255,255,255,0.8);
}
.main-nav.menu-light .inner-nav ul li a{
	color: #fff;
}
.menu-sticky{
	color: #777;
}
.brand-logo img{
	width: 70px;
	margin-left: 15px;
}
.menu-sticky .brand-logo img{
	width: 50px;
}
.main-nav .inner-nav ul li a {
	padding: 30px 15px 30px;
	line-height: 1;
	font-size: 12px;
	text-align: center;
}
.main-nav .inner-nav ul li a span{
	display: block;
	font-family: YakuHanMP, yu-mincho-pr6n, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-size: 10px;
	color: #C0B283;
	font-weight: 600;
	text-align: center;
	line-height: 1.8;
}
.menu-sticky .inner-nav ul li a{
	line-height: 1 !important;
	padding-top: 20px;
	padding-bottom: 25px;
	color: #373737 !important;
	
}
/* =====================================================================
201912追加 受賞店発表
===================================================================== */

section#award2019{
	padding: 50px;
	
}
section#award2019 .bg-cream{
	padding: 50px;
}
.ranking{
	padding: 70px 0;
	border-top: 1px solid #C0B283;
}
.no1.article_card,
.no2.article_card{
	margin-top: 150px;
	position: relative;
	border-width: 0;
	overflow: visible;
}
.no1:before{
	content:url("https://www.gastropoliskobe.org/wp-content/themes/Gastropolis%20Kobe/shinise_assets/award/gold.svg");
	display: inline-block;
	width: 160px;
	height: 130px;
	position: absolute;
	z-index: 100;
	top: -100px;
	left: 50%;
	margin-left: -80px;
	}
.no2:before{
	content:url("https://www.gastropoliskobe.org/wp-content/themes/Gastropolis%20Kobe/shinise_assets/award/silver.svg");
	display: inline-block;
	width: 160px;
	height: 130px;
	position: absolute;
	z-index: 100;
	top: -100px;
	left: 50%;
	margin-left: -80px;
	}
.no1 .article_card_wrapper,
.no2 .article_card_wrapper{
	background: #fff;
}


/* =====================================================================
contents
===================================================================== */
.sa-LGsection{
	padding-top: 120px;
	padding-bottom: 120px;
}
.sa-section{
	padding-top: 100px;
	padding-bottom: 100px;
}
.sa-title{
	margin-bottom: 0;
	font-size: 27px;
	letter-spacing: 0.07em;
	line-height: 1.3;
	color: #373737;
}
.sa-subtitle{
	margin-bottom: 0;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.5;
	color: #C0B283;
}
.sa-text{
	margin-bottom: 0;
	font-size: 12px;
	letter-spacing: 0.07em;
	line-height: 2.16;
	color: #373737;
}
.info_article{
	background: #fff;
	padding: 15px 30px;
	margin-bottom: 15px;
}
.work-flow-1 .left{
	margin: 60px 0;
}
.work-flow-1 .right{
	margin: 0;
}

.work-flow-1 .right .work-flow-content{
	left: -350px;
	top: 120px;
	padding: 50px;
	min-width: 500px;
	box-shadow: 1px 3px 25px -7px rgba(0, 0, 0, 0.1);
}
.work-flow-1 .left .work-flow-content{
	right: -350px;
	top: 120px;
	padding: 50px;
	min-width: 500px;
	box-shadow: 1px 3px 25px -7px rgba(0, 0, 0, 0.1);
}
.work-flow-content p.sa-text{
		margin-top: 30px;
	}
.work-flow-1 .right img,
.work-flow-1 .left img{
	width: 100%;
	height: 600px;
	object-fit: cover;
}
.ofimg{
	font-family: 'object-fit: cover; object-position: center;'
}
.award-step_wrapper{
	margin-top: 100px;
}
.award-step{
	background: #fff;
	padding: 30px;
	min-height: 335px;
}
.left-line{
	border-left:5px solid #C0B283;
	padding: 5px 0;
	padding-left: 15px;
	margin-bottom: 40px;	
}
.left-line h2{
	margin-top: 0;
}
span.sa-link a{
	border-bottom: 1px solid #C0B283;
	color: #C0B283;
	padding-bottom: 3px;
	font-weight: bold;
	word-break: break-all;
}
span.sa-link a:hover{
	color: #373737;
	border-bottom: 1px solid #373737
		;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#attention{
	padding-top: 50px;
}
.attention{
	overflow: hidden;
	padding: 50px 0;
}
.attention dl{
	margin-bottom: 30px;
}
.attention dl dt{
	margin-top: 50px;
	letter-spacing: 0.1em;
}
.attention dl dd{
	margin-top: 20px;
}
.gold-box{
	padding:30px;
	border: 1px solid #C0B283;
}
.gold-box p.gensan-r{
	font-size: 10px;
	margin-bottom: 0;
	letter-spacing: 0.05em;
}
#pick_up::before{
	content: "";
    border-top: solid 1px #C0B283;
    display: block;
    width: 90%;
	position: absolute;
	left: 5%;
}
#pick_up p.sa-text{
	margin-top: 50px;
}
.owl-wrapper{
	margin-top: 120px;
}
.owl-carousel .owl-stage{
	padding-bottom: 30px;
}
.owl-content{
	background: #fff;
	margin-top: -80px;
	padding: 30px 30px 20px;
	box-shadow:1px 3px 25px -7px rgba(0, 0, 0, 0.1);
}
.owl-theme .owl-nav.disabled + .owl-dots{
	margin-top: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
	background: #C0B283;
}
#insta p.sa-text{
	margin-top: 50px;
}
/*--------------------------------------------------------------
instagram
--------------------------------------------------------------*/
.widget .instagram-pics {
    margin: 0;
}
/*Sidebar Instagram Style*/
#secondary .null-instagram-feed {
    padding-bottom: 2.6em;
}

#secondary .null-instagram-feed li {
    display: inline-block;
    margin-bottom: 0;
    width: 50%;
}

#secondary .null-instagram-feed img {
    margin-bottom: -15px;
}

#secondary .null-instagram-feed p {
    margin: 1.5em auto 0;
}
#prefooter {
	background: #f6f6f6;
	display: table;
	overflow: hidden;
	table-layout: fixed;
}

.prefooter-section {
    display: table-cell;
    height: 100%;
    width: 50%;
    vertical-align: middle;
}

#prefooter-news {
	padding: 1em 0;
}

#prefooter aside {
    border: none;
    padding: 0;
    position: relative;
}

#prefooter .widget-title {
    margin-bottom: 0.5em;
}

#prefooter .enews input {
	background: #fff;
    display: block;
    margin: 0 auto 0.5em;
    max-width: 320px;
    padding: 10px;
}

#prefooter .enews #subbutton {
	background: none;
    display: inline-block;
    padding: 5px 0;
    width: auto
}

#prefooter aside:not(:first-of-type) {
    margin-top: 2em;
}

#prefooter .instagram-pics li {
	margin: 0;
	display: inline-block;
    width: calc(99.99% / 6);
}

#prefooter .null-instagram-feed-3 .widget-title {
    background: #fff;
    padding: 0.7em 1.15em;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#prefooter img {
	width: 100%;
}
/* =====================================================================
#voting　投票フォーム 
===================================================================== */
#voting h2.sa-title{
	margin-bottom: 100px;
}
.inv-recaptcha-holder{
	margin-right:auto;
	margin-left:auto;
	margin-top: 30px;
	text-align: center;
	width:260px;
}
.wpcf7-recaptcha{
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	width:300px;
	}

.form-group{
	margin-bottom: 30px;
}
.form-group label{
	font-family: YakuHanJP,   source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 0;
	letter-spacing: 0.1em;
	line-height: 1.5;
	color: #817F7F;
	display: block;
}
.form-group label[for="name"],
.form-group label[for="prefectures"],
.form-group label[for="sex"],
.form-group label[for="age"],
.form-group label[for="email"]{
	float: left;
}
.form-group .att{
	font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 1.6;
	color: #75161B;
	text-align: right;
	display: block;
	margin-bottom: 10px;
}
.label_border{
	border-bottom: 1px solid #C7C7C7;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.form-group label[for="select_shop"]{
	margin-bottom: 10px;
}
.form-group select{
	width:100%;
}

.form-group select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	  height: 40px;
	  background: transparent;
	  position: relative;
	  z-index: 1;
	  border: 1px solid #C7C7C7;
	margin-bottom: 15px;
	}

.form-group select::-ms-expand{
	display: none;
	}
.select_restaurant,
.select_cafe,
.select_takeout{
	  width: 100%;
	  position: relative;
	  display: inline-block;
}
.select_restaurant::after,
.select_cafe::after,
.select_takeout::after{
	content: '';
	  width: 6px;
	  height: 6px;
	  border: 0px;
	  border-bottom: solid 2px #b4b3b3;
	  border-right: solid 2px #b4b3b3;
	  -ms-transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  position: absolute;
	  top: 35%;
	  right: 10px;
	  margin-top: -4px;
}
input[type=checkbox], 
input[type=radio]{
	margin-right: 8px;
}
.wpcf7-list-item{
	display: inline-block;
	margin-right: 15px;
}
.wpcf7-list-item-label a{
	border-bottom: 1px solid #C0B283;
	color: #C0B283;
	padding-bottom: 3px;
	font-weight: bold;
	margin-bottom: 30px;
	display: inline-block;
}
.wpcf7-list-item-label a:hover{
	color: #373737;
	border-bottom: 1px solid #373737;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
input.btn-style-2{
	background: #373737;
	font-family: YakuHanJP,   source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
input.btn-style-2:hover{
	border: 1px solid #C0B283;
	color: #C0B283 !important;
}
/* =====================================================================
#footer
===================================================================== */
#top_footer{
	padding: 30px;
}
#sa-footer_nav ul{
	width: 620px;
	margin: 0 auto;
	margin-top: 100px;
	float: none;
	
}
#sa-footer_nav ul li{
	display: inline-block;
}

#sa-footer_nav ul li a {
	padding: 15px;
	line-height: 1;
	font-size: 12px;
	text-align: center;
}
#sa-footer_nav ul li a:hover{
	color: #fff;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#sa-footer_nav ul li a span{
	display: block;
	font-family: YakuHanMP, yu-mincho-pr6n, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-size: 10px;
	color: #C0B283;
	font-weight: 600;
	text-align: center;
	line-height: 1.8;
}
.sa-copyright{
	display: block;
	width: 620px;
	margin: 0 auto;
	text-align: center;
	font-family: YakuHanJP,   source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #fff;
	padding-top: 15px;
	border-top: 1px solid #9A9A9A;
}
.breadcrumb{
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	border-bottom: 1px solid #C0B283;
}
.breadcrumb li a{
	font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 500;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1.6;
	color: #ADADAD;
}
.breadcrumb li:last-child{
	font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1.6;
	color: #fff;
}
.breadcrumb li a:hover{
	color: #fff;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

/* =====================================================================
article category page  /  記事カテゴリー一覧
===================================================================== */

.category_caption{
	position: absolute !important;
	top: 50%;
	left: 10%;
	transform:  translateY(-50%);
	max-width: 420px;
}
.category_caption p,
.category_caption h1{
	color: #fff;
	text-align: left;
}

.article_card{
	margin-top: 50px;
	overflow: hidden;
}
.article_card img{
	width: 100%;
	height: 175px;
	object-fit: cover;
}
.article_card_wrapper{
	padding: 30px 15px;
}
.article_card_box{
	overflow: hidden;
	min-height: 130px;
}
.article_card_box h2{
	font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 800;
	font-style: normal;
	margin: 0;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.4;
	color: #373737;
	text-transform: none!important;
}
.article_card_box dl{
	margin-top: 20px;
	margin-bottom: 0;
}
.article_card_box dl dt{
	font-family: YakuHanJP,   source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.85;
	color: #C0B283;
	display: inline-block;
	width: 4em;
	float: left;
}
.article_card_box dl dd{
	font-family: YakuHanMP, yu-mincho-pr6n, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1.6;
	color: #373737;
	margin-left: 4em;
}
.article_card_wrapper .sa-btn{
	margin-bottom: 0;
}
.article_card_wrapper .sa-btn a{
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 10px;
	padding: 5px 40px;
	line-height: 1em;
}


/* =====================================================================
article single page  /  記事単体
===================================================================== */

.article_caption{
	position: absolute !important;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.article_caption p,
.article_caption h1{
	color: #fff;
	text-align: center;
}

.fs-img-parallax{
	width: 100%;
	height: 600px;
}
.parallax-overlay-light:before{
	background: rgba(34, 34, 34, 0.6);
}
.coverage_date p{
	text-align: center;
}
.coverage_date p.sa-text{
	margin-top: 20px;
}
.coverage_date h2{
	text-align: center;
}

.sentence{
	margin-top: 80px;
	overflow: hidden;
}
.sentence h3{
	font-family: YakuHanMP, yu-mincho-pr6n, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 500;
	margin-bottom: 0;
	margin-left: -30px;
	font-size: 27px;
	letter-spacing: 0em;
	line-height: 1.7;
	color: #373737;
}
.sentence h3:before{
	content: "";
    border: solid 0.5px #C0B283;
    display: block;
    width: 160px;
	position: absolute;
	left: -190px;
	top: 45px;
}
.sentence p{
	font-family: YakuHanMP, yu-mincho-pr6n, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 500;
	margin-bottom: 0;
	margin-top: 30px;
	font-size: 12px;
	letter-spacing: 0.07em;
	line-height: 2.16;
	color: #373737;
}
.sentence img{
	margin-top: 50px;
	width: 100%;
	max-height: 600px;
	object-fit: cover;
	font-family: 'object-fit: cover; object-position: center;'
}
.pr-img img{
	margin-top: 15px;
}
.pr-img img:nth-child(1){
	margin-top: 50px;
}


.shop_info{
	/*background: rgba(220,208,192,0.2);*/
	padding: 30px;
	margin-top: 50px;
	overflow: hidden;
}
.shop_info img{
	width: 100%;
	max-height: 180px;
	object-fit: cover;
}
.shop_info h4{
	font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 800;
	font-style: normal;
	margin: 0;
	font-size: 27px;
	letter-spacing: 0em;
	line-height: 1.7;
	color: #373737;
	text-transform: none !important;
}
.shop_info dl{
	margin-top: 20px;
	margin-bottom: 0;
}
.shop_info dl dt{
	font-family: YakuHanJP,   source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.85;
	color: #C0B283;
	display: inline-block;
	width: 5em;
	float: left;
}
.shop_info dl dd{
	font-family: YakuHanMP, yu-mincho-pr6n, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.85;
	color: #373737;
	margin-left: 5em;
}

.article_pager{
	margin: 0 50px;
	margin-bottom: 100px;
	border: 1px solid #C0B283;
	border-left-width: 0;
	border-right-width: 0;
	overflow: hidden;
}
.article_pager p{
	padding: 0;
	width: 50%;

}
.article_pager p a{
	display: block;
	padding: 30px 0;
	
	text-align: center;
	font-family: YakuHanMP, yu-mincho-pr6n, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 800;
	font-size: 24px;
	letter-spacing: 0em;
	line-height: 1.7;
	color: #C0B283;
}
.article_pager p a:hover{
	background: #C0B283;
	color: #fff;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	}
.article_pager p a:hover span{
	color: #fff;
}
.article_pager .article_pager_left,
.article_pager .article_pager_right{
	margin: 0;
}

.article_pager .article_pager_left{
	float: left;
	border-right: 1px solid rgba(192,178,130,0.50);
}
.article_pager .article_pager_right {
	float: right;
	margin: 0;
	border-left: 1px solid rgba(192,178,130,0.50);
}
.article_pager p a span{
	font-family: YakuHanJP,   source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.85;
	color: #C0B283;
	display: block;
}
/* =====================================================================
#thanks-voting　サンクスページ
===================================================================== */
#thanks-voting h2.sa-title{
	margin-bottom: 100px;
}





/* =====================================================================
プライバシーポリシー
===================================================================== */
	
#Privacy-Policy p{
	font-family: YakuHanMP, yu-mincho-pr6n, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
	font-weight: 500;
	margin-bottom: 0;
	padding-left: 15px;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.8;
	color: #373737;
	}
#Privacy-Policy p.sen-b{
	font-family: 'sen-b';
	font-weight: 500;
	font-style: normal;
	margin-bottom: 0;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.5;
	color: #C0B283;
}
#Privacy-Policy h2{
	margin-bottom: 50px;
	
}
#Privacy-Policy h4{
	font-family: YakuHanJP,   source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 500;
	margin-top: 50px;
	font-size: 16px;
	color: #817F7F;
	text-transform: none;
	letter-spacing: inherit;
	}

/* =====================================================================
responsive
===================================================================== */
/*デスクトップ, md 1199px 以下*/
@media (max-width: 1199px) {
	.article_card img{
		height: 190px;
	}
	.award-step{
		min-height: 412px;
	}
}

/*タブレット, sm 991px 以下*/
@media (max-width: 991px) {
	.work-flow-1 .right .work-flow-content{
		left: -250px;
	}
	.work-flow-1 .left .work-flow-content{
		right: -200px;
	}
	.article_card img{
		height: 230px;
	}
	.award-step_wrapper{
		margin-top: 50px;
	}
	.award-step{
		margin-top: 50px;
		min-height: inherit;
	}
	
}
@media (min-width: 768px) {
	br.sp{
		display: none;
	}
	
}
/*横向きモバイル,xs 767px 以下*/
@media (max-width: 767px) {
	section#award2019{
		padding: 30px 15px;
	}
	section#award2019 .bg-cream{
		padding: 30px 15px 0;
	}
	.ranking{
		padding: 30px 0;
	}
	
/*front*/
	.hero-caption{
		max-width: 500px;
		padding: 15px;
		padding-left: 0;
		padding-right: 30px;
	
		}
	.sa-LGsection{
		padding-top: 60px;
		padding-bottom: 60px;
		}
	.sa-section{
		padding-top: 50px;
		padding-bottom: 50px;
		}
	.sa-title{
		font-size: 18px;
		margin-top: 15px;
	}
	.sa-subtitle{
		font-size: 14px;
	}
	.sa-btn a{
		padding: 3px 30px;
		font-size: 10px;
	}
	#sa-category.sa-LGsection{
		padding: 0;
	}
	.work-flow-1{
		padding-top: 20px;
	}
	.work-flow-1 .right img,
	.work-flow-1 .left img{
		height: 230px;
		}
	.work-flow-1 .right,
	.work-flow-1 .left{
		margin: -20px 0;
		}
	.work-flow-1 .right .work-flow-content{
		left: 0px;
		top:-50px;
		min-width: inherit;
		padding: 30px 30px 20px;
		box-shadow: none;
		}
	.work-flow-1 .left .work-flow-content{
		right: 0px;
		top:-50px;
		min-width: inherit;
		padding: 30px 30px 20px;
		box-shadow: none;
		}
	.work-flow-content h3{
		margin-top: 10px;
	}
	.work-flow-content p.sa-text{
		margin-top: 10px;
	}
	
	
	.award-step{
		margin-top: 15px;
		padding: 30px;
	}
	/*.left-line{
		margin-bottom: 15px;
	}*/
	br.pc{
		display: none;
	}
	#attention{
		padding-top: 0px;
	}
	.attention{
		margin: 15px;
		padding: 50px 15px 30px;
	}
	.gold-box{
		padding: 15px;
	}
	.owl-wrapper{
		margin-top: 60px;
	}
	
	#pick_up p.sa-text{
		margin-top: 30px;
	}
	.owl-content{
		padding-bottom: 10px;
		margin-top: -50px;
	}
	.owl-content p.sa-subtitle{
		letter-spacing: 0;
	}
	#prefooter .instagram-pics li {
		margin: 0;
		display: inline-block;
		width: calc(99.99% / 3);
	}
	#sa-footer_nav ul{
		margin-top: 30px;
		margin-bottom: 30px;
		width: 100%;
	}
	#sa-footer_nav ul li{
		display: block;
	}
	#sa-footer_nav ul li a{
		text-align: left;
	}
	#sa-footer_nav ul li a span{
		text-align: left;
	}
	.sa-copyright{
		width: 100%;
		text-align: center;
	}
	
/*記事カテゴリー*/
	.category_caption{
		max-width: 300px;
	}
	.article_card{
		margin-top: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		border-top: 1px solid #ececec;
	}
	.article_card_wrapper{
		padding: 0 15px;
		padding-left: 30px;
		}
	.article_card_wrapper .sa-btn a{
		margin-top: 10px;
	}
	.article_card img{
		height: 110px;
	}
	.article_card_box{
		min-height: inherit;
	}
	.article_card_box h2{
		font-size: 14px;
		
	}
	.article_card_box dl{
		margin-top: 10px;
	}
	.article_card_box dt{
		line-height: 1.6em;
	}
	.article_card_box dd{
		font-size: 10px;
		line-height: 1.6em;
	}
	.article_pager{
		margin: 0 15px;
		margin-bottom: 60px;
	}
	.article_pager p a{
		padding: 15px 0;
		font-size: 12px;
	}
	.article_pager p a span{
		font-size: 10px;
	}
	
/*記事単体*/
	.sentence{
		margin-top: 30px;
	}
	.sentence h3{
		margin-left: 0;
	}
	.sentence p{
		margin-top: 15px;
	}
	.coverage_date p{
		font-size: 14px;
	}
	.coverage_date p.sa-text{
		font-size: 10px;
		margin-top: 10px;
	}
	.coverage_date h2{
		font-size: 18px;
		margin-top: 10px;
	}
	.shop_info{
		padding: 15px 0 15px;
	}
	.shop_info h4{
		margin-top: 15px;
	}
	.no1.article_card img,
	.no2.article_card img{
		height: 190px;
	}
	.no1 .article_card_wrapper,
	.no2 .article_card_wrapper{
		padding: 15px;
	}
	
	
}
/*SEなど 320px 以下*/
@media (max-width: 320px) {
	.category_caption{
		max-width: 260px;
	}
	.article_card img{
		height: 90px;
	}
}