@charset "utf-8";

/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-新着情報
-現在のカゴの中
-カテゴリ
-ガイドリンク
-ログイン（サイド用）
-検索
-カレンダー
-おすすめ商品
  * 商品詳細のオススメ商品   [whobought_area]
*/


/* ==============================================
ブロック共通
  * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
*html .side_column {
  overflow-x: hidden; /* IE6 表示乱れ防止 */
}
#main_column .block_body {
  border: solid 1px #ccc;
  border-top: none;
}
.side_column .block_body .box {
  border: solid 1px #ccc;
  width: 145px;
}

/* 外枠
----------------------------------------------- */
#container .block_outer {
  padding: 0 15px 10px; /* #container の背景色を欠けさせないため敢えて padding */
}
#container #main_column .block_outer {
  padding: 0 0 20px;
}
#container .side_column .block_outer {
  padding: 0 0 10px;
}

/* リスト
----------------------------------------------- */
/* ログイン 検索条件 */
#container .block_outer .block_body dl.formlist {
  margin-bottom: 8px;
}
#container .block_outer .block_body dl.formlist dd {
  margin-bottom: 5px;
}
#container .block_outer .block_body dl.formlist dt {
  margin-bottom: 3px;
  padding-left: 15px;
  background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
  font-size: 90%;
}
#container .block_outer .block_body dl.formlist span {
  vertical-align: top;
}


/* タイトル
----------------------------------------------- */
/* タイトルの背景 白 */
#login_area h3 {
	 margin-bottom: 5px;
}

#search_area h2,
#calender_area h2 {
	 padding: 5px 0 8px 10px;
  border-style: solid;
  background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom;
  font-size: 14px;
}

#cart_area h2,
#cart h2 {
}


/* タイトルの背景 オレンジ */
#recommend_area h2,
#news_area h2 {
  padding: 5px 0 8px 10px;
  border-style: solid;
  border-color: #f90 #ccc #ccc;
  border-width: 1px 1px 0;
  background: url('../img/background/bg_btn_bloc_02.jpg') repeat-x left bottom #fef3d8;
}


/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
▼新着情報
=============================================== */
#news_area .news_contents {
  padding: 10px;
  max-height: 260px;
  height: auto !important; /* hack? */
  height: 260px; /* hack? */
  overflow: auto;
  overflow-y: scroll;
}
#news_area dl.newslist {
  background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}
#news_area dl.newslist:last-child { /* IE9 未満では無効 (影響度合いが低いので黙殺) */
  background: none;
}
#news_area dl.newslist dt {
  margin-bottom: 5px;
}
#news_area dl.newslist dd {
  margin-bottom: 10px;
  padding-bottom: 10px;
}


/* ===============================================
▼現在のカゴの中
=============================================== */
#cart_area .information {
  padding: 10px;
}
#cart_area .postage {
  margin-top: 10px;
  padding-top: 10px;
  background: url("../img/background/line_dot_01.gif") repeat-x top;
}
#cart_area .postage .point_announce {
  padding: 2px 0 2px 20px;
  background: url("../img/icon/ico_price.gif") no-repeat left top;
}
#cart_area .btn {
	 background-color: #FDF4E1;
		border-top: 1px dotted #D39E28;
  padding: 10px 0;
  text-align: center;
}


#leftcolumn .comment, 
#leftcolumn .shop, 
#leftcolumn .custom, 
#leftcolumn .sns, 
#leftcolumn .new-member {
	 margin-bottom: 15px;
}
#leftcolumn .set a , 
#leftcolumn .comment a, 
#leftcolumn .shop a, 
#leftcolumn .custom a, 
#leftcolumn .sns a, 
#leftcolumn .new-member a {
	 display: block;
}

#leftcolumn .set {
	 margin-bottom: 5px;
}
#leftcolumn .set h2 {
	 color: #fff;
		font-size: 14px;
		line-height: 30px;
	 margin-bottom: 5px;
		text-align: center;
}
/*-- セット内容タイトルとボタン --*/
#leftcolumn .set h2, 
#leftcolumn .set ul li {
	 background-image: url(../img/side/btn_side_all.png);
		background-repeat: no-repeat;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
}
/*-- セットタイトル --*/
#leftcolumn .set .set-title {
	 background-position: 0 0;
}
#leftcolumn .set .set-title2 {
	 background-position: 0 -30px;
}
#leftcolumn .set .set-title3 {
	 background-position: -200px 0;
}
#leftcolumn .set .set-title4 {
	 background-position: -200px -30px;
}

#leftcolumn .set .no1 {
	 font-size: 13px;
	 letter-spacing: -1px;
}
#leftcolumn .set ul {
	 margin-bottom: 6px;
}
#leftcolumn .set ul li {
	 border: 1px solid #ccc;
		height: 58px;
	 margin-bottom: 4px;
		width: 198px;
}
#leftcolumn .set ul li a:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
#leftcolumn .set ul li a {
	 display: block;
		width: 100%;
		height: 58px;
}
#leftcolumn .set ul li:hover {
	 opacity: 0.7;
}
/*-- セット内容ボタン 選べるセット --*/
#leftcolumn .set ul .set1 {
	 background-position: -1px -61px;
}
#leftcolumn .set ul .set2 {
	 background-position: -1px -121px;
}
#leftcolumn .set ul .set3 {
	 background-position: -1px -181px;
}
/*-- セット内容ボタン わくわくセット --*/
#leftcolumn .set ul .set4 {
	 background-image: none;
	 height: 58px;
}
#leftcolumn .set ul .set4 a img {
	 margin-left: -198px;
}
#leftcolumn .set ul .set5 {
	 background-position: -1px -241px;
}
/*-- セット内容ボタン コラボセット --*/
/*-- セット内容ボタン どら焼き  --*/
#leftcolumn .set ul .set6 {
	 background-position: -1px -301px;
}
/*-- セット内容ボタン くりーむぱん  --*/
#leftcolumn .set ul .set7 {
	 background-position: -201px -61px;
}
/*-- セット内容ボタン aki  --*/
#leftcolumn .set ul .set8 {
	 background-position: -201px -121px;
}
/*-- セット内容ボタン panda --*/
#leftcolumn .set ul .set9 {
	 background-position: -201px -181px;
}
/*-- セット内容ボタン 業務用 --*/
#leftcolumn .set ul .set10 {
	 background-position: -201px -241px;
}

/* ===============================================
▼ショップたち（サイド用）
=============================================== */
#leftcolumn .shop h3 {
	 margin-bottom: 5px;
}
/* ===============================================
▼こだわり（サイド用）
=============================================== */
#leftcolumn .custom h3 {
	 margin-bottom: 5px;
}
/* ===============================================
▼SNSリンク
=============================================== */
.sns p {
	 margin-bottom: 5px;
}
.sns ul {
	 clear: both;
		margin: 0 auto 10px;
		width: 70%;
}
.sns ul li {
	 float: left;
}
.sns ul li:first-child {
  margin-right: 15px;
}
/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
  border: none;
}
#guide_area li {
  margin-bottom: 8px;
  letter-spacing: -1em;
}
ul.button_like li a {
	 display: block;
}
/* ===============================================
▼ランキング（サイド用）
=============================================== */
#leftcolumn .rank .title {
	 margin-bottom: 5px;
}
/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container div#login_area {
	 border-radius: 5px;
}

#container div#login_area .block_body {
	 background-color: #fffaf0;
  padding: 6px 10px 10px;
}

#container div#login_area .block_body p {
  margin-bottom: 5px;
}

#container div#login_area .block_body .btn {
  text-align: center;
}
#container .login_area dl.formlist {
  margin-bottom: 8px;
  width: 480px;
}
#container .login_area dl.formlist dt {
  background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
  color: #333;
  float: left;
  font-size: 90%;
		line-height: 2.4;
  margin-bottom: 3px;
  padding-left: 15px;
  width: 120px;
}
#container .login_area dl.formlist dd {
  float: right;
  margin-bottom: 5px;
  text-align: left;
  vertical-align: bottom;
  width: 340px;
}
#container div#login_area .block_body .mini {
  letter-spacing: -0.01em;
  margin-top: 5px;
}
/* ===============================================
▼検索
=============================================== */
#container div#search_area .block_body {
  padding: 10px;
}
#container div#search_area .block_body .btn {
  text-align: center;
}


/* ===============================================
▼カレンダー
=============================================== */
#calender_area {
  background-color: transparent;
  border: none;
}
#calender_area .block_body {
  background-color: #f1f9fc;
  padding: 10px 0;
}
#calender_area table {
  background: #fff;
  border: none;
  font-size: 90%;
  margin: 0 auto 5px;
  width: 150px;
}
#calender_area table td {
  border-top: 1px solid #ccc;
  border-right: none;
  padding: 1px 3px;
  text-align: center;
}
#calender_area th {
  background: #fff;
  border: none;
  padding: 1px 3px;
  text-align: center;
}
#calender_area table .month {
  background: url("../img/icon/ico_arrow_04.gif") no-repeat left;
  font-size: 120%;
  margin-bottom: 5px;
  padding-left: 12px;
}
#calender_area .off {
  color: #f00;
}
#calender_area .today {
  background-color: #FFF99D;
  font-weight: bold;
}
#calender_area .information {
  font-size: 90%;
  margin-left: 10px;
}


/* ===============================================
▼メディアパネル
=============================================== */
.slide {
	 background: #f49a02;
	 height: 590px;
		margin: 0 auto 15px;
		position: relative;
		width: 180px;
}
.slide h3 {
	 margin: 0 auto;
		padding: 6px 0;
		width: 170px;
}
.slide .bx-wrapper {
	 margin: 0 auto;
	 width: 170px;
}
.slide .turn {
	 clear: left;
		height: 440px;
		left: -1px;
		overflow: hidden;
}
.slide .turn li {
		width: 170px !important;
}
.slide .turn li a {
	 display: block;
	 width: 170px;
}

.slide .postage {
	 display: block;
	 margin: 24px auto 0;
		width: 170px;
}


/* ===============================================
▼サイド　記事一覧
=============================================== */
.cat-item {
	 margin-bottom: 10px;
}
.cat-item:last-child {
	 margin-bottom: 0;
}
.cat-item a {
	 font-weight: bold;
}
.wp_catlist_post {
	 font-size: 93%;
}
.wp_catlist_post a {
		font-weight: normal;
}


/* ===============================================
▼おすすめ商品
=============================================== */
/*
   tplファイルのマークアップが同じ項目
   メインカラム用
   サイドカラム用       [side_column]
   商品詳細のオススメ商品   [whobought_area]
=============================================== */
/* 共通
----------------------------------------------- */
#recommend_area .block_body,
#whobought_area .product_item {
  padding: 10px 0 10px;
  border: none;
  background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}

#recommend_area .block_body p,
#whobought_area .product_item p {
  margin: 0 0 5px 0;
}

#recommend_area .block_body img,
#whobought_area .product_item img {
  margin: 0 5px 0 0;
}

#recommend_area .block_body h3,
#whobought_area .product_item h3 {
  font-size: 100%;
  font-weight: normal;
}

/* サイドカラム用 */
.side_column #recommend_area .product_item {
  margin-bottom: 10px;
}


/* 画像
----------------------------------------------- */
/* メインカラム用 */
#main_column #recommend_area .block_body .productImage,
#whobought_area .product_item .productImage {
  margin-bottom: 10px;
  float: left;
  width: 90px;
}
/* サイドカラム用 */
.side_column #recommend_area .block_body .productImage {
  float: none;
  text-align: center;
  width: auto;
}


/* 左右の振り分け
----------------------------------------------- */
#main_column #recommend_area .product_item,
#whobought_area .product_item {
  float: left;
  width: 47.5%;
  padding-left: 1%;
  padding-right: 1%;
}


/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム用 1カラム時*/
#main_column.colnum1 #recommend_area .block_body .productContents {
  float: right;
  width: 74%;
}

/* メインカラム用 2カラム時*/
#main_column.colnum2 #recommend_area .block_body .productContents,
#main_column.colnum2 #whobought_area .productContents {
  float: right;
  width: 74%;
}

/* メインカラム用 3カラム時*/
#main_column.colnum3 #recommend_area .block_body .productContents,
#main_column.colnum3 #whobought_area .productContents {
  float: right;
  width: 67%;
}

/* サイドカラム用 */
.side_column #recommend_area .block_body .productContents {
  clear: both;
}


/* ===============================================
▼3カラム右カラム
=============================================== */
/*-- 右カラム --*/
#rightcolumn p {
	 margin-bottom: 15px;
}

/* ===============================================
▼2カラム右カラム
=============================================== */
#two_maincolumn_right h2 {
}

#two_maincolumn_right .sub-img {
	 display: block;
		margin: 0 auto 25px;
}



/* ===============================================
▼見出し共通
=============================================== */
/*-- タイトルの飾り --*/
.title {
  clear: both;
		height: 45px;
		margin-bottom: 10px;
}
#wppost #wppost_content h2.fusen, 
.fusen {
  background-image:url(../img/title/bg_fusen.png);
		background-repeat: no-repeat;
		color: #fff;
		display: block;
		font-size: 21px;
		letter-spacing: -0.05em;
		line-height: 48px;
		padding-left: 45px;
		padding-top: 0;
		width: 297px;
}
#wppost #wppost_content h2.fusen {
	 margin-bottom: 10px;
	 width: 710px !important;
}

/*-- list用の位置調整 --*/
#wppost_content .content {
		position: relative;
}
.list-btn {
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		right: 0;
		position: absolute;
		top: 6px;
}
.list-btn a {
	 background-color: #42B206;
		display: inline-block;
}
.list-btn .second {
	 background-color: #279ff8;
}


/* ========== テキストの位置 ========== *//*-- 文字寄せ --*/
#wppost_content .content .aligncenter {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
}
#wppost_content .content .alignright {
 	padding: 0;
 	margin: 0 0 20px 0;
 	display: inline;
}
#wppost_content .content .alignleft {
 	padding: 0;
 	margin: 0 20px 20px 0;
 	display: inline;
}
#wppost_content .content .alignright {
 	float: right;
}
#wppost_content .content .alignleft {
 	float: left
}

/* ===============================================
▼ドルチェのジェラートセット、ドルチェのコラボセット
=============================================== */
.recommend, 
.event {
 margin-bottom: 20px;
}
.recommend {
	 position: relative;
}
.recommend .main, 
.event .main {
	 margin-bottom: 10px;
}
.recommend a, 
.event a {
	 display: block;
}

.recommend ul, 
.event ul {
	 clear: left;
		margin-bottom: 10px;
}
.recommend ul:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.event ul:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.recommend ul li, 
.event ul li {
		float: left;
	 margin-right: 15px;
		width: 30%;
}
/*-- 2等分 --*/
.recommend .half li, 
.event .half li {
		width: 48.3%;
}
.recommend .main li, 
.event .main li {
		width: 100%;
}
.recommend ul li:last-child {
	 margin-right: 0;
}
.event ul li:last-child {
	 margin-right: 0;
}


/* ===============================================
▼ニュース
=============================================== */
/*-- TOPページ --*/
.news {
	 margin-bottom: 30px;
	 background: url(../img/title/news_line.gif) no-repeat bottom;
}
.news .box-wrap {
	 background: url(../img/title/news_line.gif) no-repeat 0 0;
	 height: 240px;
		padding: 2px 0 4px;
}
.news .box-wrap .box {
	 color: #555;
		font-size: 12px;
	 height: 240px;
  overflow-y: scroll;
		width: 100%;
}
.news .box table {
	 border: none;
		width: 99.8%;
}
.news .box table th, 
.news .box table td {
	 background: none;
	 border: none;
		border-bottom: 1px dashed #d9af42;
	 padding: 10px 5px 8px;
}
.news .box .day {
		font-weight: bold;
}
.news .box h3 a {
	 color: #ed4201;
		font-size: 16px;
}
/*-------------------------------------
  ニュース一覧ページ
-------------------------------------*/
.colnum2 .news {
	 background: url(../img/title/news_line.gif) repeat-x bottom;
}
.colnum2 .news .box-wrap {
	 background: url(../img/title/news_line.gif) repeat-x 0 0;
	 height: 1900px;
}
.colnum2 .news .box-wrap .box {
	 height: 1900px;
}


/* ===============================================
▼メディア
=============================================== */
/*-- TOPページ --*/
.media .box-wrap {
	 height: 210px;
}
.media .box-wrap .box {
	 height: 210px;
}
.media .box table th {
	 padding: 6px 5px 8px;
}
.media .box table td {
	 padding: 6px 5px 8px;
		vertical-align: top;
		width: 360px;
}
.media .box h3 a {
		font-size: 16px;
	 line-height: 1.3;
}
/*-------------------------------------
  メディア一覧ページ
-------------------------------------*/
.colnum2 .media .box table td {
	 width: 555px;
}
#wppost_content .post_cats a {
	 display: none;
}


/* ===============================================
▼ランキング
=============================================== */
/*== 左カラム ==*/
.side_column .rank .title {
	 background: url(../img/side/side_ranking_tit.png) no-repeat;
	 height: 30px;
}
.side_column .rank .fusen {
	 display: none;
		line-height: inherit;
		padding: 0;
		width: 100%;
}

/*== 中央カラム ==*/
.rank .list-btn {
	 background: none;
}
.rank {
	 background: url(../img/title/rank_line.gif) no-repeat bottom !important;
}
.rank .box-wrap {
	 background: url(../img/title/rank_line.gif) no-repeat 0 0 !important;
}
.rank .box table {
		border: none;
}
.rank .box table th, 
.rank .box table td {
	 background: none;
		border: none;
		border-bottom: 1px dashed #fc8692;
}
/*-- 商品画像 --*/
.rank .box table th {
	 padding: 10px 10px 8px;
}
.rank .box table th a {
	 display: block;
		height: 70px;
		vertical-align: middle;
	 width: 70px;
}
.rank .box table th a img {
	 display: inline;
		float: none;
	 max-height: 100%;
		width: auto !important;
		height: auto;
  max-width: 70px;
  width: 70px;
}

.rank .box table td {
	 padding: 10px 4px 8px;
		vertical-align: middle;
		width: 460px;
}
.rank .box table td div {
	 clear: left;
}
.rank .box table td span {
	 background: url(../img/side/rank_no1.gif) left bottom no-repeat;
	 color: #ed4351;
	 display: inline-block;
		float: left;
		font-size: 22px;
		font-weight: bold;
		height: 20px;
		line-height: 25px;
		margin-right: 10px;
		text-align: center;
		width: 52px;
}
.rank .box table td h3 {
		line-height: 25px;
}
.rank .box table td h3 a {
	 color: #ed4201;
	 float: left;
		font-size: 16px;
}
.rank .box table td .sale_price span {
	 background: none;
	 color: #555;
		float: inherit;
		font-size: 14px;
		font-weight: normal;
	 width: inherit;
}


/*-- サイドカラムに設置したランキング --*/
#leftcolumn .rank {
	 margin-bottom: 15px;
}
#leftcolumn .rank .box table th {
	 padding: 6px 5px;
}
#leftcolumn .rank .box table th img {
	 width: 50px;
}
#leftcolumn .rank .box table td {
	 padding: 6px 2px 6px;
		width: inherit;
}
#leftcolumn .rank .box table td img {
	 float: none;
	 margin-bottom: 2px;
  max-width: 50px;
		width: 34px;
}
#leftcolumn .rank .box table td h3 a {
	 font-size: 13px;
		line-height: 18px;
}
#leftcolumn .rank .box table td p {
	 display: none;
}
#leftcolumn .rank .box table td .item_panel {
	 margin-bottom: 0;
}

/* ===============================================
▼新規会員募集中
=============================================== */
.new-member {
	 display: block;
		margin: 0 auto 15px;
	 width: 200px
}


/* ===============================================
▼メディアパネル
=============================================== */
.slide {
	 background: #f49a02;
	 height: 590px;
		margin: 0 auto 15px;
		position: relative;
		width: 180px;
}
.slide h3 {
	 margin: 0 auto;
		padding: 6px 0;
		width: 170px;
}
.slide .bx-wrapper {
	 margin: 0 auto;
	 width: 170px;
}
.slide .turn {
	 clear: left;
		height: 440px;
		left: -1px;
		overflow: hidden;
}
.slide .turn li {
		width: 170px !important;
}
.slide .turn li a {
	 display: block;
	 width: 170px;
}

.slide .postage {
	 display: block;
	 margin: 24px auto 0;
		width: 170px;
}


/* ===============================================
▼熨斗対応、金額、カード
=============================================== */
.payment, 
.gift, 
.qr, 
.howto {
	 display: block;
		margin: 0 auto 15px;
	 width: 180px
}



#wppost_content:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}


/*=================================================
  新規追加ページ
=================================================*/
/* ジェラートたち
----------------------------------------------- */
.bo {
	 font-weight: bold;
}
.menu:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.menu h3 {
	 font-size: 20px;
		line-height: 34px;
}
.menu .je {
	 color: #f26700;
}
.menu .ice {
	 color: #38a7f9;
}
.menu .tounyu {
	 color: #00b285;
}
.menu .text {
	 font-size: 14px;
}
.menu .menu-list {
	 margin-bottom: 30px;
}
.menu .menu-list ul {
	 border-bottom: 1px dotted #999;
  clear: left;
		padding-bottom: 10px;
		margin-bottom: 10px;
}
.menu .menu-list ul:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.menu .menu-list ul li {
	 float: left;
		margin-left: 1.5%;
		width: 32.3%;
}
.menu .menu-list ul li:first-child {
	 margin-left: 0;
}
.menu .menu-list ul li img {
	 height: 140px;
		margin-bottom: 10px;
		width: 100%;
}
.menu .menu-list ul li h5 {
	 font-size: 15px;
}
.content .menu .menu-list ul li p {
	 line-height: 1.4;
}
.menu .menu-list ul li span {
  color: #F26700;
		font-size: 11px;
}
.menu .allergy-box {
  border-bottom: 1px dotted #999;
	 margin: 0 auto 30px;
		padding-bottom: 30px;
}
.menu .allergy-box a {
	 display: block;
		text-align: center;
}


/* アレルギー
----------------------------------------------- */
.allergy {
}
.allergy:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.allergy table {
		border-collapse: collapse;
		margin-bottom: 20px;
	 width: 100%;
}
.allergy table th {
	 text-align: center;
		vertical-align: middle;
}
.allergy table .sub {
	 font-size: 12px;
	 text-align: center;
		vertical-align: middle;
}
.allergy table .center {
	 padding: 5px 2px 4px;
	 text-align: center;
		vertical-align: middle;
}
.allergy table .num {
		width: 25px;
}
.allergy table .tit {
		width: 210px;
}
.allergy table .group {
		width: 415px;
}
.allergy table .item {
		width: 70px;
}
.allergy table .right {
	 text-align: right;
		width: 70px;
}
.allergy th, 
.allergy td {
	 padding: 5px 3px 4px;
}

/*-- ジェラートタイプ --*/
.allergy table, 
.allergy th, 
.allergy td {
  border: 1px solid #fa742e;
}
.allergy th, 
.allergy .sub {
	 background-color: #ffece2;
}
/*-- クリームタイプ --*/
.allergy #ice, 
.allergy #ice th, 
.allergy #ice td {
  border-color: #43baef;
}
.allergy #ice th, 
.allergy #ice .sub {
	 background-color: #e2f6ff;
}
/*-- 豆乳 --*/
.allergy #tonyu, 
.allergy #tonyu th, 
.allergy #tonyu td {
  border-color: #06b291;
}
.allergy #tonyu th, 
.allergy #tonyu .sub {
	 background-color: #ccf4ed;
}
/*-- くりーむパン --*/
.allergy #pan, 
.allergy #pan th, 
.allergy #pan td {
  border-color: #2884ec;
}
.allergy #pan th, 
.allergy #pan .sub {
	 background-color: #e0efff;
}
/*-- どら焼き --*/
.allergy .dora, 
.allergy .dora th, 
.allergy .dora td {
  border-color: #b6630f;
}
.allergy .dora th, 
.allergy .dora .sub {
	 background-color: #f9ebdc;
}

/* ご利用規約
----------------------------------------------- */
.kiyaku .tit {
	 color: #3082e8;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
}
.kiyaku .center {
	 background-color: #eee;
		border: 1px solid #ccc;
	 display: block;
	 margin: 0 auto 10px;
		padding: 5px;
		width: 600px;
}
.kiyaku .center img {
}
.kiyaku .center-img {
	 text-align: center;
}


/*==========================================================
会社概要
==========================================================*/
.company:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.company {
		background:url(../img/parts/company_img.jpg) no-repeat 580px 70px;
 	margin-bottom: 20px;
}
.company h3 {
	font-size:14px;
	color: #ed722f;
	line-height: 20px;
	margin-left: 10px;
}
.company dl {
	clear: left;
	display: inline-block;
}
.company dt {
	float: left;
	padding: 6px 0 6px 1px;
	vertical-align: top;
}
.company dd{
	vertical-align: top;
	float: left;
	margin-left: -50px;
	padding: 6px 5px 6px 60px;
}

/*-- 会社概要 --*/
.company .outline {
	 margin-bottom: 20px;
	margin-left: 10px;
 	width: 380px;
}
.company .outline dt {
	color: #ec6f2c;
	width: 50px;
}
.company .outline dd{
	border-bottom: 2px dotted #666;
	width: 313px;
}

/*-- 賞 --*/
.company .award {
	margin-bottom: 20px;
	margin-left: 10px;
	width: 640px;
}
.company .award dt {
	color: #1192df;
	font-weight: bold;
	width: 125px;
}
.company .award dd{
	width: 480px;
}

/*-- 事務所 --*/
.company .shop {
	margin-bottom: 20px;
	width: 440px;
}
.company .shop:first-child {
	 margin-bottom: 10px;
}
.company .shop dt {
	color: #f4510e;
	font-weight: bold;
	width: 200px;
}
.company .shop dd{
	width: 200px;
}


/*-- 補足事項 --*/
.eigyou {
	 clear: left;
 	height: auto;
 	margin-left: 10px;
	 width: 100%;
}
.eigyou img {
	 float: left;
		width: 82px;
}
.content .eigyou .eigyoukome {
	height: auto;
	float: left;
	line-height: 22px;
	padding-top: 5px;
	padding-left: 16px;
	width: 85%;
}

/*-- トップに戻る --*/
.gohead {
 	height: 18px;
 	text-align: right;
 	width: 100%;
}
.gohead a {
	 font-size: 11px;
	 text-align: right;
}

/*-- ライン --*/
.company .dash {
	 border: none;
		border-top: dashed 1px #999;
}

/*==========================================================
ドルチェの歩み
==========================================================*/
.history:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.history {
 	margin-bottom: 20px;
}
.history .title {
 	margin-bottom: 20px;
}
.ayumidate {
	 font-size: 13px;
 	padding: 0 0 20px;
 	width: 100%;
}
.ayumidate dl {
		border-bottom: dashed 1px #999;
 	clear: left;
		padding: 6px 0;
}
/* new clearfix */
.ayumidate dl:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.ayumidate dt {
 	float: left;
 	min-width: 150px;
		padding-left: 1%;
 	width: 25%;
}
.ayumidate dt .mounth {
 	margin-left: 65px;
}
.ayumidate dd {
 	float: left;
 	width: 74%;
}


/*==========================================================
よくある質問
==========================================================*/
.question:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.question .tit {
	 background-color: #359df2;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 10px;
		padding: 10px;
}
.question dl {
  margin-bottom: 30px;
	 width: 760px;
}
.question dl dt {
	 border: 2px solid #b7e3fc;
		background-image: url(../img/parts/question_arrow.png);
		background-repeat: no-repeat;
		background-position: 735px 50%;
		color: #222;
		cursor: pointer;
	 display: block;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 15px;
		padding: 13px 30px 12px 10px;
		border-radius: 5px;
		position: relative;
}
.question dl dt i {
		background-image: url(../img/parts/question_quest.gif);
		background-repeat: no-repeat;
		display: inline-block;
		height: 18px;
		position: absolute;
  top: 13px;
		left: 10px;
		width: 23px;
}
.question dl dt:hover {
  background-color: #C5EAFF;
}
.question dl dt p {
	 padding-left: 30px;
}
.question dl .active {
		background-image: url(../img/parts/question_arrow_active.png);
}
.question dl dd {
	 background: url(../img/parts/question_answer.gif) 8px 0 no-repeat;
	 display: none;
		font-size: 15px;
		margin-bottom: 25px;
		padding-right: 5px;
}
.question dl dd p {
	 display: inline-block;
		line-height: 1.6;
		margin-left: 40px;
		width: 710px;
}


/*==========================================================
  サイトマップ
==========================================================*/
.sitemap {
	 margin-bottom: 20px;
}
.sitemap:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.sitemap h3 {
	 background: url(../img/parts/site_h3.gif) no-repeat 0 50%;
	 color: #48b8f2;
		display: block;
	 font-size: 16px;
		line-height: 20px;
		margin-bottom: 4px;
		padding-left: 20px;
}
.sitemap .box {
	 clear: both;
	 margin-left: 20px;
}
.sitemap .box ul {
	 float: left;
		font-size: 14px;
		width: 33%;
}
.sitemap .box ul li {
	 line-height: 1.8;
}


/*==========================================================
  こだわり
==========================================================*/
.concept:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.concept p.sp {
	 display: none;
}
.concept .box {
	 clear: both;
		font-size: 14px;
		margin: 0 auto 40px;
	 width: 700px;
}
.concept .center {
	 display: block;
	 margin: 0 auto;
}
.bottom-ch {
	 height: 40px;
		margin-bottom: 40px;
		position: relative;
}
.bottom-ch .list-btn {
	 margin-top: 0;
		top: 0;
}

.concept .bg1 {
	 background: url(../img/parts/concept_bg1.jpg) no-repeat;
		height: 152px;
}
.concept .bg1 p {
	 float: right;
		margin-top: 10px;
	 width: 560px;
}

.concept .bg2 {
	 background: url(../img/parts/concept_bg2.jpg) top right no-repeat;
		height: 183px;
		margin-bottom: 30px;
}
.concept .bg2 p {
	 float: left;
		margin-top: 10px;
	 width: 250px;
}

.concept .bg3 {
	 background: url(../img/parts/concept_bg4.jpg) no-repeat;
		height: 164px;
}
.concept .bg3 p {
	 float: right;
		margin-top: 10px;
	 width: 420px;
}

.concept .bg4 {
	 background: url(../img/parts/concept_bg5.jpg) center 0 no-repeat;
		height: 450px;
		margin-bottom: 20px;
		position: relative;
		width: 570px;
}
.concept .bg4 h3 {
	 color: #ee8e00;
	 font-size: 15px;
		left: 30px;
		position: absolute;
		top: 100px;
		width: 265px;
}
.concept .bg4 p {
	 font-size: 13px;
		right: 24px;
		position: absolute;
		top: 100px;
		width: 230px;
}

/*==========================================================
  こだわり - 製造工程
==========================================================*/
.manufacture:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.manufacture .box {
	 clear: both;
		font-size: 14px;
		margin: 0 auto 30px;
	 width: 100%;
}
.manufacture .bg1 h3, 
.manufacture .bg1 p, 
.manufacture .bg2 h3, 
.manufacture .bg2 p, 
.manufacture .bg3 h3, 
.manufacture .bg3 p, 
.manufacture .bg4 h3, 
.manufacture .bg4 p, 
.manufacture .bg5 h3, 
.manufacture .bg5 p {
	 padding-left: 180px
}
.manufacture .bg1 p, 
.manufacture .bg2 p, 
.manufacture .bg3 p, 
.manufacture .bg4 p, 
.manufacture .bg5 p {
	 margin-top: 8px;
	 width: 200px;
}
.manufacture .m1yt, 
.manufacture .m3yt, 
.manufacture .m4yt {
	 float: right;
}

.manufacture .bg1-wrap .bg1 {
	 background: url(../img/parts/manufacture_seen1.jpg) no-repeat;
		float: left;
		height: 163px;
		width: 380px;
}
.manufacture .bg2-wrap {
	 background: url(../img/parts/manufacture_seen2_2.jpg) no-repeat 86% 0;
		min-height: 180px;
}
.manufacture .bg2-wrap .bg2 {
	 background: url(../img/parts/manufacture_seen2.jpg) no-repeat 0 0;
		float: left;
		width: 380px;
}
.manufacture .bg2 h3 {
	 margin-top: 18px;
}
.manufacture .bg3-wrap .bg3 {
	 background: url(../img/parts/manufacture_seen3.jpg) no-repeat 0 0;
		float: left;
		height: 163px;
		width: 380px;
}
.manufacture .bg4-wrap .bg4 {
	 background: url(../img/parts/manufacture_seen4.jpg) no-repeat 0 0;
		height: 161px;
		float: left;
}
.manufacture .bg3 h3, 
.manufacture .bg4 h3 {
	 margin-top: 12px;
}

.manufacture .bg5 {
	 background: url(../img/parts/manufacture_seen5.jpg) 0 0 no-repeat;
		height: 300px;
		width: 100%;
}

.manufacture .bg6 {
	 background: url(../img/parts/manufacture_seen6_bg.gif) 52% 60% no-repeat;
		height: 300px;
		margin: 0 auto;
		position: relative;
		width: 100%;
}
.manufacture .bg6 .m6yt {
	 position: absolute;
		top: 70px;
		left: 30px;
}
.manufacture .bg6 .m7yt {
	 position: absolute;
		top: 70px;
		right: 2px;
}

/*==========================================================
ショップたち
==========================================================*/
.shopbase:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.shopbase {
	 width: 100%;
}
.mt10 {
  margin-top: 10px;
}
.shopitiran {
 	float: left;
 	margin-left: 5px;
 	width: 55%;
}
.shopitiran .shopcat {
 	clear: left;
 	float: left;
 	margin-bottom: 20px;
 	margin-right:2%;
 	width: 24%;
}
.shopitiran .shoplist {
 	color: #f39501;
 	float: left;
 	margin-bottom: 30px;
 	width: 70%;
}
.shoplist ul {
	 padding-top: 0;
}
.shoplist ul li {
 	background-image: url(../img/parts/yajirushi.jpg);
 	background-repeat: no-repeat;
 	background-position: left 0px;
 	padding-left: 25px;
 	padding-bottom: 6px;
 	padding-top: 5px;
}
.shoplist ul li a {
	color: #f39501;
}
.shoplist ul li a:hover {
	color: #d94a0e;
	text-decoration:underline;
}

.jmap {
	float: left;
	padding-top: 40px;
	width: 40%;
}

/*-- ショップたち、ショップ詳細情報 --*/
.shopinfobox {
	 border-border: 1px solid #999;
	 border-top: 1px solid #999;
		padding: 25px 15px 30px;
		width: 96%;
}
.shopinfobox h3 {
	 color: #fff;
	 display: inline;
		font-size: 16px;
  font-weight:bold;
  position: relative;
  padding: 7px 24px 4px 10px;
		width: 96%;
}
.shopinfobox .team {
  background: #f49a02;
		border-bottom: 1px solid #f49a02;
}
.shopinfobox .root {
  background: #40AC50;
		border-bottom: 1px solid #40AC50;
}
.shopinfobox h3.team:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-width: 18px 10px;
  border-style: solid;
  border-color: #f49a02;
  border-right-color: transparent;
}
.shopinfobox h3.root:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-width: 18px 10px;
  border-style: solid;
  border-color: #40ac50;
  border-right-color: transparent;
}
.shopinfobox .shopcomment {
	 clear: left;
	 margin-bottom: 16px;
	 margin-top: 16px;
}
.shopinfobox .shopcomment img {
	 float: left;
	 margin-right: 10px;
}
.shopinfobox .shopcomment p {
 	border: 1px solid #F49A02;
 	border-radius: 14px;
 	display: inline-block;
	 float: left;
 	line-height: 1.4;
 	min-width: 380px;
 	max-width: 570px;
 	min-height: 50px;
 	padding: 10px 12px;
 	position: relative;
 	text-align: left;
}
.shopinfobox .shopcomment .root2 {
 	border: 1px solid #40ac50;
}
.shopinfobox .shopcomment p a {
	 color: #0000FF;
}
.shopinfobox .shopcomment p:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 16px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-top: 6px solid #F49A02;
  border-left: 6px solid #F49A02;
}
.shopinfobox .shopcomment .root2:before {
  border-top: 6px solid #40ac50;
  border-left: 6px solid #40ac50;
}
.shopinfobox .shopcomment p:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 17px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
}
/*-- 店舗情報 --*/
.shopinfobox .shopdate {
 	float: left;
		font-size: 15px;
 	line-height: 2;
 	width: 44%;
}
.shopinfobox .shopdate2 {
 	float: left;
		font-size: 15px;
 	line-height: 1.5;
 	width: 44%;
}
/*-- 地図の位置 --*/
.shopinfobox .shopmap {
	float: right;
	width: 380px;
}
.shopinfobox .shopmap .mapmap {
	height: 200px;
	overflow: hidden;
	width: 380px;
}
.shopinfobox .shopmap .mapmap iframe {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 200px;
	width: 380px;
}
.mapmap a {
	display: block;
}

/*==========================================================
支払方法について
==========================================================*/
.payment-area {
}
.payment-area .center {
		text-align: center;
}

/*==========================================================
ギフト・のし対応について
==========================================================*/
.gift-area {
}
.gift-area .center {
		text-align: center;
}
.gift-area .center-box {
	 margin-bottom: 50px;
}
.gift-area .center-box .center {
	 background-color: #eee;
		border: 1px solid #ccc;
	 display: block;
	 margin: 0 auto 10px;
		padding: 5px;
		width: 700px;
}

/*==========================================================
お客様の声
==========================================================*/
.voice .woman, 
.voice .man {
		margin-bottom: 20px;
}
.voice .woman {
	 background: url(../img/parts/voice_chara1.png) no-repeat 635px bottom;
		padding-bottom: 70px;
}
.voice .man {
	 background: url(../img/parts/voice_chara2.png) no-repeat 35px bottom;
		padding-bottom: 60px;
}
.voice .woman div, 
.voice .man div {
	 border-radius: 15px;
		display: inline-block;
		font-size: 14px;
		margin: 0;
		padding: 15px;
	 position: relative;
		width: 640px;
}
.voice .woman div {
	 background-color: #ffd7dc;
		box-shadow: #ffb9c1 -1px -1px 0;
		margin-left: 20px;
}
.voice .woman div:after {
	 border-top: 15px solid #ffd7dc;
		border-right: 0 solid transparent;
		border-left: 15px solid transparent;
		bottom: -14px;
		content: "";
		position: absolute;
		right: 40px;
}
.voice .man div {
	 background-color: #d7f3ff;
		box-shadow: #b4d9fe -1px -1px 0;
		margin-left: 70px;
}
.voice .man div:after {
	 border-top: 15px solid #d7f3ff;
		border-right: 15px solid transparent;
		border-left: 0 solid transparent;
		bottom: -14px;
		content: "";
		position: absolute;
		left: 40px;
}

.voice .woman div h3, 
.voice .man div h3 {
	 font-size: 16px;
		line-height: 20px;
		margin-bottom: 5px;
}
.content .voice .woman div p, 
.content .voice .man div p {
		line-height: 18px;
}
.voice .woman div .name, 
.voice .man div .name {
	 text-align: right;
}


#wppost #wppost_content > h2.fusen {
	 background-image: none;
		color: #ED4201;
		padding-left: 0;
}
.content p {
	 line-height: 1.5;
}

#wppost_content .content > .menu, 
#wppost_content .content > .voice, 
#wppost_content .content > .payment-area, 
#wppost_content .content > .custom, 
#wppost_content .content > .shop, 
#wppost_content .content > .concept, 
#wppost_content .content > .manufacture, 
#wppost_content .content > .company, 
#wppost_content .content > .recruit {
	 margin-top: -58px;
}


/*==========================================================
業務用ジェラート
==========================================================*/
.business {
	 font-size: 16px;
}
.business .wid90 {
	 margin-left: auto;
	 margin-right: auto;
	 width: 96%;
}
.business .send {
	 margin-bottom: 50px;
}
.business .send p a {
	 display: block;
	 margin: 0 auto;
	 width: 600px;
}

.business .allergy.liter4 {
	 margin: 0 auto 0 !important;
	 width: 650px;
}
.business .allergy table {
	 float: left;
	 width: 203px;
}
.business .allergy table:first-child {
		margin-right: 40px;
}
.business .allergy table#ice{
	 width: 403px;
}


/*==========================================================
メインページ用セットナビゲーション
==========================================================*/
.main-nav:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.main-nav ul {
	 clear: left;
		margin-bottom: 20px;
}
.main-nav ul:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.main-nav ul li {
	 background-image: url(../img/side/btn_side_all.png);
		background-repeat: no-repeat;
	 float: left;
		margin-right: 20px;
}
.main-nav ul li:last-child {
	 margin-right: 0;
}
/*-- 見出し --*/
.main-nav ul .tit {
 	height: 60px;
		text-indent: -9999%;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	 width: 100px;
}
.main-nav ul .tit1 {
	 background-position: 0 -360px;
}
.main-nav ul .tit2 {
	 background-position: -100px -360px;
}
.main-nav ul .tit3 {
	 background-position: -200px -360px;
}

.main-nav ul .nav {
	 border: 1px solid #CCC;
		height: 58px;
		width: 198px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
}
.main-nav ul .nav:hover {
	 opacity: 0.7;
}
.main-nav ul .nav a {
	 display: block;
		height: 58px;
		width: 198px;
}
.main-nav ul .nav a:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

/*-- セット内容ボタン 選べるセット --*/
.main-nav ul .nav1 {
	 background-position: -1px -61px;
}
.main-nav ul .nav2 {
	 background-position: -1px -121px;
}
.main-nav ul .nav3 {
	 background-position: -1px -181px;
}
/*-- 季節のジェラートボタン --*/
.main-nav ul .nav4 {
	 background-image: none;
	 border: 1px solid #CCC;
		width: 198px;
}
.main-nav ul .nav4 a {
	 display: block;
}
.main-nav ul .nav4 a span {
	 display: none;
}
/*-- セット内容ボタン わくわくセット --*/
.main-nav ul .nav5 {
	 background-position: -1px -241px;
}
.main-nav ul .nav6 {
	 background-position: -1px -301px;
}
/*-- セット内容ボタン コラボセット --*/
.main-nav ul .nav7 {
	 background-position: -201px -61px;
}
.main-nav ul .nav8 {
	 background-position: -201px -121px;
}
.main-nav ul .nav9 {
	 background-position: -201px -181px;
}

/*-- グローバルサイン --*/
.ssl_area {
	 text-align: center;
}

/*==========================================================
instagram bloc
==========================================================*/
.instagram {
  width: 100%;
  margin: 0 auto 10px;
}
.instagram ul {
	 clear: left;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
}
.instagram li {
	 float: left;
  height: 130px;
		list-style-type: none;
  margin-bottom: 10px;
  width: 130px;
}
.instagram li a {
	 display: block;
		text-align: center;
}
.instagram li img {
  height: auto;
  max-height: 130px;
  max-width: 130px;
  width: auto;
}