@import "https://ukondo.itembox.design/item/use.fontawesome.com_releases_v5.13.0_css_all.css?t=20250709182407";

body {
    font-size: 15px;
    margin:0;
    padding:0;
    font: 300 14px/1.4 "Noto Sans Japanese", sans-serif;
}

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

a{
  color : #808080;
}

a:hover{
  color : #ff7043;
}

.col_4 a:hover img,.col_7 a:hover img,.col_9 a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



/****　ヘッダーここから　****/
.container {
    background-color: #fff;
    width: 100%;
}

.inner.desktop-only-view{
	width: 1200px;
	height: 100px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin:0 auto;
	justify-content:space-between;
}


@media screen and (max-width: 1024px) {
	.inner.desktop-only-view{
		display:none;
	}
	.inner.sp-only-view{
		display:inline!important;
	}
}

.inner.sp-only-view {
    display:none;
z-index: 10000000;
}


.logo {
	margin:30px 0 0 0;
	padding:0;

}

.logo img{
	width:300px;
}

.account-links{
      margin: 0 0 0 70px;
      position: relative;
      top: 45px;
      padding:0;
}

.account-links li {
      float: left;
      padding: 0px 5px;
      list-style: none;
}

.account-links li img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}




/***　検索窓　***/
.cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	top: 30px;
	right: 0;
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	padding: 10px 0;
	transition: opacity 1s;
	text-align: center;
	opacity: 0;
        z-index: 5000;
}

.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
	-webkit-animation: example 0.5s ease 0.5s 1 forwards;
	animation: example 0.5s ease 0.5s 1 forwards;
}

#form2{
position:relative;
}
#sbox2{
width:200px;
height:40px;
padding:0 5px;
position:absolute; 
left:0;
top:0; 
border: solid 1px #000000;
outline:0;
background:#ffffff;	
}
#sbtn2{
height:40px;
position:absolute; 
left:155px;/*アイコン左右の位置調整*/
top:0;
background-color: #000000;
color:#ffffff;
border: solid 1px #000000;
padding:0 10px;
font-size:15px;/*アイコンサイズ*/
z-index: 5000;
}


.sp__header {
	display: flex;
	justify-content:space-between;
	width: 100%;
	height: 80px;
z-index: 10000000;
}

.sp__header > div:first-child{
	width: 37%;
	position:relative;
	top:50px;
}

.sp__header > div:nth-child(2){
	width: 25%;
	position:relative;
	top:20px;
}

.sp__header > div:last-child{
	width: 37%;
	position:relative;
	top:30px;
	padding: 0 10px 0 0;
}

@media screen and (max-width: 896px) {
	.sp__header > div{
		width: 33%;
	}
	.sp__header > div:nth-child(2){
		width: 33%;
		top:20px;
	}
}

@media screen and (max-width: 480px) {
	.sp__header{
		height: 50px;
	}
	.sp__header > div:first-child{
		width: 35%;
		top:20px;
	}
	.sp__header > div:nth-child(2){
		width: 40%;
		top:15px;
	}
	.sp__header > div:last-child{
		width: 35%;
		top:0px;
		padding: 0;
	}
}

.sp__logo {
    margin:0 auto;
}

.sp__cart{
      margin: 0 0 0 auto;
}

.sp__cart li {
      float: right;
      padding: 0px 3px;
      list-style: none;
}



/*ログインログアウトの表示切り替えを行うCSS*/
.logout.my-false { display: none; }
.login.my-true { display: none; }
.regist.my-true { display: none; }


figure.fs-pt-carousel__slide{
      margin: 0;
      padding: 0;
}

.menubar {
  width: 100%;
  background-color: #333333;
}

@media screen and (max-width: 1024px) {
	.menubar{
		display:none;
	}
}


#dropmenu{
  max-width: 1200px;
  height: 45px;
  padding: 0 20px;
  margin: 0 auto;
  list-style-type: none;

}
#dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 18px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
  z-index: 10000;
}

#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #ffffff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
}
#dropmenu li:hover > a{
  background: #cccccc;
  color: #333333;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-bottom: 1px solid #84ccc6;
}
/****　ヘッダーここまで　****/




/* ++++ ドロワーここから ++++ */
	
/* チェックボックスを非表示 */
.menu-checkbox {
  display: none;
}

/* メニューボタンの装飾 */
.menu-button {
  display: block;
  position:relative;
  top: 0px;
  left: 20px;
  z-index: 2000;
  height: 20px;
  width: 30px;
  cursor: pointer;
}
.menu-button::before,
.menu-button::after {
  content: '';
  transition: .3s;
}
.menu-button::before,
.menu-button::after,
.menu-button span {
  display: block;
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  margin-top: -1px;
  background-color: #000000;
}
.menu-button::before {
  top: 0;
}
.menu-button::after {
  bottom: 0;
}
.menu-button span {
  top: 50%;
}

/* メニューボタンのアニメーション */
.menu-checkbox:checked ~ .menu-button{
  position: fixed;
  top: 0;
  left: 200px;
  background-color: #ffffff;
  padding: 20px;
}
.menu-checkbox:checked ~ .menu-button::after {
  top: 50%;
  transform: rotate(-45deg);
}
.menu-checkbox:checked ~ .menu-button span {
  display: none;
}
.menu-checkbox:checked ~ .menu-button::before {
  top: 50%;
  transform: rotate(45deg);
}
.menu-checkbox:checked ~ .menu-button::after {
  top: 50%;
  transform: rotate(-45deg);
}
.menu-checkbox:checked ~ .menu-button span {
  display: none;
}

/* ドロワーメニューの装飾 */
.drawer-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  height: 100%;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
  width: 200px;
  transform: translateX(-100%);
  transition: .5s;
  background-color: #fff;
}
.drawer-menu ul {
  margin: 0;
  padding: 0; 
  list-style-type: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.drawer-menu li {
  border-bottom: 1px dotted #ccc;
}

.drawer-menu li.th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}

.drawer-menu a {
  display: block;
  padding: 15px;
  color: #000000;
  text-decoration: none;
}

/* ドロワーメニューの開閉 */
.menu-checkbox:checked ~ .drawer-menu {
  transform: translateX(0);
}

/* ドロワーメニューの背景 */
.menu-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  cursor: pointer;
}
.menu-checkbox:checked ~ .menu-background {
  display: block;
}
/* ++++ ドロワーここまで ++++ */

/****　メインここから　****/

/* オススメ商品 */
main{
    min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
    position: relative;/* ←相対位置 */
    padding-bottom: 60px; /* ←フッターの高さを指定 */
    box-sizing: border-box;
    /* ↑ヘッダーやフッターを含むすべての要素の高さ＝min-height:100vhになるように指定 */
	padding: 20px 0 0 0;
}
.midashi {
	margin: 0 auto;
	font-size: 35px;
	text-align: center;
	padding: 50px 0 0 0;
	font-family: serif,sans-serif;
  border-bottom: solid 4px #ff9d30;
display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}



@media screen and (max-width: 896px) {
	.midashi {
		padding: 10px 0 5px 0;
}
}
@media screen and (max-width: 480px) {
	.midashi {
		font-size: 28px;
		padding: 10px 0 5px 0;
}
}
.after {
	font-size: 18px;
	color: #2E8B57;
	margin: 0 auto;
	display: block;
	padding: 20px 0;
border-bottom: none;
	font-family: serif,sans-serif;
	text-align: center;
font-weight: bold;
}

@media screen and (max-width: 480px) {
	.after {
		font-size: 14px;
}
}

.col_10{
	max-width: 1200px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin: 0 auto;
	padding: 0 0 50px 0;
}
.col_10 > div{
	width: 33%;
	padding: 0 5px 20px 5px;
}
.col_10 > div > div{
	position: relative;
	overflow: hidden
}

.price {
	font-size: 16px;
	font-family: serif,sans-serif;
	font-weight: bold;
        text-align:center;
        padding: 10px 0 0 0;
}

.price a{
	text-decoration: none;
	color: #000000;
}

.price a:hover{
	text-decoration: underline;
}

.img-wrap img {
	border: solid 5px #f5f5f5;
  position: relative;
}

.img-wrap .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
.img-wrap:hover .active {
  opacity: 1;
}

.col_10 > div p{
	font-size:12px;
	padding: 10px 5px 0 5px;
}


@media screen and (max-width: 896px) {
	.col_10{
		width: 100%;
	}
	.col_10 > div{
		width: 50%;
	}

}


.col_5{
	max-width: 1200px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin:0 auto;
	padding: 0 0 50px 0;
}
.col_5 > div{
	width: 20%;
	padding: 0 5px;
}
.col_5 > div > div{
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 1024px) {
	.col_5{
		width: 98%;
	}
	.price{
		font-size:14px;
	}
}
@media screen and (max-width: 896px) {
	.col_5{
		width: 100%;
	}
	.col_5 > div{
		width: 50%;
	}

}

/* 4列バナー */
.col_4{
	max-width: 1200px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin:0 auto;
	padding: 0 0 150px 0;
}
.col_4 > div{
	width: 25%;
	padding: 0 5px;
}

.catname{
	font-family: serif,sans-serif;
	text-align: center;
	font-size:18px;
	font-weight: bold;
}

.col_4 > div p{
	font-family: serif,sans-serif;
	text-align: center;
	font-size:12px;
	font-weight: bold;
}


@media screen and (max-width: 1024px) {
	.col_4{
		width: 98%;
	}
	.col_4 > div p{
		font-size:10px;
	}
}
@media screen and (max-width: 896px) {
	.col_4{
		width: 95%;
	}
	.col_4 > div{
		width: 100%;
		padding: 0 0 30px 0;
	}
	.col_4 > div p{
		font-size:15px;
	}
}


/* ビデオエリア */
.col_2{
	max-width: 1200px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin:0 auto;
	padding: 0;
	box-shadow: 0 0 25px rgba(0,0,0,.45);
}

.col_2 > div:first-child{
	width: 45%;
	padding: 25px 0 0 10px;
	font-family: serif,sans-serif;
	font-weight: bold;
}

.col_2 > div:last-child{
	width: 55%;
	line-height: 0;
}




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

	.col_2{
		width: 100%;
		display: flex;
		display: -ms-flexbox; /* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap; /* IE10 */
	}

	.col_2 > div{
		width: 100%;
	}

	.col_2 > div:first-child{
		width: 100%;
		margin: 0 0 15px 0;
		writing-mode: horizontal-tb;
	}

	.col_2 > div:last-child{
		width: 100%;
		margin: 0 0 25px 0;
	}
}

.col_2 > div h2 {
  padding: 0 0 5px 15px;
  margin: 0 ;
  font-size:18px;
}

.col_2 > div h3 {
  font-size:20px;
  color:#ff8c00;
  padding: 0 0 5px 15px;
  margin: 0 ;
}

.col_2 > div p {
  padding: 5px 15px 0 15px;
  font-size:14px;
}

@media screen and (max-width: 896px) {
	.col_2 > div h2 {
		font-size:20px;
		padding: 0 0 5px 15px;
	}
	.col_2 > div h3 {
		font-size:22px;
		padding: 0 0 5px 15px;
	}
	.col_2 > div p {
		font-size:15px;
		padding: 10px 10px 0 15px;
	}
}

@media screen and (max-width: 480px) {
	.col_2 > div h2 {
		font-size:18px;
		padding: 0 0 5px 10px;
	}
	.col_2 > div h3 {
		font-size:18px;
		padding: 0 0 5px 10px;
	}
	.col_2 > div p {
		font-size:12px;
		padding: 10px 10px 0 10px;
	}
}

.flat_btn {
    display: inline-block;
  padding: 10px 20px;
  margin: 15px 0 10px 15px;
    text-decoration: none;
    color: #000000;
    border: solid 1px #cccccc;
}

.flat_btn:hover {
    background: #000000;
    color: white;
    text-decoration:none; 
}

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

.flat_btn {
    display: inline-block;
    padding: 5px 35px;
    margin: 10px 0 0 15px;
    text-decoration: none;
    color: #000000;
    border: solid 1px #cccccc;
}
}


/* 3列カテゴリ */
.col_3{
	max-width: 1200px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin:0 auto;
	padding: 100px 0;
	font-family: serif,sans-serif;
}
.col_3 > div{
	width: 30%;
	padding: 0px;
	margin:0 auto;
	background: #ffffff;
	border: solid 1px #cccccc;
	border-radius: 10px;
	transition: all .4s ease-in-out;
}

.col_3 > div img{
	border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 896px) {
	.col_3{
		width: 100%;
		padding: 10px 0;
	}
	.col_3 > div{
		width: 90%;
		margin: 10px auto;
	}
}

.prodactname{
  font-size: 20px;
  padding: 5px 0 5px 0;
  font-weight: bold;
  text-align:center;
}

.col_3 > div p{
  font-size: 14px;
  padding: 5px 5px 5px 10px;
  text-align:left;
}

.col_3 > div:hover{
	box-shadow: 0 0 25px rgba(0,0,0,.45);
	filter: brightness(1.1);
}



/* 背景有エリア */
.backarea{
	width: 100%;

	background: url(https://ukondo.itembox.design/item/1174532.jpg?t=20250709182407) no-repeat top left, url(https://ukondo.itembox.design/item/1174529.jpg?t=20250709182407) no-repeat top right;
	background-size: 50%, 50%;
}

.col_7{
	max-width: 1200px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin:0 auto;
	padding: 0 0 50px 0;
}
.col_7 > div{
	width: 50%;
	padding: 10px;
}

@media screen and (max-width: 1024px) {
	.col_7 > div{
		width: 50%;
		padding: 0 0 40px 0;
	}
}

@media screen and (max-width: 896px) {
	.col_7 > div{
		width: 100%;
		padding: 40px 0 40px 0;
	}
}
@media screen and (max-width: 480px) {
	.col_7 > div{
		width: 100%;
		padding: 20px 0 20px 0;
	}
}

.group1{
	width: 100%;
	padding: 20px 0;
	margin:0 auto;
}

.group2{
	width: 100%;
	padding: 20px 0;
	margin:0 auto;
}



/* インフォメーション */
ul.info{
  padding:0px;
}

.info li{
  border-bottom:1px dotted #000;
  list-style:none;
  padding:10px;
  max-width:1200px;
  margin:0 auto;
}
.info a{
  color:#000;
  text-decoration:none;
}
.info span{
  background-color:#2388b8;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  margin-right:20px;
  padding:5px;
}
.info time{
  display: inline-block;
  font-weight: bold;
  margin-right:40px;
}
.info p{
  color:#1c448d;
  display: inline-block;
  text-decoration:underline;
}
.new::after{
  content:"NEW";
  color: #d10606;
  font-size: 1.1rem;
  border: 1px solid #d10606;
  padding: 4px 8px;
  margin: 0 0 0 20px;
  display: inline-block;
  line-height: 1;
}

@media screen and (max-width: 1024px) {
	.info li {
		width: 95%;
	}
}
@media screen and (max-width: 896px) {
	ul.info {
		margin: 0 0 100px 0;
	}
}
@media screen and (max-width: 480px) {
	ul.info {
		margin: 0 0 50px 0;
	}
	.info p{
		margin: 5px 0 5px 0;
	}
	.new::after{
		margin: 5px 0 0 0 ;
	}
}


/* ウコン堂について */
.col_1{
	max-width: 1200px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin:0 auto;
	padding: 10px 0 20px 0;
}
.col_1 > div{
	width: 50%;
	padding: 10px;
}

.col_1 > div p{
	font-size: 16px;
	padding: 10px 0 15px 0;
	line-height: 170%;
	font-family: serif,sans-serif;
	font-weight: bolder;
}

@media screen and (max-width: 1024px) {
	.col_1 {
		width: 95%;
		padding: 0 0 30px 0;
	}
}

@media screen and (max-width: 896px) {
	.col_1 > div{
		width: 100%;
		padding: 0 0 5px 0;
	}
	.col_1 > div p{
		padding: 0 0 15px 0;
	}
}


/* 会社概要バナー */
.col_9{
	max-width: 1200px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin:0 auto;
	padding: 0 0 30px 0;
}
.col_9 > div{
	width: 50%;
	padding: 0 5px;
}
@media screen and (max-width: 896px) {
	.col_9 > div{
		width: 100%;
	}
}

/* 電話・FAX注文 */
.col_8{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin:0 auto;
	background-color:#ffffff;
	border: solid 1px #000000;
	padding: 0 0 10px 0;
}

.midashi2 {
  width: 100%;
  font-size: 20px;
  border-bottom: solid 1px black;
  padding: 0 0 10px 10px;
}

.col_8 > div{
	width: 50%;
	padding: 0 0 0 10px;
}

.telnumber{
	font-size: 25px;
	font-weight: 900;
	padding: 0 0 0px 0;
}

.telnumber a {
    color: #000000;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
	.col_8 > div {
		font-size: 12px;
	}
}

@media screen and (max-width: 896px) {
	.col_8 > div{
		width: 100%;
		font-size: 30px;
		padding: 0 0 10px 10px;
	}
	.midashi2{
		font-size: 35px;
	}
	.telnumber{
		font-size: 40px;
	}
}

@media screen and (max-width: 480px) {
	.col_8 > div{
		width: 100%;
		font-size: 18px;
		padding: 0 0 10px 10px;
	}
	.midashi2{
		font-size: 25px;
	}
	.telnumber{
		font-size: 30px;
	}
}

/* ブログ */
.blog {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
 }

 .blogbox {
   max-width: 1200px;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin: 10px auto;
  border: solid 5px #f5f5f5;
  padding: 10px;
 }

 .kizi {
     width: 55%;
     margin: 0;
     padding: 0 15px;
 }
 .blogimg {
     width: 45%;
     margin: 0;
     padding: 0;
 }

 .blogimg > img {
     width: 100%;
     vertical-align:top;
 }


 .blogimg > video {
     width: 100%;
     margin: 0;
     padding: 0;
     text-align:center;
 }

 .kizi h1 {
   text-align: center;
 }

 .tantou {
   text-align: right;
 }

 .kizi span {
    background-color: #FFFF00;
    display: inline-block;
    margin-right: 20px;
    padding: 5px;
    font-weight: bold;
}

@media screen and (max-width: 896px) {
  .blogbox{
    margin: 10px;
  }
     .kizi {
         width: 100%;
         margin: 0;
         padding: 0 0 10px 0;
     }
     .blogimg {
         width: 100%;
         margin: 0;
         padding: 0;
     }
 }

/* 001 */
.button001 a {
    background: #eee;
    border-radius: 25px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 200px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    text-decoration: none;
}
.button001 a:hover {
    background: #313131;
    color: #FFF;
}
.button001 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button001 a:hover:after {
    border-color: #FFF;
}

.button002 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:0 auto;
    padding: .9em 2em;
    border: 1px solid #000000;
    border-radius: 25px;
    background-color: #fff;
    color: #000000;
    font-size: 1em;
}

/* とれたて沖縄フルーツ */

.todayseika {
  max-width: 1200px;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin: 10px auto;
  background-color: #FFEFD5;
  padding: 20px;
border-radius: 20px;
position: relative;
}

@media screen and (max-width:768px) {
.todayseika {
     width: 95%;
     margin: 10px;
     padding: 10px 0;
position: static;
 }
 }

.todayseikatitt{
     width: 50%;
text-align:center;
position:absolute;
top: 10px;
left: 45%;
}

.todayseikatitt > img {
     width: 100%;

}

@media screen and (max-width:768px) {
.todayseikatitt {
     width: 100%;
     margin: 0;
     padding: 0;
position: static;
 }

.todayseikatitt > img {
     width: 98%;

}

 }


.todayseikaimg {
     width: 43%;
     margin: 0;
     padding: 10px;
z-index: 1000;
position: relative;
 }

@media screen and (max-width:768px) {
.todayseikaimg {
     width: 100%;
     margin: 0 auto;
     padding: 10px;
text-align:center;
z-index: 1;
 }
 }


.todayseikaimg p{
animation: flash 2s linear infinite;
  background-color: #FF0000;
color: #ffffff;
font-weight: bold;
text-align:center;
border-radius: 50%;
     width: 20%;
padding: 10px;
position:absolute;
top: -10px;
left: -30px
}

@keyframes flash {
  0% {
    opacity: 0;
  }
  
  100% {
    opacity: 1;
  }
}


@media screen and (max-width:768px) {
.todayseikaimg p {
     position:absolute;
top: 0;
left: 10px;
border-radius: 50%;
     width: 20%;
 }
 }


.todayseikaimg > img {
     width: 100%;
     border-radius: 20px;
     vertical-align:top;
 }

@media screen and (max-width:768px) {
.todayseikaimg > img {
     width: 90%;
     margin: 0 auto;
     padding: 0;
 }
 }

.todayseikacommen{
     width: 55%;
position:relative;
}

@media screen and (max-width:768px) {
.todayseikacommen {
     width: 100%;
     margin: 0;
     padding: 10px;
 }
 }





.todayseikatext{
     width: 115%;
  background-color: #ffffff;
border-radius: 20px;
border: dashed 1px #ed6b04;
position:absolute;
top: 110px;
left: -70px
}

@media screen and (max-width:768px) {
.todayseikatext {
     width: 100%;
     margin: 0;
     padding: 0;
position: static;
 }
 }

.fur{
  font-size:1.8em;
font-weight: bold;
text-align:center;
padding: 10px 0 10px 0px;
margin: 0;
color: #f47404;
}

@media screen and (max-width:768px) {
.fur {
     font-size:1.6em;
 }
 }


.fur span{
font-size:0.5em;
  background-color: #FF0000;
color: #ffffff;
font-weight: bold;
text-align:center;
padding: 5px;
margin: 0 20px 0 0;
vertical-align: middle;
}

.todayseikatext p{
color: #000000;
padding: 0 0 10px 80px;
}

@media screen and (max-width:768px) {
.todayseikatext p {
     padding: 0 10px;
 }
 }

.seikatel {
padding: 0 0 10px 80px;
     width: 95%;
display: flex;
      flex-wrap: wrap;
vertical-align: middle;
}

@media screen and (max-width:768px) {
.seikatel {
     padding: 0;
     width: 100%;
margin: 0 auto;
 }
 }

.seikatel-annai {
     width: 100%;
font-size:0.8em;
  background-color: #ffc02c;
color: #ffffff;
font-weight: bold;
text-align:center;
padding: 5px;
margin: 0 20px 0 0;
vertical-align: middle;
}

@media screen and (max-width:768px) {
.seikatel-annai {
     padding: 10px 0;
     margin: 0 auto;
font-size:1.0em;
     width: 90%;
text-align:center;
 }
 }

.seikatel-freedial {
     width: 45%;
  margin:0;
  padding:0;
}

@media screen and (max-width:768px) {
.seikatel-freedial {
     padding: 0;
     width: 100%;
text-align:center;
 }
 }

.seikatel-eigyou {
     width: 50%;
  margin:0;
  padding: 15px 0 0 0;
}

@media screen and (max-width:768px) {
.seikatel-eigyou {
     padding: 10px 0;
     width: 100%;
text-align:center;

 }
 }

.seikatel-freedial a {
font-size:2.5em;
font-family: 'arial',sans-serif;
color: #de5602;
font-weight: bold;
vertical-align: middle;
text-decoration: none;
}

@media screen and (max-width:768px) {
.seikatel-freedial a{
     font-size:2.5em;
  margin:0;
  padding:0;
 }
 }

.seikatel-freedial > img {
     width: 20%;
vertical-align: middle;
padding: 0 10px 0 0;
}

@media screen and (max-width:768px) {
.seikatel-freedial > img {
     width: 15%;
 }
 }


/*　ご利用ガイド */
.goriyoguid{
   max-width: 1200px;
margin: 0 auto;
text-align:center;
 }

.goriyoguid h1 {
  font-size: 2.5em;
     text-align:center;
padding: 10px 0;
font-family: serif,sans-serif;
}


.goriyoguid h2 {
  font-size: 1.8em;
  border-bottom: solid 2px #cccccc;
padding: 5px 0;
font-family: serif,sans-serif;
}

.guid_index {
   display: inline-block;
   width: 24%;
margin: 0 auto;
text-align:center;
vertical-align:top;
 }

@media screen and (max-width:768px) {
  .guid_index {
    width: 48%;
  }
 }

.guid_wrap {
margin: 10px auto;
  border: solid 5px #f5f5f5;
  padding: 5px;
     text-align:center;
    border-radius: 25px;
vertical-align:top;
 }

.guid_wrap > img{
   width: 25%;
margin: 0 auto;
     text-align:center;
 }

.guid_wrap:hover {
	opacity: 0.5 ;
}

@media screen and (max-width:768px) {
  .guid_wrap > img{
    width: 50%;
  }
 }

.guid_titl{
font-size: 1.5em;
    color: #313131;
    font-weight: bold;
padding: 10px 0;
}

.guid_wrap p {
text-align:left;
}

a.btn_07 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 98%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	color: #696969;
	border-bottom: 2px solid #696969;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
}
a.btn_07:hover {
	color: #fff;
	background: #696969;
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
}

@media screen and (max-width:768px) {
  a.btn_07 {
    padding: 5px;
  }
 }

/* お電話にて注文　*/

.telguid{
   max-width: 600px;
margin: 0 auto;
     text-align:center;
 }

.telguid h1 {
  font-size: 2.5em;
     text-align:center;
padding: 10px 0;

}

.telguiffree {
  border: dashed 2px #cccccc;
background: #FFFAF0;
padding: 10px;
   border-radius: 25px;
text-align:center;
}

@media screen and (max-width:768px) {
  .telguiffree {
    margin: 0 10px;
  }
 }


.telguiffree h2 {
    padding: 5px;
  border: 1px solid #666666;
width: 50%;
text-align:center;
margin: 0 auto;
color: #666666;
font-weight: bold;
}

@media screen and (max-width:768px) {
  .telguiffree h2 {
    width: 90%;
  }
 }

.telguiffree a {
font-size:3.5em;
font-family: 'arial',sans-serif;
color: #de5602;
font-weight: bold;
vertical-align: middle;
text-decoration: none;
}

@media screen and (max-width:768px) {
  .telguiffree a {
    font-size:3em;
  }
 }

.faxguidenumber {
font-size:3.5em;
font-family: 'arial',sans-serif;
color: #de5602;
font-weight: bold;
vertical-align: middle;
text-decoration: none;
}

@media screen and (max-width:768px) {
  .faxguidenumber {
    font-size:1em;
  }
 }

.teiguidicon > img {
     width: 10%;
vertical-align: middle;
padding: 0 0 10px 0;
}

@media screen and (max-width:768px) {
  .teiguidicon > img {
    width: 20%;
  }
 }

.telguiffree > img {
     width: 10%;
vertical-align: middle;
padding: 0 10px 0 0;
}

@media screen and (max-width:768px) {
  .telguiffree > img {
    width: 15%;
  }
 }

.faxguidenumber > img {
     width: 10%;
vertical-align: middle;
padding: 0 10px 0 0;
}

@media screen and (max-width:768px) {
  .faxguidenumber > img {
    width: 15%;
  }
 }

.telguiffree p {
font-size:1.5em;
font-family: 'arial',sans-serif;
color: #de5602;
font-weight: bold;
vertical-align: middle;
}

@media screen and (max-width:768px) {
  .telguiffree p {
    font-size:1em;
  }
 }

.telguiffree p.telcome
 {
font-family: 'arial',sans-serif;
color: #ffffff;
background: #666666;
vertical-align: middle;
font-size:1em;
padding:5px 0;
margin:5px 10px;
}

@media screen and (max-width:768px) {
  .telguiffree p.telcome {
    font-size:0.8em;
  }
 }


.faxyousi a {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	padding: 5px 10px;
	font-weight: bold;
	border: 2px solid #696969;
	background: #696969;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
font-size: 1.2em;
width: 50%;
}

@media screen and (max-width:768px) {
  .faxyousi a {
    width: 90%;
  }
 }

.faxyousi a:hover {
	color: #696969;
	background: #fff;
}

/* ハガキでご注文　*/

.hagakiguid{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }

.hagakiguid h1 {
  font-size: 2.5em;
     text-align:center;
padding: 10px 0;

}

.hagakinaiyou {
background: #de5602;
padding: 10px 25px;
 font-size: 1.6em;
color:#ffffff;
}

.hagakinaiyou p{
background: #ffffff;
padding: 10px 0;
color: #de5602;
margin: 10px 0;
 font-size: 0.8em;
border-radius: 25px;
line-height: 1.8em;
}

.hagakinaiyou p span{
background: #de5602;
padding: 0 10px;
color: #ffffff;
 font-size: 1.2em;
font-weight: bold;
}

.hagakiguid > img {
margin: 0 auto;
 }

@media screen and (max-width:968px) {
  .hagakiguid > img {
    width: 100%;
  }
 }


/*　配送送料について　*/

.haisouryou{
   max-width: 1200px;
margin: 0 auto;
    padding: 0;
 }

.haisouryou h1 {
  font-size: 2.5em;
     text-align:center;
padding: 10px 0;
font-weight: bold;
background: #FFA500;

}

.haisou_midasi {
  border-bottom: solid 2px #FFA500;
padding: 5px 0;
font-weight: bold;
margin: 10px 0;
font-size: 1.5em;
}

.haisou_koumoku {
  font-weight: bold;
  padding: 0.5em;
font-size: 1.2em;

}

.haisouryou p  {
padding: 10px;

}

/** NB商品・原料 **/

.nbgenryo{
   max-width: 1200px;
margin: 0 auto;
 }

.nbgenryo h1 {
  font-size: 2.5em;
     text-align:center;
padding: 10px 0;

}

.nbgenryo_list {
padding: 0;
  border: solid 2px #ffb107;
margin: 0 5px
}

.nbgenryo_list h2 {
  background: #ffb107;
padding: 10px 0;
text-align:center;
margin:0;
color: #ffffff;
  font-weight:bold;
}

.nbgenryo h3  {
  font-size: 1.8em;
padding: 0;
margin: 0 0 10px 5px;
  font-weight:bold;
}

ol.nbgenryo_list_number {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0 10px;
margin:0;

}
ol.nbgenryo_list_number li {
  border-bottom: dashed 1px orange;
  position: relative;
  padding: 15px 0 15px 45px;
  line-height: 1.5em;
font-size: 1.2em;
}
ol.nbgenryo_list_number li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffb107;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 20px;
  border-radius: 50%;
  left: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.nbgenryo_list_number li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}

.nbgenryo_ukon table{
  border-collapse: collapse;
  width: 100%;
}
.nbgenryo_ukon .tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}


.nbgenryo_ukon .tb01 th {
  background: #9ACD32;
  color: #fff;
  
}

.nbgenryo_ukon .tb01 td > img{
  width: 170px;
}

@media screen and (max-width: 640px) {
  .nbgenryo_ukon .tb01 .head{
    display:none;
  }
  .nbgenryo_ukon .tb01 {
    width: 100%;
  }
  .nbgenryo_ukon .tb01 td,
  .nbgenryo_ukon .tb01 th{
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .nbgenryo_ukon .tb01 td{
    padding: 0px 12px 0 0;
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
  }
  .nbgenryo_ukon .tb01 td:before{
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    padding: 0px 10px;
    display: inline;
    background-color: #008000;
    margin-right: 10px;
    float: left;
  }
  .nbgenryo_ukon .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }

.nbgenryo_ukon .tb01 td > img{
  text-align:center;
  width: 100%;
margin: 0 auto;
}
}

.free_toiawase {
  background: #DCDCDC;
padding: 10px;
margin: 20px auto;
    border-radius: 25px;
}

.free_toiawase_h  {
  font-size: 2em;
padding: 10px 0 0 0;
margin:0;
text-align:center;
font-weight: bold;
}

.free_toiawase_telfax {
display: flex;
  background: #DCDCDC;
padding: 5px;
margin: 10px auto;
    border-radius: 25px;
}

.free_toiawase_tel {
  width:33%;
padding: 0 5px 10px 5px;
margin:0 3px;
text-align:center;
background: #ffffff;
border-radius: 25px;
}



@media screen and (max-width:768px) {
  .free_toiawase {
    margin: 0 5px;
  }
  .free_toiawase_telfax {
    display: block;
  }
  .free_toiawase_tel {
    width: 100%;
    margin:5px 0;
  }
 }

.free_toiawase_tel_h {
  font-size: 1.6em;
padding: 10px 0 5px 0;
margin:0;
text-align:center;
border-bottom: dashed 2px #de5602;
color: #de5602;
}

.free_toiawase_tel a {
font-size:2.5em;
font-family: 'arial',sans-serif;
color: #de5602;
font-weight: bold;
vertical-align: middle;
text-decoration: none;
}



.free_toiawase_tel_fax {
font-size:2.5em;
font-family: 'arial',sans-serif;
color: #de5602;
font-weight: bold;
vertical-align: middle;
text-decoration: none;
}


.free_toiawase_tel > img {
width:30px;
vertical-align: middle;
padding: 0 10px 0 0;
}

.free_toiawase_tel_fax > img {
width:30px;
vertical-align: middle;
padding: 0 10px 0 0;
}

.free_toiawase_mail {
  background: #ffffff;
padding: 10px;
margin: 20px auto;
    border-radius: 25px;
}

.free_toiawase_mail_btn a {
    border: 1px solid #de5602;
    background: #de5602;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 15px 10px 0 10px;
    max-width: 800px;
    padding: 10px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
text-decoration: none;
font-size:1.6em;
}

@media screen and (max-width:768px) {
  .free_toiawase_mail_btn a{
    font-size:0.5em;
  }
  .free_toiawase_mail_btn{
    font-size:0.5em;
  }
 }

.free_toiawase_mail_btn a:hover {
    background: #ffffff;
    border: 1px solid #de5602;
    color: #de5602;
}
.free_toiawase_mail_btn a:after {
    content: '';
    width: 15px;
    height: 15px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 48%;
    right: 30px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.free_toiawase_mail_btn a:hover:after {
    border-color: #de5602;
}

.free_toiawase_tel_anai {
font-size:1.2em;
color: #de5602;
font-weight: bold;
}

@media screen and (max-width:768px) {
.free_toiawase_h {
  font-size: 1.5em;
}

.free_toiawase_tel a {
font-size:2.5em;
}

.free_toiawase_tel_fax {
font-size:1em;
}

.free_toiawase_tel_anai {
font-size:1em;
}
 }

.free_toiawase_tel_come {
font-size:0.9em;
}

/** OEM・法人 **/
.oemzyutaku{
   max-width: 1200px;
margin: 0 auto;
 }

.oemzyutaku h1 {
  font-size: 2.5em;
     text-align:center;
padding: 10px 0;

}

.oemzyutaku_list {
padding: 0;
  border: solid 2px #ffb107;
margin: 0 5px
}

.oemzyutaku_list h2 {
  background: #ffb107;
padding: 10px 0;
text-align:center;
margin:0;
color: #ffffff;
  font-weight:bold;
}

.oemzyutaku h3  {
  font-size: 1.8em;
padding: 0;
margin: 0 0 10px 5px;
  font-weight:bold;
}

.oemzyutaku h3 span  {
    background: #000000;
color:#fff;
padding: 5px 10px;
margin: 0 5px 0 0;
}

@media screen and (max-width:768px) {
  .oemzyutaku h3  {
  font-size: 1.6em;
line-height: 2em;
}
 }

ol.oemzyutaku_list_number {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0 10px;
margin:0;

}
ol.oemzyutaku_list_number li {
  border-bottom: dashed 1px orange;
  position: relative;
  padding: 15px 0 15px 45px;
  line-height: 1.5em;
font-size: 1.2em;
}
ol.oemzyutaku_list_number li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffb107;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 20px;
  border-radius: 50%;
  left: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.oemzyutaku_list_number li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}

.oemzyutaku_kikai{
  margin:0;
display: inline-block;
}

.oemzyutaku_kikai_list{
float: left;
    width: 24%;
  margin:5px;
  border:1px solid #228B22;
padding: 0;
}

@media screen and (max-width:768px) {
  .oemzyutaku_kikai_list{
    width: 47%;
}
 }

.oemzyutaku_kikai_list p{
  background:#228B22;
text-align:center;
color:#fff;
font-size:1.5em;
padding: 5px 0;
}

.oemzyutaku_kikai_list > img{
    width: 98%;
text-align:center;
}

/* 法人へ　*/
.houzin{
   max-width: 1200px;
margin: 0 auto;
    padding: 0;
 }


.houzin_annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
margin: 0 auto;
text-align:center;
}
.houzin_annai > *{
    width: 49%;
margin: 0 5px;
text-align:center;
}

.houzin_annai a img:hover {
  opacity: 0.7;
}


@media screen and (max-width: 960px) {
    .houzin_annai > *{
        width: 100%;
margin: 5px;
    }
}

/* アクションプラン　*/

.actionplan_index {
   max-width: 1200px;
margin: 0 auto;
text-align:center;
display:flex;
}

.actionplan_waku {
      width: 100%;
    display: flex;
    flex-wrap: wrap;
margin: 0 auto;
text-align:center;
}

.actionplan_index h1 {
  font-size: 1.8em;
  border-bottom: solid 2px #cccccc;
padding: 5px 0;
font-family: serif,sans-serif;
width: 100%;
display:block;
}

@media screen and (max-width: 960px) {
    .actionplan_index h1{
        font-size: 1.6em;
    }
}


.actionplan {
width:40%;
margin: 0 auto;
text-align:center;
border-radius: 25px;
padding: 10px;
}

.actionplan_wrap {
margin: 0 auto;
text-align:center;
border: solid 1px #cccccc;
border-radius: 25px;
padding: 0;
transition: all .4s ease-in-out;
}

@media screen and (max-width: 960px) {
    .actionplan{
        width: 48%;
        padding: 0 1px;
        margin: 0 auto;
    }
}

.actionplan a {
  text-decoration: none;
color: #000000;
}

.actionplan_wrap:hover{
	box-shadow: 1px 1px 12px rgba(0,0,0,.65);
}

.action_img {
   width: 100%;
  margin: 0px;
  padding: 0px;
text-align:center;
}

.action_img > img{
   width: 100%;
margin: 0 auto;
border-radius: 25px 25px 0 0;
vertical-align:top;
}

.actiondite{
   width: 100%;
margin: 0 auto;
}



.actiontitl{
   font-weight: bold;
  margin: 0px;
  padding: 10px 0;
text-align:center;
font-size: 1.8em;
font-family: serif,sans-serif;
}

.actiondite p{
     padding: 0 0 20px 0;
text-align: center;
}

.actiondite p.hanbun{
     padding: 0 0 0 0;
text-align: center;
font-size: 0.88em;
}

.actiondite p.action_sponly{
     padding: 0 0 20px 0;
text-align: center;
}

@media screen and (max-width: 960px) {
    .actiontitl{
        font-size: 1em;
    }
    .actiondite p{
        padding: 0 5px 10px 5px;
        text-align: left;
    }
    .actiondite p.hanbun{
        padding: 0 5px 60px 5px;
        text-align: left;
        font-size: 1em;
    }
    .actiondite p.action_sponly{
        padding: 0 5px 30px 5px;
        text-align: left;
    }
}

/* 商品一覧 */

.itemlistpage{
   max-width: 1200px;
margin: 0 auto;
padding: 0 0 30px 0;
     text-align:center;
 }

.itemlistpage-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.itemlistpage-main{
    width: 32% ;
text-align:center;
margin: 0 5px;
padding: 0;
border: solid 3px #ff9d30;
border-radius: 25px;
background: #ff9d30;
transition: all .4s ease-in-out;
}

@media screen and (max-width:768px) {
  .itemlistpage-main {
    width: 48% ;
border-radius: 15px;
margin: 0 3px 10px 3px;
  }
 }

.itemlistpage-main:hover{
	box-shadow: 1px 1px 12px rgba(0,0,0,.65);
}

.itemlistpage-main img{
border-radius: 24px 24px 0 0;
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .itemlistpage-main img {
border-radius: 15px 15px 0 0;
  }
 }

.itemlistpage-main a{
text-decoration: none;
}

.itemlistpage-main a p{
font-size: 2em;
color: #ffffff;
font-family: serif,sans-serif;
border-radius: 0 0 25px 25px;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .itemlistpage-main a p {
    font-size: 1em;
  }
 }


.itemlistpage2nd{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }

.itemlistpage2nd h1 {
  font-size: 2.5em;
     text-align:center;
padding: 10px 0;

}

.itemlistpage2nd-haisousetumei{
font-size: 1.2em;
color: #ff0000;
padding : 0;
font-weight: bold;
margin: 0;
 text-align:left;
}

.itemlistpage2nd-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.itemlistpage2nd-main{
    width: 24% ;
margin: 10px 5px;
padding: 0;
}

@media screen and (max-width:768px) {
  .itemlistpage2nd-main {
    width: 47% ;
  }
 }

.itemlistpage2nd-main img{
    width: 100% ;
margin: 10px auto;
vertical-align:top;
}

.itemlistpage2nd-main a{
text-decoration: none;
}


.itemlistpage2nd-name{
font-size: 1em;
color: #666666;
font-family: serif,sans-serif;
padding : 5px 0;
font-weight: bold;
margin: 0;
}

.kugani{
font-size: 1em;
color: #666666;
font-family: serif,sans-serif;
padding : 5px 0;
font-weight: bold;
margin: 0;
}

.fruits3gyo{
height: 50px;
}

a.itemlistpage2nd-name:hover{
　text-decoration:underline;
}

.itemlistpage2nd-price{
font-size: 1.1em;
color: #666666;
padding : 5px 0;
margin: 5px 0 20px 0;
}

.hanbun{
font-size: 1.1em;
color: #666666;
padding : 5px 0;
margin: 5px 0 20px 0;
}

.longcome{
font-size: 1.1em;
color: #666666;
padding : 5px 0;
margin: 5px 0 20px 0;
}

.itemlistpage2nd-price span{
font-size: 1em;
font-weight: bold;
color: #ffffff;
background:#FF0000;
padding : 3px 5px;
margin: 0 0 0 5px;
}

@media screen and (max-width:768px) {
  .itemlistpage2nd-name {
     height: 40px;
  }

  .fruits3gyo {
     height: 70px;
  }

  .itemlistpage2nd-price {
     height: 70px;
margin: 5px 0 ;
font-weight: bold;
  }
  .hanbun{
     height: 40px;
margin: 5px 0 ;
  }
.longcome{
     height: 100px;
margin: 5px 0 ;
}

  .itemlistpage2nd-price span {
    width: 80% ;
    display: block;
     text-align:center;
     margin: 0 auto;
  }

 }

.itemlistpage2nd-btn {
  color: #fff;
  background-color: #000000;
border: solid 1px #000000;
border-radius: 10px;
font-size: 1em;
padding : 10px 30px;
margin: 10px 0 20px 0;
}
.itemlistpage2nd-btn:hover {
  color: #000000;
  background: #ffffff;
}

/* お悩み別　*/

.onayami{
   max-width: 1200px;
margin: 0 auto;
    padding: 0;
 }

.onayami_wrap {
      width: 100%;
    display: flex;
    flex-wrap: wrap;
margin: 0 auto;
}

.onayami_list{
  background: #f0f0f0;
  position: relative;
  padding: 20px 20px;
width:49%;
margin: 5px auto;
border-radius: 25px;
text-align:left;
}

@media screen and (max-width:768px) {
.onayami_list {
     width: 100%;
     margin: 0 auto;
     padding: 15px 5px;
margin: 5px;
 }
 }

.onayami_list_img{
position:absolute;
bottom: 3px;
right: 50px
}

.onayami_list_img > img{
   width: 160px;
}

@media screen and (max-width:768px) {
.onayami_list_img {
     position:absolute;
bottom: 15px;
right: 20px
 }
.onayami_list_img > img {
     width: 110px;
 }
 }

.onayami_list:hover{
	background: #e0e0e0;
}

.onayami_list a {
  text-decoration: none;
}



.onayami_list:before {
    content: '';
    width: 15px;
    height: 15px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width:768px) {
.onayami_list:before {
    width: 10px;
    height: 10px;
    top: 50%;
    right: 10px;
 }
 }

.onayami_list:hover::before{
    right: 15px;
}

.onayami_list_tit{
  color: #333333;
   font-weight: bold;
  font-size: 2.6rem;
  padding: 0 0 10px 10px;
margin: 0;
font-family: serif,sans-serif;

}

@media screen and (max-width:768px) {
.onayami_list_tit {
     font-size: 2rem;
 }
 }

.onayami_list_ep{
  background: #ffffff;
  font-size: 1.5rem;
  padding: 20px 10px;
margin: 0 20px 0 10px;
border-radius: 10px;
}

@media screen and (max-width:768px) {
.onayami_list_ep {
     margin: 0 30px 0 5px;
  padding: 15px 10px;
 }
 }

.onayami_list_ep li{
  color: #333333;
  padding: 3px 0;
list-style-type: none!important;/*ポチ消す*/
}

.onayami_list_ep li > img{
   width: 25px;
margin: 0 auto;
padding: 0 10px 0 0;
vertical-align: middle;
}

@media screen and (max-width:768px) {
.onayami_list_ep li > img {
     width: 20px;
 }
 }

/*　ウコン堂の特徴　*/

.tokucho{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }


a.btn-tag {
width:100%;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 10px 0 10px 20px;
  margin: 5px 0;
  background: #e8e8e8;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #666666;
  border-radius: 0.5rem;
}

@media screen and (max-width:768px) {
a.btn-tag {
padding: 10px 55px 10px 10px;
     font-size: 1.6rem;
  margin: 0;
 }
 }

a.btn-tag:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  content: "";
  border-radius: 0 0.5rem 0.5rem 0;
  background: rgba(0, 0, 0, 0.07);
}

a.btn-tag:hover {
  color: #666666;
  background: #d8d8d8;
}

.arrow-right,.mobonly {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 10px;
  border-top: 4px solid #666;
  border-right: 4px solid #666;
  transform: rotate(45deg);
  position: absolute;
  top: 15px;
  right: 10px;
}



@media screen and (max-width:768px) {
.arrow-right {
  width: 15px;
  height: 15px;
 }
.mobonly {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 25px;
  right: 10px;
 }
 }

/*　ウコン堂の老舗　*/
.shinise{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
padding: 20px 0 0 0;

 }

.shinise-midashi {
  font-size: 35px;
  font-weight: bold;
font-family: serif,sans-serif;
  padding: 10px 0;
  text-align: center;
}

.shinise-midashi p{
  font-size: 25px;
  padding: 0;
}

@media screen and (max-width:768px) {
.shinise-midashi {
     font-size: 25px;
 }
.shinise-midashi p{
     font-size: 15px;
 }

 }

.shinise p.shinise-naiyou{
  font-size: 18px;
line-height: 30px;
  padding: 10px 0;
  
}
@media screen and (max-width:768px) {
.shinise p.shinise-naiyou {
     text-align: left;
     font-size: 15px;
     line-height: 20px;
     padding: 10px;
 }
 }

/*　沖縄県内の自社及び契約農家さんの畑で無農薬栽培をしています　*/
.munouyaku{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
padding: 20px 0 0 0;
 }

.munouyaku-midashi {
  font-size: 35px;
  font-weight: bold;
font-family: serif,sans-serif;
  padding: 10px 0;
  text-align: center;
}

@media screen and (max-width:768px) {
.munouyaku-midashi {
     font-size: 25px;
 }
 }


.munouyaku-naiyou{
  font-size: 18px;
line-height: 30px;
  padding: 10px 0;
  
}

.munouyaku-naiyou span{
  background: linear-gradient(transparent 50%, #FFFF00 30%);
  font-weight: bold;
  color: #FF0000;
}

@media screen and (max-width:768px) {
.munouyaku-naiyou {
     text-align: left;
     font-size: 15px;
     line-height: 20px;
     padding: 10px;
 }
 }


.munouyaku-last span {
  font-size: 35px;
  font-weight: bold;
font-family: serif,sans-serif;
  padding: 0;
  text-align: center;
background: linear-gradient(transparent 50%, #FFFF00 30%);
}

@media screen and (max-width:768px) {
.munouyaku-last span {
     font-size: 25px;
 }
 }

/*　GMP認定の自社工場　*/
.zisyakojo{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
padding: 20px 0 0 0;
 }

.zisyakojo-midashi {
  font-size: 35px;
  font-weight: bold;
font-family: serif,sans-serif;
  padding: 10px 0;
  text-align: center;
}

.zisyakojo-midashi span{
  background: linear-gradient(transparent 0%, #B22222 0%);
  font-weight: bold;
  color: #ffffff;
  font-size: 20px;
  padding: 5px;
}

.zisyakojo-midashi p{
   font-size: 25px;
   padding: 5px 0 0 0;
}

@media screen and (max-width:768px) {
.zisyakojo-midashi {
     font-size: 25px;
 }
.zisyakojo-midashi span{
     font-size: 16px;
 }
.zisyakojo-midashi p{
     font-size: 20px;
 }
 }

.zisyakojo-naiyou{
  font-size: 18px;
line-height: 30px;
  padding: 10px 0;
  
}

.zisyakojo-naiyou span{
  background: linear-gradient(transparent 50%, #FFFF00 30%);
  font-weight: bold;
  color: #FF0000;
}

.zisyakojo-naiyou p{
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width:768px) {
.zisyakojo-naiyou {
     text-align: left;
     font-size: 15px;
     line-height: 25px;
     padding: 10px;
 }
.zisyakojo-naiyou p{
     font-size: 12px;
 }
 }


/*　形状別　*/
.keizyo{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }

.keizyo-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.keizyo-list-main{
    width: 32% ;
text-align:center;
margin: 0 8px;
padding: 0;
}

@media screen and (max-width:768px) {
  .keizyo-list-main {
    width: 47%;
margin: 5px;
  }
 }

.keizyo-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

.keizyo-list-main a{
text-decoration: none;
color: #666666;
}

.keizyo-list-main a:hover {
	opacity: 0.5 ;
    text-decoration: underline;
}

.keizyo-list-main a p{
font-size: 1.5em;
color: #666666;
font-family: serif,sans-serif;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

/* 種類別　*/
.syubetu{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }

.syubetu-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
margin: 0 auto;
padding: 0;
     text-align:center;
}
.syubetu-list-main{
    width: 15% ;
text-align:center;
margin: 0 10px;
padding: 0;
}

@media screen and (max-width:768px) {
  .syubetu-list-main {
    width: 47%;
margin: 5px;
  }
 }

.syubetu-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

.syubetu-list-main a{
text-decoration: none;
color: #666666;
}

.syubetu-list-main a:hover {
	opacity: 0.5 ;
    text-decoration: underline;
}

.syubetu-list-main a p{
font-size: 1.5em;
color: #666666;
font-family: serif,sans-serif;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

.syubetu-list-main a p.renewalname{
font-size: 1em;
color: #666666;
font-family: serif,sans-serif;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

/* お弁当　テスト分　*/
.marchekugani{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }

.marchekugani-main {
  position: relative;
  }

.marchekugani-main p.qr {
  position: absolute;
  top: 420px;
  left: 280px;
  }

@media screen and (max-width:1440px) {
  .marchekugani-main p.qr {
    display:none;
  }
 }

.marchekugani-main p.bento-freetel {
  position: absolute;
  top: 420px;
  left: 390px;
  font-size: 3.5em;
  font-family: 'arial',sans-serif;
  font-weight: bold;
  line-height: 0.8em;
  }

.marchekugani-main p.bento-freetel span {
  font-size: 0.5em;
  }

@media screen and (max-width:1080px) {
  .marchekugani-main p.bento-freetel{
    position: absolute;
  top: 78%;
  left: 35%;
  font-size: 2.5em;
  font-family: 'arial',sans-serif;
  font-weight: bold;
  line-height: 0.8em;
  }
.marchekugani-main p.bento-freetel span {
  font-size: 0.5em;
  }
 }

@media screen and (max-width:800px) {
  .marchekugani-main p.bento-freetel{
    position: absolute;
  top: 80%;
  left: 36%;
  font-size: 2em;
  font-family: 'arial',sans-serif;
  font-weight: bold;
  line-height: 0.8em;
  }
.marchekugani-main p.bento-freetel span {
  font-size: 0.5em;
  }
 }

@media screen and (max-width:414px) {
  .marchekugani-main p.bento-freetel{
    position: absolute;
  top: 76%;
  left: 31%;
  font-size: 1.2em;
  font-family: 'arial',sans-serif;
  font-weight: bold;
  line-height: 0.8em;
  }
.marchekugani-main p.bento-freetel span {
  font-size: 0.5em;
  }
 }

@media screen and (max-width:320px) {
  .marchekugani-main p.bento-freetel{
    position: absolute;
  top: 76%;
  left: 29%;
  font-size: 1.1em;
  font-family: 'arial',sans-serif;
  font-weight: bold;
  line-height: 0.8em;
  }
.marchekugani-main p.bento-freetel span {
  font-size: 0.5em;
  }
 }


.marchekugani-main p.bento-freetel img {
  width: 50px;
　margin: 0 10px 0 0;
  }

@media screen and (max-width:800px) {
  .marchekugani-main p.bento-freetel img {
    width: 35px;
  }
 }

@media screen and (max-width:414px) {
  .marchekugani-main p.bento-freetel img {
    width: 22px;
  }
 }

.marchekugani-main p.qr img {
  width: 90px;
　margin: 0 10px 0 0;
  }



.marchekugani-list{
text-align: center;
margin: 0 auto;
padding: 50px 0;
}

@media screen and (max-width:1440px) {
  .marchekugani-list {
    padding: 20px 0;
  }
 }

.marchekugani-list-se{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
text-align: center;
margin: 0 auto;
padding: 10px 0;
}
.marchekugani-list-se-img{
    width: 35% ;
text-align:center;
margin: 0 5px;
padding: 0;
}

@media screen and (max-width:1440px) {
  .marchekugani-list-se-img {
    width: 25%;
  }
 }

.marchekugani-list-se-nai{
    width: 60% ;
text-align: left;
margin: 0 5px;
padding: 0;
}

@media screen and (max-width:1440px) {
  .marchekugani-list-se-nai {
    width: 65%;
  }
 }

.marchekugani-list-se-nai-tit {
  font-size: 3.5em;
  font-weight: bold;
  font-family: 'arial',sans-serif;
  letter-spacing: 0.4em;
  border-bottom: solid 5px #0000CD;
  padding: 10px 0 0 0;
  color: #0000CD
  }

@media screen and (max-width:1030px) {
  .marchekugani-list-se-nai-tit {
    font-size: 2em;
    border-bottom: solid 2px #0000CD;
  }
 }

@media screen and (max-width:800px) {
  .marchekugani-list-se-nai-tit {
    font-size: 1.5em;
    border-bottom: solid 2px #0000CD;
  }
 }

.marchekugani-list-se-nai-mid {
  font-size: 2em;
  font-weight: bold;
  padding: 10px 0;
  }

@media screen and (max-width:1030px) {
  .marchekugani-list-se-nai-mid {
    font-size: 1.5em;
  }
 }

@media screen and (max-width:800px) {
  .marchekugani-list-se-nai-mid {
    font-size: 1em;
  }
 }

.marchekugani-list-se-nai p{
text-align: left;
  font-size: 1.5em;
  font-weight: bold;
margin: 0 5px;
padding: 0;
line-height: 2em;
}

@media screen and (max-width:1030px) {
  .marchekugani-list-se-nai p {
    font-size: 1em;
    line-height: 1.2em;
  }
 }

@media screen and (max-width:800px) {
  .marchekugani-list-se-nai p {
    font-size: 0.8em;
    line-height: 1.2em;
  }
 }

.marchekugani-list-se-nai p span{
text-align: left;
  font-size: 0.8em;
  font-weight: normal;
color: #FF0000;
margin: 0 5px;
padding: 0;
}


.marchekugani-menu{
text-align: center;
margin: 0 auto;
padding: 10px 0;
}

.marchekugani-menu h1{
  font-size: 3.5em;
  font-weight: bold;
text-align: center;
margin: 0 auto;
padding: 10px 0;
}

@media screen and (max-width:1440px) {
  .marchekugani-menu h1 {
    font-size: 1.5em;
  }
 }

.marchekugani-menu-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
text-align: center;
margin: 0 auto;
padding: 10px 0;
}
.marchekugani-menu-list-box{
    width: 32% ;
text-align: center;
margin: 0 5px 10px 5px;
padding: 0;
}

@media screen and (max-width:1440px) {
  .marchekugani-menu-list-box {
    width: 31% ;
    margin: 0 1px 10px 1px;
  }
 }

.marchekugani-menu-name {
  font-size: 1.5em;
  font-weight: bold;
  padding: 5px 0;
  }

.marchekugani-menu-name-3sp {
  font-size: 1.5em;
  font-weight: bold;
  padding: 5px 0;
  }

@media screen and (max-width:1440px) {
  .marchekugani-menu-name {
    font-size: 0.8em;
    height: 45px;
  }
  .marchekugani-menu-name-3sp {
    font-size: 0.8em;
    height: 55px;
  }
 }

.marchekugani-menu-price {
  color: #1E90FF;
  }

.marchekugani-menu-btn{
margin: 20px 0;
}

.marchekugani-menu-btn a{
  color: #fff;
  background-color: #000000;
border: solid 1px #000000;
border-radius: 10px;
font-size: 1em;
padding : 10px 30px;
text-decoration: none;
}

@media screen and (max-width:1440px) {
  .marchekugani-menu-btn {
    margin: 10px 0;
  }
  .marchekugani-menu-btn a {
    font-size: 0.8em;
    padding : 5px 10px;
  }
 }


.marchekugani-menu-btn a:hover {
  color: #000000;
  background: #ffffff;
}

.marchekugani-menu h2 {
    font-size: 2.5em;
  background: #f0f0f0;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  letter-spacing: 0.6em;
  font-weight: bold;
}

@media screen and (max-width:1440px) {
  .marchekugani-menu h2 {
    font-size: 1.5em;
  }
 }

.marchekugani-menu h2 p{
    font-size: 0.5em;
  font-weight: bold;
  letter-spacing: 0.2em;
}

.marchekugani-menu-list2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
text-align: center;
margin: 0 auto;
padding: 10px 0;
}
.marchekugani-menu-list-box2{
    width: 24% ;
text-align: center;
margin: 0 5px 10px 5px;
padding: 0;
}

@media screen and (max-width:1440px) {
  .marchekugani-menu-list-box2 {
    width: 48% ;
    margin: 0 3px 10px 3px;
  }
 }

.marchekugani-menu-foot{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }

.marchekugani-menu-foot-tel {
   max-width: 1200px;
  background:#fcedd3;
  padding: 20px 0;
margin: 0 auto;
     text-align:center;
  }


.marchekugani-menu-foot-tel>div{
display:inline-block;
  padding: 0 10px;
}


.bento-freetel {
  font-size: 3.5em;
  font-family: 'arial',sans-serif;
  font-weight: bold;
  line-height: 0.8em;
  }

@media screen and (max-width:1440px) {
  .bento-freetel {
    font-size: 2.5em;
  }
 }

.bento-freetel span {
  font-size: 0.5em;
  }

.bento-freetel img {
  width: 50px;
　margin: 0 10px 0 0;
  }

@media screen and (max-width:1440px) {
  .bento-freetel img {
    width: 30px;
  }
 }

.qr img {
  width: 90px;
　margin: 0 10px 0 0;
  }

@media screen and (max-width:1440px) {
  .qr {
    width: 100%;
  }
 }

.marchekugani-menu-foot p {
     text-align: right;
  }



/*　マルシェクガニ　*/

.marchekugani{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }

.marchekugani-logo{
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
 }

.marchekugani-logo p {
  background: #875C44;
  padding: 0.5em;
  color: #ffffff;
  font-size: 1.5em;
  margin: 2em 0;
  font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 932px) {
	.marchekugani-logo{
		padding: 0;
	}
	.marchekugani-logo img{
		width: 100%;
	}
}



.marchekugani-comingsoon{
   max-width: 1200px;
  margin: 50px 0 0 0;
  padding: 0px;
}

@media screen and (max-width: 932px) {
	.marchekugani-comingsoon img{
		width: 100%;
	}
}

.marchekugani-btn{
   max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0 50px 0;
 }

.marchekugani-btn-sp{
   display: none;
 }

@media screen and (max-width: 932px) {
	.marchekugani-btn{
		display: none;
	}
	.marchekugani-btn-sp{
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.marchekugani-btn-sp img{
		width: 100%;
	}
}

.marchekugani-btn2{
   max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
 }

@media screen and (max-width: 932px) {
	.marchekugani-btn2{
		padding: 10px 0;
	}
	.marchekugani-btn img{
		width: 100%;
	}
}

.marchekugani-tenpo{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0 50px 0;
background-color: #e2efda;
font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
 }

@media screen and (max-width: 932px) {
	.marchekugani-tenpo{
		padding: 0 0 30px 0;
	}
}


.marchekugani-tenpo-tit {
  font-weight: bold;
  font-size: 2em;
  padding: 15px 0 10px 0;
}

@media screen and (max-width: 932px) {
	.marchekugani-tenpo-tit{
		font-size: 1.2em;
	}
}

.marchekugani-tenpo-midashi {
  font-weight: bold;
  font-size: 1.8em;
  padding: 15px 0 10px 0;
font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
}

@media screen and (max-width: 932px) {
	.marchekugani-tenpo-midashi{
		font-size: 1em;
		padding: 0;
	}
}

.marchekugani-tenpo-midashi p{
  font-weight: bold;
  font-size: 2em;
  padding: 0 0 10px 0;
}

@media screen and (max-width: 932px) {
	.marchekugani-tenpo-midashi p{
		font-size: 1.4em;
	}
}

.marchekugani-tenpo-naka{
  display:flex;/*コレ*/
    flex-wrap: wrap;
   max-width: 1200px;
  margin: 0 auto;
} 


.marchekugani-tenpo-syosai{
  width:43%;
   text-align:left;
   padding: 0 0 0 50px;
  font-size: 1.2em;
  font-weight: bold;
}

@media screen and (max-width: 932px) {
	.marchekugani-tenpo-syosai{
		width:100%;
		padding: 0 0 0 10px;
		font-size: 1em;
	}
}

.marchekugani-tenpo-syosai p{
  font-weight: bold;
  font-size: 1.5em;
  color: #548235;
  padding: 10px 0;
}

@media screen and (max-width: 932px) {
	.marchekugani-tenpo-syosai p{
		font-size: 1em;
	}
}

.marchekugani-tenpo-img {
  position: relative;
  width:55%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;

}

@media screen and (max-width: 932px) {
	.marchekugani-tenpo-img{
		width: 100%;
		margin: 0;
	}
}

.marchekugani-tenpo-img::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 10px 15px #e2efda;
}

@media screen and (max-width: 932px) {
	.marchekugani-tenpo-img::after {
		box-shadow: inset 0 0 10px 15px #e2efda;
	}
}

.marchekugani-tenpo-img img {
    width: 150%;
}

@media screen and (max-width: 932px) {
	.marchekugani-tenpo-img img{
		width: 180%;
		margin: 0;
	}
}



.marchekugani-tenpo-item{
  display:flex;/*コレ*/
    flex-wrap: wrap;
   max-width: 1200px;
  margin: 0 auto;
  padding: 10px 0 0 0;
  justify-content: center;
  align-items: center;
} 
.marchekugani-tenpo-item>div{
  width:16%;
}

.marchekugani-tenpo-item-img img{
  width:200px;
}

@media screen and (max-width: 932px) {
	.marchekugani-tenpo-item-img img{
		width: 100%;
		margin: 0;
	}
}

.marchekugani-keiziban{
   max-width: 1200px;
  margin: 0 auto;
} 

@media screen and (max-width: 932px) {
	.marchekugani-keiziban img{
		width: 100%;
	}
}


.marchekugani-toriaukai{
   max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
 }

.marchekugani-toriaukai-tit1{
  font-weight: bold;
  font-size: 1.8em;
  color: #000000;
  padding: 10px 0 10px 15px;
  text-align:left;
}

@media screen and (max-width: 932px) {
	.marchekugani-toriaukai-tit1 {
		font-size: 1.2em;
	}
}

.marchekugani-toriaukai-list{
  display:flex;/*コレ*/
    flex-wrap: wrap;
   max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 80px 0;
} 
.marchekugani-toriaukai-list>div{
  width:16%;
}

@media screen and (max-width: 932px) {
	.marchekugani-toriaukai-list {
		width: padding: 0 2px 0 0;
	}
	.marchekugani-toriaukai-list>div{
		width: 31%;
	}
}

.marchekugani-toriatukai-list-link{
  background-color: #e2efda;
  margin: 0 3px;
  padding: 10px 10px;
}

@media screen and (max-width: 932px) {
	.marchekugani-toriatukai-list-link{
		margin: 3px;
		padding: 5px 0 10px 0;
	}
}

.marchekugani-toriatukai-list-link a{
  text-decoration: none;
}

.marchekugani-toriatukai-list-link a p{
  font-weight: bold;
  font-size: 1.5em;
  color: #548235;
  padding: 0 0 5px 0;
  text-align:center;
}

@media screen and (max-width: 932px) {
	.marchekugani-toriatukai-list-link a p {
		font-size: 1em;
	}
}

.marchekugani-toriatukai-list-link img{
  width:190px;
}

@media screen and (max-width: 932px) {
	.marchekugani-toriatukai-list-link img{
		width: 90%;
	}
}

.marchekugani-toriaukai-tit2{
  font-weight: bold;
  font-size: 1.8em;
  color: #548235;
  padding: 10px 0 10px 25px;
  margin: 50px 0 0 0;
  text-align:left;
      border-bottom: 3px solid #548235;
}

@media screen and (max-width: 932px) {
	.marchekugani-toriaukai-tit2 {
		font-size: 1.5em;
		padding: 35px 0 0 10px;
	}
}

.marchekugani-toriaukai-tit3{
  font-weight: bold;
  font-size: 1.8em;
  color: #548235;
  padding: 10px 0 10px 25px;
  margin: 50px 0 0 0;
  text-align:left;
      border-bottom: 3px solid #548235;
}

@media screen and (max-width: 932px) {
	.marchekugani-toriaukai-tit3 {
		font-size: 1em;
		padding: 0 0 0 10px;
		margin: 20px 0 0 0;
	}
}

.marchekugani-toriaukai-item{
  display:flex;/*コレ*/
    flex-wrap: wrap;
   max-width: 1200px;
  margin: 0 auto;
  align-items: center;
  padding: 0 0 10px 0;
} 

@media screen and (max-width: 932px) {
	.marchekugani-toriaukai-item{
		padding: 0 0 5px 5px;
	}
}

.marchekugani-toriaukai-item > div{
  width:33%;
}

@media screen and (max-width: 932px) {
	.marchekugani-toriaukai-item > div{
		width:32%;
	}
}

.marchekugani-toriatukai-itemlist{
  padding: 10px 0 20px 0;
  border: solid 1px #666666;
  margin: 0 2px 5px 2px;
}

.marchekugani-toriatukai-itemlist img{
  width:280px;
}

@media screen and (max-width: 932px) {
	.marchekugani-toriatukai-itemlist {
		padding: 10px 0 10px 0;
	}
	.marchekugani-toriatukai-itemlist img{
		width: 99%;
	}
}

.marchekugani-toriatukai-itemlist a{
  text-decoration: none;
}

.bento-t{
  font-weight: bold;
  font-size: 1.5em;
  color: #000000;
  padding: 0;
}

p.bento-name{
  font-weight: bold;
  font-size: 1.5em;
  color: #000000;
  padding: 0;
}

@media screen and (max-width: 932px) {
	.bento-t{
		font-size: 0.8em;
	}
	p.bento-name{
		font-size: 0.8em;
	}
}

p.nidan{
  height:80px;
}

p.sandan{
  height:100px;
}

@media screen and (max-width: 932px) {
	p.nidan{
		height:40px;
	}
	p.sandan{
		height:60px;
	}

}

@media screen and (max-width: 375px) {
	p.mini{
		font-size: 0.7em;
	}
}


p.bento-price{
  font-weight: bold;
  font-size: 1em;
  color: #000000;
  padding: 10px 0 20px 0;
}

@media screen and (max-width: 932px) {
	p.bento-price{
		font-size: 0.8em;
		padding: 5px 0 10px 0;
	}
}

@media screen and (max-width: 375px) {
	p.minipr{
		font-size: 0.4em;
	}
}

.pan-price{
  display:flex;/*コレ*/
    flex-wrap: wrap;
  justify-content: center;
  align-items: center;
   width: 100%;
  margin: 0 auto;
  padding: 10px 0 20px 0;
font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
 }

.pan-name{
  width:60%;
  font-weight: bold;
  font-size: 1em;
  color: #494949;
  background: #fffaf4;
  padding: 5px;
  margin: 0 5px 0 0;
}

.pan-kakaku{
  font-weight: bold;
  font-size: 1em;
  color: #000000;
}

@media screen and (max-width: 932px) {
	.pan-price{
		padding: 0 0 10px 0;
	}
	.pan-name{
		width:100%;
		font-size: 0.8em;
		margin: 5px 3px;
		padding: 5px 0;
	}
	.pan-kakaku{
		font-size: 0.8em;
	}
}



.drink-kakaku{
  font-weight: bold;
  font-size: 1em;
  color: #000000;
}

ul.drink-syurui{
list-style-type: none;
padding: 0;
} 

.drink-syurui li{
  margin: 0 0 5px 0;
}

.drink-syurui li span{;
  font-weight: bold;
  font-size: 1em;
  color: #ffffff;
  background: #000000;
  padding: 2px 5px;
  margin: 0 5px 0 0;
}

@media screen and (max-width: 932px) {
	.drink-kakaku{
		width:100%;
		font-size: 0.8em;
		margin: 5px 0 0 0;
		padding: 0;
	}
	ul.drink-syurui{
		margin: 0;
		padding: 0;
	}
	.drink-syurui li{
		margin: 0 0 3px 0;
		padding: 0;
	}
}

.drink-tropical{
  font-weight: bold;
  font-size: 1.2em;
  color: #000000;
  padding: 10px 0 0 0;
}

@media screen and (max-width: 932px) {
	.drink-tropical{
		font-size: 0.8em;
	}
}


.drink-price2{
  display:flex;/*コレ*/
    flex-wrap: wrap;
  justify-content: center;
  align-items: center;
   width: 100%;
  margin: 0 auto;
  padding: 10px 0 20px 0;
font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
 }

.drink-name2{
  width:50%;
  font-weight: bold;
  font-size: 1em;
  color: #494949;
  background: #fffaf4;
  padding: 5px;
  margin: 0 5px 0 0;
}

@media screen and (max-width: 932px) {
	.drink-name2{
		width:100%;
		font-size: 0.8em;
		margin: 5px 3px;
		padding: 5px 0;
	}
}

.drink-kakaku2{
  font-weight: bold;
  font-size: 1em;
  color: #000000;
}

@media screen and (max-width: 932px) {
	.drink-kakaku2{
		font-size: 0.8em;
	}
}

.drink-arerugi a{
  font-size: 1.5em;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 0 50px;
	padding: 1rem 1rem;
	font-weight: bold;
	border: 2px solid #333132;
	background: #333132;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}

@media screen and (max-width: 932px) {
	.drink-arerugi a{
		font-size: 0.8em;
		margin: 0 10px;
	}
}

.drink-arerugi a:hover{
	color: #333132;
	background: #fff;
}

.drink-arerugi2 a{
  font-size: 1.2em;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 10px 50px 0 50px;
	padding: 1rem 1rem;
	font-weight: bold;
	border: 2px solid #333132;
	background: #333132;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}

@media screen and (max-width: 932px) {
	.drink-arerugi2 a{
		font-size: 0.6em;
		margin: 10px 10px 0 10px;
		padding: 0.8rem 0.8rem;
	}
}

.drink-arerugi2 a:hover{
	color: #333132;
	background: #fff;
}

.marchekugani-toriatukai-itemlist-chui{
  font-weight: bold;
  font-size: 1em;
  color: red;
  padding: 20px 0 20px 10px;
  text-align:left;
}

.marchekugani-toriaukai-teikyo{
  display:flex;/*コレ*/
    flex-wrap: wrap;
   max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0 20px 0;
font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
 }

.teikokigyo{
  width:10%;
}

@media screen and (max-width: 932px) {
	.teikokigyo{
		width:100%;
	}
}

.teikokigyo p{
  font-weight: bold;
  padding: 5px 10px;
  background-color: #000000;
  color: #ffffff;
  margin: 0 20px 0 15px;
}

.teikoichiran{
  width:90%;
}

@media screen and (max-width: 932px) {
	.teikoichiran{
		width:100%;
		padding:5px 0 0 10px;
	}
}

ul.marchekugani-toriaukai-teikyolist{
  display:flex;/*コレ*/
    flex-wrap: wrap;
   max-width: 1200px;
  margin: 0 auto;
  align-items: center;
  padding:0;
list-style-type: none;
} 


ul.marchekugani-toriaukai-teikyolist li{
  width:18%;
  font-weight: bold;
  color: #666666;/*文字色*/
  border: solid 1px #666666;/*線色*/
  padding: 0.5em 0;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin: 0 5px 5px 0;
}

@media screen and (max-width: 932px) {
	ul.marchekugani-toriaukai-teikyolist li{
		width:31%;
		font-size: 0.5em;
	}
}

.marchekugani-footcate{
   max-width: 1200px;
  margin: 0 auto;
  background-color: #875C44;
  color: #ffffff;
  padding: 0;
} 

.marchekugani-footcate p {
  background: #875C44;
  padding: 0.5em;
  color: #ffffff;
  font-size: 1.5em;
  margin: 2em 0;
  font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
  font-weight: bold;
}

.marchekugani-footcate-qr img{
  width:10%;
}

@media screen and (max-width: 932px) {
	.marchekugani-footcate-qr img{
		width: 25%;
	}
}

.marchekugani-footcate-tel{
  font-weight: bold;
  font-size: 2em;
  padding: 0;
}

.marchekugani-footcate-tel a{
  font-weight: bold;
  font-size: 1em;
  padding: 0;
  color: #000000;
  text-decoration: none;
}


.marchekugani-teikyo{
  font-size: 2em;
  padding: 0;
  margin: 20px 0 0 0;
  text-align:center;
}

@media screen and (max-width: 932px) {
	.marchekugani-teikyo{
		font-size: 1.5em;
	}
}

.giftevent-btn{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
margin: 0 auto;
padding: 250px 0 100px 0;
}

@media screen and (max-width: 932px) {
	.giftevent-btn{
		padding: 50px 0 10px 0;
	}
}

.giftevent-box{
    width: 48% ;
text-align:center;
margin: 0 5px;
padding: 0;
}

@media screen and (max-width: 932px) {
	.giftevent-box{
		width: 48% ;
		margin: 0 2px;
	}
}


/*　アレルギー　*/
.aninfo{
   max-width: 1200px;
margin: 0 auto;
     text-align:left;
    font-family: serif,sans-serif;
 }

h1.aninfo-tit{
    font-size: 2.5em;
    color: #666666;
    font-family: serif,sans-serif;
    padding : 50px 0;
    font-weight: bold;
    margin: 0;
text-align:center;
}

@media screen and (max-width: 932px) {
	h1.aninfo-tit{
		font-size: 1.5em;
	}
}

.allergy {
  font-size: 1.5em;
  border-bottom: solid 2px black;
    font-family: serif,sans-serif;
    font-weight: bold;
    padding : 0 0 5px 0;
}

.aninfo-toiawase-tit{
  font-size: 1.5em;
  border-bottom: solid 2px black;
    font-family: serif,sans-serif;
    font-weight: bold;
    padding : 85px 0 5px 0;
}

p.aninfo-txt{
    font-size: 1em;
    font-family: serif,sans-serif;
    padding : 10px 0 85px 0;
    margin: 0;
    font-weight: bold;
    line-height: 2em;
}

p.eiyo-txt{
    font-size: 1em;
    font-family: serif,sans-serif;
    padding : 10px 0 15px 0;
    margin: 0;
    font-weight: bold;
    line-height: 2em;
}

@media screen and (max-width: 932px) {
	p.aninfo-txt{
		padding : 10px 10px 75px 10px;
		line-height: 1.8em;
	}
	p.eiyo-txt{
		padding : 10px 10px 15px 10px;
		line-height: 1.8em;
	}
}

.aninfo-toiawase{
  font-family: serif,sans-serif;
  border: solid 2px #000000;
  padding: 7px 10px 5px 10px;
  margin: 10px 0 10px 5px;
  width: 110px;
  font-weight: bold;
}

.aninfo-kaisya{
  font-family: serif,sans-serif;
  padding: 0;
  margin: 10px 0 10px 25px;
  font-weight: bold;
}

.aninfo-tel a{
  font-family: serif,sans-serif;
  padding: 0;
  margin: 0 0 10px 25px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.aninfo-btn a{
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
  font-family: serif,sans-serif;
  padding: 15px 20px 20px 0;
  margin: 0 0 85px 25px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

@media screen and (max-width: 932px) {
	.aninfo-btn a{
		padding: 15px 20px 20px 0;
		margin: 0 0 75px 15px;
	}
}

.aninfo-btn img{
  width: 50px;
  padding: 0;
  margin: 0;
  vertical-align:  middle; 
}


/*　珈琲ページ　*/
.cafepage{
   max-width: 1000px;
margin: 10px auto;
border: 1px solid #7f6000;
 }

.cafepage h1{
font-size: 2.5em;
color: #ffffff;
  background: #7f6000;
font-family: serif,sans-serif;
padding : 10px 0;
font-weight: bold;
margin: 0;
     text-align:center;
}

@media screen and (max-width:768px) {
.cafepage h1 {
     font-size: 1.5em;
 }
 }

.cafepage h1 p{
font-size: 0.6em;
}

.cafepage_list{
  padding: 0;
margin: 20px 0;
}

.cafepage_list_main{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.cafepage_list_setumei{
    width: 48% ;
text-align:center;
margin: 0 5px;
padding: 0;
}

@media screen and (max-width:768px) {
.cafepage_list_setumei {
     width: 95% 
 }
 }

.cafepage_list h2{
font-size: 1.5em;
font-family: serif,sans-serif;
padding : 0 0 0 10px;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
.cafepage_list h2 {
     font-size: 1.2em;
     padding : 0 0 0 5px;
 }
 }

.cafepage_list_number{
padding : 10px 0 0 30px;
margin: 0;
}

@media screen and (max-width:768px) {
.cafepage_list_number {
     padding : 10px 0 0 15px;
 }
 }

.cafepage_list_number li{
  color: #333333;
  padding: 0 0 5px 0;
margin: 0;
list-style-type: none!important;/*ポチ消す*/
text-align:left;
}

.cafepage_list_img{
margin: 0 0 0 5px;
text-align:left;
 }

@media screen and (max-width:768px) {
.cafepage_list_img {
     margin: 0 auto;
     text-align:center;
 }
 }

.coffeetable{
margin: 0 auto;
text-align:center;
 }


/*　琉球黒糖　*/

.ryukyukokuto{
   max-width: 1200px;
margin: 10px auto;
  background: #806000;
  padding: 30px 0;
 }


.ryukyukokuto_list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.ryukyukokuto_img{
    width: 44% ;
text-align:center;
margin: 0 auto;
padding: 0;
}

@media screen and (max-width:768px) {
.ryukyukokuto_img {
     width: 100% ;
 }
 }

.ryukyukokuto_item{
    width: 55% ;
margin: 0 auto;
padding: 0;
}

@media screen and (max-width:768px) {
.ryukyukokuto_item {
     width: 100% ;
 }
 }

.ryukyukokuto_img img{
    width: 98% ;
}

.ryukyukokuto_item_kinds{
  display:flex;/*コレ*/
    flex-wrap: wrap;
   max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

@media screen and (max-width:768px) {
.ryukyukokuto_item_kinds {
     padding: 10px 0 0 0;
 }
 }
.ryukyukokuto_itemlist{
    width: 32% ;
text-align:left;
margin: 0 5px 5px 0;
padding: 10px 0 20px 0;
  background: #ffffff;
}

@media screen and (max-width:768px) {
.ryukyukokuto_itemlist {
     width: 31% ;
     margin: 0 3px 5px 4px;
 }
 }

.ryukyukokuto_itemlist img{
    width: 95% ;
}

.ryukyukokuto_itemlist-name{
  font-weight: bold;
  font-size: 1.5em;
  color: #000000;
  padding: 0;
text-align:center;
}

@media screen and (max-width:768px) {
.ryukyukokuto_itemlist-name {
     font-size: 1.2em;
 }
 }

.ryukyukokuto_itemlist-syurui{
  font-weight: bold;
  font-size: 0.7em;
  color: #494949;
  background: #fffaf4;
  padding: 5px;
  margin: 0 20px;
text-align:center;
}

@media screen and (max-width:768px) {
.ryukyukokuto_itemlist-syurui {
     margin: 0;
 }
 }


.ryukyukokuto_itemlist_setumei{
  font-weight: bold;
  font-size: 1.5em;
  color: #ffffff;
  padding: 30px 0 0 0;
text-align:center;
}

@media screen and (max-width:768px) {
.ryukyukokuto_itemlist_setumei {
     font-size: 1em;
 }
 }

/*　ギフトページ　*/
.giftpage{
   max-width: 1000px;
margin: 10px auto;

 }

.giftpage h1{
font-size: 2.5em;
color: #ffffff;
  background: #548235;
font-family: serif,sans-serif;
padding : 10px 0;
font-weight: bold;
margin: 0;
     text-align:center;
}

@media screen and (max-width:768px) {
.giftpage h1 {
     font-size: 1.2em;
 }
 }

.giftpage h1 p{
font-size: 0.6em;
}

.giftpage_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.giftpage_hidari{
    width: 49% ;
text-align:center;
margin: 10px auto;
padding: 0;
border: 2px solid #a9d08e;
}

.giftpage_hidari h2{
font-size: 1.2em;
padding : 10px 0;
font-weight: bold;
margin: 0;
  background: #e2efda;
font-family: serif,sans-serif;
border-bottom: 2px solid #a9d08e;
}

@media screen and (max-width:768px) {
.giftpage_hidari h2 {
     font-size: 0.7em;
 }
 }

.giftpage_hidari h3{
  position: relative;
  padding: 10px 0 10px 40px;
font-size: 1.2em;
font-weight: bold;
margin: 0;
  background: #e2efda;
font-family: serif,sans-serif;
border-bottom: 2px solid #a9d08e;
text-align:center;
}

.giftpage_hidari h3::before {
  position: absolute;
  top: 15px;
  left: 5px;
    content: '';/*何も入れない*/
  display: inline-block;
  width: 100px;/*画像の幅*/
  height: 38px;/*画像の高さ*/
  background-image: url(https://ukondo.itembox.design/item/gift-yoyaku.png?t=20250709182407);
  background-size: contain;
  vertical-align: middle;
}

@media screen and (max-width:768px) {
.giftpage_hidari h3 {
     font-size: 0.7em;
     height: 50px;
     padding: 10px 0 10px 50px;
 }
.giftpage_hidari h3::before {
     top: 15px;
     font-size: 0.7em;
     width: 50px;/*画像の幅*/
     height: 19px;/*画像の高さ*/

 }
 }

.giftpage_hidari h4{
  position: relative;
  padding: 10px 0 10px 80px;
font-size: 1.2em;
font-weight: bold;
margin: 0;
  background: #e2efda;
font-family: serif,sans-serif;
border-bottom: 2px solid #a9d08e;
text-align:center;
}

.giftpage_hidari h4::before {
  position: absolute;
  top: 15px;
  left: 5px;
    content: '';/*何も入れない*/
  display: inline-block;
  width: 100px;/*画像の幅*/
  height: 38px;/*画像の高さ*/
  background-image: url(https://ukondo.itembox.design/item/gift-yoyaku.png?t=20250709182407);
  background-size: contain;
  vertical-align: middle;
}

@media screen and (max-width:768px) {
.giftpage_hidari h4 {
     font-size: 0.6em;
     height: 50px;
     padding: 10px 0 10px 60px;
 }
.giftpage_hidari h4::before {
     top: 15px;
     font-size: 0.7em;
     width: 50px;/*画像の幅*/
     height: 19px;/*画像の高さ*/

 }
 }

.giftpage_hidari img {
    width: 98% ;
text-align:center;
margin: 0;
padding: 0;
}

@media screen and (max-width:768px) {
.giftpage_hidari img {
     width: 95% ;
 }
 }

.giftpage_hidari p {
text-align:left;
margin: 0;
padding: 0 0 20px 25px;
font-size: 0.8em;
}

@media screen and (max-width:768px) {
.giftpage_hidari p  {
     padding: 0 0 20px 5px;
     font-size: 0.7em;
 }
 }

.giftpage_hidari_setumei {
text-align:left;
margin: 0;
padding: 0 5px 20px 5px;
}

.giftpage_hidari_setumei_b {
font-weight: bold;
font-size: 1.2em;
}

@media screen and (max-width:768px) {
.giftpage_hidari_setumei_b {
     font-size: 1em;
 }
 }

.giftpage_tyumon{
   max-width: 1000px;
margin: 0 auto;
padding: 20px 0 0 5px;
 }

.giftpage_tyumon p {
text-align:left;
margin: 0;
padding: 0;
color: #ff0000;
font-weight: bold;
font-size: 1.2em;
}

ul.giftpage_tyumon_setumei {
margin: 0;
padding: 5px 5px 0 20px;
}

a.btn_giftpage {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
	margin: 20px auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #6a6e78;
	background: #6a6e78;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_giftpage:hover {
	color: #6a6e78;
	background: #fff;
}

/*　仕出し　*/
.shidashipage{
   max-width: 1000px;
margin: 10px auto;
 }

.shidashipage h1{
font-size: 1.5em;
color: #ffffff;
  background: #548235;
font-family: serif,sans-serif;
padding : 10px 0;
font-weight: bold;
margin: 0;
     text-align:center;
}

@media screen and (max-width:768px) {
.shidashipage h1  {
     font-size: 1em;
 }
 }

.giftpage h1 p{
font-size: 1em;
}

.shidashipage_info{
font-size: 1.5em;
padding : 10px 0;
font-weight: bold;
margin: 0;
     text-align:center;
}

@media screen and (max-width:768px) {
.shidashipage_info {
     font-size: 1.2em;
 }
 }

.shidashipage_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.shidashipage_img{
    width: 48% ;
text-align:center;
margin: 0 auto;
padding: 10px;
}

@media screen and (max-width:768px) {
.shidashipage_img {
     padding: 5px;
 }
 }

.shidashipage_img img{
    width: 98% ;
}

.shidashipage_txt{
    width: 50% ;
font-size: 1.5em;
padding : 150px 0 0 50px;
font-weight: bold;
margin: 0;
     text-align:left;
}

@media screen and (max-width:768px) {
.shidashipage_txt {
     font-size: 0.8em;
     padding : 50px 0 0 0;
 }
 }

.shidashipage_end{
font-size: 1.5em;
color: #ffffff;
  background: #548235;
font-family: serif,sans-serif;
padding : 10px 0;
font-weight: bold;
margin: 0 0 100px 0;
     text-align:center;
}

@media screen and (max-width:768px) {
.shidashipage_end {
     font-size: 0.8em;
 }
 }


/*　ショコラ　*/

.chocola{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #806000;
 }

.chocola-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.chocola-annai-img{
    width: 25% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .chocola-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.chocola-annai-img img{
    width: 80% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .chocola-annai-img img{
    width: 30% ;
  }
 }

.chocola-annai-main{
font-size: 1.2em;
color: #ffffff;
font-family: serif,sans-serif;
padding : 35px 0 0 50px;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .chocola-annai-main  {
    font-size: 0.6em;
    padding : 5px 0 0 0;
  }
 }

.chocola-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.chocola-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .chocola-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }

.chocola-list-main-img {
  position: relative;
  width: 400px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media screen and (max-width:768px) {
  .chocola-list-main-img  {
    width: 100%;
    height: 120px;
  }
 }

.chocola-list-main-img::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 10px 15px #806000;
}

@media screen and (max-width:768px) {
  .chocola-list-main-img::after  {
    box-shadow: inset 0 0 5px 5px #806000;
  }
 }

.chocola-list-main img{
    width: 150% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .chocola-list-main img  {
    width: 180% ;
  }
 }

.chocola-list-main {
text-decoration: none;
color: #666666;
}


.chocola-list-main p{
font-size: 1.5em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .chocola-list-main p  {
    font-size: 0.7em;
  }
 }


/*　やまがみ　*/

.yamagami{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #e2efda;
 }

.yamagami-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.yamagami-annai-img{
    width: 20% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .yamagami-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.yamagami-annai-img img{
    width: 60% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .yamagami-annai-img img{
    width: 30% ;
  }
 }

.yamagami-annai-main{
font-size: 1.2em;
color: #000000;
font-family: serif,sans-serif;
padding : 55px 0 0 0;
font-weight: bold;
margin: 0 auto;
}

@media screen and (max-width:768px) {
  .yamagami-annai-main  {
    font-size: 0.5em;
    padding : 5px 0 0 0;
  }
 }

.yamagami-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.yamagami-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .yamagami-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }

.yamagami-list-main-img {
  position: relative;
  width: 400px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media screen and (max-width:768px) {
  .yamagami-list-main-img  {
    width: 100%;
    height: 120px;
  }
 }

.yamagami-list-main-img::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 10px 15px #e2efda;
}

@media screen and (max-width:768px) {
  .yamagami-list-main-img::after  {
    box-shadow: inset 0 0 5px 5px #e2efda;
  }
 }

.yamagami-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .yamagami-list-main img  {
    width: 180% ;
  }
 }

.yamagami-list-main {
text-decoration: none;
color: #666666;
}


.yamagami-list-main p{
font-size: 1.5em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .yamagami-list-main p  {
    font-size: 0.7em;
  }
 }


/*　たまちゃん商店　*/

.tamachan{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #6ca644;
 }

.tamachan-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.tamachan-annai-logo{
    width: 18% ;
text-align:center;
margin: 0;
padding: 10px 0;
}

@media screen and (max-width:768px) {
  .tamachan-annai-logo {
    width: 100% ;
    margin: 0 auto;
  }
 }

.tamachan-annai-logo img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .tamachan-annai-logo img{
    width: 30% ;
  }
 }

.tamachan-annai-main{
    width: 65% ;
font-size: 1.6em;
color: #000000;
font-family: serif,sans-serif;
padding : 100px 0 0 10px;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .tamachan-annai-main  {
    width: 75% ;
    font-size: 0.8em;
    padding : 15px 0 0 0;
  }
 }

.tamachan-annai-img{
    width: 15% ;
text-align:center;
margin: 0;
padding: 20px 0 0 0;
}

@media screen and (max-width:768px) {
  .tamachan-annai-img {
    width: 20% ;
    margin: 0 auto;
    padding: 0;
  }
 }

.tamachan-annai-img img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .tamachan-annai-img img{
    width: 100% ;
  }
 }


.tamachan-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.tamachan-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .tamachan-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }

.tamachan-list-main-img {
  position: relative;
  width: 400px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media screen and (max-width:768px) {
  .tamachan-list-main-img  {
    width: 100%;
    height: 120px;
  }
 }

.tamachan-list-main-img::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 10px 15px #6ca644;
}

@media screen and (max-width:768px) {
  .tamachan-list-main-img::after  {
    box-shadow: inset 0 0 5px 5px #6ca644;
  }
 }

.tamachan-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .tamachan-list-main img  {
    width: 180% ;
  }
 }

.tamachan-list-main {
text-decoration: none;
color: #666666;
}


.tamachan-list-main p{
font-size: 1.8em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .tamachan-list-main p  {
    font-size: 0.6em;
  }
 }

/*　はごろも　*/

.hagoromo{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #fdf0e9;
 }

.hagoromo-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.hagoromo-annai-logo{
    width: 15% ;
text-align:center;
margin: 0 auto;
padding: 0;
}

@media screen and (max-width:768px) {
  .hagoromo-annai-logo {
    width: 100% ;
    margin: 0 auto;
  }
 }

.hagoromo-annai-logo img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .hagoromo-annai-logo img{
    width: 30% ;
  }
 }

.hagoromo-annai-main{
    width: 75% ;
font-size: 1.6em;
color: #000000;
font-family: serif,sans-serif;
padding : 30px 0 0 0;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .hagoromo-annai-main  {
   width: 100% ;
    font-size: 1em;
    padding : 10px 0 0 5px;
line-height:1.6em;
  }
 }

.hagoromo-syokai{
   max-width: 1200px;
margin: 0 auto;
padding: 50px 0;
 }

.hagoromo-syokai-tit{
font-size: 1.6em;
color: #000000;
font-family: serif,sans-serif;
padding : 0 0 10px 50px;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .hagoromo-syokai-tit  {
    font-size: 1.2em;
    padding : 0 0 10px 10px;
  }
 }

.hagoromo-syokai-img img{
    width: 70% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .hagoromo-syokai-img img {
    width: 90% ;
  }
 }

.hagoromo-list-tit{
font-size: 1.6em;
color: #000000;
font-family: serif,sans-serif;
padding : 0 0 10px 50px;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .hagoromo-list-tit  {
    font-size: 1.2em;
    padding : 0 0 10px 10px;
  }
 }

.hagoromo-list{
    width: 90%;
    display: flex;
    flex-wrap: wrap;
margin: 0 auto;
padding: 0 0 50px 0;
}

@media screen and (max-width:768px) {
  .hagoromo-list  {
   width: 100% ;

  }
 }

.hagoromo-list-main{
    width: 20% ;
text-align:center;
margin: 0;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .hagoromo-list-main  {
    width: 33%;
    
  }
 }

.hagoromo-list-main-img img {
    width: 80% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .hagoromo-list-main-img img  {
    width: 100%;
    
  }
 }

.hagoromo-list-main p.hagoromo-list-name{
font-size: 1.2em;
color: #000000;
padding : 10px 0 0 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .hagoromo-list-main p.hagoromo-list-name  {
    font-size: 0.8em;
  }
 }

.hagoromo-list-main p.hagoromo-list-name-sc{
font-size: 1.2em;
color: #f50856;
padding : 0 0 5px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .hagoromo-list-main p.hagoromo-list-name-sc  {
    font-size: 0.8em;
  }
 }

.hagoromo-list-main-syokupan{
    width: 30% ;
text-align:center;
margin: 0;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .hagoromo-list-main-syokupan {
    width: 70% ;
padding: 20px 0 0 10px;
  }
 }

.hagoromo-list-main-syokupan-img img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .hagoromo-list-main-syokupan-img img {
    width: 70% ;
  }
 }

.hagoromo-list-main-syokupan-list{
    width: 20% ;
text-align:left;
margin: 0;
padding: 50px 0 0 30px;
}

@media screen and (max-width:768px) {
  .hagoromo-list-main-syokupan-list {
    width: 30% ;
    padding: 20px 0 0 0;
  }
 }

.hagoromo-list-main-syokupan-name{
font-size: 1.2em;
color: #000000;
padding : 10px 0 0 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .hagoromo-list-main-syokupan-name {
    font-size: 0.8em;
  }
 }

.hagoromo-list-main-syokupan-name-list{
font-size: 1.2em;
color: #000000;
padding : 5px 0 0 40px;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .hagoromo-list-main-syokupan-name-list {
    font-size: 0.8em;
    padding : 5px 0 0 5px;
  }
 }

.hagoromo-bento-list{
    width: 90%;
    display: flex;
    flex-wrap: wrap;
margin: 0 auto;
padding: 0 0 50px 0;
}

@media screen and (max-width:768px) {
  .hagoromo-bento-list {
    width: 100% ;
  }
 }

.hagoromo-bento-list-img{
    width: 35% ;
text-align:center;
margin: 0;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .hagoromo-bento-list-img {
    width: 50% ;
  }
 }

.hagoromo-bento-list-img img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

.hagoromo-bento-list-name{
    width: 60% ;
font-size: 1.2em;
color: #000000;
padding : 80px 0 0 20px;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .hagoromo-bento-list-name {
    width: 45% ;
    font-size: 0.8em;
    padding : 20px 0 0 10px;
  }
 }

/*　いまいパン　*/

.imaipan{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #ffffcc;
 }

.imaipan-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width:768px) {
  .imaipan-annai {
    width: 100% ;
      display: flex;
  justify-content: center;
  align-items: center;
  }
 }

.imaipan-annai-img{
    width: 20% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .imaipan-annai-img {
    width: 100% ;
  }
 }

.imaipan-annai-img img{
    width: 70% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .imaipan-annai-img img{
    width: 100% ;

  }
 }

.imaipan-annai-main{
font-size: 1.4em;
color: #000000;
font-family: serif,sans-serif;
padding : 35px 0 0 50px;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .imaipan-annai-main  {
    font-size: 0.8em;
    text-align:center;
    padding : 5px 0 0 0;
    margin: 0 auto;
  }
 }

.imaipan-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.imaipan-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .imaipan-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }




.imaipan-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


.imaipan-list-main {
text-decoration: none;
color: #666666;
}


.imaipan-list-main p{
font-size: 1.5em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .imaipan-list-main p  {
    font-size: 0.7em;
  }
 }

.imaipan-list-main-setu {
    width: 55% ;
margin: 0 auto;
padding: 0;
}

@media screen and (max-width:768px) {
  .imaipan-list-main-setu {
    width: 90% ;
  }
 }

.imaipan-list-main-setu p{
font-size: 1.5em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px;
font-weight: bold;
margin: 50px 0;
border: 1px solid #FFA500;
text-align:left;
line-height: 1.8em;
}

@media screen and (max-width:768px) {
  .imaipan-list-main-setu p {
    font-size: 0.8em;
    margin: 10px 0 0 0;
  }
 }

/*　かんじゅう　*/

.kanju{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #fcfbed;
 }

.kanju-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.kanju-annai-img{
    width: 25% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .kanju-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.kanju-annai-img img{
    width: 95% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .kanju-annai-img img{
    width: 30% ;
  }
 }

.kanju-annai-main{
    width: 70% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .kanju-annai-main{
    width: 100% ;
  }
 }

.kanju-annai-main p{
font-size: 1.2em;
color: #000000;
font-family: serif,sans-serif;
padding : 20px 0 0 0;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .kanju-annai-main  p{
    font-size: 0.8em;
    padding : 5px 10px;
  }
 }



.kanju-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.kanju-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .kanju-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }


.kanju-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


.kanju-image{
    width: 100%;
      display: flex;
  justify-content: center;
  align-items: center;
margin: 100px 0 ;
}

@media screen and (max-width:768px) {
  .kanju-image  {
    margin: 50px 0 ;
  }
 }


.kanju-image img{
    width: 90% ;
}

/*　エメオキナワ　*/

.emeokinawa{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #fcfbed;
 }

.emeokinawa-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.emeokinawa-annai-img{
    width: 25% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .emeokinawa-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.emeokinawa-annai-img img{
    width: 95% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .emeokinawa-annai-img img{
    width: 30% ;
  }
 }

.emeokinawa-annai-main{
    width: 70% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .emeokinawa-annai-main{
    width: 100% ;
  }
 }

.emeokinawa-annai-main p{
font-size: 1.4em;
color: #000000;
font-family: serif,sans-serif;
padding : 60px 0 0 0;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .emeokinawa-annai-main  p{
    font-size: 0.8em;
    padding : 5px 10px;
  }
 }



.emeokinawa-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.emeokinawa-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .emeokinawa-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }


.emeokinawa-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


/*　ひろし屋　*/
.hiroshiya{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #fff2cc;
 }

.hiroshiya-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.hiroshiya-annai-img{
    width: 20% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .hiroshiya-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.hiroshiya-annai-img img{
    width: 80% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .hiroshiya-annai-img img{
    width: 30% ;
  }
 }

.hiroshiya-annai-main{
    width: 75% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .hiroshiya-annai-main{
    width: 90% ;
  }
 }

.hiroshiya-annai-main p{
font-size: 1.3em;
color: #000000;
font-family: serif,sans-serif;
padding : 60px 0 0 0;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .hiroshiya-annai-main  p{
    font-size: 0.6em;
    padding : 5px 0 0 0;
  }
 }



.hiroshiya-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.hiroshiya-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .hiroshiya-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }




.hiroshiya-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


.hiroshiya-list-main {
text-decoration: none;
color: #666666;
}


.hiroshiya-list-main p{
font-size: 1.5em;
color: #000000;
font-family: serif,sans-serif,SimSun;
padding : 10px 0;
border: solid 1px #000000;
font-weight: bold;
margin: 10px 0;
}

@media screen and (max-width:768px) {
  .hiroshiya-list-main p  {
    font-size: 0.7em;
  }
 }


/*　豆乳アイス　*/
.tonyuice{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #FCF3E3;
 }

.tonyuice-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.tonyuice-annai-img{
    width: 20% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .tonyuice-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.tonyuice-annai-img img{
    width: 80% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .tonyuice-annai-img img{
    width: 30% ;
  }
 }

.tonyuice-annai-main{
    width: 75% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .tonyuice-annai-main{
    width: 90% ;
  }
 }

.tonyuice-annai-main p{
font-size: 1.2em;
color: #000000;
font-family: serif,sans-serif;
padding : 30px 0 0 0;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .tonyuice-annai-main  p{
    font-size: 0.7em;
    padding : 5px 0 0 0;
  }
 }



.tonyuice-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.tonyuice-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .tonyuice-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }




.tonyuice-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


.tonyuice-list-main {
text-decoration: none;
color: #666666;
}


.tonyuice-list-main p{
font-size: 1.5em;
color: #000000;
font-family: serif,sans-serif,SimSun;
padding : 10px 0;
border: solid 1px #000000;
font-weight: bold;
margin: 10px 0;
}

@media screen and (max-width:768px) {
  .tonyuice-list-main p  {
    font-size: 1em;
    padding : 5px 0;
  }
 }


.tonyuice-txt{
font-size: 1.5em;
color: #ffffff;
background: #E79813;
font-family: serif,sans-serif,SimSun;
padding : 10px 0;
font-weight: bold;
margin: 10px;
}

@media screen and (max-width:768px) {
  .tonyuice-txt  {
    font-size: 0.8em;
  }
 }

/*　うさがみそ～れ　*/

.usagamisore{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #f7f1e0;
 }

.usagamisore-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.usagamisore-annai-img{
    width: 20% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .usagamisore-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.usagamisore-annai-img img{
    width: 80% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .usagamisore-annai-img img{
    width: 30% ;
  }
 }

.usagamisore-annai-main{
    width: 75% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .usagamisore-annai-main{
    width: 90% ;
  }
 }

.usagamisore-annai-main p{
font-size: 1.3em;
color: #000000;
font-family: serif,sans-serif;
padding : 50px 0 0 0;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .usagamisore-annai-main  p{
    font-size: 0.8em;
    padding : 5px 0 0 0;
  }
 }



.usagamisore-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.usagamisore-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .usagamisore-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }


.usagamisore-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


.usagamisore-image{
    width: 100%;
      display: flex;
  justify-content: center;
  align-items: center;
margin: 100px 0 0 0;
}
.usagamisore-image-pc{
    width: 48% ;
text-align:center;
margin: 0 3px;
padding: 0;
}

.usagamisore-image-pc img{
    width: 100% ;
}

@media screen and (max-width:768px) {
  .usagamisore-image{
    margin: 30px 0 0 0;
  }
 }

/*　レインポープラス　*/

.rainbowblus{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #ffc000;
 }

.rainbowblus-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.rainbowblus-annai-img{
    width: 20% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .rainbowblus-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.rainbowblus-annai-img img{
    width: 70% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .rainbowblus-annai-img img{
    width: 30% ;
  }
 }

.rainbowblus-annai-main{
font-size: 1.4em;
color: #000000;
font-family: serif,sans-serif;
padding : 35px 0 0 50px;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .rainbowblus-annai-main  {
    font-size: 0.8em;
    padding : 10px 0;
    margin: 0 auto;
    text-align:center;
  }
 }

.rainbowblus-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.rainbowblus-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .rainbowblus-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }




.rainbowblus-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


.rainbowblus-list-main {
text-decoration: none;
color: #666666;
}


.rainbowblus-list-main p{
font-size: 1.5em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .rainbowblus-list-main p  {
    font-size: 0.7em;
  }
 }

/*　三矢　*/

.mitsuya{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #f8cbad;
 }

.mitsuya-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.mitsuya-annai-img{
    width: 20% ;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .mitsuya-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.mitsuya-annai-img img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .mitsuya-annai-img img{
    width: 30% ;
  }
 }

.mitsuya-annai-main{
    width: 75% ;
font-size: 1.2em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px 0 0 10px;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .mitsuya-annai-main  {
    width: 100% ;
    font-size: 0.6em;
    text-align:center;
    margin: 0 auto;
    padding : 10px 0;
  }
 }

.mitsuya-kanban{
   max-width: 1200px;
margin: 0 auto;
padding: 0;
 }

.mitsuya-kanban img{
   width: 95% ;
 }

.mitsuya-hanbai{
font-size: 1.8em;
font-family: serif,sans-serif;
padding : 0;
font-weight: bold;
margin:  50px 0 50px 20px;
text-align:left;
}

@media screen and (max-width:768px) {
  .mitsuya-hanbai  {
    font-size: 1.2em;
    text-align:center;
    margin: 30px 0 30px 10px;
    padding : 0;
  }
 }

.mitsuya-list{
   max-width: 1200px;
margin: 0 auto;
padding: 0;
}
.mitsuya-list-main{
       width: 100%;
    display: flex;
    flex-wrap: wrap;
margin: 20px auto;
}



.mitsuya-list-main-img{
    width: 50% ;
margin: 0 auto;
vertical-align:top;
}

.mitsuya-list-main img{
    width: 90% ;
}

@media screen and (max-width:768px) {
  .mitsuya-list-main img {
    width: 95% ;
  }
 }

.mitsuya-list-main-tex{
    width: 40% ;
margin:  0 auto;
}

@media screen and (max-width:768px) {
  .mitsuya-list-main-tex{
    width: 50% ;
  }
 }

.mitsuya-list-main-tex p{
font-size: 1.4em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px 0;
font-weight: bold;
margin:  50px 20px 0 0;
border: 2px solid #FF4500;
text-align:center;
line-height: 1.4em;
}

@media screen and (max-width:768px) {
  .mitsuya-list-main-tex p {
    font-size: 0.8em;
    line-height: 1em;
    margin:  10px 5px 0 0;
  }
 }

.mitsuya-fot{
font-size: 1.4em;
font-family: serif,sans-serif;
padding : 0;
font-weight: bold;
margin:  50px 0 50px 0;
text-align:center;
}

@media screen and (max-width:768px) {
  .mitsuya-fot {
    font-size: 1em;
    text-align:left;
    margin:  50px 10px;
  }
 }

/*　イルマとヴェッタ　*/

.iav{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0 100px 0;
     text-align:center;
background: #c6e0b4;
 }

.iav-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.iav-annai-logo{
    width: 15% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .iav-annai-logo {
    width: 100% ;
    margin: 0 auto;
  }
 }

.iav-annai-logo img{
    width: 80% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .iav-annai-logo img{
    width: 30% ;
  }
 }

.iav-annai-main{
    width: 60% ;
font-size: 1.4em;
color: #000000;
font-family: serif,sans-serif;
padding : 50px 0 0 20px;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .iav-annai-main  {
    width: 72% ;
    font-size: 0.8em;
    padding : 5px 0 0 5px;
    text-align:left;
  }
 }

.iav-annai-img{
    width: 20% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .iav-annai-img {
    width: 25% ;
    margin: 0 auto;
  }
 }

.iav-annai-img img{
    width: 60% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .iav-annai-img img{
    width: 100% ;
  }
 }


.iav-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.iav-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 50px 0 0 0;
}

@media screen and (max-width:768px) {
  .iav-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
    padding: 10px 0 0 0;
  }
 }


.iav-list-main img{
    width: 70% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .iav-list-main img  {
    width: 90% ;
  }
 }

.iav-list-main {
text-decoration: none;
color: #666666;
}


.iav-list-main p{
font-size: 1.5em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .iav-list-main p  {
    font-size: 0.7em;
  }
 }

/*　お弁当ページ　*/
.bento-page{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
  font-family: "Mochiy Pop P One", sans-serif;
  font-style: normal;
 }

.bento-page-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}


.bento-page-annai-tit{
font-size: 3.5em;
color: #000000;
padding : 10px 0 10px 5px;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .bento-page-annai-tit  {
    font-size: 2em;
    padding : 5px 0 5px 5px;
  }
 }

.bento-page-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
margin: 0 0 50px 0;
}
.bento-page-list-main{
    width: 32% ;
text-align:center;
margin: 0 10px 10px 0;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .bento-page-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }




.bento-page-list-main img{
    width: 80% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .bento-page-list-main  img{
    width: 100%;
  }
 }

.bento-page-list-main {
text-decoration: none;
color: #666666;
}


.bento-page-list-main p{
font-size: 1.5em;
font-family: "Mochiy Pop P One", sans-serif;
color: #000000;
border: solid 1px #000000;/*線色*/
padding : 10px 0;
margin: 5px 0 0 0;
}

p.bento-2re  {
    height: 80px;
    padding : 25px 0 0 0;
  }

@media screen and (max-width:768px) {
  .bento-page-list-main p  {
    font-size: 0.8em;
    padding : 5px 0;
  }
  p.bento-2re  {
    height: 42px;
    padding : 12px 0 0 0;
  }

 }

.kondate_tit{
    font-size: 2.5em;
  background: #f0f0f0;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  letter-spacing: 0.6em;
}

@media screen and (max-width:768px) {
  .kondate_tit {
    font-size: 1.5em;
    padding: 0.2em;
  }
 }

/*　しゃぶしゃぶ島豚料理みなみ　*/

.minami{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #ffffcc;
 }


.minami-annai-main{
font-size: 3em;
color: #000000;
font-family: serif,sans-serif;
padding : 15px 0;
font-weight: bold;
margin: 0 auto;
text-align:center;
}

@media screen and (max-width:768px) {
  .minami-annai-main  {
    font-size: 1.6em;
  }
 }

.minami-main-img{
margin: 0 auto;
padding: 10px 0;
}

.minami-main-img img{
  width: 85%;
}

.minami-annai-tx{
font-size: 1.5em;
color: #000000;
padding : 10px 0 10px 10px;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .minami-annai-tx  {
    font-size: 1em;
  }
 }

.minami-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.minami-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .minami-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }




.minami-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


.minami-list-main {
text-decoration: none;
color: #666666;
}


.minami-list-main p{
font-size: 1.5em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px 0;
border: solid 1px #000000;
font-weight: bold;
margin: 10px 0;
}

@media screen and (max-width:768px) {
  .minami-list-main p  {
    font-size: 0.7em;
  }
 }

/*　流珉珉　*/

.ryuminmin{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #fff2cc;
 }

.ryuminmin-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.imaipan-annai-img{
    width: 20% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .ryuminmin-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.ryuminmin-annai-img img{
    width: 80% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .ryuminmin-annai-img img{
    width: 30% ;
  }
 }

.ryuminmin-annai-main{
    width: 70% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .ryuminmin-annai-main  {
    width: 100% ;
  }
 }

.ryuminmin-annai-main img{
    width: 90% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .ryuminmin-annai-main img{
    width: 90% ;
  }
 }

.ryuminmin-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.ryuminmin-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .ryuminmin-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }




.ryuminmin-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


.ryuminmin-list-main {
text-decoration: none;
color: #666666;
}


.ryuminmin-list-main p{
font-size: 1.5em;
color: #000000;
font-family: serif,sans-serif,SimSun;
padding : 10px 0;
border: solid 1px #000000;
font-weight: bold;
margin: 10px 0;
}

@media screen and (max-width:768px) {
  .ryuminmin-list-main p  {
    font-size: 0.7em;
  }
 }

/*　がんじゅう　*/

.ganju{
   max-width: 1200px;
margin: 0 auto;
padding: 0;
     text-align:center;
 }

.ganju-annai{
    width: 100%;
}
.ganju-annai-img{
    max-width: 1080px;
text-align:center;
margin: 0 auto;
padding: 0;
}

@media screen and (max-width:768px) {
  .ganju-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

/*　Lekker nijen　*/

.Lekkernijen{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #fdf9f2;
 }

.Lekkernijen-mei{
font-size: 2em;
color: #000000;
font-family: serif,sans-serif;
padding : 50px 0 20px 0;
font-weight: bold;
margin: 0;
text-align:center;
}

@media screen and (max-width:768px) {
  .Lekkernijen-mei {
    font-size: 1.6em;
  }
 }

.Lekkernijen-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.Lekkernijen-annai-img{
    width: 35% ;
text-align:center;
margin: 0;
padding: 0;
}

@media screen and (max-width:768px) {
  .Lekkernijen-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.Lekkernijen-annai-img img{
    width: 95% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .Lekkernijen-annai-img img{
    width: 80% ;
  }
 }

.Lekkernijen-annai-main{
width: 65% ;
font-size: 1.3em;
color: #000000;
font-family: serif,sans-serif;
padding : 100px 0 0 0;
font-weight: bold;
margin: 0;
text-align:center;
}

@media screen and (max-width:768px) {
  .Lekkernijen-annai-main  {
    width: 100% ;
    font-size: 1em;
   padding : 20px 5px 0 5px;
   text-align:left;
  }
 }

.Lekkernijen-setu{
font-size: 1em;
color: #000000;
font-family: serif,sans-serif;
padding : 50px 0 0 15px;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .Lekkernijen-setu {
    font-size: 0.7em;
  }
 }

.Lekkernijen-tit{
font-size: 2em;
color: #000000;
font-family: serif,sans-serif;
padding : 20px 0 0 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .Lekkernijen-tit  {
    font-size: 1.5em;
  }
 }

.Lekkernijen-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
padding : 20px 0;
}


.Lekkernijen-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .Lekkernijen-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }




.Lekkernijen-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


.Lekkernijen-list-main {
text-decoration: none;
color: #666666;
}


.Lekkernijen-eve{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
margin: 0 auto;
}
.Lekkernijen-eve-img{
    width: 50% ;
text-align:center;
margin: 0 auto;
padding: 0;
}

.Lekkernijen-eve-img img{
    width: 95% ;
margin: 0 auto;
vertical-align:top;
}

/*　虎虎fufu　*/
.fufu{
   max-width: 1200px;
margin: 0 auto;
padding: 10px 0;
     text-align:center;
background: #ffffcc;
 }

.fufu-annai{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.fufu-annai-img{
    width: 20% ;
text-align:center;
margin: 0;
padding: 10px;
}

@media screen and (max-width:768px) {
  .fufu-annai-img {
    width: 100% ;
    margin: 0 auto;
  }
 }

.fufu-annai-img img{
    width: 70% ;
margin: 0 auto;
vertical-align:top;
}

@media screen and (max-width:768px) {
  .fufu-annai-img img{
    width: 30% ;
  }
 }

.fufu-annai-main{
font-size: 1.4em;
color: #000000;
font-family: serif,sans-serif;
padding : 50px 0 0 50px;
font-weight: bold;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .fufu-annai-main  {
    font-size: 1em;
    padding : 5px 0 0 0;
   text-align:center;
  }
 }

.fufu p{
font-size: 1em;
color: #000000;
font-family: serif,sans-serif;
padding : 10px 0 5px 30px;
margin: 0;
text-align:left;
}

@media screen and (max-width:768px) {
  .fufu p  {
    font-size: 0.7em;
  }
 }

.fufu-tit{
font-size: 2em;
color: #000000;
font-family: serif,sans-serif;
padding : 20px 0 0 20px;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .fufu-tit  {
    font-size: 1.5em;
  }
 }

.fufu-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
padding : 20px 0;
}


.fufu-list-main{
    width: 32% ;
text-align:center;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
  .fufu-list-main  {
    width: 32%;
    margin: 0 0 0 3px;
  }
 }




.fufu-list-main img{
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}


.fufu-list-main {
text-decoration: none;
color: #666666;
}


/*　マルシェクガニ案内ページ　*/

.marchekugani-concept{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }

.marchekugani-concept-tit{
  font-weight: bold;
  font-size: 2em;
  padding: 20px 0;
font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
}

.marchekugani-concept-tit p{
  font-weight: bold;
  font-size: 0.8em;
  padding: 0;
}

@media screen and (max-width:768px) {
  .marchekugani-concept-tit  {
    font-size: 1em;
  }
  .marchekugani-concept-tit  p{
    font-size: 0.6em;
    padding: 5px 0 0 0;
  }
 }

.concept-table{
width:100%;
  display:flex;/*コレ*/
    flex-wrap: wrap;
   max-width: 1200px;
  margin: 0 auto;
  justify-content: left;
  align-items: center;
font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
padding: 10px 0;
}

.concept-tr{
width:30%;
margin: 0 20px 0 0;
padding: 0.5em 0;
font-size: 1.5em;
     text-align:center;
background: #FFFFE0;
  font-weight: bold;
}

@media screen and (max-width:768px) {
  .concept-tr  {
    width:100%;
    margin: 0 10px;
    font-size: 1em;
  }
 }

.concept-td{
margin: 0;
padding: 0;
font-size: 1.2em;
vertical-align: top;
     text-align:left;
line-height: 1.4em;
}

@media screen and (max-width:768px) {
  .concept-td {
    width:100%;
    margin: 10px;
    font-size: 1em;
  }
 }

.concept-tenpo{
width:100%;
  display:flex;/*コレ*/
    flex-wrap: wrap;
   max-width: 1200px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
font-family: "游ゴシック","ヒラギノ角ゴ ProN",sans-serif;
padding: 50px 0;
}

.concept-tenpo-syousai{
width:30%;
margin: 0;
padding: 0;
font-size: 1.5em;
     text-align:center;
  font-weight: bold;
}

@media screen and (max-width:768px) {
  .concept-tenpo-syousai  {
    width:100%;
    margin: 10px;
    font-size: 1em;
  }
 }

.concept-tenpo-syousai p{
background: #000000;
color: #ffffff;
font-size: 1em;
margin: 0;
padding: 5px 0;
     text-align:center;
  font-weight: bold;
}

@media screen and (max-width:768px) {
  .concept-tenpo-syousai p {
    margin: 0 10px;
    font-size: 1em;
  }
 }

.concept-tenpo-img{
width:70%;
margin: 0;
padding: 0;
}

@media screen and (max-width:768px) {
  .concept-tenpo-img {
    width:100%;
  }
 }

.concept-tenpo-img img{
width:90%;
}

@media screen and (max-width:768px) {
  .concept-tenpo-img img{
    width:100%;
  }
 }

/*　卸売専用サイト　*/

.itemlistpage3nd{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }

.itemlistpage3nd-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.itemlistpage3nd-main{
    width: 30% ;
margin: 20px 20px 80px 20px;
padding: 0;
}

@media screen and (max-width:1180px) {
  .itemlistpage3nd-main {
    width: 30% ;
margin: 20px 13px 80px 13px;
  }
 }

@media screen and (max-width:768px) {
  .itemlistpage3nd-main {
    width: 47% ;
margin: 20px 5px 80px 5px;
  }
 }

@media screen and (max-width:350px) {
  .itemlistpage3nd-main {
    width: 47% ;
margin: 20px 4px 80px 4px;
  }
 }

.itemlistpage3nd-main img{
    width: 100% ;
margin: 10px auto;
vertical-align:top;
}

.itemlistpage3nd-main a{
text-decoration: none;
}


.itemlistpage3nd-price{
font-size: 1.1em;
color: #666666;
padding : 5px 0;
margin: 5px 0 20px 0;
}



.itemlistpage3nd-price span{
font-size: 1em;
font-weight: bold;
color: #ffffff;
background:#FF0000;
padding : 3px 5px;
margin: 0 0 0 5px;
}



.itemlistpage3nd-btn {
  color: #fff;
  background-color: #000000;
border: solid 1px #000000;
border-radius: 10px;
font-size: 1em;
padding : 10px 30px;
margin: 10px 0 20px 0;
}
.itemlistpage3nd-btn:hover {
  color: #000000;
  background: #ffffff;
}

.itemlistpage3nd-name-oroshi{
font-size: 1em;
color: #666666;
font-family: serif,sans-serif;
padding : 25px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:915px) {
  .itemlistpage3nd-name-oroshi {
    padding : 15px 0;
    height : 50px;
  }
 }

a.itemlistpage3nd-name-oroshi:hover{
　text-decoration:underline;
}

.itemlistpage3nd-name-oroshi-ichigyo{
font-size: 1em;
color: #666666;
font-family: serif,sans-serif;
padding : 25px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:915px) {
  .itemlistpage3nd-name-oroshi-ichigyo {
    padding : 15px 0;
    height : 50px;
  }
 }

a.itemlistpage3nd-name-oroshi-ichigyo:hover{
　text-decoration:underline;
}

h2.fs-c-productListItem__productName.fs-c-productName {
    height : 40px;
}

@media screen and (max-width: 1180px) {
h2.fs-c-productListItem__productName.fs-c-productName {
    height : 50px;
}
 }

@media screen and (max-width: 320px) {
h2.fs-c-productListItem__productName.fs-c-productName {
    height : 60px;
}
 }

.oroshi-kakaku p{
font-size: 0.9em;
color: #000000;
border: solid 1px #000000;
padding : 5px 0;
font-weight: bold;
margin: 5px 0;
}

.oroshi-kakaku{
font-size: 1.1em;
color: #666666;
padding : 0 0 5px 0;
font-weight: bold;
}

@media screen and (max-width:915px) {
  .oroshi-kakaku {
    height: 80px;
  }
 }

.oroshi-souryo{
font-size: 1em;
color: #ffffff;
background: #666666;
padding : 5px 0;
font-weight: bold;
margin: 5px 0 0 0;
}

@media screen and (max-width:1440px) {
  .oroshi-souryo {
    font-size: 8px;
    height: 35px;
    padding : 12px 0;
  }
 }

.oroshi-souryo-ichigyo{
font-size: 1em;
color: #ffffff;
background: #666666;
padding : 5px 0;
font-weight: bold;
margin: 5px 0 0 0;
}

@media screen and (max-width:1440px) {
  .oroshi-souryo-ichigyo {
    font-size: 0.6em;
    height: 35px;
    padding: 12px 0 0 0;
  }
 }



.oroshi-tani{
font-size: 1em;
color: #666666;
padding : 5px 0 25px 0;
font-weight: bold;
}

.oroshi-tani-ichigyo{
font-size: 1em;
color: #666666;
padding : 5px 0 25px 0;
font-weight: bold;
}

@media screen and (max-width:360px) {
  .oroshi-tani-ichigyo {
    font-size: 0.8em;
    padding : 5px 0 27px 0;
  }
 }

.oroshi-itemlistpage{
   max-width: 1200px;
margin: 0 auto;
     text-align:center;
 }

.oroshi-itemlistpage-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.oroshi-itemlistpage-main{
    width: 31% ;
text-align:center;
margin: 20px 11px;
padding: 0;
border: solid 3px #ff9d30;
border-radius: 25px;
background: #ff9d30;
transition: all .4s ease-in-out;
}

@media screen and (max-width:768px) {
  .oroshi-itemlistpage-main {
    width: 48% ;
margin: 20px 3px;
border: solid 2px #ff9d30;
  }
 }

.oroshi-itemlistpage-main:hover{
	box-shadow: 1px 1px 12px rgba(0,0,0,.65);
}

.oroshi-itemlistpage-main img{
border-radius: 24px 24px 0 0;
    width: 100% ;
margin: 0 auto;
vertical-align:top;
}

.oroshi-itemlistpage-main a{
text-decoration: none;
}

.oroshi-itemlistpage-main a p{
font-size: 2em;
color: #ffffff;
font-family: serif,sans-serif;
border-radius: 0 0 25px 25px;
padding : 10px 0 5px 0;
font-weight: bold;
margin: 0;
}

@media screen and (max-width:768px) {
  .oroshi-itemlistpage-main a p {
  font-size: 1em;
  }
 }

.oroshi-midashi {
	margin: 0 auto;
	font-size: 35px;
	text-align: center;
	padding: 50px 0 0 0;
	font-family: serif,sans-serif;
  border-bottom: solid 4px #ff9d30;
display: inline-block;
  position: relative;
  left: 5%;
  transform: translateX(-50%);
}

@media screen and (max-width:768px) {
  .oroshi-midashi {
	font-size: 25px;
  position: relative;
  left: 13%;
  }
 }


/** 採用情報 **/

.saiyo{
   max-width: 1200px;
margin: 0 auto;
 }

.saiyo-tit{
font-size: 1.8em;
padding : 50px 0;
font-weight: bold;
margin: 0;
text-align:center;
}

table.saiyo-table{
width:70%;
margin: 0 auto;
}

@media screen and (max-width:768px) {
  table.saiyo-table {
  width:100%;
  }
 }

th.saiyo-tr{
width:50%;
margin: 0;
padding: 0 0 0 100px;
font-size: 1em;
vertical-align: top;
}

@media screen and (max-width:768px) {
  th.saiyo-tr {
  width:25%;
  padding: 0;
  }
 }

td.saiyo-ce{
margin: 0;
padding: 0 0 20px 0;
font-size: 1em;
color:#ff0000;
vertical-align: top;
}

td.saiyo-td{
margin: 0;
padding: 0 0 20px 0;
font-size: 1em;
vertical-align: top;
}

.saiyo-setu{
padding: 0 0 0 380px;
}

@media screen and (max-width:768px) {
  .saiyo-setu {
  padding: 0 0 0 5px;
  }
 }

.saiyo-btn{
   max-width: 1200px;
margin: 0 auto;
text-align:center;
padding: 100px 0;
 }

.btn-saiyo-top {
  display: inline-block;
  padding: 10px 150px;
  text-decoration: none;
  color: #ff9d30;
  border: solid 2px #ff9d30;
  border-radius: 3px;
  transition: .4s;
font-size: 1.8em;
font-weight: bold;
}

@media screen and (max-width:768px) {
  .saiyo-btn {
  padding: 50px 0;
  }
  .btn-saiyo-top {
  padding: 10px 60px;
  font-size: 1.2em;
  }
 }

.btn-saiyo-top:hover {
  background: #ff9d30;
  color: white;
}

/****　メインここまで　****/

/****　フッターここから　****/

footer{
	width: 100%;
	margin:0 auto;
	background-color:#f5f5f5;
	padding: 0;
}

.footarea{
	max-width: 1200px;
margin: 0 auto;
text-align:center;
	padding: 50px 50px 0px 50px;
}

@media screen and (max-width:768px) {
.footarea {
     padding: 30px 0 0 0;
 }
 }

.footlogo{
text-align:center;
	margin:0 auto;
}

.footlogo img{
 max-width: 300px;
}

.footlist{
text-align:center;
	margin:0 auto;
 }

.footlist ul{
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
padding: 0;
}

.footlist li{
   list-style:none;
  padding: 0 10px;
  font-size: 12px;
 }

@media screen and (max-width:768px) {
.footlist li {
     padding: 0 2px;
  font-size: 10px;
 }
 }

.footlist li a{
  color: #000000;
  font-size: 12px;
  text-decoration: none;
 }

@media screen and (max-width:768px) {
.footlist li a{
  font-size: 10px;
 }
 }

.footlist li a:hover{
  text-decoration: underline;
 }

.line {
text-align:center;
  margin: 0 auto;
padding: 0 0 10px 0;
 }


/****　フッターここまで　****/



/*** お問合せここから ***/
.contactform{
	max-width:1200px;
}


/****　商品グループここから　****/
.fs-c-breadcrumb,.fs-c-subgroup,.fs-c-productList__list,.fs-c-productList,.fs-c-documentArticle{
    max-width: 1200px;
    margin:0 auto;
    padding: 10px 0;
}

@media screen and (max-width: 1024px) {
	.fs-c-documentArticle{
		padding: 0 10px;
	}
}

/* 商品数表示　右寄せ */
.fs-c-listControl__status{
    max-width: 1200px;
    text-align:right;
}

@media screen and (max-width: 1024px) {
	.fs-c-listControl__status{
		padding: 0 10px 0 0;
	}
}

/* 商品リスト横並び */
ul.fs-c-subgroupList{
  padding: 0;
}
.fs-c-subgroupList li{
    display: inline-block;
    list-style: none;
    width: 24%;
    padding: 0 0 80px 0;
}

.fs-c-subgroupList li a{
    font-size: 16px;
    text-align:center;
    color: #000000;
    text-decoration: none;
}

.fs-c-subgroupList li a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 896px) {
	.fs-c-subgroupList li{
		width: 32%;
	}
}

@media screen and (max-width: 480px) {
	.fs-c-subgroupList li{
		width: 48%;
		padding: 0 0 50px 0;
	}
}


/* 現在登録されている商品はありません。部分 */
.fs-c-noResultMessage__title{
    max-width: 1200px;
    margin:0 auto;
    padding: 0 0 0 10px;
}

@media screen and (max-width: 896px) {
	.fs-c-noResultMessage__title{
		width: 100%;
	}
}


/****　商品グループここまで　****/
/****　商品詳細ここまで　****/

/* 並び替え・ページャーを両サイドに */
.fs-c-productList__controller {
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  padding: 3px 10px;
}

/* 並び替えデザイン */
.fs-c-sortItems__label{
    border: solid 1px #000000;
    padding: 3px 10px;
}

ul.fs-c-sortItems__list{
    margin: 10px 0 0 0;
    padding: 0;
}

li.fs-c-sortItems__list__item{
    float: left;
    padding: 0px 10px 0 0;
    list-style: none;
}




/* 商品リスト横並び */
.fs-c-productList__list{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin:0 auto;
}
.fs-c-productList__list > article{
	width: 25%;
	padding: 0 5px 80px 5px;
}

@media screen and (max-width: 1024px) {
	.fs-c-productList__list{
		padding: 10px 10px;
	}

}

@media screen and (max-width: 896px) {
	.fs-c-productList__list{
		padding: 10px 10px;
	}
	.fs-c-productList__list > article{
		width: 33%;
		padding: 0 5px 50px 5px;
	}
}


/* メーカー希望小売価格～税込まで横並び */
.fs-c-productPrice.fs-c-productPrice--selling > span,.fs-c-productPrice.fs-c-productPrice--subscription > span{
  display: inline-block;
}
.fs-c-productPrice.fs-c-productPrice--selling,.fs-c-productPrice.fs-c-productPrice--subscription{
  overflow: hidden;
}

/* 商品名フォント */
.fs-c-productListItem__productName{
    font-size: 14px;
}

@media screen and (max-width: 480px) {
	.fs-c-productListItem__productName{
		font-size: 12px;
	}
}

/* メーカー希望小売価格 */
.fs-c-productPrice__main__label{
    font-size: 12px;
}

@media screen and (max-width: 480px) {
	.fs-c-productPrice__main__label{
		font-size: 10px;
	}
}

/* 価格フォント */
.fs-c-price{
    font-weight: bolder;
    font-size:18px;
    padding: 2px 0;
}

@media screen and (max-width: 480px) {
	.fs-c-price{
		font-size: 18px;
		width: 50%;
		padding: 0;
	}
	.fs-c-price__currencyMark{
		padding: 0 7px 0 0;
	}
}




/* 税込 */
.fs-c-productPrice__addon__label{
    font-size: 12px;
}

@media screen and (max-width: 480px) {
	.fs-c-productPrice__addon__label{
		font-size: 10px;
	}
}

/* 商品画像マウスオーバー */
.fs-c-productListItem__imageContainer:hover {
	opacity: 0.5 ;
}

/* 拡大ボタン */
.fs-c-button--viewMoreImage.fs-c-button--image{
	padding: 0;
}
.fs-c-button--viewMoreImage.fs-c-button--image img{
	width: 50%;
	padding: 3px 0 0 0;
}



/* 定期マーク */
.fs-c-productMarks{
    margin: 0 0 5px 0;
}
.fs-c-mark__label{
    background-color: red;
    color: #ffffff;
    padding: 2px 5px;
    font-size:12px;
}

@media screen and (max-width: 480px) {
	.fs-c-productMarks{
		margin: 0 0 2px 0;
	}
	.fs-c-mark__label{
		font-size: 10px;
		padding: 1px 2px;
	}
}

/** カート内の価格 **/
@media screen and (max-width: 480px) {
	span.fs-c-cartTable__price.fs-c-price{
		justify-content: flex-end;
		width: 100%;
	}
}


/* カートに入れるボタン */
.fs-c-button--addToCart--list{
  padding: 10px 25px;
  color: #ffffff;
  background: #000000;
  border: solid 1px #000000;
  border-radius: 4px;
  font-size:12px;
}

.fs-c-button--addToCart--list:hover {
  background: #ffffff;
  color: #000000;
  border: solid 1px #000000;
}

@media screen and (max-width: 1024px) {
	.fs-c-button--addToCart--list{
		padding: 5px 15px;
	}
}
@media screen and (max-width: 896px) {
	.fs-c-button--addToCart--list{
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.fs-c-button--addToCart--list{
		font-size:10px;
	}
}


/* お気に入りボタン */
.fs-c-button--addToWishList--icon,.fs-c-button--removeFromWishList--icon{
  display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
  border: 0px none;
  font-size:12px;
}

.fs-c-button--addToWishList--icon:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

@media screen and (max-width: 1024px) {
	.fs-c-button--addToWishList--icon,.fs-c-button--removeFromWishList--icon{
		padding: 5px 15px;
	}
}

@media screen and (max-width: 896px) {
	.fs-c-button--addToWishList--icon,.fs-c-button--removeFromWishList--icon{
		width: 100%;
	}
}

/* お気に入り解除ボタン */
.fs-c-button--removeFromWishList--icon,.okiniirikaizyo{
  display: inline-block;
  padding: 3px 10px;
  border-radius: 25px;
  text-decoration: none;
  color: #000000;
  background: #ffffff;
  transition: .4s;
  border:  solid 1px black;
  font-size: 10px;
}

.fs-c-button--removeFromWishList--icon:hover,.okiniirikaizyo:hover {
	opacity: 0.5 ;
}

/* 詳細を見るボタン */
.fs-c-button--viewProductDetail,
a.fs-c-button--viewProductDetail {
  display: inline-block;
  text-decoration: none;
  padding: 10px 25px;
  color: #ffffff;
  background: #000000;
  border: solid 1px #000000;
  border-radius: 4px;
  font-size:12px;
}

.fs-c-button--viewProductDetail:hover,
a.fs-c-button--viewProductDetail:hover {
  background: #ffffff;
  color: #000000;
  border: solid 1px #000000;
}

@media screen and (max-width: 1024px) {
	.fs-c-button--viewProductDetail,a.fs-c-button--viewProductDetail{
		padding: 5px 15px;
	}
}


@media screen and (max-width: 896px) {
	.fs-c-button--viewProductDetail,a.fs-c-button--viewProductDetail{
		width: 100%;
		text-align: center;
	}
}




/****　商品詳細ここまで　****/
/****　商品購入ページここまで　****/

.fs-l-productLayout{
    max-width: 1200px;
    margin:0 auto;
    padding: 10px 10px;
}

.fs-l-productLayout > div{
    float: left;
}

.fs-c-productCarouselMainImage{
    width: 50%;
    height: 1600px;
    padding: 0 30px 0 0;
}

@media screen and (max-width: 896px) {
	.fs-c-productCarouselMainImage{
		padding: 0;
	}
}

.fs-c-productNumber{
    border: solid 1px #000000;
    padding: 3px 5px;
    font-size: 12px;
}

.fs-c-productNameHeading{
    font-size: 18px;
    padding: 30px 0 0 0;
}


.fs-c-productActionButton,.fs-c-buttonContainer--addToWishList--detail{
    width: 50%;
}

.fs-c-productQuantityAndWishlist{
    width: 50%;
}

.fs-c-slick .slick-slide img {
    padding: 0 30px;
}

@media screen and (max-width: 896px) {
	.fs-c-slick .slick-slide img{
		padding: 0 50px;
	}
}

@media screen and (max-width: 480px) {
	.fs-c-slick .slick-slide img{
		padding: 0;
	}
}

/* 送料込み */
.fs-c-productPostage{
    margin: 0 10px 0 0;
    width: 30%;
}

/***　定期カート・数量の幅　***/
.fs-c-productQuantityAndAction{
    width: 20%;
}
/*** 定期カート右寄せ***/
.fs-c-productQuantityAndAction__action{
    float: right;
}


/*** 定期カートデザイン***/
.fs-c-button--addToCart--detail,.teiki-cart{
  width: 350px;
  padding:10px 20px;
  margin:15px 0;
  text-decoration: none;
  color: #ffffff;
  background: #000000;
  transition: .4s;
  border: solid 1px #000000;
  border-radius: 4px;
}

.fs-c-button--addToCart--detail:hover ,.teiki-cart:hover{
  background: #ffffff;
  color: #000000;
  border: solid 1px #000000;
}



@media screen and (max-width: 896px) {
	.fs-l-productLayout > div{
		width: 98%;
		float: none;
		margin: 0 auto;
	}
	.fs-c-productCarouselMainImage{
		width: 100%;
		height: 100%;
	}
	.fs-c-productNumber{
		border: none;
		padding:20px 0 0 0 10px;
	}
	.fs-c-productNameHeading{
		padding:0 0 0 10px;
	}
	.fs-c-subscriptionPriceTable{
		padding:0 0 0 10px;
	}
	.fs-c-productPostage{
		padding:0 0 10px 0;
	}
	.fs-c-productQuantityAndAction.fs-c-productQuantityAndAction--subscription{
		width: 20%;
		margin: 0 0 0 10px;
	}
	.teiki-cart{
		width: 600%;
		margin: 0 ;
	}
	.cartbutton{
		width: 100%;
		margin: 10px 0 20px 0 ;
	}
}

@media screen and (max-width: 480px) {
	.fs-c-productQuantityAndAction.fs-c-productQuantityAndAction--subscription{
		width: 45%;
		margin: 0 0 0 10px;
	}
	.teiki-cart{
		width: 300%;
		margin: 0 ;
	}
	.cartbutton{
		width: 100%;

	}
}

/***　お気に入りボタン　***/
.fs-c-buttonContainer.fs-c-buttonContainer--addToWishList--detail{
  padding: 0 0 0 10px;
}
@media screen and (max-width: 896px) {
	.fs-c-buttonContainer.fs-c-buttonContainer--addToWishList--detail{
		padding: 0;
	}
}

.fs-c-button--addToWishList--detail {
  padding: 2px 40px;
  margin: 5px 0 15px 0;
  background: #fff;
  border: solid 1px #717375;
  color:#717375;
  border-radius: 4px;
  font-size: 12px;
}

.fs-c-button--addToWishList--detail:hover {
	opacity: 0.5 ;
}




/***　数量　***/
.fs-c-quantity__select{
  margin: 10px 0 0 0;
  border-radius: 4px;
}

/**項目選択肢**/
.fs-c-productSelection{
  padding: 0.5em;/*文字周りの余白*/
  font-size:12px;
  width: 50%;
}

@media screen and (max-width: 896px) {
	.fs-c-productSelection{
		width: 100%;
	}
}

/***　申し訳ございません。ただいま在庫がございません。　***/
.fs-c-productNotice{
  background: #000000;
  color: #ffffff;
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  width: 50%;
  margin: 10px 0; 
}
@media screen and (max-width: 896px) {
	.fs-c-productNotice.fs-c-productNotice--outOfStock{
		margin: 0 0 10px 0; 
	}
}

/***　レビュー　***/
.fs-c-productReview,.fs-p-productDescription{
 width: 50%;
}

ul.fs-c-productReview__reviewList.fs-c-reviewList.fs-c-reviewList--productDescription{
  padding: 0 10px;
  margin: 0px;
}

.fs-c-productReview__reviewList li{
  list-style: none;
}

.fs-c-aggregateRating{
  border-bottom: dashed 1px #000000;
  padding: 0.5em;/*文字周りの余白*/
}

.fs-c-rating__value{
  font-size:18px;
  color: #daa520;

}
.fs-c-rating{
  font-size:12px;
}

.fs-c-reviewer > div{
  display: inline-block;
  color: #696969;
  padding: 10px 0 5px 0;
}

.fs-c-reviewer__profile{
  font-size:12px;
}

dl.fs-c-reviewInfo__date{
  margin: 0;
}

.fs-c-reviewInfo__date dt{
  float: left;
}

.fs-c-reviewInfo__date dd{
  margin-left: 10px;
}

/* レビューの内容 */
.fs-c-reviewRating{
  padding: 5px 0;
}
.fs-c-reviewBody{
  border: solid 1px #d3d3d3;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  font-size:12px;
}

/* すべてのレビューを見る */
.fs-c-productReview__allReviews.fs-c-buttonContainer.fs-c-buttonContainer--viewAllReviews{
  padding: 10px 0 0 10px;
}


/***　商品についてのお問合せ　***/
.itemcontact{
    border: solid 1px #808080;
    background: #ffffff;
    color: #696969;
    font-size:12px;
    padding: 3px 8px;
    margin: 7px 10px 0 0;
}


/* レビューを書く */
.fs-c-productReview__addReview a,.fs-c-returnedSpecialContract a{
    border: solid 1px #808080;
    background: #ffffff;
    color: #696969;
    font-size:12px;
    padding: 3px 8px;
    margin: 0 10px 0 0;
    text-decoration: none;

}
.fs-c-productReview__addReview,.fs-c-returnedSpecialContract{
    margin: 10px 0 0 10px;
}

@media screen and (max-width: 896px) {
	.fs-c-productReview__addReview,.fs-c-returnedSpecialContract{
		margin: 10px 0 0 0;
	}
}



/****　商品購入ページここから　****/


/****　個人情報ここから　****/

.fs-p-privacyPolicy,.fs-p-aboutTerms,.fs-p-memberAgreement,.fs-p-returnPolicy,.eco{
    max-width: 1200px;
    margin:0 auto;
    padding: 10px 0;
    font-size: 12px;
}

@media screen and (max-width: 1024px) {
	.fs-p-returnPolicy{
		padding: 0 10px;
	}
}

.fs-c-documentArticle__heading{
  padding: 0 0 0 25px;
  font-size:25px;
  margin: 10px 0;
}

h3.fs-c-documentColumn__heading{
  padding: 5px 0 5px 15px;
  background: #f5f5f5;
  font-size: 20px;
  color:#696969;
  margin:10px 5px ;
}

.fs-c-documentColumn,.fs-c-documentArticle__heading{
  line-height: 200%;
}

h4.fs-c-documentSubColumn__heading{
  padding: 0;
  margin:10px 0 0 0;
}

ul.fs-c-creditCardIcons{
  padding: 0;
  margin: 0 ;
}

/****　特定商取引ここから　****/
.fs-c-explainList dt{
    float:left;
    width: 20%;
    font-weight: bolder;
}

.fs-c-explainList dd{
    width: 100%;
}

/****　代引き表ここから　****/
table.fs-c-specTable th{
  background-color:#f5f5f5;
  padding: 0 10px;
  border: 1px solid #bbb;
}

table.fs-c-specTable td{
  padding: 0 10px;
  border: 1px solid #bbb;
}

.fs-c-creditCardIcons li{
    display: inline;
    list-style:none;
}

table.fs-c-specTable.fs-c-specTable--salesTax{
  font-size: 18px;
}

/****　ショッピングカートここから　****/
.fs-l-cart__contentsArea{
    max-width: 1200px;
    margin:0 auto;
    padding: 10px 10px;
}

.fs-c-cartTable__headerCell{
    background-color:#f5f5f5;
    font-size: 12px;
    color:#555555;
}

@media screen and (max-width: 896px) {
	.fs-c-cartTableContainer{
		width: 95%;
		margin:0 auto;
	}
	.fs-c-cartTable__dataCell{
		padding: 0 10px 0 10px;
	}
	.fs-c-cartTable__row{
		border-bottom: solid 1px #a9a9a9;
		padding: 0 0 10px 0;
	}
	.fs-c-cartTable__quantity.fs-c-quantity.fs-system-assistTarget{
		margin-left: auto;
	}
	.fs-c-quantity__select{
		margin: 0;
	}
	.fs-c-cartPayment__button.fs-c-buttonContainer.fs-c-buttonContainer--purchaseHere{
		margin: 0;
	}
	.fs-c-orderTotalTable{
		margin: 0 5px 0 5px;
	}
	.fs-c-confirmOrder__button.fs-c-buttonContainer.fs-c-buttonContainer--confirmOrder{
		margin: 120px 0 0 10px;
	}
	.fs-c-cartTable__product{
		margin: 5px;
	}
}

.fs-c-cartDiscountInfo{
    text-align: right;
    font-size: 12px;
    padding: 10px 0;
}

.fs-c-cartDiscountInfo__info__next{
    color: red;
    font-weight: bolder;
}

.fs-c-cartDiscountInfo__note li{
    list-style:none;
}

.fs-c-orderTotalTable{
   float: right;
}


.fs-c-purchaseHere.fs-c-cartPayment > div{
  display: inline-block;
}

@media screen and (max-width: 480px) {
	.fs-c-purchaseHere.fs-c-cartPayment > div{
		display: block;
		margin:30px 0 0 0;
		text-align:center;
	}
}


/*** ご購入手続きへ進みます ***/
.fs-c-purchaseHere__message{
    width: 100%;
    text-align:center;
    padding: 0 0 30px 0;
}

@media screen and (max-width: 480px) {
	.fs-c-purchaseHere__message{
		padding: 100px 0 0 0;
	}
}

/*** 削除・あとで買うボタン ***/
.fs-c-cartTable__actionButton__container.fs-c-cartTable__actionButton__container--cancel--cart{
    padding: 0 0 10px 0;
}


/*** ログインして進む ***/
.fs-c-cartPayment__button.fs-c-buttonContainer.fs-c-buttonContainer--loginAndPurchase{
    width: 50%;
    text-align:right;
    padding: 0 20px 0 0;
}

@media screen and (max-width: 480px) {
	.fs-c-cartPayment__button.fs-c-buttonContainer.fs-c-buttonContainer--loginAndPurchase{
		width: 100%;
		text-align:center;
		padding: 0;
	}
}

.loginincart{
    background: #555555;
    color: #ffffff;
    padding: 20px 80px;
    text-decoration: none;
    border-radius:5px;
}

.loginincart:hover{
    background: #ffffff;
    color: #555555;
    border: solid 1px #555555;
}

@media screen and (max-width: 480px) {
	.loginincart{
		padding: 10px 85px;
	}
}


/*** ご購入頂きへ進む ***/
.fs-c-cartPayment__button fs-c-buttonContainer.fs-c-buttonContainer--unregisteredUserPurchase{
    width: 50%;
    padding: 0 0 0 10px;
}

@media screen and (max-width: 480px) {
	.fs-c-cartPayment__button fs-c-buttonContainer.fs-c-buttonContainer--unregisteredUserPurchase{
		width: 100%;
		text-align:center;
		padding: 100px 0 0 0;
	}
}

.buyincart-guest{
    background: #555555;
    color: #ffffff;
    padding: 20px 80px;
    text-decoration: none;
    border-radius:5px;
}
.buyincart-guest:hover{
    background: #ffffff;
    color: #555555;
    border: solid 1px #555555;
}

@media screen and (max-width: 480px) {
	.buyincart-guest{
		padding: 10px 80px;
	}
}

/*** このサイトでお支払い ***/
.fs-c-cartPayment__button.fs-c-buttonContainer.fs-c-buttonContainer--purchaseHere{
    width: 100%;
    text-align:center;
    padding: 0 20px 0 0;
}

.thissitepay{
    background: #555555;
    color: #ffffff;
    padding: 20px 80px;
    text-decoration: none;
    border-radius:5px;
}
.thissitepay:hover{
    background: #ffffff;
    color: #555555;
    border: solid 1px #555555;
}
@media screen and (max-width: 480px) {
	.fs-c-cartPayment__button.fs-c-buttonContainer.fs-c-buttonContainer--purchaseHere{
		margin: 20px 0 0 0;
	}
	.thissitepay{
		padding: 10px 80px;
	}
}

/*** ショッピングを続ける ***/
.fs-c-continueShopping,.fs-c-guestPurchase{
    max-width: 1200px;
    text-align:center;
    padding: 30px 0 0 0;
    margin:0 auto;
}



@media screen and (max-width: 896px) {
	.fs-c-continueShopping{
		width: 95%;
		margin:0 auto;
	}
}

/** お届け先リスト黒点消す **/
.fs-c-checkout-addresseeList li{
  list-style: none;
}

/** お届け先リストを追加する **/
.fs-c-button--addAddressee.fs-c-button--standard{
  padding: 10px 50px;
  text-decoration: none;
  color: #ffffff;
  background: #000000;
  transition: .4s;
  border: solid 1px #000000;
  border-radius: 4px;
}
.fs-c-buttonContainer.fs-c-buttonContainer--pair{
    margin:10px 0 0 0;
}

@media screen and (max-width: 960px) {
	.fs-c-button--addAddressee.fs-c-button--standard{
		padding: 10px 10px;
	}
}


.fs-c-inputInformation__message,.fs-c-buttonContainer--myPageTop{
    max-width: 1200px;
    margin:0 auto;
    padding: 0 0 0 10px;
}



/*** 退会するボタン ***/
.Withdrawal,.henkou{
  padding: 10px 50px;
  text-decoration: none;
  color: #ffffff;
  background: #000000;
  transition: .4s;
  border: solid 1px #000000;
  border-radius: 4px;
}
.Withdrawal:hover {
  background: #ffffff;
  color: #000000;
  border: solid 1px #000000;
}



/****　マイページデザイン ここから　****/
.fs-c-accountService{
    max-width: 800px;
    margin:0 auto;
    padding: 10px 5px 100px 5px;
    column-count: 2;
    list-style: none;
}
.fs-c-accountService li{
  padding: 10px 0;
  border-radius: 8px;
  margin: 0 0 10px 0;
  text-align:center;
  border: solid 2px #696969;
}
.fs-c-accountService__page a{
  color: #696969;
  font-size:18px;
  font-weight: bolder;
  text-decoration: none;
}
/* お気に入りへボタン */
.fs-c-wishlistProduct__footer{
    padding: 10px 0 0 10px;
}

/****　注文履歴 ここから　****/
.fs-c-history{
    max-width: 800px;
    margin:0 auto;
    padding: 10px 5px 100px 5px;
}
/****　お届け先リスト ここから　****/
.fs-c-addressBookList__addButton{
    max-width: 1200px;
    margin: 10px auto;
    padding: 0 0 0 5px;
}

/* 現在の登録件数 */
.fs-c-addressBookList__count{
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 0 10px;
}
/* お届け先を追加するボタン */
.fs-c-button--addToAddressbook{
    padding: 0 0 0 10px;
}

/* 住所一覧table */
.fs-c-addressBookList__list{
    width: 800px;
    margin: 0 auto;
    padding: 0 10px 10px 10px;
}
.fs-c-addressBookList__list td{
    padding: 0.5em;/*文字まわり（上下左右）の余白*/
    border: solid 1px #808080;
}
/* 削除ボタン */
.fs-c-button--delete{
    margin: 0 0 0 10px;
}


@media screen and (max-width: 896px) {
	.fs-c-addressBookList__list{
		width: 100%;
	}
	.fs-c-addressBookList__list td{
		border-bottom: solid 1px #808080;
	}
}

/****　お客様情報入力 ここから　****/
.fs-c-inputInformation__message{
    max-width: 800px;
    margin:0 auto;
    padding:0 0 20px 0;
    width: 100%;
}

/* 入力枠の幅 */
.fs-c-inputField__field.fs-c-inputTextGroup.fs-system-assistTarget{
	min-width: 800px;
	width: 100%;
}

@media screen and (max-width: 896px) {
	.fs-c-inputField__field.fs-c-inputTextGroup.fs-system-assistTarget{
		min-width: 95%;
		margin:0 auto;
	}
}


/* 住所とか入力 */
div.fs-c-inputInformation__field{
    max-width: 800px;
    width: 100%;
    margin: 10px auto 20px;
}

@media screen and (max-width: 896px) {
	div.fs-c-inputInformation__field,.fs-c-inputInformation__message{
		margin: 0 auto;
	}
}

@media screen and (max-width: 480px) {
	div.fs-c-inputInformation__field,.fs-c-inputInformation__message{
		margin: 0 auto;
	}
}



.fs-c-modal--medium .fs-c-modal__inner {
    width: 900px;
    max-width: 90vw;
}


/* メールアドレス・パスワード　センター寄せ */
fieldset.fs-c-fsLoginField,fieldset.fs-c-accountPasswordField{
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

/* メールアドレス・パスワード枠長さ */
input#fs_input_mailAddress,input#fs_input_currentPassword{
    min-width:400px;
    width: 100%;
}

@media screen and (max-width: 480px) {
	fieldset.fs-c-fsLoginField,fieldset.fs-c-accountPasswordField{
		max-width:250px;
	}
	input#fs_input_mailAddress,input#fs_input_currentPassword{
		width:100%;
		min-width:250px;
	}

}


/* ログインボタン */
.fs-c-inputInformation__button{
    text-align:center;
    padding: 10px 0 20px 0;
}

/* パスワードお忘れですか？ */
.fs-c-inputInformation__link.fs-c-textLinkContainer{
    text-align:center;
    padding: 10px 0 0 0;
}

/* 会員登録ボタン */
.fs-c-buttonContainer--memberRegister{
    text-align:center;
    padding: 20px 0 0 0;
}


table.fs-c-inputTable th,
table.fs-c-inputTable td{
  width:100%;
  display:block;

}
.fs-c-inputTable__headerCell{
    text-align: left;
    padding: 0;
}

.fs-c-inputTable__dataCell {
    padding: 0 0 10px 0;
}

.fs-c-inputTable__dataCell input[type='text'] {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 10px;
	transition: 0.3s;
	letter-spacing: 1px;
	background: #f5f5f5;
}

.fs-c-input--zipCode{
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	background: #f5f5f5;
}

.fs-c-suggestedAddress__list li{
    list-style:none;
}

#fs_input_phoneNumber{
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	background: #f5f5f5;
}

.fs-c-agreementConfirmation__message{
  color: #1e366a;
  border: dotted #1e366a 1px;/*ドット 色 太さ*/
  padding: 0.3em 0.5em 0.3em 2em;
}

.fs-c-agreementConfirmation{
  max-width: 800px;
}

.fs-p-listWithCheckmark li{
  line-height: 1.5;
  padding: 0.1em 0;
}

button.fs-c-button--displayPassword.fs-c-button--particular{
    margin: 0;
}
.fs-c-agreementConfirmation__password__input button:after{
	content: url("https://ukondo.itembox.design/item/masking.png?t=20250709182407")
}

.fs-c-inputInformation__button > div{
    width: 100%;
    text-align:center;
    padding: 0 ;
}


.membernext{
    text-align:center;
    background: #555555;
    color: #ffffff;
    padding: 20px 80px;
    text-decoration: none;
    border-radius:5px;
    margin: 0 auto;
    border: solid 1px #555555;
}

.nextbutton{
    background: #555555;
    color: #ffffff;
    padding: 20px 80px;
    text-decoration: none;
    border-radius:5px;
    border: solid 1px #555555;
}
.membernext:hover,.nextbutton:hover{
    background: #ffffff;
    color: #555555;
    border: solid 1px #555555;
}
@media screen and (max-width: 480px) {
	.fs-c-inputInformation__button > div{
		margin: 20px 0 0 0;
	}
	.membernext,.nextbutton{
		padding: 10px 80px;
	}
}






/****　ご注文手続き ここから　****/
.fs-l-checkout__mainColumn,.fs-c-guestPurchase,.fs-c-panel{
    max-width: 800px;
    margin:0 auto;
    padding: 10px 5px;
}

.fs-l-checkout__sideColumn,.fs-c-buttonContainer--send{
    max-width: 800px;
    margin:0 auto;
    padding: 0 0 150px 0;
}

.carthenkou{
  background: #000000;/*背景色*/
  padding: 0.1em 1.5em;/*文字まわり（上下左右）の余白*/
  color:#ffffff;
  border: solid 1px #000000;
}

.Orderend{
  padding: 10px 50px;
  text-decoration: none;
  color: #ffffff;
  background: #000000;
  transition: .4s;
  border: solid 1px #000000;
  border-radius: 4px;
}

.Orderend:hover {
  background: #ffffff;
  color: #000000;
  border: solid 1px #000000;
}

.fs-c-commissionTable th{
  background-color:#f5f5f5;
  padding: 1em 5px 1em 1em;
  border: 1px solid #bbb;
}

table.fs-c-commissionTable td{
  padding: 1em 5px 1em 1em;
  border: 1px solid #bbb;
}



.cartsettei,.fs-c-button--login,.passsent,.Memberregistration,.registration,.fs-c-button--register,.fs-c-button--confirmChange.fs-c-button--primary{
  padding: 10px 50px;
  text-decoration: none;
  color: #ffffff;
  background: #000000;
  transition: .4s;
  border: solid 1px #000000;
  border-radius: 4px;
}

.Cancel{
  padding: 10px 50px;
  text-decoration: none;
  color: #000000;
  background: #ffffff;
  transition: .4s;
  border: solid 1px #000000;
  border-radius: 4px;
}
@media screen and (max-width: 960px) {
	.Cancel{
		padding: 10px 20px;
	}
}


.cartsettei:hover,.Cancel:hover,.carthenkou:hover,.login:hover,.fs-c-button--plain:hover,.passsent:hover,.carryonshopping:hover,.Memberregistration:hover,.registration:hover,..fs-c-button--addToAddressbook:hover,.thissitepay:hover,.fs-c-button--confirmChange.fs-c-button--primary:hover
{
	opacity: 0.5;/* 透過率50% */
	transition: 0.2s;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s;
}

.fs-c-inputField__field input{
	width: 100%;
	padding: 0.8em 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	background: #ffffff;
}

.fs-c-inputField__field button:after{
	content: url("https://ukondo.itembox.design/item/masking.png?t=20250709182407")
}

.fs-c-guestPurchase{
	padding: 1.5em 0 1.8em 0;
}




/***サイトマップ***/
.sitemap{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.sitemap > div{
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.sitemap > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.sitemap > div{
		width: 100%;
	}
}

/***ご利用ガイド***/
.guide{
    max-width: 800px;
    margin:0 auto;
    padding: 10px 5px 100px 5px;
    column-count: 2;
    list-style: none;
}
.guide li{
  padding: 10px 0;
  border-radius: 8px;
  margin: 0 0 10px 0;
  text-align:center;
  border: solid 2px #696969;
}
.guide a{
  color: #696969;
  font-size:18px;
  font-weight: bolder;
  text-decoration: none;
}

/****お気に入りリスト***/
.fs-c-wishlistProduct{
    max-width: 1200px;
    margin:0 auto;
    padding: 10px 5px;
}

/** お気に入りを解除するボタン **/
.fs-c-button--particular{
  margin: 10px 0 0 0;
}
@media screen and (max-width: 960px) {
	.fs-c-button--particular{
		margin: 10px 0 10px 0;
	}
}

.fs-clientInfo{
    max-width: 800px;
    margin:0 auto;
    padding: 10px 5px;
}
.fs-pt-menu__item--lv1{
  padding: 3px 0;
  text-align:center;
  background: #696969;
  list-style: none;
}
.fs-pt-menu__item--lv1 a{
  color: #ffffff;
  font-size:15px;
  text-decoration: none;
}


/* マイページのお気に入りリストスライダー */
article.fs-c-productListCarousel__list__item.fs-c-productListItem {
    max-width: 265px;
    margin:0 5px;
}
@media screen and (max-width: 1024px) {
	article.fs-c-productListCarousel__list__item.fs-c-productListItem{
		max-width: 300px;
	}
}
@media screen and (max-width: 896px) {
	article.fs-c-productListCarousel__list__item.fs-c-productListItem{
		max-width: 330px;
		margin:0 10px;
	}
}
@media screen and (max-width: 480px) {
	article.fs-c-productListCarousel__list__item.fs-c-productListItem{
		max-width: 275px;
		margin:0 10px;
	}
}


.fs-c-button--carousel.fs-c-button--carousel--next,.fs-c-button--carousel.fs-c-button--carousel--prev{
	font-size:0;
}
.fs-c-button--carousel.fs-c-button--carousel--next::before{
	font-size: 18px; 
	content: "＞";
	font-weight: 900;
	background-color: #000000;
	color: #ffffff;
	padding: 5px;
}
.fs-c-button--carousel.fs-c-button--carousel--prev::before{
	font-size: 18px; 
	content: "＜";
	font-weight: 900;
	background-color: #000000;
	color: #ffffff;
	padding: 5px;
	margin:0 0 0 15px;
}

@media screen and (max-width: 480px) {
	.fs-c-button--carousel.fs-c-button--carousel--prev::before{
		margin:5px 0 0 5px;
	}
}

/***会社概要***/
.company{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.company > div:first-child{
	width: 30%;
	padding: 10px;
}
.company > div{
	width: 70%;
	padding: 10px;
}

@media screen and (max-width: 960px) {
	.company > div:first-child{
		width: 100%;
	}
	.company > div{
		width: 100%;
	}
}

@media screen and (max-width: 960px) {
.barrelpv{
	position:relative;
	width:100%;
	height:0;
	padding-top:75%;
}
.barrelpv iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}