@charset "utf-8";

/* --------------------
 base settings
-------------------- */

#sevencafe_top {
    margin: 0 -10px;
    padding: 0;
    box-sizing: border-box;
    color:#000;
    line-height:1.4;
	text-align: center;
    -webkit-text-size-adjust: 100%;
	position: relative;
	width: auto;
	max-width: 970px;
}
#sevencafe_top * {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

#sevencafe_top ol,
#sevencafe_top ul {
	list-style: none;	
}
#sevencafe_top img {
    height: auto;
	width: auto;
	max-width: 100%;
    vertical-align: top;
}

.contens-warp {
    margin: 0!important;
}

/* --------------------
 Class
-------------------- */

.center {text-align:center;}
.nw {display:inline-block;}

.mincho {
    font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.gothic{
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", "Original Yu Gothic", "游ゴシック", "Yu Gothic", YuGothic, Verdana, "Meiryo UI", "メイリオ", Meiryo, sans-serif;
}

/* --------------------
 Content
-------------------- */
#sevencafe_top .billboard {
	width: 100%;
	margin: 0 0 11.5% !important;/*90px*/
}

#sevencafe_top .title_area {
	width: 100%;
	margin-bottom: 11.4%;/*90px*/
}
#sevencafe_top .title_area .title {
	margin: 0 auto;
	width: 87.760417%/*674px*/;
}
#sevencafe_top .pride .pride_01  {
	width: 100%;
	margin-bottom: 8.8%;/*70px*/
}
#sevencafe_top .pride .pride_02  {
	width: 100%;
	margin-bottom: 11.4%;/*90px*/
}

#sevencafe_top .scene {
	margin-bottom: 11.5%;/*90px*/
}
#sevencafe_top .scene .scene_tit {
	/*margin: 0 auto 11.71875%;*//*90px*/
	margin: 0 auto 11.5%;
}
#sevencafe_top .scene .scene_tit img {
	width: 78.90625%;/*606px*/
}
#sevencafe_top .scene .scene_01 {
	/*margin: 0 auto 9.114583%;*//*70px*/
	margin: 0 auto 8.8%;
}
#sevencafe_top .scene .scene_02 {
	/*margin: 0 auto 9.114583%;*//*70px*/
	margin: 0 auto 8.8%;
}









#sevencafe_top .dark_wrap {
	background: #1F0A00;
	padding: 11.5%/*90px*/ 0;
	margin: 0 auto;
	color: #fff;
}



#sevencafe_top .kodawari .title {
	width: 62.565104%/*480.5*/;
	margin: 0 auto 5.859375%/*45px*/;
}
#sevencafe_top .kodawari .accbtn {
	width: 57.747396%/*443.5*/;
	margin: 0 auto;
}
#sevencafe_top .kodawari .list {
	position: relative;
	margin-top: 11.5%;/*90px*/
}
#sevencafe_top .kodawari .list li {
	padding: 9.11458333333333%/*70px*/ 0;
	position: relative;
}
#sevencafe_top .kodawari .list ul:before,
#sevencafe_top .kodawari .list li:after {
	content: '';
	display: block;
	width: 88.802083%;/*682px*/
	height: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -44.401042%;
}
#sevencafe_top .kodawari .list ul:before {
	top:0;
}
#sevencafe_top .kodawari .list li:after {
	bottom:0;
}
#sevencafe_top .kodawari .list li img {
	margin: 0 auto;
	width: 100%;
}
#sevencafe_top .kodawari .list .kodawari_01 img {
	width: 82.226562%/*631.5*/;
}
#sevencafe_top .kodawari .list .kodawari_02 img {
	width: 81.119792%/*623*/;
}
#sevencafe_top .kodawari .list .kodawari_03 img {
	width: 82.03125%/*630*/;
}
#sevencafe_top .kodawari .list .kodawari_05 img {
	width: 78.125%/*600*/;
}
#sevencafe_top .kodawari .list .kodawari_07 img {
	width: 80.859375%/*621*/;
}
#sevencafe_top .kodawari .list .kodawari_06 {
	padding-bottom: 0;
}
#sevencafe_top .kodawari .note {
	font-weight: bold;
	font-size: 3.125vw/*24px*/;
	line-height: 1;
	padding: /*35px*/4.5% 0 0;
}



#sevencafe_top .products {
	padding: 11.5%/*90px*/ 0 0;
}
#sevencafe_top .products .title {
	width: 37.109375%;/*285*/
	margin: 0 auto 11.5%/*90px*/;
	line-height: 0;
	font-size: 0;
}
#sevencafe_top .products .list {
	border-top: 3px solid #fff;
}
#sevencafe_top .products .list li.item {
	border-bottom: 3px solid #fff;
	display: table;
}
#sevencafe_top .products .list li.item .image {
	display: table-cell;
	width: 33.33333333333333%;/*256*/
	text-align: center;
	vertical-align: middle;
	padding: 2vw 0;
}
#sevencafe_top .products .list li.item .image img {
	width: 100%;
}
#sevencafe_top .products .list li.item .summary {
	display: table-cell;
	width: 66.66666666666666%;/*512*/
	text-align: left;
	vertical-align: middle;

}
#sevencafe_top .itemList_hedge_red {
    padding: 1em 2% 0;
    margin: 1em 0.5em 10px;
    text-align: left;
    font-size: 0.8rem;
    color: #FF0000;
    clear: both;
}
#sevencafe_top .btn_allergy {
    overflow: hidden;
    padding-top: 1em;
    margin-bottom: 40px;
}
#sevencafe_top .btn_allergy a {
    float: none;
    display: block;
    position: relative;
    padding: 0.7em 0;
    margin: 0 auto;
    width: 18em;
	max-width: 90%;
    font-size: 1.1rem;
    line-height: 0.8em;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #8b824b;
}
/* 商品情報アンカーリンク */
#btn-ItemMenu {
	z-index:10000;
	text-align:right;
	width:80%;
	height: auto;
}
#btn-ItemMenu a {
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: inline-block;
	width:20%;
	height:auto;
	z-index:10000;
	margin-left: 860px\9; /* IE10以下 */
}
#btn-ItemMenu a:hover img {
	opacity: 1;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}


.disp_PC {
	display: none;
}
.disp_SP {
	display: block;
}



/* --------------------
 PC and Print
-------------------- */
@media screen and (min-width:769px), print {
	#sevencafe_top .billboard {
		width: 100%;
		margin-bottom: 45px !important;
	}
	
	#sevencafe_top .inner_wrap {
		background: url(/library/contents/products/sevencafe/top/201912/pride_bg.gif) repeat-y top center;
		padding: 46px 0 40px;
		margin: 0 auto 44px;
	}
	#sevencafe_top .title_area {
		margin-top: -1px;
		margin-bottom: 70px;
	}

	#sevencafe_top .title_area .title {
		width: 616px;
	}
	
	#sevencafe_top .pride {
		padding: 0;
		margin-bottom: 90px;
		text-align: center;
	}
	#sevencafe_top .pride .pride_01 {
		margin-bottom: 10px;
	}
	#sevencafe_top .pride .pride_02 {
		margin-bottom: 0;
	}
	#sevencafe_top .pride li img {
		width: 968px;
		margin: 0 auto;
	}
	#sevencafe_top .scene {
		margin-bottom: 0px;
	}
	#sevencafe_top .scene img {
		width: 968px;
		margin: 0 auto;
	}
	#sevencafe_top .dark_wrap {
		padding: 80px 0 0;
	}
	#sevencafe_top .kodawari .title {
		width: 421px;
		margin: 0 auto 35px;
	}
	#sevencafe_top .kodawari .accbtn {
		width: 236px;
	}
	#sevencafe_top .kodawari .accbtn {
		margin-bottom: 90px;
	}
	#sevencafe_top .kodawari .list {
		margin-top: 90px;
	}

	#sevencafe_top .kodawari .accbtn.active {
		margin-bottom: 0;
	}
	#sevencafe_top .kodawari .accbtn.active + .list {
		margin-bottom: 43px;
	}
	#sevencafe_top .kodawari .note {
		text-align: left;
		padding: 35px 75px 0;
		font-size: 12px;
		font-weight: normal;
	}
	#sevencafe_top .products {
		padding: 0 0 0;
		page-break-before:always;
	}
	#sevencafe_top .products .title {
		width: 200px;
		margin: 0 auto calc(90px - 18px);
	}
	#sevencafe_top .products .list {
		border: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: calc(280px * 3);
		margin: 0 auto;
		overflow: hidden\9;
		padding-bottom: 50px\9;
		
	}
	#sevencafe_top .products .list li.item {
		border: none;
		display: inline-block;
		width: 280px;
		margin-bottom: 50px;
		float: left\9;
		height: 20em\9;
	}
	#sevencafe_top .products .list li.item .image {
		display: block;
		width: 100%;
		padding: 0 0 10px;
	}
	#sevencafe_top .products .list li.item .image img {
		height: 200px;
		width: auto;
	}
	#sevencafe_top .products .list li.item .summary {
		display: block;
		width: 100%;
		text-align: center;
	}
	#sevencafe_top .products .list li.item .summary .itemName {
		font-size: 120%;
	}
	#sevencafe_top .products .list li.item .summary .itemPrice .region {
		font-size: 90%;
	}
	#btn-ItemMenu {
		width: 860px;
		margin: 0 auto;
	}
	#btn-ItemMenu a {
		width: 99px;
		right: auto;
	}
	#sevencafe_top .btn_allergy {
		margin: 0 auto 70px;
	}
	#sevencafe_top .btn_allergy a {
		float: right;
		font-size: 1.2rem;
		padding: 0.7em 0;
	}
	.disp_PC {
		display: block;
	}
	.disp_SP {
		display: none;
	}
	
}
@media screen and (min-width: 769px) and (-ms-high-contrast: none){ /* IE10以上 */
  #btn-ItemMenu a {
	  margin-left: 860px;
  }
}