@charset "utf-8";


@media only screen and (max-width: 767px) {

.pcOnly{
	display:none;
}

/* qualitySnsList-ソフトクリーム共通css */
.qualitySnsList .syohinSnsList{
	padding:10% 0;
	background:none;
}
  
/* softcreamNavLink-ソフトクリーム共通css */
.softcreamNavLink{
  font-size:3.8vw;
	margin: 0 5% 7%;
	padding:0 3%;
	border-top:#4e2209 1px solid;
	border-bottom:#4e2209 1px solid;
}
.softcreamNavLink ul li{
	position:relative;
	display:table;
	width:100%;
	border-top:#4e2209 1px dotted;
}
.softcreamNavLink ul li:first-child{
	border-top:none;
}
.softcreamNavLink ul li a{
	display:table-cell;
	width:100%;
	padding:14px 20px 14px 0;
	background:url(/syohin/sweets/softcream/figure/quality_ic03.webp) no-repeat right 0 bottom 50%;
  background-size:18px 18px;
	color:#4e2209;
	line-height:1.5;
	text-decoration:none;
	vertical-align:middle;
}
.softcreamNavLink ul li.active a{
	background:url(/syohin/sweets/softcream/figure/quality_ic02.webp) no-repeat right 0 bottom 50%;
	background-size:18px 18px;
	font-weight:bold;
}
.softcreamNavLink ul li a:hover{
	text-decoration:underline;
}
.softcreamNavLink ul li a .pcOnly{
	display:none;
}

/* softcreamContent */
.softcreamContent {
	width:100%;
	padding:9% 0 12%;
	background: linear-gradient(90deg, rgba(170,218,235,1) 0%, rgba(222,239,250,1) 50%, rgba(170,218,235,1) 100%);
}
.softcreamContent > .inner{
	width:100%;
	padding: 0 15px;
}
.oneContents .contentsWrap #main .softcreamContent + .mainInner {
	padding-top:30px;
}

/* softcreamTitle */
.headTitleBox.softcreamType{
	margin-bottom: 0;
	padding: 6% 3% 5%;
	background: none;
	background-color: #5db7e8!important;
	border-bottom: solid 1px #fff;
}
.headTitleBox.softcreamType .headTx1{
	font-size:2.0rem;
	color:#fff;
}
.headTitleBox.softcreamType .headTx1 .sub{
	display: block;
	font-size:1.4rem;
}
.softcreamTitle01{
	margin-bottom:14px;
	color:#4e2209;
	font-size:1.6rem;
	font-weight:bold;
}
.softcreamTitle01 span:before{
	content:"";
	display:inline-block;
	width:41px;
	height:26px;
	margin:0 9px 0 0;
	background:url(/syohin/sweets/softcream/figure/index_ic01.png) no-repeat 0 0;
	background-size:contain; 
	vertical-align:middle;
}
.softcreamTitle02{
	position:relative;
	margin-bottom:13px;
	padding-bottom:15px;
	color:#4e2209;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
}
.softcreamTitle02:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	right:50%;
	width:64px;
	height:2px;
	margin-right:-32px;
	background:#4e2209;
}
summary.accordion-ttl::-webkit-details-marker {
  display: none;
}
details {
	transition: 1.0s
}
summary.accordion-ttl::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 10px;
	background: url("/syohin/sweets/softcream/figure/meister_ic02.webp");
	background-size: 15px 10px;
	right: 4%;
	top: 44%;
}
details[open] summary.accordion-ttl::after {
	transform:rotate(180deg);
}
.accordion-ttl{
	margin-bottom:19px;
	padding:3px 0;
	background:#fff;
	border-top:#fff 1px solid;
	border-bottom:#fff 1px solid;
	position: relative;
	list-style: none;
}
.accordion-ttl span{
	display:block;
	padding:13px 0;
	border-top:#bb944c 2px solid;
	border-bottom:#bb944c 2px solid;
	color:#683716;
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
}
.softcreamTitle04{
	margin-bottom:20px;
}
.softcreamTitle04 span{
	display:block;
}

.leadPhoto.proofType{
	font-size:1.5rem;
}

/* softcreamInfo */
.softcreamInfo{
	padding:0 15px;
	background:#fffef6;
}
.softcreamInfo ul li{
	display:table;
	width:100%;
	height:93px;
	padding:12px 0 12px 63px;
	color:#333333;
	font-size:1.4rem;
	font-weight:bold;
}
.softcreamInfo ul li.info01{
	background:url(/syohin/sweets/softcream/figure/index_ic02.png) no-repeat 0 50%;
	background-size:48px 63px;
}
.softcreamInfo ul li.info02{
	background:url(/syohin/sweets/softcream/figure/index_ic04.png) no-repeat 0 50%;
	background-size:43px 32px;
	border-top:#dbdbdb 1px dotted;
}
.softcreamInfo ul li span{
	display:table-cell;
	vertical-align:middle;
}

/* conditionsList */
.conditionsList{
	margin:45px 0 30px 0;
	background:  linear-gradient(30deg, rgba(187, 148, 76, 1) 0%, rgba(237, 211, 141, 1) 50%, rgba(187, 148, 76, 1) 100%);
	border:#fff 4px solid;
}
.conditionsList dl{
	padding:3px 0;
  margin: 3px;
	background: #fff;
}
.conditionsList dl dt{
	padding:12px 10px 12px;
	color:#bb944c;
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
}
.conditionsList dl dd{
	padding:0 15px;
}
.conditionsList dl dd ol{
	padding:15px 0;
	border-top:#bb944c 1px solid;
	counter-reset: conditionsList;
}
.conditionsList dl dd ol li{
	position:relative;
	margin-top:15px;
	padding-left:36px;
}
.conditionsList dl dd ol li:first-child{
	margin-top:0;
}
.conditionsList dl dd ol li:before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:26px;
	height:26px;
	background:#bb944c;
	border-radius:18px;
	color:#ffffff;
	font-size:1.6rem;
	line-height:26px;
	text-align:center;
	counter-increment:conditionsList;
	content:counter(conditionsList);
}
.conditionsList dl dd ol li .title{
	display:block;
	color:#bb944c;
	font-size:1.8rem;
	font-weight:bold;
}
.conditionsList dl dd ol li .detail{
	display:block;
	font-size:1.4rem;
}

/* tournamentLead */
.tournamentLead{
	margin:10px 0 20px 0;
	padding:0 15px 0;
	color:#4e2209;
	font-size:1.5rem;
	text-align:center;
}

/* successfulCandidate */
.successfulCandidate{
	margin-bottom:25px;
  border: 4px solid #fff;
	background:linear-gradient(30deg, rgba(187, 148, 76, 1) 0%, rgba(237, 211, 141, 1) 50%, rgba(187, 148, 76, 1) 100%);
}
.successfulCandidate dl{
	padding:3px 14px 0;
  margin: 3px;
	background:#fff;
}
.successfulCandidate dl dt{
	padding:10px 0 10px;
	color:#bb944c;
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
}
.successfulCandidate dl dd{
	padding: 20px 0 17px;
	border-top:#bb944c 1px solid;
	text-align:center;
}
.successfulCandidate dl dd .meisterInfo{
	color:#683716;
	font-size:1.4rem;
	line-height:1.4;
	margin-bottom: 15px;
}
.successfulCandidate dl dd .meisterInfo .num{
	color:#e43000;
	font-size:1.8rem;
	font-weight:bold;
}
.successfulCandidate dl dd .meisterInfo .current{
	font-size:1.3rem;
}
.successfulCandidate dl dd ul{
	margin-top:15px;
}
.successfulCandidate dl dd ul li{
	margin-top:10px;
}
.successfulCandidate dl dd ul li:first-child{
	margin-left:0;
}

/* historyColumn */
.historyColumn.type02 {
	margin-bottom:30px;
}
.historyColumn .historyDetail{
	width:100%;
	margin:0 0 10px 0;
	background:#fff;
}
.historyColumn.type02 .historyDetail{
	background:#ffffff;
}
.historyColumn .historyDetail:last-child{
	margin-bottom:0;
}
.historyColumn .historyDetail dt{
	overflow:hidden;
	position:relative;
	padding:8px 15px 8px 49px;
	background:#f8f4c3 url(/syohin/sweets/softcream/figure/meister_ic01.gif) no-repeat 12px 50%;
	background-size:30px auto;
	color:#683716;
	line-height:1.1;
}
.historyColumn.type02 .historyDetail dt{
	padding-left:15px;
	background:#f8f4c3;
}
.historyColumn .historyDetail dt:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:-13px;
	width:98px;
	height:98px;
	margin-top:-49px;
	background:#ede6b3;
	border-radius:68px;
	z-index:1;
}
.historyColumn .historyDetail dt .time{
	float:left;
	margin-top:2px;
	font-size:1.2rem;
	z-index:2;
}
.historyColumn .historyDetail dt .time .num{
	font-size:1.9rem;
}
.historyColumn .historyDetail dt .year{
	position:relative;
	margin-top:4px;
	float:right;
	font-size:1.2rem;
	z-index:2;
}
.historyColumn .historyDetail dd{
	padding:20px 15px;
}
.historyColumn .historyDetail dd .detailColumn .imageCol{
	float:left;
	width:80px;
	margin-right:15px;
	text-align:center;
}
.historyColumn .historyDetail dd .detailColumn .textCol{
	overflow:hidden;
}
.historyColumn .historyDetail dd .successful{
	width:100%;
	padding-bottom:5px;
	border-bottom:#dfd1ac 1px solid;
	color:#4a2701;
	font-size:1.5rem;
	line-height:1.3;
}
.historyColumn .historyDetail dd .successful .title{
	display:block;
	font-size:1.4rem;
	font-weight:bold;
}
.historyColumn .historyDetail dd .successful .detail{
	display:block;
	margin-top:2px;
}
.historyColumn .historyDetail dd .successful .detail .num{
	color:#023894;
	font-size:1.6rem;
	font-weight:bold;
}
.historyColumn .historyDetail dd .iconList01 li{
	margin-bottom:2px;
}

/* proofColumn */
	.photoColumn.proofColumn .textCol {
		color: #4e2209;
	}
.photoColumn.proofColumn .photoCol{
	margin-top:15px;
	padding:0 30px;
}

/* pastColumn */
	.pastColumn .textCol {
		color: #4e2209;
	}
.pastColumn.proofColumn .photoCol{
	margin-top:15px;
	padding:0 30px;
}

/* pastLineup */
	.past-wrap {
		padding: 3%;
		background-color: #fff;
	}
.pastLineup{
	overflow:hidden;
	margin-bottom:30px;
}
.pastLineup li{
	float:left;
	width:48%;
	height:auto;
	margin:0 3% 14px 0;
}
.pastLineup li:nth-child(2n){
	margin-right:0;
}
.pastLineup li .image img{
	width:100%;
}
.pastLineup li .comment{
	display:none;
}

/* specialPageLink */
.specialPageLink{
	margin:0 -15px;
	padding:0 -15px;
}
.specialPageLink a{
	display:block;
	width:100%;
	padding:10px 0;
	background:#e6d990;
	color:#552304;
	font-size:1.3rem;
	text-decoration:none;
	text-align:center;
}
.specialPageLink a span:after{
	content:"";
	display:inline-block;
	width:7px;
	height:12px;
	margin-left:10px;
	background:url(/syohin/sweets/softcream/belgian-choco/figure/index_ic01.png) no-repeat 0 0;
	vertical-align:middle;
}
.columnBox .specialPageLink.imgCap{
	margin:0 -15px;
}
/* breakWidth */
.breakWidth{
	margin:0 -15px;
	padding:0 -15px;
}

/* historyIconInfo */
.historyIconInfo{
	width:100%;
	margin-bottom:25px;
}
.historyIconInfo dt{
	width:100%;
	padding:8px 10px;
	background:#eee7bf;
	color:#5f2905;
	font-weight:bold;
	text-align:center;
}
.historyIconInfo dd{
	width:100%;
	padding:10px 15px;
	background:#ffffff;
	vertical-align:middle;
}
.historyIconInfo dd > ul{
	overflow:hidden;
	margin-top:-8px;
}
.historyIconInfo dd > ul > li{
	float:left;
	margin:8px 30px 0 0;
}
.historyIconInfo dd > ul > li:before{
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:4px;
	margin:0 8px 0 0;
	vertical-align:middle;
}
.historyIconInfo dd > ul > li.softcream:before{background:#ffbc1b;}
.historyIconInfo dd > ul > li.halohalo:before{background:#2a7fe9;}
.historyIconInfo dd > ul > li.shavedIce:before{background:#81dbf5;}
.historyIconInfo dd > ul > li.parfait:before{background:#f3677b;}
.historyIconInfo dd > ul > li.other:before{background:#b76bc5;}

/* softcreamHistoryColumn */
.softcreamHistoryColumn{
	margin:25px 0 15px 0;
	background:#fcf8e5;
	box-shadow:0px 0px 4px 2px #e8d9b7;
	-moz-box-shadow:0px 0px 4px 2px #e8d9b7;
	-webkit-box-shadow:0px 0px 4px 2px #e8d9b7;
}
.softcreamHistoryColumn dt{
	padding:9px 15px;
	background:#f9f5cc;
	color:#683716;
	line-height:1.1;
}
.softcreamHistoryColumn dt .year{
	font-size:1.9rem;
}
.softcreamHistoryColumn dt .year .symbol{
	font-size:1.4rem;
}
.softcreamHistoryColumn dd{
	padding:15px 15px;
 }
.softcreamHistoryColumn dd .imageCol{
	float:right;
	width:97px;
	margin-left:10px;
	text-align:center;
}
.softcreamHistoryColumn dd .textCol{
	overflow:hidden;
}
.softcreamHistoryColumn dd .textCol .historyIconList > li:before{
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:4px;
	margin:0 8px 0 0;
	vertical-align:middle;
}
.softcreamHistoryColumn dd .textCol .historyIconList > li.softcream:before{background:#ffbc1b;}
.softcreamHistoryColumn dd .textCol .historyIconList > li.halohalo:before{background:#2a7fe9;}
.softcreamHistoryColumn dd .textCol .historyIconList > li.shavedIce:before{background:#81dbf5;}
.softcreamHistoryColumn dd .textCol .historyIconList > li.parfait:before{background:#f3677b;}
.softcreamHistoryColumn dd .textCol .historyIconList > li.other:before{background:#b76bc5;}
		
.softcreamHistoryColumn dd .textCol .historyIconList > li > .iconList02,
.softcreamHistoryColumn dd .textCol .historyIconList > li > p{
	padding-left:15px;
}
.softcreamHistoryColumn dd .textCol .historyIconList > li > .iconList02 > li{
	margin-bottom:0;
	font-size:1.3rem;
}
	
/*parfaitHistoryColum*/
.parfaitHistory {
  margin-bottom: 8%;
}
.parfaitHistoryInner {
  padding: 8% 3%;
  background: linear-gradient(90deg, rgba(170,218,235,1) 0%, rgba(222,239,250,1) 50%, rgba(170,218,235,1) 100%);
}
.parfaitHistoryWrap .parfaitHistoryColumn{
	background:#fff;
}
.parfaitHistoryWrap .parfaitHistoryColumn:not(:last-child) {
  margin-bottom: 1.5%;
}
.parfaitHistoryWrap .parfaitHistoryColumn .year{
	padding: 4%;
	color:#683716;
  font-size:1.9rem;
  background:#fcf8e5;
  position: relative;
  cursor: pointer;
  transition: all .5s ease;
}
.parfaitHistoryWrap .parfaitHistoryColumn .year::before,
.parfaitHistoryWrap .parfaitHistoryColumn .year::after{
  position: absolute;
  content:'';
  width: 15px;
  height: 2px;
  background-color: #683716;
}
.parfaitHistoryWrap .parfaitHistoryColumn .year::before{
  top:48%;
  right: 6%;
  transform: rotate(0deg);
}
.parfaitHistoryWrap .parfaitHistoryColumn .year::after{
  top:48%;
  right: 6%;
  transform: rotate(90deg);
}
.parfaitHistoryWrap .parfaitHistoryColumn .year.close {
  top: 0;
  width: 100%;
  height: auto;
  box-shadow: none;
  border-radius: 0;
}
.parfaitHistoryWrap .parfaitHistoryColumn .year.close::after{
	display: none;
}

.parfaitHistoryWrap .parfaitHistoryColumn .box {
  margin-bottom: 4%;
  padding: 2%;
  display: none;
}
.parfaitHistoryWrap .parfaitHistoryColumn .box ul + ul {
  margin-top: 3%;
}
.parfaitHistoryWrap .parfaitHistoryColumn .box ul li .name {
  font-size: 1.4rem;
}
.parfaitHistoryWrap .parfaitHistoryColumn .box ul li a {
  text-decoration: none;
}
.parfaitHistoryWrap .parfaitHistoryColumn .iconList li {
  padding-left: 4%;
  position: relative;
}
.parfaitHistoryWrap .parfaitHistoryColumn .iconList li:not(:last-child) {
  margin-bottom: 4%;
}
.parfaitHistoryWrap .parfaitHistoryColumn .iconList li::after {
  content: "";
  position: absolute;
  background: url(../../site_common/img/com_ic02.png) no-repeat;
  background-size: 10px 10px;
  display: inline-block;
  height: 11px;
  width: 11px;
  left: 0;
  top: 10px;
  margin-top: -4px;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList::after {
  content:"";
  display: block;
  width:30%;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList li{
  width: 31%;
  text-align: center;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList li:nth-child(n+4) {
  margin-top: 3%;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList li p {
  margin-top: 3%;
  font-size: 1.3rem;
  line-break: strict;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList li img {
  width: 80%;
}

/* factoryHead */
.factoryHead{
	width:100%;
} 
.factoryHead .inner{
	width:100%;
	background:url(/syohin/sweets/softcream/figure/factory_bg01_sp.png) no-repeat 50% 100%;
	background-size:contain;
	text-align:center;
} 
.factoryHead .inner .lead{
	padding:20px 10px 38% 10px;
	color:#023894;
	font-size:1.6rem;
	font-weight:bold;
}

/* stepWrap */
.stepList{
	overflow:hidden;
}
.stepList .title{
	position:relative;
	margin-bottom:17px;
	padding:10px 10px 8px;
	border-radius:12px;
	color:#ffffff;
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
}
.stepList.softcreamStep .title{
	background:url(/syohin/sweets/softcream/figure/factory_bg03.gif) repeat 0 0;
	border:#4ca1d1 3px solid;
}
.stepList.coneStep .title{
	background:url(/syohin/sweets/softcream/figure/factory_bg04.gif) repeat 0 0;
	border:#f96400 3px solid;
}
.stepList.deliverStep .title{
	background:url(/syohin/sweets/softcream/figure/factory_bg05.gif) repeat 0 0;
	border:#e13857 3px solid;
}
.stepList .title:after{
	content:"";
	position:absolute;
	bottom:-12px;
	right:50%;
	margin-right:-10px;
	width:19px;
	height:12px;
}
.stepList.softcreamStep .title:after{background:url(/syohin/sweets/softcream/figure/factory_bg06.png) no-repeat 0 0;}
.stepList.coneStep .title:after{background:url(/syohin/sweets/softcream/figure/factory_bg07.png) no-repeat 0 0;}
.stepList.deliverStep .title:after{background:url(/syohin/sweets/softcream/figure/factory_bg08.png) no-repeat 0 0;}
.stepList dl{
	position:relative;
	margin-bottom:33px;
	background:#ffffff;
}
.stepList dl:after{
	content:"";
	position:absolute;
	bottom:-22px;
	right:50%;
	width:0;
	height:0;
	margin-right:-12px;
	border-style:solid;
	border-width:13px 12px 0 12px;
}
.stepList.softcreamStep dl:after{border-color:#40c2e2 transparent transparent transparent;}
.stepList.coneStep dl:after{border-color:#ffab00 transparent transparent transparent;}
.stepList.deliverStep dl:after{border-color:#f15874 transparent transparent transparent;}
.stepList > dl:last-child:after{
	display:none;
}
.stepList dl dt{
	padding:8px;
	color:#ffffff;
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
	line-height:1.1;
}
.stepList.softcreamStep dl dt{background:#40c2e2;}
.stepList.coneStep dl dt{background:#ffab00;}
.stepList.deliverStep dl dt{background:#ea536f;}
.stepList dl dd{
	padding:20px;
}
.stepList dl dd .photo{
	margin-top:15px;
}
.stepList dl dd p{
	font-size:1.4rem;
}
.stepList dl dd .lead{
	margin-bottom:8px;
	font-size:1.5rem;
	font-weight:bold;
}
.stepList.softcreamStep dl dd .lead{color:#1794db;}
.stepList.coneStep dl dd .lead{color:#f09800;}
.stepList.deliverStep dl dd .lead{color:#f24666;}

/* qaColumn */
.qaColumn{
	margin-bottom:25px;
}
.qaColumn .balloonCol{
	position:relative;
	width:100%;
	margin-bottom:25px;
	padding:20px 16px;
	background:#ffffff;
	border-radius:15px;
}
.qaColumn .balloonCol:after{
	content:"";
	position:absolute;
	bottom:-11px;
	right:50%;
	width:0;
	height:0;
	margin-right:-5px;
	border-style:solid;
	border-width:11px 13px 0 11px;
	border-color:#ffffff transparent transparent;
}
.qaColumn .balloonCol dl dt{
	padding:10px 0 15px 43px;
	background:url(/syohin/sweets/softcream/figure/faq_ic01.png) no-repeat 0 45%;
	background-size:35px 35px;
	font-size:1.6rem;
	font-weight:bold;
}
.qaColumn .balloonCol dl dd{
	padding:15px 0 0 0;
	background:url(/syohin/sweets/softcream/figure/faq_ic02.png) no-repeat 0 15px;
	background-size:35px 35px;
	border-top:#bcbcbc 1px dotted;
}
.qaColumn .balloonCol dl dd .answer{
	margin:5px 0 10px 0;
	padding-left:43px;
	font-size:1.6rem;
	font-weight:bold;
}
.qaColumn .balloonCol dl dd .qaInnerColumn .imageCol{
	margin-top:15px;
	text-align:center;
}
.qaColumn .balloonCol dl dd .qaInnerColumn .imageCol img{
	max-width:none;
}
.qaColumn .mimipCol{
	padding:0 10px;
	text-align:center;
}




/*=================================

	clearfix

=================================*/
.softcreamNavLink ul:after,
.conditionsList dl dd ol:after,
.successfulCandidate dl dd ul:after,
.historyColumn:after,
.historyColumn .historyDetail dt:after,
.historyColumn .historyDetail dd .detailColumn:after,
.pastLineup:after,
.historyIconInfo dd > ul:after,
.headTitleBox.qualityType .qualityAncNavi:after {
	content: "";
	display: block;
	clear: both;
}

}