@charset "utf-8";


div#itemContentsArea{width:780px;max-width:1000px;margin:0 auto;}
/*マーカー*/
mark{background:linear-gradient(transparent 60%, #FFFFC0 0%);}
/*マーカー*/


/*====================================================
画像の上に文字の所01
====================================================*/
.chusen_01{position: relative;width: auto}
.slider_01{
  position: absolute;
  left: 0;
  bottom: 0px;
  color: #fff;
  
  padding: 0px 40px;
	margin: 30px 0px;
  font-size:18px;
  font-weight:bold;
  text-align: center;
}
/*====================================================
画像の上に文字の所02
====================================================*/
.chusen_02{position: relative;width: auto}
.slider_02{
  position: absolute;
  left: 0;
  bottom: 0px;
  color: #fff;
  
  padding: 0px 40px;
	margin: 30px 0px;
  font-size:18px;
  font-weight:bold;
  text-align: center;
}
/*====================================================
画像の上に文字の所03
====================================================*/
.chusen_03{position: relative;width: auto}
.slider_03{
  position: absolute;
  left: 0;
  bottom: 0px;
  color: #fff;
  
  padding: 0px 33px;
	margin: 40px 0px;
  font-size:18px;
  font-weight:bold;
  text-align: center;
}
/*====================================================
とび先メニュー
====================================================*/
#nav {
  list-style: none;
  display: flex;
}
 
#nav li {
  width: 188px;
  text-align: center;
  line-height: 50px;
  margin: 0px 3px;

}
 
#nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 2.1em;
}
.nav_fv{margin: 30px 0px;;}


/* buttonタグのリセットCSS（不要な場合、セレクタごと削除してください） */
button {
  padding: 0;
  font-family: inherit;
  appearance: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

/* ボタンのスタイル */
.buttonRound {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 320px;
  padding: 8px 24px;
  font-family: sans-serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #ffa08c;
  border-radius: 25px; /* (buttonの高さ / 2) の値 */
  height: 64px;

}

@media (any-hover: hover) {
  .buttonRound {
    transition: background-color 0.5s;
  }

  .buttonRound:hover {
    background-color: #FF8F39;
  }
}
/*====================================================
下部コピーライト
====================================================*/
.block-footer-2 {
    padding: 50px 0 50px;
    background-color: #ffc1b4;
}
.block-container {
    width: auto;
    margin: 0 auto;
	
}

.block-container2 {
    width: auto;
    margin: 0 auto;
	
}
element.style {
    margin: 0 auto ;
}
.block-footer-2 a {
    display: block;
    color: #ffffff;
    text-decoration: none;
}
.container{text-align:center !important;}
.footer__copyright{font-size: 1.6em;line-height:20px;  margin-top: 14px; margin-bottom: 33px;}
.container .block-footer-2 .block-container .footer__logo img{width: 280px;margin: auto;}
.container .block-footer-2 .block-container2 .footer__logo img{width: 280px;margin: auto;}


/*====================================================
各生徒のイメージ献立
====================================================*/
.slideshow {
	position: relative;
	overflow: hidden;
}
input[name="slideshow"] {
	display: none;
}

/* :::::: slideContents :::::: */
.slideContents {
	position: relative;
	background: #fecabf;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	transition: transform .6s;
      padding: 0px 0px 25px 0px;
}
.slideContents section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slideContents section img {
	max-width: 100%;
	padding: 0 50px;
	box-sizing: border-box;
	vertical-align: middle;
}


/* :::::: arrows :::::: */
.arrow,
.arrow label,
.arrow .ico2 {
	position: absolute;
}
.arrow {
	top: 0;
	margin: 0;
	transition: background .3s;
}
.prev {
	left: 0;
}
.next {
	right: 0;
}
.arrow:hover {
	background: rgba(255,255,255,.2);
}
.arrow,
.arrow label {
	cursor: pointer;
	width: 50px;
	height: 100%;
}
.arrow label {
	top: 0;
	left: 0;
	z-index: 1;
}
.arrow .ico2 {
	top: calc(45% - 6px);
	width: 45px;
	height: 45px;
	border-top: 8px solid #fff;

}
.prev .ico2 {
	left: 50%;
	border-left: 8px solid #fff;
	transform: rotate(-45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.next .ico2 {
	right: 50%;
	border-right: 8px solid #fff;
	transform: rotate(45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.arrow:hover .ico2 {
	opacity: .6;
}
.prev:hover .ico2 {
	transform: translateX(-6px) rotate(-45deg);
}
.next:hover .ico2 {
	transform: translateX(6px) rotate(45deg);
}

/* :::::: mechanism :::::: */
#switch1:checked ~ .slideContents #slide1,
#switch2:checked ~ .slideContents #slide2,
#switch3:checked ~ .slideContents #slide3,
#switch4:checked ~ .slideContents #slide4,
#switch5:checked ~ .slideContents #slide5,
#switch6:checked ~ .slideContents #slide6,
#switch7:checked ~ .slideContents #slide7,
#switch8:checked ~ .slideContents #slide8,
#switch9:checked ~ .slideContents #slide9,
#switch10:checked ~ .slideContents #slide10,
#switch11:checked ~ .slideContents #slide11,
#switch12:checked ~ .slideContents #slide12{
	position: relative;
	transform: none;
}
#switch1:checked ~ .slideContents #slide12,
#switch1:checked ~ .slideContents #slide11,
#switch2:checked ~ .slideContents #slide1,
#switch2:checked ~ .slideContents #slide12,
#switch3:checked ~ .slideContents #slide2,
#switch3:checked ~ .slideContents #slide1,
#switch4:checked ~ .slideContents #slide3,
#switch4:checked ~ .slideContents #slide2,
#switch5:checked ~ .slideContents #slide4,
#switch5:checked ~ .slideContents #slide3,
#switch6:checked ~ .slideContents #slide5,
#switch6:checked ~ .slideContents #slide4,
#switch7:checked ~ .slideContents #slide6,
#switch7:checked ~ .slideContents #slide5,
#switch8:checked ~ .slideContents #slide7,
#switch8:checked ~ .slideContents #slide6,
#switch9:checked ~ .slideContents #slide8,
#switch9:checked ~ .slideContents #slide7,
#switch10:checked ~ .slideContents #slide9,
#switch10:checked ~ .slideContents #slide8,
#switch11:checked ~ .slideContents #slide10,
#switch11:checked ~ .slideContents #slide9,
#switch12:checked ~ .slideContents #slide11,
#switch12:checked ~ .slideContents #slide10{
	transform: translateX(-100%);
}
#switch1:checked ~ .slideContents #slide10,
#switch1:checked ~ .slideContents #slide11,
#switch2:checked ~ .slideContents #slide11,
#switch2:checked ~ .slideContents #slide12,
#switch3:checked ~ .slideContents #slide12,
#switch3:checked ~ .slideContents #slide1,
#switch4:checked ~ .slideContents #slide1,
#switch4:checked ~ .slideContents #slide2,
#switch5:checked ~ .slideContents #slide2,
#switch5:checked ~ .slideContents #slide3,
#switch6:checked ~ .slideContents #slide3,
#switch6:checked ~ .slideContents #slide4,
#switch7:checked ~ .slideContents #slide4,
#switch7:checked ~ .slideContents #slide5,
#switch8:checked ~ .slideContents #slide5,
#switch8:checked ~ .slideContents #slide6,
#switch9:checked ~ .slideContents #slide6,
#switch9:checked ~ .slideContents #slide7,
#switch10:checked ~ .slideContents #slide7,
#switch10:checked ~ .slideContents #slide8,
#switch11:checked ~ .slideContents #slide8,
#switch11:checked ~ .slideContents #slide9,
#switch12:checked ~ .slideContents #slide9,
#switch12:checked ~ .slideContents #slide10{
	transition-duration: 0s;
}

/* :::::: arrow mechanism :::::: */
.arrow label {
	pointer-events: none;
}
#switch1:checked ~ .prev label[for="switch12"],
#switch2:checked ~ .prev label[for="switch1"],
#switch3:checked ~ .prev label[for="switch2"],
#switch4:checked ~ .prev label[for="switch3"],
#switch5:checked ~ .prev label[for="switch4"],
#switch6:checked ~ .prev label[for="switch5"],
#switch7:checked ~ .prev label[for="switch6"],
#switch8:checked ~ .prev label[for="switch7"],
#switch9:checked ~ .prev label[for="switch8"],
#switch10:checked ~ .prev label[for="switch9"],
#switch11:checked ~ .prev label[for="switch10"],
#switch12:checked ~ .prev label[for="switch11"],
#switch1:checked ~ .next label[for="switch2"],
#switch2:checked ~ .next label[for="switch3"],
#switch3:checked ~ .next label[for="switch4"],
#switch4:checked ~ .next label[for="switch5"],
#switch5:checked ~ .next label[for="switch6"],
#switch6:checked ~ .next label[for="switch7"],
#switch7:checked ~ .next label[for="switch8"],
#switch8:checked ~ .next label[for="switch9"],
#switch9:checked ~ .next label[for="switch10"],
#switch10:checked ~ .next label[for="switch11"],
#switch11:checked ~ .next label[for="switch12"],
#switch12:checked ~ .next label[for="switch1"]{
	pointer-events: auto;
}


/*====================================================
抽選プレゼント01
====================================================*/
.slide01_show {
	position: relative;
	overflow: hidden;
}
input[name="slide01_show"] {
	display: none;
}

/* :::::: slide01_Contents :::::: */
.slide01_Contents {
	position: relative;
	
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	transition: transform .6s;
      padding: 0px 0px 25px 0px;
}
.slide01_Contents section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slide01_Contents section img {
	max-width: 100%;
	padding: 0 50px;
	box-sizing: border-box;
	vertical-align: middle;
}


/* :::::: arrows :::::: */
.arrow,
.arrow label,
.arrow .ico {
	position: absolute;
}
.arrow {
	top: 0;
	margin: 0;
	transition: background .3s;
}
.prev {
	left: 0;
}
.next {
	right: 0;
}
.arrow:hover {
	background: rgba(255,255,255,.2);
}
.arrow,
.arrow label {
	cursor: pointer;
	width: 50px;
	height: 100%;
}
.arrow label {
	top: 0;
	left: 0;
	z-index: 1;
}
.arrow .ico {
	top: calc(45% - 6px);
	width: 45px;
	height: 45px;
	border-top: 7px solid #f39800;

}
.prev .ico {
	left: 50%;
	border-left: 7px solid #f39800;
	transform: rotate(-45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.next .ico {
	right: 50%;
	border-right: 7px solid #f39800;
	transform: rotate(45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.arrow:hover .ico {
	opacity: .6;
}
.prev:hover .ico {
	transform: translateX(-6px) rotate(-45deg);
}
.next:hover .ico {
	transform: translateX(6px) rotate(45deg);
}

/* :::::: mechanism :::::: */
#switch01_1:checked ~ .slide01_Contents #slide01_1,
#switch01_2:checked ~ .slide01_Contents #slide01_2,
#switch01_3:checked ~ .slide01_Contents #slide01_3,
#switch01_4:checked ~ .slide01_Contents #slide01_4,
#switch01_5:checked ~ .slide01_Contents #slide01_5,
#switch01_6:checked ~ .slide01_Contents #slide01_6{
	position: relative;
	transform: none;
}
#switch01_1:checked ~ .slide01_Contents #slide01_6,
#switch01_1:checked ~ .slide01_Contents #slide01_5,
#switch01_2:checked ~ .slide01_Contents #slide01_1,
#switch01_2:checked ~ .slide01_Contents #slide01_6,
#switch01_3:checked ~ .slide01_Contents #slide01_2,
#switch01_3:checked ~ .slide01_Contents #slide01_1,
#switch01_4:checked ~ .slide01_Contents #slide01_3,
#switch01_4:checked ~ .slide01_Contents #slide01_2,
#switch01_5:checked ~ .slide01_Contents #slide01_4,
#switch01_5:checked ~ .slide01_Contents #slide01_3,
#switch01_6:checked ~ .slide01_Contents #slide01_5,
#switch01_6:checked ~ .slide01_Contents #slide01_4{
	transform: translateX(-100%);
}
#switch01_1:checked ~ .slide01_Contents #slide01_4,
#switch01_1:checked ~ .slide01_Contents #slide01_5,
#switch01_2:checked ~ .slide01_Contents #slide01_5,
#switch01_2:checked ~ .slide01_Contents #slide01_6,
#switch01_3:checked ~ .slide01_Contents #slide01_6,
#switch01_3:checked ~ .slide01_Contents #slide01_1,
#switch01_4:checked ~ .slide01_Contents #slide01_1,
#switch01_4:checked ~ .slide01_Contents #slide01_2,
#switch01_5:checked ~ .slide01_Contents #slide01_2,
#switch01_5:checked ~ .slide01_Contents #slide01_3,
#switch01_6:checked ~ .slide01_Contents #slide01_3,
#switch01_6:checked ~ .slide01_Contents #slide01_4{
	transition-duration: 0s;
}

/* :::::: arrow mechanism :::::: */
.arrow label {
	pointer-events: none;
}
#switch01_1:checked ~ .prev label[for="switch01_6"],
#switch01_2:checked ~ .prev label[for="switch01_1"],
#switch01_3:checked ~ .prev label[for="switch01_2"],
#switch01_4:checked ~ .prev label[for="switch01_3"],
#switch01_5:checked ~ .prev label[for="switch01_4"],
#switch01_6:checked ~ .prev label[for="switch01_5"],

#switch01_1:checked ~ .next label[for="switch01_2"],
#switch01_2:checked ~ .next label[for="switch01_3"],
#switch01_3:checked ~ .next label[for="switch01_4"],
#switch01_4:checked ~ .next label[for="switch01_5"],
#switch01_5:checked ~ .next label[for="switch01_6"],
#switch01_6:checked ~ .next label[for="switch01_1"]{
	pointer-events: auto;
}
/*====================================================
抽選プレゼント02
====================================================*/
.slide02_show {
	position: relative;
	overflow: hidden;
}
input[name="slide02_show"] {
	display: none;
}

/* :::::: slide02_Contents :::::: */
.slide02_Contents {
	position: relative;
	
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	transition: transform .6s;
      padding: 0px 0px 25px 0px;
}
.slide02_Contents section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slide02_Contents section img {
	max-width: 100%;
	padding: 0 50px;
	box-sizing: border-box;
	vertical-align: middle;
}


/* :::::: arrows :::::: */
.arrow,
.arrow label,
.arrow .ico {
	position: absolute;
}
.arrow {
	top: 0;
	margin: 0;
	transition: background .3s;
}
.prev {
	left: 0;
}
.next {
	right: 0;
}
.arrow:hover {
	background: rgba(255,255,255,.2);
}
.arrow,
.arrow label {
	cursor: pointer;
	width: 50px;
	height: 100%;
}
.arrow label {
	top: 0;
	left: 0;
	z-index: 1;
}
.arrow .ico {
	top: calc(45% - 6px);
	width: 45px;
	height: 45px;
	border-top: 7px solid #f39800;

}
.prev .ico {
	left: 50%;
	border-left: 7px solid #f39800;
	transform: rotate(-45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.next .ico {
	right: 50%;
	border-right: 7px solid #f39800;
	transform: rotate(45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.arrow:hover .ico {
	opacity: .6;
}
.prev:hover .ico {
	transform: translateX(-6px) rotate(-45deg);
}
.next:hover .ico {
	transform: translateX(6px) rotate(45deg);
}

/* :::::: mechanism :::::: */
#switch02_1:checked ~ .slide02_Contents #slide02_1,
#switch02_2:checked ~ .slide02_Contents #slide02_2,
#switch02_3:checked ~ .slide02_Contents #slide02_3,
#switch02_4:checked ~ .slide02_Contents #slide02_4,
#switch02_5:checked ~ .slide02_Contents #slide02_5,
#switch02_6:checked ~ .slide02_Contents #slide02_6,
#switch02_7:checked ~ .slide02_Contents #slide02_7,
#switch02_8:checked ~ .slide02_Contents #slide02_8,
#switch02_9:checked ~ .slide02_Contents #slide02_9,
#switch02_10:checked ~ .slide02_Contents #slide02_10,
#switch02_11:checked ~ .slide02_Contents #slide02_11,
#switch02_12:checked ~ .slide02_Contents #slide02_12{
	position: relative;
	transform: none;
}
#switch02_1:checked ~ .slide02_Contents #slide02_12,
#switch02_1:checked ~ .slide02_Contents #slide02_11,
#switch02_2:checked ~ .slide02_Contents #slide02_1,
#switch02_2:checked ~ .slide02_Contents #slide02_12,
#switch02_3:checked ~ .slide02_Contents #slide02_2,
#switch02_3:checked ~ .slide02_Contents #slide02_1,
#switch02_4:checked ~ .slide02_Contents #slide02_3,
#switch02_4:checked ~ .slide02_Contents #slide02_2,
#switch02_5:checked ~ .slide02_Contents #slide02_4,
#switch02_5:checked ~ .slide02_Contents #slide02_3,
#switch02_6:checked ~ .slide02_Contents #slide02_5,
#switch02_6:checked ~ .slide02_Contents #slide02_4,
#switch02_7:checked ~ .slide02_Contents #slide02_6,
#switch02_7:checked ~ .slide02_Contents #slide02_5,
#switch02_8:checked ~ .slide02_Contents #slide02_7,
#switch02_8:checked ~ .slide02_Contents #slide02_6,
#switch02_9:checked ~ .slide02_Contents #slide02_8,
#switch02_9:checked ~ .slide02_Contents #slide02_7,
#switch02_10:checked ~ .slide02_Contents #slide02_9,
#switch02_10:checked ~ .slide02_Contents #slide02_8,
#switch02_11:checked ~ .slide02_Contents #slide02_10,
#switch02_11:checked ~ .slide02_Contents #slide02_9,
#switch02_12:checked ~ .slide02_Contents #slide02_11,
#switch02_12:checked ~ .slide02_Contents #slide02_10{
	transform: translateX(-100%);
}
#switch02_1:checked ~ .slide02_Contents #slide02_10,
#switch02_1:checked ~ .slide02_Contents #slide02_11,
#switch02_2:checked ~ .slide02_Contents #slide02_11,
#switch02_2:checked ~ .slide02_Contents #slide02_12,
#switch02_3:checked ~ .slide02_Contents #slide02_12,
#switch02_3:checked ~ .slide02_Contents #slide02_1,
#switch02_4:checked ~ .slide02_Contents #slide02_1,
#switch02_4:checked ~ .slide02_Contents #slide02_2,
#switch02_5:checked ~ .slide02_Contents #slide02_2,
#switch02_5:checked ~ .slide02_Contents #slide02_3,
#switch02_6:checked ~ .slide02_Contents #slide02_3,
#switch02_6:checked ~ .slide02_Contents #slide02_4,
#switch02_7:checked ~ .slide02_Contents #slide02_4,
#switch02_7:checked ~ .slide02_Contents #slide02_5,
#switch02_8:checked ~ .slide02_Contents #slide02_5,
#switch02_8:checked ~ .slide02_Contents #slide02_6,
#switch02_9:checked ~ .slide02_Contents #slide02_6,
#switch02_9:checked ~ .slide02_Contents #slide02_7,
#switch02_10:checked ~ .slide02_Contents #slide02_7,
#switch02_10:checked ~ .slide02_Contents #slide02_8,
#switch02_11:checked ~ .slide02_Contents #slide02_8,
#switch02_11:checked ~ .slide02_Contents #slide02_9,
#switch02_12:checked ~ .slide02_Contents #slide02_9,
#switch02_12:checked ~ .slide02_Contents #slide02_10{
	transition-duration: 0s;
}

/* :::::: arrow mechanism :::::: */
.arrow label {
	pointer-events: none;
}
#switch02_1:checked ~ .prev label[for="switch02_12"],
#switch02_2:checked ~ .prev label[for="switch02_1"],
#switch02_3:checked ~ .prev label[for="switch02_2"],
#switch02_4:checked ~ .prev label[for="switch02_3"],
#switch02_5:checked ~ .prev label[for="switch02_4"],
#switch02_6:checked ~ .prev label[for="switch02_5"],
#switch02_7:checked ~ .prev label[for="switch02_6"],
#switch02_8:checked ~ .prev label[for="switch02_7"],
#switch02_9:checked ~ .prev label[for="switch02_8"],
#switch02_10:checked ~ .prev label[for="switch02_9"],
#switch02_11:checked ~ .prev label[for="switch02_10"],
#switch02_12:checked ~ .prev label[for="switch02_11"],

#switch02_1:checked ~ .next label[for="switch02_2"],
#switch02_2:checked ~ .next label[for="switch02_3"],
#switch02_3:checked ~ .next label[for="switch02_4"],
#switch02_4:checked ~ .next label[for="switch02_5"],
#switch02_5:checked ~ .next label[for="switch02_6"],
#switch02_6:checked ~ .next label[for="switch02_7"],
#switch02_7:checked ~ .next label[for="switch02_8"],
#switch02_8:checked ~ .next label[for="switch02_9"],
#switch02_9:checked ~ .next label[for="switch02_10"],
#switch02_10:checked ~ .next label[for="switch02_11"],
#switch02_11:checked ~ .next label[for="switch02_12"],
#switch02_12:checked ~ .next label[for="switch02_1"]{
	pointer-events: auto;
}
/*====================================================
抽選プレゼント03
====================================================*/
.slide03_show {
	position: relative;
	overflow: hidden;
}
input[name="slide03_show"] {
	display: none;
}

/* :::::: slide03_Contents :::::: */
.slide03_Contents {
	position: relative;
	
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	transition: transform .6s;
      padding: 0px 0px 29px 0px;
}
.slide03_Contents section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slide03_Contents section img {
	max-width: 100%;
	padding: 0 50px;
	box-sizing: border-box;
	vertical-align: middle;
}


/* :::::: arrows :::::: */
.arrow,
.arrow label,
.arrow .ico {
	position: absolute;
}
.arrow {
	top: 0;
	margin: 0;
	transition: background .3s;
}
.prev {
	left: 0;
}
.next {
	right: 0;
}
.arrow:hover {
	background: rgba(255,255,255,.2);
}
.arrow,
.arrow label {
	cursor: pointer;
	width: 50px;
	height: 100%;
}
.arrow label {
	top: 0;
	left: 0;
	z-index: 1;
}
.arrow .ico {
	top: calc(45% - 6px);
	width: 45px;
	height: 45px;
	border-top: 7px solid #f39800;

}
.prev .ico {
	left: 50%;
	border-left: 7px solid #f39800;
	transform: rotate(-45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.next .ico {
	right: 50%;
	border-right: 7px solid #f39800;
	transform: rotate(45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.arrow:hover .ico {
	opacity: .6;
}
.prev:hover .ico {
	transform: translateX(-6px) rotate(-45deg);
}
.next:hover .ico {
	transform: translateX(6px) rotate(45deg);
}

/* :::::: mechanism :::::: */
#switch03_1:checked ~ .slide03_Contents #slide03_1,
#switch03_2:checked ~ .slide03_Contents #slide03_2,
#switch03_3:checked ~ .slide03_Contents #slide03_3,
#switch03_4:checked ~ .slide03_Contents #slide03_4,
#switch03_5:checked ~ .slide03_Contents #slide03_5,
#switch03_6:checked ~ .slide03_Contents #slide03_6,
#switch03_7:checked ~ .slide03_Contents #slide03_7,
#switch03_8:checked ~ .slide03_Contents #slide03_8,
#switch03_9:checked ~ .slide03_Contents #slide03_9,
#switch03_10:checked ~ .slide03_Contents #slide03_10,
#switch03_11:checked ~ .slide03_Contents #slide03_11,
#switch03_12:checked ~ .slide03_Contents #slide03_12{
	position: relative;
	transform: none;
}
#switch03_1:checked ~ .slide03_Contents #slide03_12,
#switch03_1:checked ~ .slide03_Contents #slide03_11,
#switch03_2:checked ~ .slide03_Contents #slide03_1,
#switch03_2:checked ~ .slide03_Contents #slide03_12,
#switch03_3:checked ~ .slide03_Contents #slide03_2,
#switch03_3:checked ~ .slide03_Contents #slide03_1,
#switch03_4:checked ~ .slide03_Contents #slide03_3,
#switch03_4:checked ~ .slide03_Contents #slide03_2,
#switch03_5:checked ~ .slide03_Contents #slide03_4,
#switch03_5:checked ~ .slide03_Contents #slide03_3,
#switch03_6:checked ~ .slide03_Contents #slide03_5,
#switch03_6:checked ~ .slide03_Contents #slide03_4,
#switch03_7:checked ~ .slide03_Contents #slide03_6,
#switch03_7:checked ~ .slide03_Contents #slide03_5,
#switch03_8:checked ~ .slide03_Contents #slide03_7,
#switch03_8:checked ~ .slide03_Contents #slide03_6,
#switch03_9:checked ~ .slide03_Contents #slide03_8,
#switch03_9:checked ~ .slide03_Contents #slide03_7,
#switch03_10:checked ~ .slide03_Contents #slide03_9,
#switch03_10:checked ~ .slide03_Contents #slide03_8,
#switch03_11:checked ~ .slide03_Contents #slide03_10,
#switch03_11:checked ~ .slide03_Contents #slide03_9,
#switch03_12:checked ~ .slide03_Contents #slide03_11,
#switch03_12:checked ~ .slide03_Contents #slide03_10{
	transform: translateX(-100%);
}
#switch03_1:checked ~ .slide03_Contents #slide03_10,
#switch03_1:checked ~ .slide03_Contents #slide03_11,
#switch03_2:checked ~ .slide03_Contents #slide03_11,
#switch03_2:checked ~ .slide03_Contents #slide03_12,
#switch03_3:checked ~ .slide03_Contents #slide03_12,
#switch03_3:checked ~ .slide03_Contents #slide03_1,
#switch03_4:checked ~ .slide03_Contents #slide03_1,
#switch03_4:checked ~ .slide03_Contents #slide03_2,
#switch03_5:checked ~ .slide03_Contents #slide03_2,
#switch03_5:checked ~ .slide03_Contents #slide03_3,
#switch03_6:checked ~ .slide03_Contents #slide03_3,
#switch03_6:checked ~ .slide03_Contents #slide03_4,
#switch03_7:checked ~ .slide03_Contents #slide03_4,
#switch03_7:checked ~ .slide03_Contents #slide03_5,
#switch03_8:checked ~ .slide03_Contents #slide03_5,
#switch03_8:checked ~ .slide03_Contents #slide03_6,
#switch03_9:checked ~ .slide03_Contents #slide03_6,
#switch03_9:checked ~ .slide03_Contents #slide03_7,
#switch03_10:checked ~ .slide03_Contents #slide03_7,
#switch03_10:checked ~ .slide03_Contents #slide03_8,
#switch03_11:checked ~ .slide03_Contents #slide03_8,
#switch03_11:checked ~ .slide03_Contents #slide03_9,
#switch03_12:checked ~ .slide03_Contents #slide03_9,
#switch03_12:checked ~ .slide03_Contents #slide03_10{
	transition-duration: 0s;
}

/* :::::: arrow mechanism :::::: */
.arrow label {
	pointer-events: none;
}
#switch03_1:checked ~ .prev label[for="switch03_12"],
#switch03_2:checked ~ .prev label[for="switch03_1"],
#switch03_3:checked ~ .prev label[for="switch03_2"],
#switch03_4:checked ~ .prev label[for="switch03_3"],
#switch03_5:checked ~ .prev label[for="switch03_4"],
#switch03_6:checked ~ .prev label[for="switch03_5"],
#switch03_7:checked ~ .prev label[for="switch03_6"],
#switch03_8:checked ~ .prev label[for="switch03_7"],
#switch03_9:checked ~ .prev label[for="switch03_8"],
#switch03_10:checked ~ .prev label[for="switch03_9"],
#switch03_11:checked ~ .prev label[for="switch03_10"],
#switch03_12:checked ~ .prev label[for="switch03_11"],

#switch03_1:checked ~ .next label[for="switch03_2"],
#switch03_2:checked ~ .next label[for="switch03_3"],
#switch03_3:checked ~ .next label[for="switch03_4"],
#switch03_4:checked ~ .next label[for="switch03_5"],
#switch03_5:checked ~ .next label[for="switch03_6"],
#switch03_6:checked ~ .next label[for="switch03_7"],
#switch03_7:checked ~ .next label[for="switch03_8"],
#switch03_8:checked ~ .next label[for="switch03_9"],
#switch03_9:checked ~ .next label[for="switch03_10"],
#switch03_10:checked ~ .next label[for="switch03_11"],
#switch03_11:checked ~ .next label[for="switch03_12"],
#switch03_12:checked ~ .next label[for="switch03_1"]{
	pointer-events: auto;
}

/*====================================================
背景
====================================================*/
.background {background-image: url( "https://belluna-gourmet.com/excludes/gourmet/prd/gakumasu_osechi26/common/haikei.png");
background-size: contain;background-attachment: fixed;}


/*====================================================
配信動画
====================================================*/
.haishin {background-repeat: no-repeat;background-position: bottom;background-size: cover;text-align: center;}

/*====================================================
ボタン
====================================================*/
div.botan {text-align: center !important;margin: 30px 0px 30px 0px;}
.inline-block{width: 50% !important;margin: 40px 0px;}
.inline-block{
  display:inline-block !important;}

/* twitter画像をホバーした */
.twitter_button:hover{opacity: 0.7;cursor: pointer;}

/* twitter画像をクリックした瞬間 */
.twitter_button:active{
 
	/* 要素を若干下に下げることで、押した感じを出す。*/
 
	/* 今いる位置から相対的に3px下に配置する。*/
	position: relative;
	top: 3px;}

.botan2 {text-align: center !important;background-color: #ffffff;padding: 0px 0px 30px 0px;}

/*====================================================
注釈
====================================================*/
div.chushaku {
	font-size: 17px;
    line-height: 1.2em;
    padding: 0px 40px 50px 40px;
    background-color: #ffffff;}


/*====================================================
右が文章
====================================================*/
div.sake_txtRightArea{padding:17px;background-color: #ffffff;}
div.sake_txtRightArea div.txtBox{width:50%;margin:15px 0px;float:right;}
div.sake_txtRightArea div.imgBox2{width:48%;float:left;    margin-top: 18px;}
div.sake_txtRightArea div.txtBox p{color:#333;font-size:15px;letter-spacing:1px;line-height:1.3em;margin-bottom: 5px;}
div.sake_txtRightArea div.txtBox h2{color:#333;font-size:31px;margin-bottom:0px;line-height:1em;margin-top:7px;font-weight:700;}
div.sake_txtRightArea div.txtBox .kakaku{color:#BD0003;font-size:40px;margin-bottom:-5px;line-height:1.3em;margin-top:0px;font-weight:700;}
.otodoketyusyaku{font-size: 0.6em; color: #373737}
.clearfix .txtBox .otodokechushaku2 .numIcon{background: #C40002;width: 100px;height: 30px;color: #fff;text-align: center;font-size: 18px;display: inline-block;margin: 0 5px 5px 0;padding: 0;position: relative;top: -1px;line-height: 1.5em;font-weight: 700;}
.clearfix .txtBox .otodokechushaku2 .numIcon2{background: #0086DC;width: auto;height: 30px;color: #FFFFFF;text-align: center;font-size: 16px;display: inline-block;margin: 5px 5px 0px 0px;padding: 3px 5px 3px 5px;position: relative;line-height: 1.5em;font-weight: 600;}
.clearfix .txtBox .otodokechushaku2 .numIcon3{background: #001EAC;width: auto;height: 30px;color: #FFF179;text-align: center;font-size: 16px;display: inline-block;margin: 5px 5px 0px 0px;padding: 3px 8px 3px 8px;position: relative;line-height: 1.5em;font-weight: 600;}

.clearfix .txtBox .otodokechushaku2 .numIcon4{background: #0086DC;width: auto;height: 30px;color: #FFFFFF;text-align: center;font-size: 8.5px;display: inline-block;margin: 5px 5px 0px 0px;padding: 3px 5px 3px 5px;position: relative;line-height: 1.15em;}
.otodoketyusyaku2{font-size: 0.75em; color: #FFFFFF;padding-bottom: 2px;}

.clearfix .txtBox .otodokechushaku2 .numIcon5{background: #C40002;width: auto;height: auto;color: #fff;text-align: center;font-size: 18px;display: inline-block;margin: 0 5px 5px 0;padding: 5px 10px;position: relative;top: -1px;line-height: 1.5em;font-weight: 600;}




/*====================================================
おいしいおせちをお届けします　ポイント01、03
====================================================*/
hr {    height: 6px;
    background-image: repeating-linear-gradient(45deg, #3b3b3b 0, #3b3b3b 1px, transparent 0, transparent 50% 50%);
    background-size: 12px 12px;
    margin: 50px 0px 50px 0px;
    border: none;}
div.reasonToBeSelected{padding:20px;margin-bottom: 105px;}
div.reasonToBeSelected div.reasonToBeSelectedBox .imgTxtBox{margin-bottom: 30px;}
div.reasonToBeSelected div.reasonToBeSelectedBox .imgTxtBox .imgBox{width:47%;margin-left:1%;float:left;margin: 20px 0px 0px 0px;}
div.reasonToBeSelected div.reasonToBeSelectedBox .imgTxtBox .imgBox_01{width:100%;}
div.reasonToBeSelected div.reasonToBeSelectedBox .imgTxtBox .txtBox{width:52%;float:left}
div.reasonToBeSelected div.reasonToBeSelectedBox .imgTxtBox .txtBox_01{width:100%;float:left}
div.reasonToBeSelected div.reasonToBeSelectedBox p{font-size:18px;line-height:1.2em;color: #3b3b3b;}

.reasonToBeSelected .reasonToBeSelectedBox .riyuu_detail {margin-bottom: 30px;}
.reasonToBeSelected .reasonToBeSelectedBox .riyuu_detail .riyuu_ttl {background-color: #d0ae54;text-align: center;font-size: 36px;color: #FFFFFF;padding-top: 10px;padding-bottom: 10px;margin-bottom: 20px;}
/*====================================================
おいしいおせちをお届けします　ポイント02
====================================================*/
div.reasonToBeSelected h2{color:#c9171e;font-size:71px;text-align:center;line-height:.9em;padding-bottom:30px;display:block}
div.reasonToBeSelected h2 span{font-size:30px;display:block}
div.reasonToBeSelected div.reasonToBeSelectedBox h3{color:#333;font-size:34px;text-align:left;margin-bottom:20px;}

.reasonToBeSelected .reasonToBeSelectedBox .clearfix.imgTxtBox .txtBox .riyuu_lead {line-height:1.2em;  font-size: 28px;margin-bottom:20px;font-weight: bold;color: #3b3b3b;}

.reasonToBeSelected .reasonToBeSelectedBox .clearfix.imgTxtBox .riyuu { font-weight: 700; color: #ffa08c;font-size: 40px;/*上下 左右の余白*/background: transparent;/*背景透明に*/}
.reasonToBeSelected .reasonToBeSelectedBox .clearfix.imgTxtBox .riyuu_lead {font-size: 29px;margin-bottom:20px;font-weight: bold;color: #3b3b3b;}
/*====================================================
おいしいおせちをお届けします　解凍方法部分
====================================================*/
.clearfix.imgTxtBox .clearfix.kaitouBox{margin: auto}
.clearfix.imgTxtBox .clearfix.kaitouBox li {width: 50%;float: left;margin:auto;}
.clearfix.imgTxtBox .clearfix.kaitouBox li .otodokechushaku{font-size: 20px;margin-right: 20px;color: #3b3b3b;}
.clearfix.imgTxtBox .clearfix.kaitouBox li .otodokechushaku .numIcon{background: #ffa08c;width: 102px;height: 30px;color: #fff;text-align: center;font-size: 18px;display: inline-block;margin: 0 5px 5px 0;padding: 0;position: relative;top: -1px;line-height: 1.6em;font-weight: 700;}
.clearfix.imgTxtBox .clearfix.kaitouBox li .imgBox{width: 100%;}
.centering{margin: 0 auto;}

.otodokechushaku{font-size: 20px;margin-right: 20px;margin-bottom: 10px; line-height: 1.5em;color: #3b3b3b;}
.otodokechushaku .numIcon{ background: #ffa08c;width: 85px;height: 30px;color: #fff;text-align: center;font-size: 18px;display: inline-block;margin: 0 5px 0px 0;padding: 0;position: relative;top: -1px;line-height: 1.6em;font-weight: 700}
.otodokechushaku .numIcon_gray{background: #454545;width: 20px;height: 20px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;color: #fff;text-align: center;font-size: 16px;display: inline-block;margin: 0 5px 0 0;padding: 0;position: relative;top: -1px;line-height: 1.2em;}
.chusyaku_kome{font-size: 0.8em; color: #373737}


/*====================================================
注釈
====================================================*/
.chusyaku{padding: 5px 0px 17px 0px ;}
div.chusyaku h3{font-size:1.5em;}

.chusyakuttl{font-weight: 600;font-size: 1.2em}




/*スマホの時だけ表示させる*/
.br-sp {
    display: none;
}
@media (max-width: 560px) {
    .br-sp {display: block;}
}
/*スマホの時だけ表示させる*/


@media (max-width: 630px) {
#nav li a {text-decoration: none;font-size: 1.3em;}
.nav_fv{margin: 12px 0px;;}
	
/* ボタンのスタイル */
.buttonRound {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 320px;
  font-family: sans-serif;

  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #ffa08c;
  border-radius: 20px; /* (buttonの高さ / 2) の値 */
  height: 40px;}
}




@media (max-width: 460px) {
#nav li a {text-decoration: none;font-size: 0.2em;}
.nav_fv{margin: 12px 0px;;}
/* ボタンのスタイル */
.buttonRound {display: flex;align-items: center;justify-content: center;width: 100%;max-width: 320px;height: 40px;padding: 8px 5px;
  font-family: sans-serif;font-size: 16px;color: #fff;text-align: center;overflow-wrap: anywhere;background-color: #ffa08c;border-radius: 30px; /* (buttonの高さ / 2) の値 */}
#nav li {margin: 0px 2px;}
}
/*====================================================
配信動画
====================================================*/
.douga {margin: auto; width: auto;height: auto}





@media screen and (max-width:780px) {
/* ★スマホ用CSS */
	div#itemContentsArea{width:100%;}
	

	
/*====================================================
画像の上に文字の所01
====================================================*/
.chusen_01{position: relative;width: auto}
.slider_01{
  position: absolute;
  left: 0;
  bottom: 0px;
  color: #fff;
  
  padding: 0px 57px;
        margin: 0px 0px 12px 0px;
  font-size:18px;
  font-weight:bold;
  text-align: center;
}
/*====================================================
画像の上に文字の所02
====================================================*/
.chusen_02{position: relative;width: auto}
.slider_02{
  position: absolute;
  left: 0;
  bottom: 0px;
  color: #fff;
  
  padding: 0px 23px;
margin: 0px 0px 1px 0px;
  font-size:18px;
  font-weight:bold;
  text-align: center;
}
/*====================================================
画像の上に文字の所03
====================================================*/
.chusen_03{position: relative;width: auto}
.slider_03{
  position: absolute;
  left: 0;
  bottom: 0px;
  color: #fff;
  
  padding: 0px 44px;
margin: 0px 0px 0px 0px;
  font-size:18px;
  font-weight:bold;
  text-align: center;
}

/*====================================================
コピーライト
====================================================*/
.footer__copyright{font-size: 14px;line-height:18px;margin: 8px 15px 20px 15px;}

.block-footer-2 {
    padding: 34px 0 16px;}
.container .block-footer-2 .block-container .footer__logo img {
    width: 40%;}
.container .block-footer-2 .block-container2 .footer__logo img {
    width: 50%;}
	
	
	
/*====================================================
抽選プレゼント01
====================================================*/
.slide01_Contents section img {
    max-width: 100%;
    padding: 1px 4px;
    box-sizing: border-box;
    vertical-align: middle;
}
.arrow .ico {
    top: calc(45% - 6px);
    width: 30px;
    height: 30px;
    border-top: 3px solid #f39800;
}
	
.prev .ico {
	border-left: 3px solid #f39800;
}
.next .ico {
	border-right: 3px solid #f39800;
}
	
/*====================================================
抽選プレゼント02
====================================================*/
.slide02_Contents section img {
    max-width: 100%;
    padding: 0px 38px 12px 38px;
    box-sizing: border-box;
    vertical-align: middle;
}
.arrow .ico {
    top: calc(45% - 6px);
    width: 30px;
    height: 30px;
    border-top: 3px solid #f39800;
}
	
.prev .ico {
	border-left: 3px solid #f39800;
}
.next .ico {
	border-right: 3px solid #f39800;
}
	
/*====================================================
抽選プレゼント03
====================================================*/
.slide03_Contents section img {
    max-width: 100%;
    padding: 1px 4px;
    box-sizing: border-box;
    vertical-align: middle;
}
.arrow .ico {
    top: calc(45% - 6px);
    width: 30px;
    height: 30px;
    border-top: 3px solid #f39800;
}
	
.prev .ico {
	border-left: 3px solid #f39800;
}
.next .ico {
	border-right: 3px solid #f39800;
}
	
/*====================================================
各アイドルおすすめ
====================================================*/
.slideContents section img {
    max-width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
    vertical-align: middle;
}
.arrow .ico {
    top: calc(45% - 6px);
    width: 30px;
    height: 30px;
    border-top: 3px solid #f39800;
}
	
.prev .ico {
	border-left: 3px solid #f39800;
}
.next .ico {
	border-right: 3px solid #f39800;
}
/*====================================================
配信動画
====================================================*/
.douga {width: 400;height: 280}

/*====================================================
注釈
====================================================*/
div.chushaku {font-size: 14px;line-height: 1.2em;padding: 20px 17px 29px 17px;}

	
/*====================================================
ボタン
====================================================*/
.inline-block{width: 90% !important;}
	
/*----------------------------
右が文章
---------------------------*/ 

div.sake_txtRightArea txtBox{width:94%;}
div.sake_txtRightArea div.txtBox{width:94%;margin:3%;float:none;}
div.sake_txtRightArea div.imgBox2{width:100%;float:none}
div.sake_txtRightArea div.txtBox p{font-size:16px;letter-spacing:.5px;line-height:1.3em;text-align: center;margin-top: 0px;}
	div.clearfix .txtBox .otodokechushaku3{text-align: left;margin-top: 20px;}
div.sake_txtRightArea div.txtBox h2{font-size:24px;font-weight:700;line-height:1em;text-align:center;margin-top:15px}
div.sake_txtRightArea div.txtBox .kakaku{color:#BD0003;font-size:33px;margin-bottom:0px;line-height:1.3em;margin-top:0px;font-weight:700;}

/*====================================================
おせちをおせちをお届けします01、03
====================================================*/

div.reasonToBeSelected{padding:10px 10px 30px 10px;}
div.reasonToBeSelected div.reasonToBeSelectedBox .imgTxtBox{margin-bottom: 30px;}
div.reasonToBeSelected div.reasonToBeSelectedBox .imgTxtBox .imgBox{width:100%;margin-left:none;float:none;margin: 10px 0px 0px 0px;}
div.reasonToBeSelected div.reasonToBeSelectedBox .imgTxtBox .imgBox_01{width:100%;}
div.reasonToBeSelected div.reasonToBeSelectedBox .imgTxtBox .txtBox{width:100%;float:none;}
div.reasonToBeSelected div.reasonToBeSelectedBox .imgTxtBox .txtBox_01{width:100%;float:left}
div.reasonToBeSelected div.reasonToBeSelectedBox p{font-size:16px;line-height:1.2em;margin-bottom: 20px;}

.reasonToBeSelected .reasonToBeSelectedBox .riyuu_detail {margin-bottom: 30px;}
.reasonToBeSelected .reasonToBeSelectedBox .riyuu_detail .riyuu_ttl {background-color: #d0ae54;text-align: center;font-size: 21px;color: #FFFFFF;padding-top: 10px;padding-bottom: 10px;margin-bottom: 20px;}
	
.reasonToBeSelected .reasonToBeSelectedBox .clearfix.imgTxtBox .txtBox .riyuu { color: #ffa08c;font-size: 35px;/*上下 左右の余白*/background: transparent;/*背景透明に*/border-left: none;/*左線*/ text-align: center}
.reasonToBeSelected .reasonToBeSelectedBox .clearfix.imgTxtBox .txtBox .riyuu_lead {font-size: 25px;margin-bottom:30px;font-weight: bold;text-align: center;}

.reasonToBeSelected .reasonToBeSelectedBox .clearfix.imgTxtBox .riyuu { color: #ffa08c;font-size: 35px;/*上下 左右の余白*/background: transparent;/*背景透明に*/border-left: none;/*左線*/ text-align: center}
.reasonToBeSelected .reasonToBeSelectedBox .clearfix.imgTxtBox .riyuu_lead {font-size: 25px;margin-bottom:20px;font-weight: bold;text-align: center;line-height: 1.2em;}
.clearfix.imgTxtBox .clearfix.kaitouBox li .otodokechushaku {margin: auto;font-size: 16px;}
	
/*------------------------------------------
おせちをおせちをお届けします02
------------------------------------------*/
div.reasonToBeSelected h2{color:#ffa08c;font-size:71px;text-align:center;line-height:.9em;padding-bottom:30px;display:block;}
div.reasonToBeSelected h2 span{font-size:30px;display:block}
div.reasonToBeSelected div.reasonToBeSelectedBox h3{color:#333;font-size:34px;text-align:left;margin-bottom:20px;}
	div.reasonToBeSelected {
    padding: 20px;
    margin-bottom: 10px;
}
/* =================================================
解凍方法
================================================== */
.clearfix.imgTxtBox .clearfix.kaitouBox{margin-right: none;margin-right: 0px;}
.clearfix.imgTxtBox .clearfix.kaitouBox li {width: 100%;float: none;}
.clearfix.imgTxtBox .clearfix.kaitouBox li .imgBox{width: 100%;}
.otodokechushaku{font-size: 16px;margin-right: 0px;margin-bottom: 10px; line-height: 1.5em;color: #323232}




	
	


}