@charset "utf-8";


@media only screen and (min-width: 768px), print {

/* softcreamNavLink-ソフトクリーム共通css */
.softcreamNavLink{
  position:relative;
  margin: 70px 20px 30px;
  padding:3px;
}
.softcreamNavLink .inner {
  width: 960px;
  margin: 0 auto;
  border-top: solid 1px #4e2209;
  border-bottom: solid 1px #4e2209;
}
.softcreamNavLink ul li{
  position:relative;
  float:left;
  display:table;
  width:24%;
  margin: 10px 1% 10px 0;
  border-right: solid 1px #4e2209;
}
.softcreamNavLink ul li:last-child {
  margin-right: 0;
  border-right: none;
}
.softcreamNavLink ul li:first-child:before{
  display:none;
}
.softcreamNavLink ul li a{
  display:table-cell;
  width:100%;
  height:60px;
  padding:15px 17px;
  background:url(/syohin/sweets/softcream/figure/quality_ic03.webp) no-repeat right 10px bottom 50%;
  color:#4e2209;
  font-size:1.4rem;
  line-height:1.5;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
}
.softcreamNavLink ul li.active a{
  background:url(/syohin/sweets/softcream/figure/quality_ic02.webp) no-repeat right 15px bottom 50%;
  font-weight:bold;
}
.softcreamNavLink ul li a:hover{
  text-decoration:underline;
}

/* softcreamContent */
.softcreamContent {
	width:100%;
	padding:40px 0;
	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:1000px;
	margin:0 auto;
}
.oneContents .contentsWrap #main .softcreamContent + .mainInner {
	margin-top:60px;
}

/* softcreamTitle */
	.headTitleBox {
		margin-bottom: 0;
		/*background-image: none;*/
	}
	.toolBox {
		padding-top: 26px;
	}
.headTitleBox.softcreamType{
	padding:0;
	background-color: #5db7e8!important;
	background-image: none;
	border-bottom: solid 1px #fff;
}
.headTitleBox.softcreamType .headTitleIn{
	display:table;
	height:90px;
	padding:15px 0;
}
.headTitleBox.softcreamType .title01{
	display:table-cell;
	vertical-align:middle;
}
.headTitleBox.softcreamType .headTx1{
	font-size:2.6rem;
	color:#fff;
}
.headTitleBox.softcreamType .headTx1 .sub{
	display:block;
	font-size:1.6rem;
}
.softcreamTitle01{
	margin-bottom:-50px;
	color:#4e2209;
	font-size:2.0rem;
	font-weight:bold;
}
.softcreamTitle01 span:before{
	content:"";
	display:inline-block;
	width:55px;
	height:35px;
	margin:0 10px 0 0;
	background:url(/syohin/sweets/softcream/figure/index_ic01.png) no-repeat 0 0;
	vertical-align:middle;
}
.softcreamTitle02{
	position:relative;
	margin-bottom:30px;
	padding-bottom:20px;
	color:#4e2209;
	font-size:2.3rem;
	font-weight:bold;
	text-align:center;
}
.softcreamTitle02:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	right:50%;
	width:130px;
	height:2px;
	margin-right:-65px;
	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: 22px;
	height: 15px;
	background: url("/syohin/sweets/softcream/figure/meister_ic02.webp");
	background-size: 22px 15px;
	right: 5%;
	top: 40%;
}
details[open] summary.accordion-ttl::after {
	transform:rotate(180deg);
}
.accordion-ttl{
	margin-bottom:30px;
	padding:3px 0;
	background-color: #fff;
	list-style: none;
	position: relative;
	cursor: pointer;
}
.accordion-ttl span{
	display:block;
	padding:15px 0;
	border-top:#bb944c 2px solid;
	border-bottom:#bb944c 2px solid;
	color:#683716;
	font-size:2.4rem;
	font-weight:bold;
	text-align:center;
}
.softcreamTitle04 span{
	text-align:center;
}

.leadPhoto.proofType{
	font-size:2.0rem;
}


/* softcreamInfo */
.softcreamInfo{
	background:#fffef6;
}
.softcreamInfo ul{
	display:table;
	width:100%;
	height:90px;
}
.softcreamInfo ul li{
	display:table-cell;
	width:50%;
	color:#333333;
	font-size:1.5rem;
	font-weight:bold;
	vertical-align:middle;
}
.softcreamInfo ul li.info01{
	position:relative;
	padding-left:176px;
	background:url(/syohin/sweets/softcream/figure/index_ic02.png) no-repeat 111px 50%;
	background-size:45px 58px;
}
.softcreamInfo ul li.info01:after{
	content:"";
	position:absolute;
	top: 50%;
	right:0;
	display:block;
	width:1px;
	height:52px;
	margin-top:-26px;
	border-right:#dbdbdb 1px dotted;
}
.softcreamInfo ul li.info02{
	padding-left:129px;
	background:url(/syohin/sweets/softcream/figure/index_ic04.png) no-repeat 32px 50%;
	background-size:85px 63px;
}

/* conditionsList */
.conditionsList{
	margin:50px 0 55px 0;
	border: solid 4px #fff;
  background: linear-gradient(30deg, rgba(187, 148, 76, 1) 0%, rgba(237, 211, 141, 1) 50%, rgba(187, 148, 76, 1) 100%);
}
.conditionsList dl{
	position:relative;
	padding:3px 0;
	margin: 2px;
	background-color: #fff;
}
/*.conditionsList dl:before{
	content:"";
	position:absolute;
	top:3px;
	left:auto;
	right:auto;
	width:100%;
	height:1px;
	border-top:#c9aa4e 1px solid;
}
.conditionsList dl:after{
	content:"";
	position:absolute;
	bottom:3px;
	left:auto;
	right:auto;
	width:100%;
	height:1px;
	border-bottom:#c9aa4e 1px solid;
}*/
.conditionsList dl dt{
	padding:25px 0 15px;
	color:#bb944c;
	font-size:2.2rem;
	font-weight:bold;
	text-align:center;
}
.conditionsList dl dd{
	padding:0 37px;
}
.conditionsList dl dd ol{
	border-top:#bb944c 1px solid;
	padding:15px 0 25px;
	counter-reset: conditionsList;
}
.conditionsList dl dd ol li{
	position:relative;
	float:left;
	width:304px;
	padding-top:45px;
	text-align:center;
}
.conditionsList dl dd ol li:before {
	position:absolute;
	top:0px;
	right:50%;
	display:block;
	width:36px;
	height:36px;
	margin-right:-18px;
	background:#bb944c;
	border-radius:18px;
	color:#ffffff;
	font-size:2.2rem;
	line-height:36px;
	text-align:center;
	counter-increment:conditionsList;
	content:counter(conditionsList);
}
.conditionsList dl dd ol li .title{
	display:block;
	color:#bb944c;
	font-size:2.5rem;
	font-weight:bold;
}
.conditionsList dl dd ol li .detail{
	display:block;
	font-size:1.6rem;
}

/* tournamentLead */
.tournamentLead{
	margin: 15px 0 40px; 
	color:#4e2209;
	font-size:1.8rem;
	text-align:center;
}

/* successfulCandidate */
.successfulCandidate{
	margin-bottom:60px;
  border: solid 4px #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:0 30px;
  margin: 2px;
	background:#fff;
}
.successfulCandidate dl dt{
	padding:25px 0 10px;
	color:#bb944c;
	font-size:2.2rem;
	font-weight:bold;
	text-align:center;
}
.successfulCandidate dl dd{
	padding: 10px 0 30px;
	border-top:#bb944c 1px solid;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.successfulCandidate dl dd .meisterInfo{
	color:#683716;
	font-size:1.8rem;
	line-height:1.4;
	margin-right: 5px;
}
.successfulCandidate dl dd .meisterInfo .num{
	color:#e43000;
	font-size:2.8rem;
	font-weight:bold;
}
.successfulCandidate dl dd .meisterInfo .current{
	font-size:1.5rem;
}
.successfulCandidate dl dd ul{
	margin-top:20px;
}
.successfulCandidate dl dd ul li{
	float:left;
	margin-left:31px;
}
.successfulCandidate dl dd ul li:first-child{
	margin-left:0;
}

/* historyColumn */
.historyColumn .historyDetail{
	float:left;
	width:480px;
	margin:0 30px 40px 0;
	background:#fff;
}
.historyColumn.type02 .historyDetail{
	background:#ffffff;
}
.historyColumn .historyDetail:nth-child(2n){
	margin-right:0;
}
.historyColumn .historyDetail dt{
	overflow:hidden;
	position:relative;
	padding:10px 26px 10px 56px;
	background:#fff5bf url(/syohin/sweets/softcream/figure/meister_ic01.gif) no-repeat 12px 50%;
	color:#683716;
	line-height:1.1;
}
.historyColumn.type02 .historyDetail dt{
	padding-left:20px;
	background:#f8f4c3;
}
.historyColumn .historyDetail dt:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:-19px;
	width:136px;
	height:136px;
	margin-top:-68px;
	background:#ffec9f;
	border-radius:68px;
	z-index:1;
}
.historyColumn .historyDetail dt .time{
	float:left;
	margin-top:2px;
	font-size:1.6rem;
	z-index:2;
}
.historyColumn .historyDetail dt .time .num{
	font-size:2.6rem;
}
.historyColumn .historyDetail dt .year{
	position:relative;
	margin-top:6px;
	float:right;
	font-size:1.5rem;
	z-index:2;
}
.historyColumn .historyDetail dd{
	padding:25px;
}
.historyColumn .historyDetail dd .detailColumn .imageCol{
	float:left;
	width:113px;
	margin-right:18px;
	text-align:center;
}
.historyColumn .historyDetail dd .detailColumn .textCol{
	overflow:hidden;
}
.historyColumn .historyDetail dd .img {
  width: 286px;
  margin: 0 auto;
  }
.historyColumn .historyDetail dd .successful{
	display:table;
	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:table-cell;
	font-size:1.5rem;
	font-weight:bold;
}
.historyColumn .historyDetail dd .successful .detail{
	display:table-cell;
	width:auto;
 	text-align:right;
}
.historyColumn .historyDetail dd .successful .detail .num{
	color:#023894;
	font-size:2.2rem;
	font-weight:bold;
}
.historyColumn .historyDetail dd .iconList01 li{
	margin-bottom:3px;
}

/*parfaitHistoryColum*/
.parfaitHistory {
  margin-bottom: 60px;
  background-image: linear-gradient(-45deg, #f0f0f0 25%, #f6f6f6 25%, #f6f6f6 50%, #f0f0f0 50%, #f0f0f0 75%, #f6f6f6 75%, #f6f6f6);
  background-size: 15px 15px;
}
.parfaitHistoryInner {
  margin: 0 auto;
  padding: 40px 75px 50px;
  width: 1000px;
  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: 5px;
}
.parfaitHistoryWrap .parfaitHistoryColumn .year{
	padding: 15px 30px;
	color:#683716;
  font-size:2.0rem;
  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:28px;
  right: 30px;
  transform: rotate(0deg);
}
.parfaitHistoryWrap .parfaitHistoryColumn .year::after{
  top:28px;
  right: 30px;
  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: 20px;
  padding: 20px;
  display: none;
}
.parfaitHistoryWrap .parfaitHistoryColumn .box ul + ul {
  margin-top: 15px;
}
.parfaitHistoryWrap .parfaitHistoryColumn .box ul li a {
  text-decoration: none;
}
.parfaitHistoryWrap .parfaitHistoryColumn .iconList {
  display: flex;
  flex-wrap: wrap;
}
.parfaitHistoryWrap .parfaitHistoryColumn .iconList li {
  margin-bottom: 10px;
  padding-left: 15px;
  position: relative;
}
.parfaitHistoryWrap .parfaitHistoryColumn .iconList li:not(:last-child) {
  margin-right: 20px;
}
.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;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList li{
  margin-right: 12px;
  width: 125px;
  text-align: center;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList li:nth-child(6n) {
  margin-right: 0;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList li:nth-child(n+7) {
  margin-top: 5px;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList li p {
  margin-top: 5px;
  font-size: 1.4rem;
}
.parfaitHistoryWrap .parfaitHistoryColumn .figureList li img {
  height: 160px
}
/* proofColumn */
.photoColumn.proofColumn .textCol{
	float:left;
	width:632px;
	color: #4e2209;
	margin:0 20px 0 0;
}
.photoColumn.proofColumn .photoCol{
	float:right;
	width:348px;
	margin:0;
}

/* pastColumn */
.photoColumn.pastColumn .textCol{
	color: #4e2209;
	float:left;
	width:828px;
	margin:0 38px 0 0;
}
.photoColumn.pastColumn .photoCol{
	float:right;
	width:134px;
	margin:0;
}

/* pastLineup */
	.past-wrap {
		padding: 30px;
		background-color: #fff;
	}
.pastLineup{
	margin:60px 0 0;
}
.pastLineup li{
	float:left;
	display:table;
	width:168px;
	height:180px;
	margin:0 25px 30px 0;
}
.pastLineup li:nth-child(5n){
	margin-right:0;
}
.pastLineup li .wrap{
	position:relative;
	display:table-cell;
	width:180px;
	height:180px;
	text-align:center;
	vertical-align:middle;
}
.pastLineup li .image{
	position:relative;
}
.pastLineup li .image img{
	width:100%;
}
.pastLineup li a:hover .image:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:168px;
	height:168px;
	border-radius:90px;
	background:rgba(95,41,5,0.85);
	z-index:2;
}
.pastLineup li .comment{
	display:none;
	position:absolute;
	top: 50%;
	left: 50%;
	width:100%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color:#ffffff;
	font-size:1.6rem;
	z-index:3;
}
.pastLineup li a:hover .comment{
	display:block;
}
	.oneContents .iconList01.colStyle3 > li {
		width: 290px;
	}
/* specialPageLink */
.specialPageLink{
	width:100%;
}
.specialPageLink a{
	display:block;
	width:100%;
	padding:14px 0;
	background:#e6d990;
	color:#552304;
	font-size:1.4rem;
	text-decoration:none;
	text-align:center;
}
.specialPageLink a:hover{
	text-decoration:underline;
}
.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 auto;
}
/* historyIconInfo */
.historyIconInfo{
	display:table;
	width:100%;
	margin-bottom:30px;
}
.historyIconInfo dt{
	display:table-cell;
	width:130px;
	padding:10px 15px;
	background:#eee7bf;
	color:#5f2905;
	font-size:1.6rem;
	font-weight:bold;
	vertical-align:middle;
}
.historyIconInfo dd{
	display:table-cell;
	width:auto;
	padding:10px 20px;
	background:#ffffff;
	vertical-align:middle;
}
.historyIconInfo dd > ul > li{
	float:left;
	margin-right:30px;
}
.historyIconInfo dd > ul > li:before{
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:4px;
	margin:0 9px 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:30px 0 20px 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:14px 20px;
	background:#f9f5cc;
	color:#683716;
	line-height:1.1;
}
.softcreamHistoryColumn dt .year{
	font-size:2.3rem;
}
.softcreamHistoryColumn dt .year .symbol{
	font-size:1.8rem;
}
.softcreamHistoryColumn dd{
	padding:20px 20px;
 }
.softcreamHistoryColumn dd .imageCol{
	float:right;
	width:230px;
	margin-left:20px;
	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 9px 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 > p{
	margin-bottom:3px;
	padding-left:17px;
	font-size:1.4rem;
}

/* factoryHead */
.factoryHead{
	width:100%;
	background:url(/syohin/sweets/softcream/figure/factory_bg02.gif) repeat-x 0 100%;
} 
.factoryHead .inner{
	width:1000px;
	margin:0 auto;
	background:url(/syohin/sweets/softcream/figure/factory_bg01.png) no-repeat 50% 100%;
	text-align:center;
} 
.factoryHead .inner .lead{
	padding:30px 0 120px 0;
	color:#023894;
	font-size:1.6rem;
	font-weight:bold;
}

/* stepWrap */
.stepWrap .stepList{
	float:left;
	width:485px;
}
.stepWrap .stepList.softcreamStep{
	margin-right:30px;
}
.stepList .title{
	position:relative;
	margin-bottom:17px;
	padding:10px 10px;
	border-radius:12px;
	color:#ffffff;
	font-size:2.0rem;
	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:56px;
	background:#ffffff;
}
.stepList dl:after{
	content:"";
	position:absolute;
	bottom:-36px;
	right:50%;
	width:0;
	height:0;
	margin-right:-15px;
	border-style:solid;
	border-width:16px 15px 0 15px;
}
.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.deliverStep > dl:last-child:after{
	display:none;
}
.stepList dl dt{
	padding:10px;
	color:#ffffff;
	font-size:1.8rem;
	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.softcreamStep dl dd,
.stepList.coneStep dl dd{
	position:relative;
	padding:200px 20px 20px;
}
.stepList.softcreamStep dl dd .photo,
.stepList.coneStep dl dd .photo{
	position:absolute;
	top:20px;
	left:20px;
}
.stepList dl dd p{
	font-size:1.4rem;
}
.stepList dl dd .lead{
	margin-top:15px;
	margin-bottom:10px;
	font-size:1.7rem;
	font-weight:bold;
}
.stepList.softcreamStep dl dd .lead{color:#1794db;}
.stepList.coneStep dl dd .lead{color:#f09800;}
.stepList.deliverStep dl dd .lead{color:#f24666;}
.stepList.deliverStep dl dd .deliverStepColumn .textCol{
	float:right;
	width:485px;
}
.stepList.deliverStep dl dd .deliverStepColumn .textCol .lead{
	margin-top:0;
}
.stepList.deliverStep dl dd .deliverStepColumn .photo{
	float:left;
	width:455px;
	margin-right:20px;
}

/* qaColumn */
.qaColumn{
	margin-bottom:40px;
}
.qaColumn .balloonCol{
	position:relative;
	float:left;
	width:738px;
	padding:25px 30px;
	background:#ffffff;
	border-radius:15px;
}
.qaColumn.type02 .balloonCol{
	float:right;
}
.qaColumn .balloonCol:after{
	content:"";
	position:absolute;
	top:70px;
	right:-15px;
	width:0;
	height:0;
	border-style:solid;
	border-width:13px 0 13px 15px;
	border-color:transparent transparent transparent #ffffff;
}
.qaColumn.type02 .balloonCol:after{
	right:auto;
	left:-15px;
	border-style:solid;
	border-width:13px 15px 13px 0;
	border-color:transparent #ffffff transparent transparent;
}
.qaColumn .balloonCol dl dt{
	padding:10px 0 15px 60px;
	background:url(/syohin/sweets/softcream/figure/faq_ic01.png) no-repeat 0 5px;
	font-size:1.8rem;
	font-weight:bold;
}
.qaColumn .balloonCol dl dd{
	padding:15px 0 0 60px;
	background:url(/syohin/sweets/softcream/figure/faq_ic02.png) no-repeat 0 15px;
	border-top:#bcbcbc 1px dotted;
}
.qaColumn .balloonCol dl dd .answer{
	margin:5px 0 10px 0;
	font-size:1.8rem;
	font-weight:bold;
}
.qaColumn .balloonCol dl dd .qaInnerColumn{
	display:table;
	width:100%;
}
.qaColumn .balloonCol dl dd .qaInnerColumn .textCol{
	display:table-cell;
	vertical-align:top;
}
.qaColumn .balloonCol dl dd .qaInnerColumn .imageCol{
	display:table-cell;
	padding-left:10px;
	vertical-align:top;
}
.qaColumn .balloonCol dl dd .qaInnerColumn .imageCol img{
	max-width:none;
}
.qaColumn .mimipCol{
	float:right;
	width:262px;
	text-align:center;
}
.qaColumn.type02 .mimipCol{
	float:left;
}



/*=================================

	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,
.softcreamHistoryColumn dd:after,
.stepWrap:after,
.stepList.deliverStep dl dd .deliverStepColumn:after,
.qaColumn:after,
.qaColumn .balloonCol dl dd .qaInnerColumn:after,
.kyohouColumn:after,
.qualityDetailWrap:after,
.qualityHistoryArea > .inner .historyList:after {
	content: "";
	display: block;
	clear: both;
}

}


