@charset "utf-8";

/************************************************
 import css
************************************************ */

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

div#undercolumn div.raku2_box_quantity{
display:none;
}

/************************************************
トップページボタン
************************************************ */

.wrap_catbtn {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

.wrap_catbtn img {
	border: #AFAFAF 1px solid;
	border-radius: 4px;
	background-color: white;
	}


/************************************************
動画用
************************************************ */
.youtube {
  width: 76.5%;
  aspect-ratio: 16 / 9;
margin-top:30px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
}

.youtube iframe {
  width: 100%;
  height: 100%;
}


/************************************************
お知らせ用
************************************************ */
.box-double{
   padding: 20px;
    margin: 20px 0;
    border: double 10px #4ec4d3;
}

.box-double-gr{
   padding: 20px;
    margin: 20px 0;
    border: double 10px #BFBFBF;
    background: #EDEDED;
}



.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
    color: red;
    font-weight: bold;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

a.btn_asano {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 70%;
	margin: auto;
	padding: 20px;
	font-weight: bold;
	border-radius: 100vh;
	border-bottom: 7px solid #0686b2;
	background: #27acd9;
	color: #fff;
   font-size: 18px;
}
a.btn_asano:hover {
	margin-top: 6px;
	border-bottom: 1px solid #0686b2;
	color: #fff;
}

.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #e0edff;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}


/************************************************
商品を並べるとき
************************************************ */

.f-container{display: flex; justify-content: space-between;}
.f-item{width: 100%; display: flex;justify-content: space-between;}
.f-img{width: 50%;}
.f-txt{width: 48%;}