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

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

.contents{
margin: 0px;
padding: 0px;	
}

html { scroll-behavior: smooth;}

body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

table {
	margin:30px;
}

tr td {
padding: 20px 30px;
}

td.manuka{
	padding: 10px;
	vertical-align:top;
}

.middle{
vertical-align:middle;
}

p.bold{
	font-weight: 900;
	 line-height: 150%;
}

p.bold2{
	 line-height:200%; 
	font-weight: 900;
	font-size:18px;
	color:#d03250;
}


table td {
  box-sizing: border-box;
  vertical-align: top;
}
@media all and (max-width: 960px) {
  table th, table td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
}

.border {
	position: relative;
	height: 1px;
	border-width: 0;
	background-color: #ffcfe4;
	background-image: -webkit-linear-gradient(left,
	#ffcfe4 0%,#d03250 50%,#ffcfe4 100%);
	background-image:         linear-gradient(90deg,
	#ffcfe4 0%,#d03250 50%,#ffcfe4 100%);
}

p.red {
	 background: linear-gradient(transparent 60%, #ffcfe4 60%);
	font-size     : 24pt;
	 font-weight:  bolder;
}

a{
	text-decoration:none;	
	color:#d03250;
}

a:hover{
    color: #ffcea3;
    text-decoration: none;
	  transition    : .3s;  
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
		  transition    : .3s; 
}

.button {
  display       : inline-block;
border-radius: 20px 20px 20px 20px;          /* 角丸       */
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 15px 25px;   /* 余白       */
  background    : #d03250;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1;           /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
	margin: 5px;
}
.button:hover {
  opacity       : 0.8;         /* カーソル時透明度 */
}

.price {
  display       : inline-block;
  text-align    : center;      /* 文字位置   */
  padding       : 19px 100px ;  /* 余白       */
  background    : #fcf3f7;     /* 背景色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1;           /* 透明度     */
	margin: 5px;
		font-weight: 900;
	  font-size     : 14pt;  
}

/* h1見出しのフォント指定 */
h2 {
font-family: toppan-bunkyu-midashi-min-st, serif;
font-weight: 900;
font-style: normal;
	font-size:30px;
color: #d03250;
}




h3 {
line-height:130%; 
font-family: toppan-bunkyu-midashi-min-st, serif;
font-weight: 900;
font-style: normal;
	font-size:23px;
color: #d03250;
}

h4 {
font-weight: 900;
font-style: normal;
	font-size:18px;
color: #d03250;
}

.contents{
  text-align:center;
}

.global-nav{
	font-weight: bold;	
font-size:13px;
		  margin: 0 0 30px;
  padding: 0;
	margin: 20px;
  list-style-type: none;
}

/*clearfix*/
.global-nav:after {
  content: "";
  clear: both;
  display: block;
}
.global-nav li {

  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*奇数のli要素に適応*/

.global-nav a {
  display: block;
	 line-height: 44px;
  text-decoration: none;
}

@media screen and (min-width: 960px) {
.global-nav li:nth-child(odd) {
  border-right: none;
}
.global-nav {
  display: table;
  table-layout: fixed;
  width: 97%;
  border-top: none;
  border-collapse: collapse;
	font-size:16px;
}
.global-nav li {
  float: none;
  display: table-cell;
  width: 100%;
  border-bottom: none;
	  border-left: 1px solid #333;
	
}
}

li:first-child {
  border: none; /* 親要素から見て一番目のli要素のボーダーを無しに */
}


table {
    margin-left: auto;
    margin-right: auto;
	border-collapse: collapse;
	border-spacing: 0;
}

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


.menu2{
	background-color: #fcf3f7;
margin: 20px 0px;
padding: 20px 0px;
}

.menu3{
	background-color: #fcf3f7;
margin: 20px 0px 0px 0px;
padding: 20px 0px;
}

/* スマホ用のCSSはメディアクエリの外に記述する */

@media screen and (min-width: 960px) {
  img {
    max-width: 960px;
  }
}

@media screen and (min-width: 960px){
.br-sp {display: none; }
}

@media screen and (max-width: 959px){
.br-pc {display: none; }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
	img { max-width: 100%; }
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 960px) {
	img { max-width: 100%; }
    .pc { display: none !important; }
    .sp { display: block !important; }
}





.attention{ max-width: 900px;
	background-color: white;
	margin:0 auto;
	border: dashed 1px #d03250;/*点線*/
  padding: 30px;
display: flex;
    align-items: center;
    flex-direction: column;
	text-align: center;
text-align: left;
	
}

.delivery{ max-width: 900px;
	background-color: white;
	margin:0 auto;
	border: dashed 1px #d03250;/*点線*/
  padding: 30px;
display: flex;
    align-items: center;
    flex-direction: column;
	text-align: center;
}