@charset "UTF-8";
html {
 overflow-y: scroll;
}
.wrap{
	width: 90%;
	margin: 0 auto;
}

.rahu {
	width: 100px;
	height: 100px;
}
.rahu img {
	border-radius: 15px;
	width: 100%;
	height: 100%;
	object-fit: cover;
  border: 1px solid #5B5B5B;
}

.arrow-right {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 10px;
  border-top: 4px solid #5B5B5B;
  border-right: 4px solid #5B5B5B;
  transform: rotate(45deg);
}


.flexbox_rahu {
  display: flex;
 flex-wrap: wrap;
}

.flex-item_rahu {
  margin: 0px;
}


.migi{
  margin-top: 8px;
	height: 100px;
}

.sita{
	width: 100px;
}

.pict:hover{
	opacity:0.5;
}

.cate01::after {
    content:"\7acb\3061\7d75";
}
.cate02::after {
    content:"\4e00\679a\7d75";
}
.cate03::after {
    content:"\0050\0042\0057";
}
.cate04::after {
    content:"\30c7\30d5\30a9\30eb\30e1";
}
.cate05::after {
    content:"\7248\6a29";
}
.cate06::after {
    content:"\30e2\30ce\30af\30ed";
}

.cate {
	display: inline-block;
	margin: 0 .1em .6em 0;
	padding: 2px 5px 5px 5px;
	line-height: 1;
	text-decoration: none;
	color: #ed82ad;
	background-color: #fcdce0;
	border-radius: 2em;
}
.cate:hover {
	color: #fff;
	background-color: #ed82ad;
}

.cate:before {
	content: "#";	
}
.cate0 {
	display: inline-block;
	margin: 0 .1em .6em 0;
	padding: 2px 5px 5px 5px;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #ed82ad;
	border-radius: 2em;
}
.cate0:before {
	content: "#";	
}

body {
	font-size : 16px;
	color:#5B5B5B;
	background: #ffffff;
	font-family: 'Kiwi Maru',"Meiryo";
}
a {
	color: #ff69b4;
  text-decoration: underline;
}
a:hover{
	color: #ff69b4;
  text-decoration: none;
}

.subtop {
color: #ff69b4;
margin-top: -3px;
}
.subtop:before{
	display:inline-block;
	content: "\f004";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.sub {
color: #ff69b4;
}

.sub:before{
  content: "\f004";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: px;
}

.usu {
	opacity:0.5;
}

.mini {
	font-size : 14px;
}
.minib {
	font-size : 12px;
}

.contents {
 border: 1px solid #5B5B5B;
  padding: 2em;
  border-radius: 15px;
     width: 95%;
     max-width: 800px;
     margin: auto;
 }
 .contents2 {
        margin: 0 18px 10px 18px;

 }
 .flexbox {
  display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  list-style: none;
        padding-bottom: 10px;
        margin-bottom: 10px;
         border-bottom: solid px #ccc;
 }
  .flexbox_l {
  display: -webkit-flex;
    display: flex;
  list-style: none;
        padding-bottom: 10px;
        margin-bottom: 10px;
         border-bottom: solid px #ccc;
 }


 .box1 {
     text-align: left;
     margin: 0;
 }
 .box1b {
     text-align: right;
     width: 25%;
     margin: 0;
 }
 .box1c {
     text-align: left top;
     margin: 0;
 }
 .box2 {
      width: 50%;
     text-align: left;
     margin: 0 5px 0 5px;
 }
.box_banner {
     text-align: left;
     margin-right: 5px;
 }


 @media screen and (max-width: 600px) {
     .contents2 {
         display: block;
         margin: 0;

     }
     .flexbox {
         display: block;
     }
     .flexbox_l {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
     text-align: center;
         margin: 0 auto;
         border-bottom: solid 1px #ccc;
     }
     .flexbox .box1b {
         width: 100%;
     text-align: center;
         margin: 0 auto;
         border-bottom: solid 1px #ccc;
     }
     .flexbox .box1c {
         width: 100%;
     text-align: center;
         margin: 0 auto;
         border-bottom: solid 1px #ccc;
     }
     .flexbox .box2 {
         width: 100%;
     text-align: left;
         margin: 0 auto;
        padding-bottom: 10px;
        margin-bottom: 10px;
         border-bottom: solid 1px #ccc;
     }
     .flexbox .box_banner {
         width: 100%;
     text-align: left;
         margin: 0 auto;
        padding-bottom: 10px;
        margin-bottom: 10px;
         border-bottom: solid px #ccc;
     }
 }

/*div要素全体にリンクをつけるために必要な要素*/
.no_b {
    position: relative;
    width: 200px;
    height: 40px;
}
.no_b a {
    position: absolute;
  display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  list-style: none;
  text-decoration: none;
    height:100%;
    width: 100%;
}

/* 以下見た目をわかりやすくするための設定*/
.no_b {
    border: solid 1px fcdce0;
	color: #ed82ad;
	background-color: #fcdce0;
	border-radius: 5px;
	}
.no_b a:hover{/* マウスオーバー時に色変更*/
	color: #fff;
	background-color: #ed82ad;
	border-radius: 5px;
}



table{
  border-collapse: collapse;
}

.tb01 th {
 width:150px;
  padding:10px 10px 10px 0px;
}
.tb01 th,
.tb01 td{
  border-bottom: solid 1px #ccc;
  text-align:left;
  box-sizing:border-box;
}
@media screen and (max-width: 640px) {
  .tb01 {
    width: 95%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
   padding:10px 10px 10px 0px;
 }
  table.tb01 td {
    margin:-20px 0px 0px 0px;
    border-bottom: solid 1px #ccc;
  }
  .tb01 tr:last-child{
}

.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/* ---- grid ---- */

#container {
  background: #DDD;
}

/* clear fix */
#container:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.fade-in-image {
  width: 250px;
}

.fade-in-image {
  float: left;
}

.fade-in-image img {
  display: block;
  max-width: 100%;
}