@charset "shift_jis";
/* summer */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	border-collapse: collapse;
	color: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	list-style-type: none;
	margin: 0;
	outline: medium none;
	padding: 0;
	table-layout: auto;
	text-decoration: none;
	vertical-align: top;
}

body {
font-family: "Noto Sans JP","Helvetica,Arial","Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	/* font-size:12px; */
	color:#333;
	letter-spacing: -1px;
}
ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

.hidden {
	text-indent: -9999px;
	white-space: nowrap;
}


body .hidden {
	display: none;
}

.clearfix:before, .clearfix:after {
	content:"";
	display:table
}
.clearfix:after { clear:both }
.clearfix { zoom:1 } /* For IE 6/7 */

/* ?w?b?_?t?b?^?؁E?? */

div.pcHead,
div.pcFoot,
div.pcGnav {
	display: block;
}

div.spHead,
div.spFoot,
div.spGnav {
	display: none;
}

.mB10 {margin-bottom: 10px;}
.mB10_ttl {
	margin-bottom: 10px;
 	font-weight: bold;
	display: inline;
	background: linear-gradient(transparent 50%, #fff100 50%);
}
.mB20 {margin-bottom: 20px;}
.mB30 {margin-bottom: 30px;}

/* Defalut */
#summer .pc{
	display:block;
}

#summer .sp{
	display:none;
}

#summer {
	min-width: 1024px;
	font-size:14px;
	line-height: 1.6;
	background: #fff;
}

#summer a{
	/*color:#333;*/
	transition: opacity .15s linear .05s;
	-moz-transition: -moz-opacity .15s linear .05s;
	-webkit-transition: -webkit-opacity .15s linear .05s;
}
/*#summer a:link{
	color:#333;
}
#summer a:visited {
	color:#333;
}*/
#summer a:focus,
#summer a:hover {
	/*color:#666;*/
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /* For IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* For IE 8 */
}

#summer a:active {
	color:#666;
}
#summer a.linkTxt {
	color: #018bd2;
	text-decoration: underline;
}
/*-- Main --*/
.main {
	width: 100%;
	background: #fff;
}
.main_head_ttl {
	height:122px;
	background:url("../img/bg_ttl_head.png") 0 0 repeat-x;
}
.main_head_ttl img {
	margin:0 auto;
}
.main-img-wrap {
	background: url("../img/bg_main_02.gif") 0 0 repeat-x;
}
.main-img {
	height: 310px;
	margin: 0 auto;
	background: url("../img/bg_main.jpg") center top no-repeat;
}
.main-img_ttl {
	position: relative;
	width: 950px;
	margin: 0 auto;
}
.main-img_ttl img {
	margin:0 auto;
	padding-top: 15px;
}
.main-img_txt img {
	margin:0 auto;
}
.main-img .logo-main {
	position: absolute;
	top: -15px;
	left: 8px;
}

/*-- Section --*/
.sct-wrap {
	background: url("../img/bg_sct-wrap.gif") 0 0 repeat-x;
}
.sct_txtarea {
	padding-bottom: 50px;
	background: url("../img/bg_sct_textarea.gif") center top no-repeat;
	font-size: 16px;
	text-align: center;
}
.sct_ttl img {
	margin: 0 0 15px 0;
	padding-top: 20px;
}
.cocktail .sct_txtarea {
	padding-bottom: 35px;
}
/* ice */
.ice {
	background: url("../img/bg_ice.png") center top no-repeat;
}
.ice-inner {
	width: 950px;
	margin: 0 auto;
	box-sizing: border-box;
}
.ice .ice-menu01 {
	display: table;
	width: 950px;
	margin-bottom: 60px;
}
.ice .ice-menu02 {
	display: table;
	width: 950px;
	margin-bottom: 20px;
}
.ice .menuBox {
	display: table-cell;
	padding-left: 30px;
}
.ice .ice-menu-img {
	position: relative;
}
.ice .ice-menu-img .icon {
	position: absolute;
	top: -26px;
	left: -37px;
}
.ice dd {
	width: 340px;
	line-height: 30px;
}
.ice .materialList .colorItem {
	background: #fffcc7;
}
.ice .materialList dd .left {
	float: left;
	padding-left: 10px;
}
.ice .materialList dd .right {
	text-align: right;
	padding-right: 10px;
}
.ice .howto {
	margin-bottom: 10px;
}
.ice .icon01,
.ice .icon02 {
	padding-left: 33px;
}
.ice .icon01 {
	background: url("../img/icon_01.gif") 10px center no-repeat;
}
.ice .icon02 {
	background: url("../img/icon_02.gif") 10px center no-repeat;
}
.ice .attention {
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #c00;
	color: #c00;
}
.ice .using-liqueur {
	text-align: center;
}
.ice .link-liqueur01 {
	margin-top: -53px;
}
.ice .link-liqueur02 {
	margin-top: -243px;
}
.ice .link-liqueur03 {
	margin-top: 163px;
}
.ice .arg {
	position: relative;
	margin-bottom: 60px;
}
.ice .arg .arg-txt {
	position: absolute;
	top: 72px;
	left: 152px;
}
.ice .arg .arg-attention {
	position: absolute;
	top: 53px;
	left: 657px;
	font-size: 12px;
	line-height: 18px;
	color: #c00;
}

/* cocktail */

.cocktail .cocktail-inner {
	margin-bottom: 50px;
	background: url("../img/bg_ice.png") center top no-repeat;
}
.cocktail .sct_ttl img {
	margin: 0 auto 15px;
}
.cocktail .pollTxt {
	color: #018bd2;
	text-decoration: underline;
}
.cocktail .cocktail-inner .cocktailList {
	overflow: hidden;
	width: 950px;
	margin: 0 auto ;
}
.cocktail-item {
	position: relative;
}
.cocktail .cocktail-inner .cocktailList li {
	float: left;
	background: url("../img/bg_line.gif") right bottom no-repeat;
	margin: 0 68px 30px 0;
	padding-bottom: 10px;
	min-height: 340px;
}

.cocktail .cocktail-inner .cocktailList li:nth-child(even){
	margin: 0 0 30px 0;
}

.cocktail .cocktail-inner .cocktailList li:last-child{
	margin-bottom: 0;
	margin-right: 0;
	padding-bottom: 0;
}

.cocktail .img-cocktail-item {
	float: left;
	margin-right: 20px;
}
.cocktail .cocktail-item dl {
	float: left;
	width: 268px;
	margin-bottom: 20px;
	padding-top: 0px;
}

.cocktail .cocktail-recipe {
	padding: 10px;
	background: #e9f6ff;
	line-height: 20px;
}

#summer .cocktail_btn a{
	background: #018bd2;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0px auto;
	margin-top:20px;
    max-width: 280px;
    padding: 10px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
#summer .cocktail_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
}



/*wine*/
.wine {
	margin-bottom: 50px;
	background: url("../img/bg_ice.png") center 180px no-repeat;
}
.wine .wineInner {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
.wine .wineInner ul {
	overflow: hidden;
	display: flex;
	margin-top: 40px;
}
.wine .wineInner h3 {
	margin-bottom: 40px;
}
.wine .wineInner .sparkringList {
	overflow: hidden;
}
.wine .wineInner .sparkringList li {
	float: left;
	width: 550px;
	margin:0 auto;
}
.wine .wineInner .sparkringList img {
width: 100%;
height: auto;
}

.wine .wineInner .alcoholList {
	overflow: hidden;
	margin-top:60px; 
}
.wine .wineInner .alcoholList li {
	float: left;
	width: 550px;
	margin:0 auto;
	
}
.wine .wineInner .alcoholList li img {
width: 100%;
height: auto;
}

.wine .wineInner .wineList li {
	float: left;
	width: 550px;
	margin:0 auto;
}

.wine .wineInner .wineList li img {
width: 100%;
height: auto;
}
.wine .wineInner .wineList li.item-top {
	padding-bottom: 40px;
	margin-bottom: 20px;
	background: url("../img/bg_line.gif") center bottom no-repeat;
}
.wine .wineInner .wineList li.end {
	margin-right: 0;
}
.wine .wineInner .sparkringList dd.txt {
	width: 310px;
	margin: 0 auto;
	text-align: center;
	line-height: 18px;
}
.wine .wineInner .wineList dt {
	margin-bottom: 10px;
}
.wine .wineInner .wineList .txt {
	
}
.wine .wineInner .wineList .txtS {
	line-height: 57px;
}
.wine .wineInner .recipeLink {
	text-align: right;
	padding: 30px 0;
}

.wine_ttl {
font-weight: bold;
	margin-bottom: 10px; 
	display: inline-block;
	background: linear-gradient(transparent 50%, #fff100 50%);
}

.wine_ttl span{
	font-size: "-1";
}

#summer .wine_btn a{
	background: #018bd2;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0px auto;
	margin-top:20px;
    max-width: 200px;
    padding: 10px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

#summer .wine_btn a::after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
}



/*recipe*/
.recipe {
	padding-bottom: 50px;
	background: url("../img/bg_recipe.gif") 0 0 repeat;
}
.recipe .recipeInner {
	width: 950px;
	margin: 0 auto;
}
.recipe .txtarea {
	padding-bottom: 30px;
	font-size: 16px;
	text-align: center;
}
.recipe .rmd-recipe {
	margin-bottom: 40px;
	background: #fff;
}
.recipe .rmd-recipe .leftBox {
	float: left;
	width: 370px;
	margin-right: 30px;
}
.recipe .rmd-recipe .img-rmd-recipe {
	margin-top: 10px;
}
.recipe .rmd-recipe .pointBox {
	position: relative;
	width: 340px;
	margin: 30px 0 20px 30px;
	background: #e9f6ff;
}
.recipe .rmd-recipe .pointTxt {
	padding: 20px 10px 10px;
}
.recipe .rmd-recipe .pointIcon {
	position: absolute;
	top: -10px;
	left: 20px;
}
.recipe .rmd-recipe .rightBox {
	position: relative;
	float: left;
	width: 520px;
}
.recipe .rmd-recipe .rightBox h3 {
	margin: 36px 0 20px;
}
.recipe .rmd-recipe .rightBox .icon_rmd-recipe {
	position: absolute;
	top: -40px;
	left: 362px;
}
.recipe .materialList dd,
.recipe .source dd {
	float: left;
	width: 250px;
	line-height: 30px;
}
.recipe .rmd-recipe .rightBox .materialList {
	overflow: hidden;
	margin-bottom: 20px;
}
.recipe .rmd-recipe .rightBox .materialList .colorItem {
	background: #fffcc7;
}
.recipe .rmd-recipe .rightBox .leftItem {
	margin-right: 20px;
}
.recipe .rmd-recipe .rightBox .source {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
.recipe .rmd-recipe .rightBox .source .colorItem {
	background: #ffefda;
}
.recipe .rmd-recipe .rightBox dd .left {
	float: left;
	padding-left: 10px;
}
.recipe .rmd-recipe .rightBox dd .right {
	text-align: right;
	padding-right: 10px;
}
.recipe .howto .icon01 {
	background: url("../img/icon_01.gif") left 3px no-repeat;
	margin-top: 5px;
	padding: 0 5px 5px 23px;
}
.recipe .howto .icon02 {
	background: url("../img/icon_02.gif") left 3px no-repeat;
	margin-top: 5px;
	padding: 0 5px 5px 23px;
}
.recipe .recipeTable {
	width: 890px;
	margin: 0 auto;
	overflow: hidden;
}
.recipe .recipeTable li {
	float: left;
}
.recipe .recipeTable .item01 {
	margin-right: 2px;
}
.recipe .recipeTable .small {
	margin: 2px 2px 0 0;
}
.recipe .recipeTable .item06 {
	margin: 2px 0 0 0;
}
.recipe span {
	color: #eb8603;
}

/* SP ================================================================*/
@media screen and (max-width: 767px){

/* Defalut */
#summer .pc{
	display:none;
}
#summer .sp{
	display:block;
}
#summer {
	max-width: 767px;
	padding-bottom: 20px;
}
#summer .img-rp {
	width: 100% !important;
	height: auto !important;
}


/* ?w?b?_?t?b?^?؁E?? */

div.spHead,
div.spFoot,
div.spGnav {
	display: block;
}

div.pcHead,
div.pcFoot,
div.pcGnav {
	display: none;
}

/*------- ?S??-------*/

#summer{
	font-size:14px;
	line-height: 1.5;
	width:auto;
	min-width: 0;
	margin:0 auto;
	max-width: 767px;
	overflow: hidden;
}

/*--------------------*/
/*------- main -------*/
/*--------------------*/

.main_head_ttl {
	height: auto;
	background-size: contain;
}

.main_head_ttl a {
	display: block;
	padding-top: 18.75%;
	background: url("../img/sp/ttl_head.png") center top no-repeat;
	background-size: contain;
}
.main-img_ttl {
	padding-top: 55%;
	background-size: contain;
}
.main-img_txt {
	padding-top: 35%;
	background: url("../img/sp/txt_main.png") center top no-repeat;
	background-size: 90%;
}
.main-img {
	height: auto;
	background: url("../img/sp/bg_main.jpg") center top no-repeat;
	background-size: contain;
}
/*-- Section --*/
.sct-wrap {
	background: none;
}
.sct_txtarea {
	padding: 0 10px 0;
	font-size: 14px;
	background-size: contain;
}
.sct_lead {
	margin-bottom: 4%;
	padding: 0 4%;
	text-align: left;
}
.sct_ttl img {
	margin: 0 0 16px 0;
}


/* ice */

.ice-inner {
	width: 90%;
	margin: 0 auto;
}
.ice .ice-menu01 {
	display: block;
	width: 100%;
	margin-bottom: 50px;
}
.ice .ice-menu02 {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.ice .menuBox {
	display: block;
	padding-left: 0;
}
.ice .ice-menu-img {
	position: static;
}
.ice .materialList {
	margin-bottom: 10px;
}
.ice dd {
	width: 100%;
	line-height: 30px;
}
.ice .materialList dd:nth-child(odd) {
	background: #fffcc7;
}
.ice .materialList dd .left {
	float: left;
	padding-left: 10px;
}
.ice .materialList dd .right {
	text-align: right;
	padding-right: 10px;
}
.ice .howto {
	margin-bottom: 10px;
}
.ice .icon01,
.ice .icon02 {
	padding-left: 33px;
}
.ice .icon01 {
	background: url("../img/icon_01.gif") 7px 7px no-repeat;
}
.ice .icon02 {
	background: url("../img/icon_02.gif") 7px 7px no-repeat;
}
.ice .attention {
	margin-bottom: 20px;
}
.ice .link-liqueur01 {
	margin-top: -30px;
}
.ice .ice-menu02 .menuBox {
	position: relative;
}
.ice .ice-menu02 .link-liqueur-wrap {
	position: absolute;
	width: 100%;
	top: 78%;
}
.ice .ice-menu02 .link-liqueur02 {
	float: left;
	width: 50%;
	margin-top: 0;
}
.ice .ice-menu02 .link-liqueur03 {
	float: left;
	width: 50%;
	margin-top: 0;
}
.ice .arg {
	position: relative;
	margin-bottom: 0;	
	background: url("../img/sp/img_arg.jpg") no-repeat;
	background-size: contain;
	overflow: hidden;
}
.ice .arg .arg-txt {
	position: static;
	width: 39%;
	margin-bottom: 10px;
	padding: 7% 0 19% 26%;
	font-size: 12px;
	line-height: 1.3;
}
.ice .arg-attention {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 18px;
	color: #c00;
}


/* cocktail */
.cocktail .sct-wrap {
	margin-bottom: -8%;
}
.cocktail .cocktail-inner {
	overflow: hidden;
	width: 100%;
	padding-top: 6%;
	margin-bottom: 5%;
}
.cocktail .sct_txtarea {
	padding-bottom: 3%;
}
.cocktail .cocktail-inner .cocktailList {
	width: 100%;
}
.cocktail .cocktail-inner .cocktailList li {
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 0;
	margin: 0 0 4% 0;
	background-size: contain;
}

.cocktail .cocktail-inner .cocktailList li:nth-child(even){
	margin: 0 0 4% 0;
}

.cocktail .cocktail-inner .cocktailList li dl dt{
	margin-bottom: 3% !important;
}

.cocktail .cocktail-inner .cocktailList li:nth-child(1) dl dt img{
	width: 98% !important;
	height: auto;
}

.cocktail .cocktail-inner .cocktailList li:nth-child(4) dl dt img{
	width: 68% !important;
	height: auto;
}


.cocktail-item {
	overflow: hidden;
	margin: 0 4%;
	padding-bottom: 6%;
	background: url("../img/bg_line.gif") right bottom no-repeat;	
}

.cocktail-item.last {
	background: none;	
}



.cocktail .img-cocktail-item {
	width: 45%;
	height: auto;
	margin: 4% 0 10px 0;
}
.cocktail .cocktail-item dl {
	width: 51%;
	margin: 3% 0 10px 4%;
}

.cocktail .cocktail-inner .cocktailList li {
	background: none;
}


.cocktail-recipe-sp {
	clear: both;
	padding: 3%;
	background: #fff;
}


/*wine*/
.wine {
	margin-bottom: 0;
}
.wine .wineInner {
	width: 100%;
	margin: 0 auto;
	margin-bottom:30px;
}
.wine .wineInner h3 {
	margin-bottom: 20px;
}
.wine .wineInner ul {
	width: 92%;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
}


.wine .wineInner .sparkringList {
	margin-bottom: 20px;
}
.wine .wineInner .sparkringList li {
	width: 100%;
}
.wine .wineInner .sparkringList li dl {
	margin-bottom: 20px;
}
.wine .wineInner .wineList li {
	width: 100%;
	height: auto;
	min-height: 300px;
	margin: 0 0 20px 0;
	padding-bottom: 4%;
	box-sizing: border-box;
}
.wine .wineInner .wineList li.item-top {
	padding-bottom: 4%;
}
.wine .wineInner .wineList .wineList-item {
	background: url("../img/bg_line.gif") center bottom no-repeat;
}
.wine .wineInner .wineList .end-sp {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}
.wine .wineInner .wineList li:nth-child(odd) {
	float: left;
}
.wine .wineInner .wineList li:nth-child(even) {
	float: right;
}
.wine .wineInner .sparkringList dd.txt {
	width: 80%;
	height: auto;
	margin: 0 auto 10px;
}
.wine .wineInner .wineList .item-top {
	background: none;
}
.wine .wineInner .wineList dt {
	margin-bottom: 10px;
}
.wine .wineInner .wineList .wineList-btn {
	padding: 10px 0;
}
.wine .wineInner .wineList .txt {
	margin: 0 auto 10px;
  min-height: 3em;
}
.wine .wineInner .wineList .txtS {
	line-height: 1.5;
}

	
.wine .wineInner h3 {
    margin-bottom: 20px;
}
	
.wine .wineInner .alcoholList{
	margin-top:0px;		
}	
.wine .wineInner .alcoholList ul{
	display: flex;
    margin: 20px auto 0px;
}


.recipe {
	padding-bottom: 50px;
	background: url("../img/bg_recipe.gif") 0 0 repeat;
}
.recipe .recipeInner {
	width: 92%;
}
.recipe .txtarea {
	padding-bottom: 0;
	font-size: 16px;
	text-align: center;
}
.recipe .txtarea .sct_ttl {
	padding: 0 10px;
}
.recipe .rmd-recipe {
	margin-bottom: 40px;
	background: #fff;
	overflow: hidden;
}
.recipe .rmd-imgWrap {
	position: relative;
}
.recipe .rmd-imgWrap .img_rmd02 {
	position: absolute;
	bottom: 0;
	right: 5%;
}
.recipe .rmd-recipe .materialList,
.recipe .rmd-recipe .source {
	width: 92%;
	margin: 15px auto;
}
.recipe .rmd-recipe dl .left {
	float: left;
	padding-left: 10px;
}
.recipe .rmd-recipe dl .right {
	text-align: right;
	padding-right: 10px;
}
.recipe .rmd-recipe .materialList dd,
.recipe .rmd-recipe .source dd {
	width: 100%;
	float: none;
}
.recipe .rmd-recipe .howto {
	width: 92%;
	margin: 0 auto;
}
.recipe .rmd-recipe .materialList dd:nth-child(odd) {
	background: #fffcc7;
}
.recipe .rmd-recipe .source dd:nth-child(odd) {
	background: #ffefda;
}

.recipe .rmd-recipe .img-rmd-recipe {
	margin-top: 10px;
}
.recipe .rmd-recipe .pointBox {
	position: relative;
	width: 92%;
	margin: 20px auto;
	padding-top: 9%;
}
.recipe .rmd-recipe .pointTxt {
	padding: 2% 10px;
}
.recipe .rmd-recipe .pointIcon {
	position: absolute;
	top: -6%;
	left: 4%;
}
.recipe .rmd-recipe .rightBox h3 {
	margin: 36px 0 20px;
}
.recipe .rmd-recipe .rightBox dd {
	float: left;
	width: 250px;
}

.recipe .rmd-recipe .materialList .colorItem {
	background: #fffcc7;
}
.recipe .rmd-recipe .rightBox .leftItem {
	margin-right: 20px;
}
.recipe .rmd-recipe .rightBox .source {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
.recipe .rmd-recipe .rightBox .source .colorItem {
	background: #ffefda;
}
.recipe .recipeTable {
	width: 100%;
}
.recipe .recipeTable li {
	float: left;
}
.recipe .recipeTable .item01 {
	margin-right: 0;
}
.recipe .recipeTable .large {
	width: 100%;
	margin-bottom: 2px;
}
.recipe .recipeTable .small {
	width: 49.5%;
	margin: 0 1% 2px 0;
}
.recipe .recipeTable .item04,
.recipe .recipeTable .item06 {
	margin: 0 0 2px 0;
}


}