@charset "euc-jp";
/*
【スマートフォン 2025】共通
2025年度にリニューアルした時のCSSです 次回のリニューアル時に
その年の西暦をファイル名にして作成します。
細かな更新などは次回のリニューアルまで使用 ※例えば2026年度の更新はこのファイルに記載
*/

/* --------------------------------------------------------------------------------
	html tag
-------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-size: 3.8vw;
	-webkit-text-size-adjust: 100%;
	
	font-family: Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color: #282828;
}
input,textarea,select{
	font-family: Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}


* {
	margin: 0px;
	padding: 0px;
}

#main {
    padding: 4vw;
}

/* --------------------------------------------------------------------------------
	common
-------------------------------------------------------------------------------- */
.common * {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.common ul,
.common ul li
.common ol,
.common ol li {
	list-style: none;
}
.common h1,
.common h2,
.common h3,
.common h4,
.common h5,
.common h6,
.common input,
.common textarea {
	font-weight: normal;
	font-size: 1em;
}
.common table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
}
.common a {
	text-decoration: none;
	color:#000;
}
.common a:link,
.common a:visited {
	text-decoration: none;
}
.common a:hover,
.common a:active {
	text-decoration: none;
}


/* --------------------------------------------------------------------------------
	class
-------------------------------------------------------------------------------- */
.clear {
	clear:both;
}
br.clear {
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix::after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix {
	min-height:1%;
}
* html .clearfix {
	height:1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/********** プレースホルダー **********/
::-webkit-input-placeholder {
}


.inner {
}



/* --------------------------------------------------------------------------------
	device
-------------------------------------------------------------------------------- */
.device-sp {
	display:block;
}
.device-sp-inline {
	display:inline;
}
.device-pc {
	display:none;
}
.device-pc-inline {
	display:none;
}




/* --------------------------------------------------------------------------------
	共通パーツ
-------------------------------------------------------------------------------- */
/********** 見出し **********/
.common .common-heading-1 {
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 11vw;
	font-weight: 700;
	color: #e62350;
}

/* ************************************************
*  all
* ************************************************ */
br.clear {
  clear: both;
  font: 0pt/0pt sans-serif;
  line-height: 0;
}

hr {
  clear: left;
  margin: 1% 0;
  border: 0;
}

img {
	max-width:100%;
	height:auto;
	border: none;
	vertical-align: middle;
}

a{
	color:#000;
	text-decoration:none;
}
a:hover,
a:active{
	text-decoration:underline;
}


/* --------------------------------------------------------------------------------
	フォント
-------------------------------------------------------------------------------- */
.font-amatic-sc {
	font-family: "Amatic SC", sans-serif;
}
.font-amatic-sc * {
	font-family: "Amatic SC", sans-serif;
}




/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
}


/* --------------------------------------------------------------------------------
	スマートフォン：header
-------------------------------------------------------------------------------- */
#header {
}

#header .header-outer {
	padding: 2.5vw 4vw 2.5vw;
}

#header .header-inner {
	display: flex;
	justify-content: space-between;
}

/********** ロゴ **********/
#header .h-logo {
	width: 33.3vw;
}
#header .h-logo h1 a {
	display: block;
}
#header .h-header h1 img {
	width: 100%;
	height: auto;
}


/* ----------------------------------------
ボタン
---------------------------------------- */
#header .h-btns {
	width: 40vw;
	padding: 1vw 0 0;
}
#header .h-btns ul {
	display: flex;
	justify-content: flex-end;
	
	width: 100%;
}
#header .h-btns ul li {
	display: flex;
	align-items: center;
	
	width: 13vw;
	margin: 0 0 0 2vw;
}
#header .h-btns ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	height: 13vw;
	border-radius: 100%;
	background: #fff;
}
#header .h-btns ul li img {
	display: block;
	width: 7vw;
	height: auto;
}


/* --------------------------------------------------------------------------------
	スマートフォン：wrapper
-------------------------------------------------------------------------------- */
#wrapper{
}


/* --------------------------------------------------------------------------------
	スマートフォン：main
-------------------------------------------------------------------------------- */





/* ************************************************
*  main
* ************************************************ */

#main .box {
	clear: both;
	overflow: hidden;
	margin-bottom: 60px;
	border-top: solid 1px #999;
}
#main .box h3 {
	font-size: 13px;
	vertical-align: middle;
}
#main h2.heading{
	margin:0 0 3.65%;
	padding:0 0 2%;
	font-weight:bold;
	font-size:130%;
	background:url(../images/common/t-line1.png) no-repeat 0 100%;
}
#main h2.heading span{
	display:block;
	padding:0 0 0 1.5em;
	background:url(../images/common/icon-ichigo1.png) no-repeat 0 50%;
	background-size:1.2em auto;
}


#main h2.heading-1 {
	margin: 0 0 2vw;
	padding: 1vw 4vw;
	border-left: solid 10px #45bd14;
	font-weight: bold;
	font-size: 5vw;
	color: #fff;
	background: #535353;
}
#main h2.heading-1 a{
	display: block;
	color: #fff;
}
#main .entry-date {
	display: block;
	padding: 0 0 1vw;
	font-size: 3.4vw;
	font-weight: bold;
	color: #a0a0a0;
}

#main .entry-list {
	padding: 0 3vw;
}
#main .entry {
	margin: 0 0 12.5vw;
	line-height: 2;
	border-bottom: dotted 1px #a0a0a0;
}
#main .entry:last-child {
	margin-bottom: 5vw;
}
#main .entry .entry-body {
	padding: 0 0 8vw;
}
#main .entry .wp-block-image {
	padding: 5vw 0;
}
#main .entry .wp-block-image:last-child {
	padding-bottom: 0;
}
#main .entry .wp-block-image img {
	display: block;
}
#main .entry .post-meta {
	display: flex;
	flex-wrap: wrap;
	
	padding: 0 0 2vw;
	font-size: 3.4vw;
}
#main .entry .post-meta .category {
	display: flex;
}
#main .entry .post-meta .category .heading {
	white-space: nowrap;
}

/********** wp-pagenavi **********/
#main .wp-pagenavi {
	text-align:center;
	padding:5vw 0;
	font-size: 3.4vw;
}
#main .wp-pagenavi .pages {
	padding:1vw 2vw;
	border:none;
	color:#000;
	background:#fff;
}
#main .wp-pagenavi .current {
	padding:1vw 2vw;
	border:none;
	color:#fff;
	font-weight:normal;
	background:#78ad83;
}
#main .wp-pagenavi .extend{
	padding:1vw 2vw;
	border:none;
	color:#000;
	background:#fff;
}
#main .wp-pagenavi a{
	padding:1vw 2vw;
	border:none;
	color:#000;
	background:#fff;
}



/* --------------------------------------------------------------------------------
	スマートフォン：footer
-------------------------------------------------------------------------------- */
#footer {
}





/* ----------------------------------------
category
---------------------------------------- */
#footer .f-category {
	padding: 14vw 0 16vw;
	background: #d2ebeb;
}
#footer .f-category .f-category-wrapper {
	padding: 0 3vw;
}
#footer .f-category .common-heading-1 {
	margin: 0 0 3vw;
}
#footer .f-category .cat-txt {
	text-align: center;
	font-size: 4.2vw;
	font-weight: 700;
}
#footer .f-category .cat-txt {
	padding: 0 0 4vw;
}
#footer .f-category .f-cat-list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
}
#footer .f-category .f-cat-list ul li {
	width: 48%;
	margin: 0 0 1.6vw;
}
#footer .f-category .f-cat-list ul li:nth-of-type(2n) {
}
#footer .f-category .f-cat-list ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	height: 15vw;
	border-radius: 15vw;
	border: solid 1px #9bcfd4;
	text-decoration: none;
	text-align: center;
	font-size: 3.4vw;
	font-weight: 700;
	background: #fff;
}


/* ----------------------------------------
footer-contents
---------------------------------------- */
#footer .footer-contents {
	padding: 0 0 30px;
	background: #feeff3;
}

/********** footer-contents-wrapper **********/
#footer .footer-contents .footer-contents-wrapper {
}

/********** footer-contents-box **********/
#footer .footer-contents .footer-contents-box {
	display: flex;
	flex-direction: column;
	
	width: 100%;
	padding: 0 0 1.5vw;
}

/********** f-help-1 **********/
#footer .footer-contents .f-help-1 {
	order: 1;
	
	padding: 3vw 0 0;
	font-size: 4vw;
	background: #fff;
}
#footer .footer-contents .f-help-1 ul li {
}
#footer .footer-contents .f-help-1 ul li a {
	display: block;
	padding: 7vw 0 5vw 13vw;
	border-bottom: dotted 0.4vw #f66482;
	line-height: 1.4;
	background-repeat: no-repeat;
}
#footer .footer-contents .f-help-1 ul li.f-help-home a {
	display: block;
	background-image: url("../images/common-2025/f-icon-home.png");
	background-position: 1.8vw 6vw;
	background-size: 6vw auto;
}
#footer .footer-contents .f-help-1 ul li.f-help-about a {
	display: block;
	background-image: url("../images/common-2025/f-icon-about.png");
	background-position: 2vw 6vw;
	background-size: 6vw auto;
}
#footer .footer-contents .f-help-1 ul li.f-help-flow a {
	display: block;
	background-image: url("../images/common-2025/f-icon-flow.png");
	background-position: 2vw 6vw;
	background-size: 5.6vw auto;
}
#footer .footer-contents .f-help-1 ul li.f-help-cake-cut a {
	display: block;
	background-image: url("../images/common-2025/f-icon-cake-cut.png");
	background-position: 2.2vw 6vw;
	background-size: 5.8vw auto;
}

/********** f-help-2 **********/
#footer .footer-contents .f-help-2 {
	order: 2;
	
	padding: 5.8vw 0 0;
}
#footer .footer-contents .f-help-2 ul {
}
#footer .footer-contents .f-help-2 ul li {
	border-bottom: dotted 0.4vw #f66482;
}
#footer .footer-contents .f-help-2 ul li a {
	display: block;
	padding: 4.8vw 0 4.8vw 7.3vw;
	line-height: 1.4;
	font-size: 3.6vw;
	background: url("../images/common-2025/f-icon-arr.png") no-repeat 3.6vw 6vw;
	background-size: 1.4vw auto;
}
#footer .footer-contents .f-help-2 ul li img {
	display: block;
}

/********** f-info **********/
#footer .footer-contents .f-info {
	order: 3;
	
	padding: 4.5vw 7vw 0;
	line-height: 1.6;
	font-size: 3.6vw;
}

/* 店舗名 */
#footer .footer-contents .f-info .heading {
	padding: 0 0 2.5vw;
	line-height: 1.3;
	font-weight: 700;
}
#footer .footer-contents .f-info .heading .heading-1 {
	padding: 0 0 1vw;
	font-size: 4vw;
}
#footer .footer-contents .f-info .heading .heading-2 {
	font-size: 4.6vw;
}

/* 住所 */
#footer .footer-contents .f-info .address {
	padding: 0 0 2.5vw;
}

/* 営業時間 */
#footer .footer-contents .f-info .hours {
	padding: 0 0 2.5vw;
}
#footer .footer-contents .f-info .hours .sheading {
	font-weight: 600;
}

/* 定休日 */
#footer .footer-contents .f-info .close-day {
}
#footer .footer-contents .f-info .close-day .sheading {
	font-weight: 600;
}

/********** copyright **********/
#footer .footer-contents .copyright {
	text-align: center;
	font-size: 2.6vw;
}











/* ************************************************
*  product_detail_page
* ************************************************ */

#item{
	color:#501706;
}

h2.product_name {
/*	width:430px;*/
	margin:0 auto 0.8em;
	padding-bottom: 0.6em;
	text-align:center;
	background: transparent url(https://itigo-sweetspiko.ssl-lolipop.jp/images/item/t-bg.png) no-repeat center bottom;
	font-size: 20px;
	font-weight:bold;
}

.product_form{
  margin: 0 0 62px;
}

.product_detail_area {
  position: relative;
  width: 100%;
}

.product_images {
}
.product_images div img {
	display:block;
	width: 500px;
	height:auto;
}
.product_images div p.detail {
  margin-top: 10px;
  line-height: 20px;
}

.add_cart table.product_num_tbl {
	margin:30px auto;
}
.add_cart table.product_num_tbl th {
	padding:5px;
}
.add_cart table.product_num_tbl td {
	padding:5px;
}
.add_cart table.product_num_tbl td .pur_block input {
	width:40px;
}

table.add_cart_table {
  margin-bottom: 30px;
  width: 100%;
  table-layout:fixed;
  font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
}
table.add_cart_table th {
	padding:0 10px 0 0;
	text-align:right;
}
table#option_tbl{
	border-collapse:separate;
	border-spacing:6px;
}
table#option_tbl th{
	background:#feeff3;
}
table#option_tbl td{
	background:#feeff3;
}
table#option_tbl tr:nth-child(2n+1) th {
	font-weight:normal;
	background:#ffdfe8;
}
table#option_tbl tr:nth-child(2n+1) td {
	background:#ffdfe8;
}
table#option_tbl tr td .table_price {
	color:#f20801;
}
table#option_tbl .stock_head{
	display:none;
}
table.add_cart_table th {
	font-size:20px;
}
table.add_cart_table td {
	font-size:20px;
}
table.add_cart_table td input {
  padding: 0 4px;
  width: 38px;
  height: 26px;
  font-size: 15px;
  line-height: 26px;
  vertical-align: middle;
}
table.add_cart_table td strong.price {
  font-size: 14px;
}

table#option_tbl {
	margin:0;
	width:80%;　/*〓*/
}
table#option_tbl th,
table#option_tbl td {
  padding:4px 24px;
  text-align: center;
  font-weight:normal;
}
table#option_tbl th {
}
table#option_tbl td div input {
  margin-bottom: 5px;
}

ul.option_price {
  margin: 0 0 20px 0;
  font-size:12px;
  color:#501706;
}
ul.option_price li {
  list-style-type: none;
}

.option_box{
  clear: both;
  width: 100%;
  overflow: hidden;
}

table td.pur_block{
  margin: 0 5px 0 0;
  width: auto;
  white-space: normal;
}

.product_detail_area .add_cart .button_area{
	margin:0 0 22px;
}
.button_area input {
	margin:0 auto;
}

.product_description {
	text-align:center;
	clear: both;
	margin-bottom: 20px;
	word-wrap: break-word;
	font-size: 15px;
	line-height: 1.75;
	color:#501706;
}
.product_image_extra {
  margin-bottom: 20px;
  text-align: center;
}
.product_image_extra img.item {
  margin-bottom: 20px;
}

.product_link_area {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: #ccc solid 1px;
}
.product_link_area div.twitter {
  float: left;
  width: 100px;
}
.product_link_area div.pinterest {
  float: left;
  margin-right: 30px;
}
.product_link_area div.fb-like {
  float: left;
  width: 200px;
}
.product_link_area ul.other_link {
  clear: both;
  margin-top: 20px;
  margin-left: 20px;
}
.product_link_area ul.other_link li {
  margin-bottom: 10px;
}

.share{
  margin: 15px 0 0;
  list-style: none;
}
.share li{
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
  max-width: 125px;
}
.calamel-link{
  margin-top: 10px;
}

#tb_cap_tb{
  margin-top: 20px;
}

.tb {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #CCC;
}
#tb_stitle {
  margin-bottom: 20px;
}

.tb_date, .tb_title, .tb_body, .tb_state {
  margin-bottom: 5px;
}


.txt-price-off p{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#f21a11;
}

.txt-price-off p .big{
	font-size: 24px;
}


/* ************************************************
*  cloud_zoom
* ************************************************ */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
  margin:-4px;  /* Set this to minus the border thickness. */
  border: 4px solid #888;
  background-color:#fff;
  cursor:move;
}

/* This is for the title text. */
.cloud-zoom-title {
  position:absolute !important;
  top:0px;
  padding:3px;
  width:100%;
  background-color:#000;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
}

/* This is the zoom window. */
.cloud-zoom-big {
  overflow:hidden;
  border: 4px solid #fff;
}

/* This is the loading message. */
.cloud-zoom-loading {
  padding:3px;
  border:1px solid #000;
  background:#222;
  color:white;
}

/* Feature section in ZoomEngine page */
.zoom-section {
  clear:both;
}

* html .zoom-section {
  display:inline;
  clear:both;
}

.zoom-small-image {
  float: left;
  margin-top: 4px;
  width: 500px;
}
.zoom-small-image #wrap {
  position: relative;
  top: 0px;
  z-index: 9999;
}

.cloud-zoom {
  margin-bottom: 20px;
}

.zoom-small-image .mousetrap {
  position: absolute;
  top:0px;
  left:0px;
  z-index:999;
  width: 100%;
}

/* Feature descriptions in ZoomEngine page */
.zoom-desc {
	float:left;
	width:158px;
	margin:0 0 0 10px;
}

a.cloud-zoom-gallery {
  display: block;
  margin: 0 0 20px 0;
  width: 158px;
  height: 158px;
  cursor: pointer;
}
.zoom-desc .zoom-tiny-image {
  width: 156px;
  height: auto;
  border: 1px solid #c2b89f;
}
.zoom-tiny-image.selected {
  border: 1px solid #c86464;
  background: #c86464;
}
.zoom-tiny-image:hover {
  border: 1px solid #c86464;
}

a.gallery_last{
  margin-right: 0;
}

/* ************************************************
*  product_option_window
* ************************************************ */

#product_option {
  margin: 20px;
  padding: 20px;
  background: #fff;
}
#product_option h2 {
  margin-bottom: 20px;
}

table.table_option {
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
}
table.table_option th {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #f5f5f5;
}
table.table_option td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

/* ************************************************
*  product_list_page
* ************************************************ */

.sub_category_area,
.sub_group_area {
  margin-bottom: 20px;
  padding: 10px 10px 0px 10px;
  height: 100%;
  border: solid 1px #ccc;
}

.sub_category_area div.sub_category,
.sub_group_area div.sub_group {
  float: left;
  margin: 0 20px 10px 0;
}

.sub_category_area div.sub_category img,
.sub_group_area div.sub_group img {
  margin-right: 10px;
  border: solid 1px #ccc;
}

/* ************************************************
*  search_page
* ************************************************ */

.search_result {
  margin: 20px 0;
  padding: 10px 0;
  background: #ddd;
  text-align: center;
}

.none {
  margin: 50px 0;
  text-align: center;
}

/* ************************************************
*  policy
* ************************************************ */

#policy {
  line-height: 1.8;
  font-size: 14px;
}
#policy h2 {
  margin-bottom: 30px;
}

.policy_box,
#policy_lead{
  margin-bottom: 30px;
}

.sk_box {
  margin-bottom: 70px;
}
.sk_box h3 {
  margin-bottom: 1em;
  font-size: 16px;
}
.sk_box table {
  width: 100%;
  border-top: 1px solid #ccc;
  border-collapse: separate;
  empty-cells:show;
}

.sk_box th {
  padding: 20px 40px 20px 0;
  width: 170px;
  text-align: left;
}
.sk_box th img.poricy_img {
  margin-bottom: 5px;
}
.sk_box td {
  padding: 20px 0;
  zoom: 1;
  content: ' ';
}
.sk_box th,
.sk_box td {
  vertical-align: top;
  line-height: 1.8;
  position: relative;
  border-bottom: solid 1px #ccc;
}

#payment_method {
  margin-top: 40px;
}
#payment_method table.table {
  width: 100%;
}
#payment_method table.table th {
  width: 200px;
  text-align: center;
}

#shipping_method {
  margin-top: 40px;
}
#shipping_method table.table {
  width: 100%;
}
#shipping_method table.table th {
  width: 200px;
  text-align: center;
}