/**
@charset "UTF-8";
/* CSS Document */

a {text-decoration: none;color:#333;}
a:hover {animation: fadeIn 0.7s ease-in-out;color:#333;}
button:hover {animation: fadeIn 0.7s ease-in-out;color:#333;}

@keyframes fadeIn {
from {opacity: 0.5; /* 初期 */}
to {opacity: 1; /* あと */}
}

h4,h3,h2,h1,ul,li,p,div,span,a,img,section{
margin:0;padding:0;}
.grid2-1col,.grid3-2col,.grid3-1col,.grid4-2col,.grid4-3col,.grid5-3col,.grid6-3col  {display: grid;}

li{list-style:none;}
.mb10{margin-bottom: 10px;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.fss{ /*注釈*/font-size:0.8em;line-height:1.5em;display:block;}
.fwr{ /*強調*/font-weight:bold;color:#900003;}
.fwb{font-weight:bold!important;}

.gap05{gap:0.5em;}
.gap10{gap:1.0em;}
.gap15{gap:1.5em;}
.font_s48 {font-size:4.8em;}
.font_s36 {font-size:3.6em;}
.font_s24 {font-size:2.4em;}
.font_s21 {font-size:2.2em;}
.font_s20 {font-size:2.0em;}
.font_s18 {font-size:1.8em;}
.font_s16 {font-size:1.6em;}
.font_s14 {font-size:1.4em;}
.font_s12 {font-size:1.2em;}
.font_s08 {font-size:0.8em;}
.font_s06 {font-size:0.6em;}
.font_s04 {font-size:0.4em;}

/* 共通　========================================================================== */

/*千成亭 共通カラー*/
.siro_c01{background-color:#cd0000; color:#fff;}/*鮮赤 数量限定*/
.siro_c02{background-color:#330306; color:#fff;}/*濃赤*/
.siro_c03{background-color:#660a0f; color:#fff;}/*濃濃赤*/
.siro_c04{background-color:#900003; color:#fff;}/*ブランド赤　売価　ボタンリンク*/
.siro_c05{background-color:#9f5d55; color:#fff;}/*薄赤*/
.siro_c06{background-color:#e9d5d2; color:#333;}/*薄薄赤*/
.siro_c07{background-color:#faf0e6; color:#333;}/*テーブル*/
.siro_c08{background-color:#fffaf0; color:#333;}/*薄黄色*/
.siro_c09{background-color:#006090; color:#fff;}/*ブランド捕色*/
.siro_c10{background-color:#0c4968; color:#fff;}/*濃捕色*/
.siro_c11{background-color:#472675; color:#fff;}/*紫*/

/*千成亭 共通グレー*/
.siro_g01{background-color:#666; color:#fff;}/*濃*/
.siro_g02{background-color:#999; color:#fff;}
.siro_g03{background-color:#ccc; color:#333;}
.siro_g04{background-color:#f0f0f0; color:#333;}/*薄*/
.siro_g05{background-color:#fff; color:#333; border:solid 2px #333; font-weight:bold;}/* 文字 */
.siro_g06{}/* グレー */
.siro_g07{}/* グレー */
.siro_g08{}/* グレー */
.siro_g09{}/* グレー */
.siro_g10{}/* グレー */

/*千成亭 共通文字カラー*/
.siro_f01{background-color:#333; color:#ffd500;}/* 文字gold1 */
.siro_f02{background-color:#333; color:#cfb221;}/* 文字gold2 */
.siro_f03{background-color:#fff; color:#333; border:solid 2px #333; font-weight:bold;}/* 文字標準 */
.siro_f04{background-color:#fff; color:#9e8508; border:solid 2px #9e8508; font-weight:bold;}/* 文字gold */
.siro_f05{background-color:#900003; color:#fff;}/*文字/売価 ボタンリンク ブランド赤*/
.siro_f06{}/* 文字 */
.siro_f07{}/* 文字 */
.siro_f08{}/* 文字 */
.siro_f09{}/* 文字 */
.siro_f10{}/* 文字 */

/*千成亭 共通アイコン/tagカラー*/
.sicon_items{background-color:#fff; color:#900003; border:solid 2px #900003; font-weight:bold;}/*tag 商品すべて ブランド赤*/
.sicon_frozen{background-color:#04bed6; color:#fff; border:solid 2px #04bed6; font-weight:bold;}/*tag 冷凍*/
.sicon_reizo{background-color:#fff; color:#04bed6; border:solid 2px #04bed6; font-weight:bold;}/*tag 冷蔵*/
.sicon_zyoon{background-color:#bd8904; color:#fff; border:solid 2px #bd8904; font-weight:bold;}/*tag 常温*/
.sicon_gifth{background-color:#427a33; color:#fff; border:solid 2px #427a33; font-weight:bold;}/*tag ギフト包装代込 重箱入*/
.sicon_giftz{background-color:#427a33; color:#fff; border:solid 2px #427a33; font-weight:bold;}/*tag ギフト包装代込 重箱入*/
.sicon_deli0{background-color:#7a4f33; color:#fff; border:solid 2px #7a4f33; font-weight:bold;}/*tag 送料無料/込*/
.sicon_limit{background-color:#cd0000; color:#fff; border:solid 2px #cd0000; font-weight:bold;}/*鮮赤　数量限定*/
.sicon_tobiz{background-color:#267175; color:#fff; border:solid 2px #267175; font-weight:bold;}/*tag 業務用*/
.sicon_{}/* アイコン */

/*文字*/
.snt_fmm01{font-family: "Shippori Mincho", serif; font-weight:400; font-style: normal;}
.snt_fmm02_600{font-family: "Shippori Mincho B1", serif; font-weight:600; font-style: normal;}
.snt_fmm02_800{font-family: "Shippori Mincho B1", serif; font-weight:800; font-style: normal;}
.snt_fmm03{font-family: "Sawarabi Mincho", serif; font-weight:400; font-style: normal;}

.snt_fmg01_200{font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight:200; font-style: normal;}
.snt_fmg01_300{font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight:300; font-style: normal;}
.snt_fmg01_400{font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight:400; font-style: normal;}
.snt_fmg01_600{font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight:600; font-style: normal;}
.snt_fmg02{font-family: "Sawarabi Gothic", sans-serif; font-weight:400; font-style: normal;}

.snt_fme01{font-family: "Zhi Mang Xing", cursive; font-weight:400; font-style: normal;}
.snt_fmm99{font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;}
.snt_fmg99{font-family: Meiryo,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif !important;}

/***********◆ PC ◆***************************************/
@media (770px <= width) {
.sp_only {display:none}
.grid2-1col {grid-template-columns:1fr 1fr;}
.grid3-2col,.grid3-1col {grid-template-columns:1fr 1fr 1fr;}
.grid4-2col,.grid4-3col {grid-template-columns:1fr 1fr 1fr 1fr;}
.grid5-3col {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
.grid6-3col {grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;}

.contents_main{
width:100%;
max-width:1100px;
margin:0 auto;
font-size:1.1em;
line-height:1.5em;
}
}
/***********◆ SP ◆***************************************/
@media (width < 770px) {
.pc_only {display:none}
.grid2-1col,.grid3-1col {grid-template-columns:1fr;}
.grid3-2col,.grid4-2col {grid-template-columns:1fr 1fr;}
.grid4-3col,.grid5-3col,.grid6-3col {grid-template-columns:1fr 1fr 1fr;}

.contents_main{
width:100%;
padding:0 0.7em;
margin:0 auto;
font-size:1em;
line-height:1.4em;
}
}



/* normalize.cssnormalize.css========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

body {margin: 0;}
main {display: block;}
h1 {font-size: 2em;margin: 0.67em 0;}

/* Grouping content
   ========================================================================== */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

a {background-color: transparent;}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,strong {font-weight: bolder;}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,kbd,samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}


small {font-size: 80%;}


sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {bottom: -0.25em;}
sup {top: -0.5em;}

/* Embedded content
   ========================================================================== */


img {border-style: none;}

/* Forms
   ========================================================================== */


button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}


button,
input { /* 1 */
  overflow: visible;
}


button,
select { /* 1 */
  text-transform: none;
}


button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}


button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}



button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}



fieldset {padding: 0.35em 0.75em 0.625em;}


legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}


progress {vertical-align: baseline;}
textarea {overflow: auto;}


[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}


[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}