@charset "utf-8";

a:link.rinkset,a:visited.rinkset { color:#333; text-decoration:underline;font-weight:bold;}
a:hover.rinkset,a:active.rinkset { color:#ff4272;text-decoration:none;overflow: hidden;outline: none;}
a:link.rinkset2,a:visited.rinkset2 { color:#ff4272; text-decoration:underline;font-weight:bold;}
a:hover.rinkset2,a:active.rinkset2 { color:#333;text-decoration:none;overflow: hidden;outline: none;}

#wrapper {
background-image: url("images/back.jpg");
background-repeat: repeat;
background-attachment: fixed;
background-position: right bottom
}
/* 終了用 */	
.fin {/*親div*/
  position: relative;/*相対配置*/
  }
.fin::before{
	/* 透過した黒を重ねる */
	background-color: rgba(0,0,0,0.5);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
.fin p {
 position: absolute;
  color: white;
  font-weight:600;
  font-size:2.0em;
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 50%;
  left: 45%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }
body{}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
  
.imgthumbnail{margin-bottom:10px;}
.imgtop{margin-top:15px;}
.imgthumbnail2{margin:5px 10px 5px auto;}
.img-responsive2 {
       width: 100%;   /* ※A */
   max-width:1000px;  /* ※B */
   min-width:320px;  /* ※C */
   flex-shrink: 0;
}

h2.tt{width:100%; max-width:900px; margin: 0 auto; color: #9c0001;
font-weight:600; text-shadow: 1px 1px 3px #c88585; padding-bottom: 10px;
border-bottom: solid 2px #9c0001;}

h4.sub1{
	width:100%;
	max-width:1000px;
	line-height: 1.2;
	margin:5px 0 auto;
	font-weight: bold;
	color:#950009;}

.day-label{margin:5px 15px 5px 5px;}
.day-label2{font-size:12px;
	margin:5px 15px 5px 5px;
	text-align:center;
	list-style-type:none;
	color:#fff;
	background-color:#000;
	white-space:nowrap;
	overflow:hidden;
-moz-border-radius: 2px;
-webkit-border-radius:2px;
border-radius:10px;
}

/* txt */
.wtxt1{font-size:1.0rem;font-weight:600;}
.wtxt2{font-size:1.2rem;font-weight:600;}
.wtxt2s{font-size:1.2rem;}
.wtxt2r{font-size:1.2rem;color:#c70505;}
.wtxt3{font-size:1.4rem;font-weight:600;}
.wtxt3red{font-size:1.4rem;font-weight:600;color:#c70505;}
.wtxt4{font-size:1.6rem;font-weight:600;}
.wtxt4red{font-size:1.6rem;font-weight:600;color:#c70505;}
.wtxt5{font-size:1.8rem;font-weight:600;}
.wtxt5red{font-size:1.8rem;font-weight:600;color:#c70505;}
.wtxt6{font-size:2.0rem;font-weight:600;}
.wtxt7{font-size:1.4rem;line-height:1.4em;font-weight:600;}
.wtxt8{font-size:1.4rem;font-weight:600;padding: 10px 15px;}
.wtxtct{margin-left:1em;text-indent:-1em;}



.alt-table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.maintable th{width:25%;text-align: left;font-weight:bold;padding:10px;-moz-border-radius: 10px;-webkit-border-radius:10px;border-radius:10px;border:solid 3px #fff;}
.maintable td{padding:5px;border-bottom:solid 1px #ccc;line-height:1.5em;}

.thumbnail{margin:5px;
		background-position:center top;
		background-attachment:fixed;
		background-color:#fff;
		border: 1px solid #c1c1c1;
			box-shadow: 2px 2px 10px #c1c1c1;
	-webkit-box-shadow: 2px 2px 10px #c1c1c1;
	-moz-box-shadow: 2px 2px 10px #c1c1c1;

	}

/* triangle */
.point-triangle {
 position: relative;
}
.point-triangle:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
.point-triangle span,span.day {
 position: absolute;
 content: " ";
 font-size:12px;
 color: #fff;
 z-index:100;
}
.point-triangle-lt:after {
 top: 0;
 left: 0;
 border-bottom:5em solid transparent;/*赤い部分のサイズ*/
 border-left:5em solid #b50421;/*赤い部分のサイズ*/
}
.point-triangle-lt span {
 top: .85em;
 left: .0em;
 transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
}
.point-triangle-lt span.day {
 top: 18px;
 left: .1em;
 transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
}

/* inbox内のアイテムbox */
.item {
  position: relative;
  display: block;
  padding:0px 0px;
  margin-bottom: -1px;
  background-color: #fff;
  border:0px solid #ddd;
}

hr.itemline{border:2px solid #c1c1c1;}

/* inbox内の注文box */
label.boxche{padding:5px;border-radius:5px;border: solid 1px #e0e0e0;margin-top:10px;background-color:#ffffff;}


/* box */
.cont-box1{width:98%; max-width:980px; margin: 0 auto;padding:15px;background: -webkit-linear-gradient(#fee4e1,#ffdcd8,#efa9a0);}
.cont-box2{width:100%; max-width:960px; margin: 0 auto;padding:5px;background-color:#fff;border-radius:5px;}
.cont-box3{width:98%; max-width:900px; margin: 0 auto; color:#333;padding-bottom: 10px;margin-top:20px;}
.cont-box4{width:95%; max-width:980px; margin: 0 auto; padding:5px 10px 0px 0px; line-height:1.61;}

/* 高さ調整 */
.inbox-1{margin-top:10px;}
.inbox-2{margin-top:20px;}
.inbox-3{margin-top:30px;}
.inbox-4{margin-bottom:20px;}
.inbox-5{margin-top:10px;margin-bottom:20px;}
.inbox-6{margin-bottom:30px;}

/*  flexbox */
.parent{
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
align-content: stretch;/* 高さ均一にしている*/
flex: 1;
}

.parent > .child-1{width: 100%;}
.parent > .child-2{flex:1;}
.parent > .child-3{flex:2;}
.parent > .child-5{width:33.33%;margin:10px;}

.parent2 {
  display: flex;
  flex-wrap: wrap;
}
.child-4 {
width: 33.33%;
  width: calc(100% / 3);
  border: solid 1px;
  box-sizing: border-box;
}

/* list */
.inList,.inList2,.inList3 {padding-left:0em;}
.inList > li {list-style:none;
	list-style-type:none;
	line-height:1.6;margin-left:1.2em;text-indent:-1.2em;
  }
.inList2,.inList4 > li {line-height:1.6;margin-left:1.2em;text-indent:-1.0em;list-style:none;}
.inList3 > li {line-height:1.6;margin-left:1.5em;text-indent:-0.1em;}
.inList > li::before {
    content: '※';
    margin-right:5px;
}
.inList4 > li {line-height:1.6;margin-left:0em;text-indent:-1.0em;list-style:none;}
.inList4 > li::before {
    content: '◆';
    margin-right:2px;
}
/* info */
.bg {color:#fff;font-weight:600;
  padding: 1px;
  margin-bottom:10px;
  background-color: #3d0b07;
  border: 1px solid #3d0b07;
  border-radius:10px;font-size:1.6rem;
}
.boxinfo1{margin-bottom:20px; margin-top:-5px; padding: 5px;border-bottom:1px solid #dddddd;}

/* goodsサムネルカーソルコントロール */
.carousel-control2.left {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control2.right {
  right: 0;
  left: auto;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control2:hover,
.carousel-control2:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control2 .icon-prev,
.carousel-control2 .icon-next,
.carousel-control2 .glyphicon-chevron-left,
.carousel-control2 .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control2 .icon-prev,
.carousel-control2 .glyphicon-chevron-left {
  left: 50%;
  margin-left: -5px;
}
.carousel-control2 .icon-next,
.carousel-control2 .glyphicon-chevron-right {
  right: 50%;
  margin-right: -15px;
}
.carousel-control2 .icon-prev,
.carousel-control2 .icon-next {  background-color:rgba(0,0,0,0.5);
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}


.btnfont{color: #f9f9b2;}
.btn-primary3 {background-color:#d11d47; border-color:#d11d47; border-radius: 25px; margin-bottom: 15px; color: #f9f9b2; }
.btn-primary3:hover,
.btn-primary3:focus,
.btn-primary3.focus,
.btn-primary3t:active,
.btn-primary3.active,
.open > .dropdown-tog.btn-default {
  color: #f9f9b2;
  background-color:#ff4272;
  border-color:#ff4272;
}
.btn-primary3:active,
.btn-primary3.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-primary3.disabled,
.btn-primary3[disabled],
fieldset[disabled] .btn-default,
.btn-primary3.disabled:hover,
.btn-primary3[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-primary3.disabled:focus,
.btn-primary3[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-primary3.disabled.focus,
.btn-primary3[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-primary3.disabled:active,
.btn-primary3[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-primary3.disabled.active,
.btn-primary3[disabled].active,
fieldset[disabled] .btn-primary3.active {
  background-color: #d3744c;
  border-color: #fff;
}

.btn-primary2 {background-color:#140001; border:1px solid #f7f7f7; border-radius:5px; margin-bottom:15px; color: #ffff; }
.btn-primary4 {background-color:#fff;border: solid 2px #f3899b; color: #b50421; border-radius: 25px; margin-bottom: 15px;}


/* ▼表示領域が639px以上の場合 */
@media screen and (min-width:639px) {
img.grp1simage { display: none; }  /* miniを非表示 */
img.grp1image { display: block; } /* bigを表示 */
}
/* ▼表示領域が640px未満の場合 */
@media screen and (max-width:640px) {
img.grp1simage { display: block; } /* miniを表示 */
img.grp1image { display: none; }  /* bigを非表示 */

h2.tt{font-size:2.0rem;}

.wtxt3{font-size:1.2rem;line-height:1.6em;}
.wtxt5red{font-size:1.4rem;font-weight:600;color:#c70505;}
.maintable	th,.maintable td{
		width: 100%;
		display: block;
		border-top: none;
    }
.maintable td{border-bottom:solid 0px #fff;margin-bottom:5px;}
}

/* ▼表示領域が700px未満の場合 */
@media screen and (max-width: 700px) {
.parent {flex-direction: column;}/* 横幅が700px以下になったら横並びから縦並びに変更*/
.parent > .child-5{width:100%;}
}