@charset "UTF-8";
/*!
	Theme Name: 
	Theme URI: .com
	Author: .com
	Author URI: .com
	Description: .com
	Version: 1.0.0
*/


.banner{
	margin: 3em 0;
	padding:0 1em;
	
}
.banner img{
	max-width: 100%;
	width: 100%;
}
.blank-icon {
   box-sizing: border-box;
   position: relative;
}
.blank-icon:before, .blank-icon:after {
   content: "";
   box-sizing: border-box;
   position: absolute;
   width: 30px;
   height: 20px;
   border-style: solid;
   border-color: black;
   transform: scale(.5);
}
.blank-icon:before {
   top: -4px;
   right: -31px;
   border-width: 3px;
}
.blank-icon:after {
   top: 0;
   right: -35px;
   border-width: 0 3px 3px 0;
}
.sps-enqueteTable input[type="radio"], .sps-enqueteTable input[type="checkbox"] {
   margin: auto;
   float: left;
   margin-right: 5px;
}
.breadcrumbs {
   display: flex;
   font-size: 12px;
   max-width: 1100px;
   padding: 0 15px;
}
.breadcrumbs li:first-child::after {
   content: " > ";
   display: inline-block;
   padding: 0 10px;
}
html {}
html.wf-active {
   visibility: visible;
}
ul, li {
   list-style: none;
}
html {
   /*background: url("common/img/top13-01.jpg") no-repeat 0 0;	*/
   font-size: 62.5%;
}
body {
   color: #000;
   font-size: 14px;
   font-size: 1.5rem;
   line-height: 2;
   letter-spacing: 0.4px;
   text-align: justify;
   font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}
.disable {
   cursor: auto;
   opacity: 1;
}
.disable:hover {
   cursor: auto;
   opacity: 1;
   color: #fff !important;
}
.imghidden {
   overflow: hidden;
   height: 100%;
}
.text-center {
   text-align: center;
}
.text-right {
   text-align: right;
}
.text-left {
   text-align: left;
}
.alignend {
   align-items: baseline;
}
small {
   font-size: 1.4rem;
   letter-spacing: 0px;
}
a {
   text-decoration: none;
   color: #231815;
}
a:hover {
   text-decoration: underline;
}
a:visited {
   color: #231815;
}
.pagemain a:link, .pagemain a:visited {
   color: #001b40;
   text-decoration: none;
}
.pagemain a:link, .pagemain a:visited {
   text-decoration: none;
}
.pagemain a:hover {
   text-decoration: none;
   opacity: 0.8;
}
.pagemain .panzuzu a:link, .pagemain .panzuzu a:visited {
   text-decoration: none;
}
.pagemain .panzuzu a:hover {
   opacity: 0.8;
}
.visible_sp {
   display: block;
}
em.visible_sp {
   display: inline;
}
.hidden_sp {
   display: none;
}
.moredetlink {
   display: block;
   color: #fff;
   margin-top: 1rem;
}
.moredetlink:visited {
   color: #fff;
}
/* youtube*/
.youtube1 {
   position: relative;
   width: 100%;
   padding-top: 56.25%;
   margin-bottom: 1rem;
}
.youtube1 iframe {
   position: absolute;
   top: 0;
   right: 0;
   width: 100% !important;
   height: 100% !important;
}
.video-container {
   margin: 0 0 5rem;
}
/* font */
.brnone {
   display: none;
}
.tt {
   -webkit-writing-mode: unset;
   -ms-writing-mode: unset;
   writing-mode: unset;
   width: 100%;
}
.mincyu {
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   /* 追加 */
   transform: rotate(.03deg);
}
/* container */
.container {
   max-width: 100%;
   padding-left: 15px;
   padding-right: 15px;
}
.row {
   padding-right: 15px;
   padding-left: 15px;
}
/* flex */
.d-flex {
   display: flex;
   flex-direction: column;
}
.flex-row {
   flex-direction: row !important;
}
.flex-row a {
   margin-right: 1rem;
}
.d-content-column {
   flex-direction: column;
}
.d-align-items-baseline {
   align-items: baseline;
}
.d-align-items-center {
   align-items: center;
}
.d-justify-space-between {
   justify-content: space-between;
}
.d-justify-space-center {
   justify-content: center;
}
.column-reverse {
   flex-direction: column-reverse;
}
.flex-wrap-wrap {
   flex-wrap: wrap;
}
/* img responsiv*/
main div > img, img.img_responsive {
   max-width: 100%;
   width: 100%;
   display: inherit;
}
main div > img, img.img_responsive-max {
   max-width: 100%;
}
.bright {
   -webkit-filter: brightness(0.4);
   -moz-filter: brightness(0.4);
   -o-filter: brightness(0.4);
   -ms-filter: brightness(0.4);
   filter: brightness(0.4);
}
.bg-news {
   background: #1f2632;
   color: #fff;
}
.bg-news .contbox {
   width: 1000px;
}
.bg-news a {
   color: #fff;
   text-decoration: underline;
}
.bg-news a:hover {
   text-decoration: none;
}
/* btn setting */
a.btn-det, .button1, .formgroup input[type=submit], .formgroup input[type=button] {
   background: #233;
   padding: 15px 30px;
   color: #fff;
   /* margin: 5rem auto; */
   position: relative;
   text-align: center;
   margin: 1rem auto 3rem;
   height: auto !important;
   min-width: 270px;
}
a.btn-det, .btn-det a {
   display: block;
   background: #233;
   padding: 15px 30px;
   max-width: 220px;
   color: #fff !important;
   /* margin: 5rem auto; */
   position: relative;
   text-align: center;
   margin: 3rem 0;
}
.formgroup input[type=submit]::after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border-left: 10px solid transparent;
   border-right: 0px solid transparent;
   border-bottom: 10px solid #ff0;
   position: absolute;
   right: 1px;
   bottom: 1px;
}
.btn-det a::after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border-left: 10px solid transparent;
   border-right: 0px solid transparent;
   border-bottom: 10px solid #ff0;
   position: absolute;
   right: 1px;
   bottom: 1px;
}
/* --------------
	pagetop
	----------------*/
.pagetop {
   display: none;
   position: fixed;
   bottom: 77px;
   right: 0;
   z-index: 1;
}
.pagetop a::before {
   content: '';
   width: 20px;
   height: 20px;
   border: 0px;
   border-top: solid 1px #a2a2a2;
   border-right: solid 1px #a2a2a2;
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(-45deg);
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   top: 11px;
   bottom: 0px;
   opacity: 1;
}
.pagetop a {
   display: block;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   zoom: 1;
   width: 68px;
   height: 68px;
   text-align: center;
   /* font-size: 24px; */
   text-decoration: none;
   line-height: 50px;
   /* border: 1px solid #fbfbfb; */
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -ms-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
   opacity: 0.8;
   color: #1d1d1c;
}
.pagetop a span {
   top: 22px;
   position: relative;
   font-size: 0.1rem;
}
.pagetop a:hover {
   opacity: 0.6;
}
/* nav */
.splogotype {
   width: 140px;
   margin-left: 10px;
   margin-bottom: 10px;
}
.header {
   padding: 15px;
   background: #fff;
}
.home.is-fixed {
   margin-top: 98px;
}
.is-fixed {
   margin-top: 130px;
}
.is-fixed header {
   position: fixed;
   width: 100%;
   z-index: 2;
   background: #fff;
   top: 0;
   left: 0;
}
header .d-flex {
   display: flex !important;
   flex-direction: row;
}
header .d-flex > div:nth-child(1) {
   order: 2;
   margin-right: auto;
   margin-left: 15px;
}
header .d-flex > div:nth-child(2) {
   order: 2;
}
header .d-flex > div:nth-child(3) {
   display: block;
   width: 100%;
   padding: 6px 10px 7px;
   margin-bottom: 10px;
   margin-top: -15px;
   text-align: center;
   color: #fff;
   order: 1;
   background: #333;
   line-height: 1;
}
header .d-flex > div:nth-child(4) {}
/*メニュー部分*/
nav {
   position: absolute;
   top: 98px;
   width: 100%;
   display: none;
   z-index: 2;
}
header nav ul li {
   margin: 0 auto;
   text-align: center;
   border-bottom: 1px solid #eee;
   width: 100%;
   padding: 0;
}
header nav ul li:first-child {
   border-top: 1px solid #eee;
}
header nav ul li a {
   display: block;
   background: #fff;
   line-height: 1;
   padding: 15px;
   margin: 0;
}
/*開閉ボタン*/
#nav_toggle {
   display: block;
   width: 40px;
   height: 40px;
   position: relative;
   top: 4px;
   z-index: 100;
   margin-right: 15px;
   cursor: pointer;
}
#nav_toggle div {
   position: relative;
}
#nav_toggle span {
   display: block;
   height: 3px;
   background: #000;
   position: absolute;
   width: 100%;
   left: 0;
   -webkit-transition: 0.2s ease;
   -moz-transition: 0.2s ease;
   transition: 0.2s ease;
}
#nav_toggle span:nth-child(1) {
   top: 0px;
}
#nav_toggle span:nth-child(2) {
   top: 12px;
}
#nav_toggle span:nth-child(3) {
   top: 24px;
}
/*開閉ボタンopen時*/
.open #nav_toggle span:nth-child(1) {
   top: 12px;
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
   width: 0;
   left: 50%;
}
.open #nav_toggle span:nth-child(3) {
   top: 12px;
   -webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
   transform: rotate(-135deg);
}
/* main */
.tttel {
   position: fixed;
   top: 101px;
   left: 0;
   -webkit-writing-mode: vertical-rl;
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl;
   /* writing-mode: vertical-rl; */
   color: #fff;
   font-size: 1.3rem;
   z-index: 2;
   font-weight: bold;
   background: rgba(255, 0, 0, 0.8);
   padding: 1rem 0;
}
.tttel span {
   font-weight: bold;
   display: inline;
}
/* header */
header {
   padding: 0 0 0px;
   position: relative;
}
.headertext strong {
   font-size: 2.5rem;
   font-weight: bold;
   letter-spacing: 0;
   font-family: "Times New Roman", Times, "serif";
}
/* catbox */
.catbox div {
   width: 100%;
}
.catbox > div {
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 3rem;
}
/* top news season*/
.season .d-flex > div:first-child {
   order: 1;
}
.season .d-flex > div:nth-child(2) {
   order: 3;
}
.season .d-flex > div:last-child {
   margin-top: 1rem;
   order: 1;
   margin-bottom: 1rem;
}
/* omoi */
.omoi {
   color: #fff;
}
.omoi {
   height: 810px;
   background: #8394a7 url("common/img/omoi-sp.jpg");
   background-repeat: no-repeat;
   background-blend-mode: multiply;
   background-size: cover;
   margin-top: 5rem;
   margin-bottom: 5rem;
   position: relative;
}
.omoi h3 {
   text-align: center;
   padding: 4rem 0 3rem;
   width: 40%;
   display: block;
   margin: auto;
}
.omoi h3 img {
   width: 140px;
   text-align: center;
}
.yline {
   width: 1px;
   background: #444;
   height: 90px;
   text-align: center;
   margin: -90px auto 30px;
   position: relative;
   z-index: 1;
}
/* ranking */
.rankingnum {
   position: relative;
   top: 0px;
   left: 0px;
}
.rankingnum span {
   font-size: 5rem;
   display: block;
   position: relative;
   line-height: 1;
}
.ranking .d-flex > div {
   margin: 1rem 0;
   width: 100%;
}
footer {
   background: #1f2632;
   color: #fff;
   padding: 3rem 5% 2rem;
   font-size: 1.1rem;
}
footer .footerflex > div:first-child {
   margin-right: auto;
}
footer .footerflex > div:last-child {
   margin-left: 0;
   margin-bottom: 1rem;
}
footer ul {}
footer ul a, footer ul a:visited {
   color: #fff;
}
footer ul li:first-child a {
   border: none;
   padding-right: 10px;
   margin-right: 10px;
}
.syouhyou {
   font-size: 1.1rem;
   margin: 3rem 0;
}
.footernav li::after {
   content: '';
}
.copy {
   margin-top: 1rem;
}
.kidstext {
   line-height: 1.4;
   margin-top: 2rem;
   margin-bottom: 2rem;
}
.contacttelbox {
   border-top: 5px solid #333;
   border-bottom: 5px solid #333;
   padding: 3rem 0;
   margin-bottom: 4rem;
}
.contacttelbox h3 {
   margin-bottom: 2rem;
}
.contacttelbox h4 {
   font-size: 3rem;
   margin-bottom: 0;
   padding-bottom: 0;
   line-height: 1;
}
.contacttelbox h4 span {
   display: inline-block;
}
.contacttelbox h4 span::after {
   content: '';
   border-bottom: 8px solid #ffff00;
   display: block;
   width: auto;
   height: 10px;
   position: relative;
   top: -14px;
   z-index: -1;
}
.underlinehead {
   border-bottom: 8px solid #ffff00;
   display: table;
   width: auto;
   position: relative;
   top: 0px;
   line-height: 1;
   font-size: 3rem;
   margin: 4rem 0 1rem;
}
h4.underlinehead + p {
   margin-bottom: 7rem;
}
.contenthead_2 {
   text-align: center;
   font-weight: bold;
   border-top: 3px solid #000;
   border-bottom: 3px solid #000;
   padding: 20px;
   margin-bottom: 7rem !important;
}
/* form */
input, select, textarea {
   border: 1px solid #ccc;
   padding: 0px 10px;
   height: 30px !important;
}
input.regi_back {
   padding: 5px 10px 30px !important;
   text-align: center;
   margin: 4rem auto;
   background: #233;
   color: #fff;
}
td.backcolor1, .backcolor1 td {
   background: #f5f5f5;
   font-weight: bold;
}
.button1 {
   height: 40px !important;
   min-width: 90px;
   text-align: center;
   padding: 0 20px !important;
}
.regi_next {
   background: #d00000e6;
   padding: 15px 30px;
   color: #fff;
   /* margin: 5rem auto; */
   position: relative;
   text-align: center;
   margin: 1rem auto 11rem;
   height: 60px !important;
}
#contact .mainFrame .mainCont #selectaddressee div.layoutp3 table.layoutp3 tbody td label {
   cursor: pointer;
   display: inline-block;
   font-size: 1.6rem;
   position: relative;
}
.bordlayoutp3 table td {
   border-right: 1px solid #eee;
   border-bottom: 1px solid #eee;
   padding: 13px 15px;
   text-align: left;
}
.formgroup {
   margin: 20px 0;
   width: 100% !important;
}
/* news */
.newscontanier ul li span:first-child {
   font-style: italic;
   font-size: 1.3rem;
}
.newscontanier {
   padding: 3rem 0 4rem;
}
.btn-more a {
   display: inline-block;
   background: #000;
   color: #fff;
   padding: 7px 10px;
   line-height: 1;
   margin: 1rem auto;
}
.newscontanier ul span {
   display: block;
   margin-right: 0;
   padding-right: 0;
}
.newscontanier ul li {
   margin-bottom: 1rem;
}
/* footer info*/
.footerinfo h4 {
   font-size: 1.8rem;
   margin-bottom: .8rem;
   margin-top: 1rem;
}
.footerinfo > div {
   margin-bottom: 2rem;
}
.listcircle {
   margin-left: 15px;
}
.listcircle li::before {
   content: '・';
   display: inline-block;
   margin-left: -15px;
}
.liststar {
   margin-left: 5px;
}
.liststar li::before {
   content: '★';
   color: #f1e700;
   margin-left: -2.4rem;
   margin-right: 1rem;
}
.liststar li {
   margin-left: 2rem;
}
.formarea, .price {
   width: 100% !important;
}
.price strong {
   font-size: 2rem;
}
.pagemain {
   margin: 5rem auto;
}
.pagemain h3 {
   margin-bottom: 2rem;
}
/*--------------------------------------------------------------
 himekuri 
--------------------------------------------------------------*/
.muryou {
   display: inline-block;
   background: #f00;
   color: #fff;
   padding: 0 5px;
   font-weight: bold;
   font-size: 17px;
   text-align: center;
}
.boutou {
   margin: 5rem 0 10rem;
   background: #f7f5df;
   padding: 2em 3rem 1rem;
}
.boutou h3 span {
   display: block;
   font-size: 14px;
}
.uservoice2 {
   margin-bottom: 8rem;
}
.uservoice2 ul {
   margin-top: 5rem;
}
.uservoice2 li {
   position: relative;
   border: 1px solid #000;
   margin: 1rem auto 2rem;
   border-radius: 10px;
   display: flex;
   align-items: center;
   padding: 2rem;
   font-feature-settings: "palt";
   letter-spacing: 1px;
   line-height: 1.6;
}
.uservoice2 li span {
   width: 100%;
}
.uservoice2 li::before {
   content: '';
   background: url("/common/img/himekuri/user.png") no-repeat 0 0;
   width: 70px;
   height: 40px;
   background-size: 40px;
}
.seihin {
   margin-bottom: 8rem;
}
.seihin ul {
   margin-left: 25px;
}
.seihin ul li {
   list-style: circle outside;
}
.profile_nikaido {
   margin: 4rem 0 6rem;
}
.profile_nikaido .profimg {
   margin-right: 4%;
}
.profile_nikaido ul {
   margin-left: 25px;
}
.profile_nikaido ul li {
   list-style: circle outside;
   line-height: 1.6;
   margin-bottom: 1.4rem;
}
.profile_nikaido .profimg img {
   width: 300px;
}
.profile_nikaido h3 {
   font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.profile_nikaido h3 small {
   display: block;
}
.profile_nikaido h3 span {
   font-size: 13px;
   margin-left: 1rem;
}
.nanikosoimi {
   margin-bottom: 9rem;
}
.nanikosoimi img {
   max-width: 100%;
}
/*--------------------------------------------------------------
 item 
--------------------------------------------------------------*/
.itempage h2 {
   font-size: 2.6rem;
   line-height: 1.5;
   margin: 3rem 0 3rem;
   text-justify: initial !important;
   text-align: left;
}
.itempage .d-flex .slickslider {
   width: 100%;
}
.itempage .d-flex .slickslider {
   margin-right: 3rem;
}
.itempage h6 {
   font-size: 1.6rem;
}
.itempage {
   margin-bottom: 5rem;
}
.pagemain p {
   margin-bottom: 3rem;
}
a.linka, .pagemain p a:link, .pagemain p a:visited {
   color: #2086de !important;
}
ul.panzuzu {
   display: flex;
   font-size: 1rem;
}
.panzuzu li::after {
   content: '>';
   display: inline;
   margin-right: 1rem;
   padding-left: 1rem;
}
.panzuzu li:last-child::after {
   content: '';
}
.itemimg {
   margin-bottom: 10rem !important;
}
.panzuzu + strong + h2 {
   text-align: left;
   margin-top: 0;
}
.amazonlink a {
   margin-top: -10px;
   margin-bottom: 10rem;
   display: inline-block;
   text-decoration: underline;
   border: 1px solid #FF9900;
   padding: 3px 10px;
   background: #FF9900 !important;
   border-radius: 5px;
   color: #fff !important;
   font-weight: bold;
   font-size: 1.5rem;
}
.item_amazon {
   display: block;
   position: absolute;
   padding: 8px 9px 0;
   background: #fff;
   z-index: 0;
}
.item_new {
   position: absolute;
   background: #ff005b;
   color: #fff;
   padding: .6rem 2rem;
   right: 0;
   line-height: 1;
   font-size: 1.2rem;
   text-align: center;
   animation: newAnime 1s infinite alternate;
}
.item_new_block {
   background: #ff005b;
   color: #fff;
   padding: .2rem;
   line-height: 1;
   font-size: 1rem;
   display: inline-block;
   text-align: center;
}
@keyframes newAnime {
   0% {
      color: #fff;
      background: #ff0000;
   }
   100% {
      color: #000;
      background: #efef10;
   }
}
/*--------------------------------------------------------------
 catgory 
--------------------------------------------------------------*/
.catgorymainlist {
   display: flex;
   flex-wrap: wrap;
}
.catgorymainlist li {
   width: 48.82%;
   margin-bottom: 3rem;
   position: relative;
}
.catgorymainlist li:nth-child(2n-1) {
   margin-right: 2.36%;
}
.catgorymainlist li span {
   display: block;
   text-align: left;
   line-height: 1.4;
}
.catgorymainlist li span::before {}
.cathead {
   font-size: 3rem;
   margin-bottom: 5rem;
}
.catgorymainlist li span + small {
   font-weight: bold;
}
.cathead::after {
   content: '';
   border-bottom: 3px solid #efef10;
   width: 2em;
   display: block;
   margin: 1rem auto;
}
/*--------------------------------------------------------------
	# page
--------------------------------------------------------------*/
#ec-main dl {
   margin-bottom: 3rem;
}
#ec-main dl dt {
   font-weight: bold;
}
#privacy h3 {
   font-size: 1.6rem;
   margin-bottom: 1rem;
   margin-top: 2rem;
}
#intro h3 {
   margin-top: 7rem;
}
.mt-0 {
   margin-top: 0 !important;
}
.page-guide p {
   position: relative;
}
.page-guide p::after {
   content: '';
   position: absolute;
   left: 1rem;
   bottom: -3rem;
   border-top: 14px solid;
   border-right: 14px solid transparent;
   transform: rotate(-135deg);
}
.page-guide p.none::after {
   border: none;
}
/*--------------------------------------------------------------
	# wp Alignments
--------------------------------------------------------------*/
.alignleft {
   display: inline;
   float: left;
   margin-right: 1.5em;
}
.alignright {
   display: inline;
   float: right;
   margin-left: 1.5em;
}
.aligncenter {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
/*--------------------------------------------------------------
	# FAQ
--------------------------------------------------------------*/
.faqblock {
   margin-bottom: 3rem;
}
.faqblock dl {
   align-items: baseline;
}
.faqblock dt {
   font-size: 4rem;
   padding: 0 10px;
   font-weight: bold;
}
.faq_q {
   font-weight: bold;
}
.faq_q dt {
   color: #da3232;
}
/*--------------------------------------------------------------
	# uservoice
--------------------------------------------------------------*/
.uservoice .d-flex div:first-child {
   width: 100%;
   margin-right: 3rem;
}
.uservoice .d-flex div:last-child {
   width: 100%;
}
.uservoice .d-flex {
   margin-bottom: 2rem;
}
.instainfo {
   margin-top: 6rem;
}
.instainfo img {
   width: 100%;
}

.uservoice h4 {
   margin-bottom: 4rem;
}
/*--------------------------------------------------------------
	# uservoice special
--------------------------------------------------------------*/
.userblock1 p {
   font-size: 1.3rem;
}
.userblock1 h3 {
   margin-top: 1rem;
}
.userblock1 div:first-child img {
   width: 100%;
   margin-right: 0;
}
.usercomment {
   background: #f5f5f5;
   padding: 2rem 3rem;
   margin: 2rem 0;
}
.usercomment p {
   margin-bottom: 0;
   font-size: 1.3rem;
}
.userlist li {
   width: 100%;
}
.userindex img {
   max-width: 100%;
}
.userindex span {
   line-height: 2;
   display: block;
   margin-bottom: 1.5rem;
}
.usermov {
   font-size: 1.3rem;
   font-weight: 600;
}
.usermov {
   position: relative;
}
.usermov::before {
   content: '';
   background: #04c3ba;
   width: 2px;
   height: 25px;
   display: inline-block;
   transform: rotate(-45deg);
   margin: -9px 1rem;
}
.usermov::after {
   content: '';
   background: #04c3ba;
   width: 2px;
   height: 25px;
   display: inline-block;
   transform: rotate(45deg);
   margin: -9px 1rem;
}
/* video */
.videobox {
   display: flex;
   flex-direction: column;
}
.videobox li {
   width: 100%;
   margin-bottom: 1rem;
}
.videobox video {
   width: 100%;
   height: 320px;
}
.videobox video:focus {
   outline: none;
}
/*--------------------------------------------------------------
 event 2019 
--------------------------------------------------------------*/
.slickcenter {
   margin-top: 1rem;
   margin-bottom: 1rem;
}
.slickcenter li {
   padding: 0 10px;
   position: relative;
}
.newitem {
   position: absolute;
   background: #f00;
   color: #fff;
   padding: 0 1rem;
   z-index: 1;
}
.userlist li img {
   max-width: 100%;
}
.newitem {
   -webkit-animation: blink 0.5s ease-in-out infinite alternate;
   -moz-animation: blink 0.5s ease-in-out infinite alternate;
   animation: blink 0.5s ease-in-out infinite alternate;
}
@-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;
   }
}
.event_su_tb {
   position: relative;
   display: flex;
   margin-bottom: 4rem;
}
.event_su_tb dd {
   color: #fff;
   padding: 2px 1rem;
   text-align: center;
   position: absolute;
}
.event_su_tb.t1 {
   justify-content: center;
}
.event_su_tb.t1 dd {
   background: rgba(255, 79, 202, 0.8);
   border-radius: 90% 30% 60% 100%/50% 140% 70% 130%;
   padding: 16px;
   bottom: 9%;
   right: 2%;
}
.event_su_tb.t2 {
   justify-content: flex-start;
}
.event_su_tb.t2 dd {
   background: rgb(4, 206, 53);
   border-radius: 90% 30% 140% 11%/50% 120% 100% 130%;
   padding: 16px;
   bottom: 60%;
   left: 2%;
}
.event_su_tb.t3 {
   justify-content: flex-end;
}
.event_su_tb.t3 dd {
   background: rgb(24, 190, 214);
   border-radius: 96% 50% 90% 160%/110% 190% 70% 130%;
   bottom: 9%;
   padding: 1rem 2rem;
   right: 4rem;
}
.event_su_tb.t4 {
   justify-content: center;
   margin-bottom: 10rem;
}
.event_su_tb.t4 dd {
   background: rgba(255, 79, 202, 0.8);
   border-radius: 90% 30% 60% 100%/50% 140% 70% 130%;
   padding: 16px;
   bottom: 9%;
   left: 2%;
}
.cont890 img {
   max-width: 100%;
}
.eventosusume {
   font-style: italic;
   margin-top: -3rem;
   margin-bottom: 8rem;
}
.eventosusume li {
   list-style: decimal inside;
   line-height: 2;
   font-size: 2rem;
}
.dotlist {
   margin-left: -1rem;
}
.dotlist li {
   list-style: circle;
   margin-left: 3rem;
   margin-bottom: 1rem;
}
.circlesection {
   margin: auto;
   padding: 0 1rem;
}
.circlesection h4 {
   text-align: center;
}
.circles {
   position: relative;
   display: flex;
   justify-content: center;
}
.circlebox {
   width: 280px;
   height: 300px;
   mix-blend-mode: multiply;
   position: absolute;
   top: -10rem;
   z-index: -1;
}
/* Circles */
.circle-1 {
   background: #ff5fcc;
   border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
   animation: border-animation 8s infinite linear;
}
.circle-2 {
   background: #51fbff;
   border-radius: 80% 30% 50% 50%/50%;
   animation: border-animation 7s infinite linear;
}
.circle-3 {
   background: #7eeaff;
   border-radius: 40% 40% 50% 40%/30% 50% 50% 50%;
   animation: border-animation 6s infinite linear;
}
.dlsns {
   display: none;
}
.sp-iframe iframe {
   width: 100%;
}
.sp-iframe {
   width: auto;
}
/* rental */
.rent strong {
   font-weight: bold;
   color: #f00;
   font-size: 2rem;
}
.rent section h3 {
   font-size: 3rem;
   text-align: center;
   margin-top: 9rem;
   margin-bottom: 3rem;
}
.rent section h3::after {
   content: '';
   border-bottom: 4px solid #000;
   display: block;
   width: 8%;
   margin: auto;
}
.renttable {
   width: 100%;
   border: 1px solid #999;
   border-collapse: collapse;
}
.renttable th, .renttable td {
   border: 1px solid #999;
   border-collapse: collapse;
   padding: 1rem;
   text-align: center;
}
.slick_user img {
   max-width: 100%;
}
.contactrent {
   width: 100%;
   background: #F8F8F8;
   padding: 1rem;
   margin: 9rem auto;
}
.contactrent h3 {
   text-align: center;
   font-size: 4rem;
   font-weight: bold;
}
.rentbtnbox {
   margin: auto;
   text-align: center;
   width: 100%;
}
.contactrent a.btn_rent:link, .contactrent a.btn_rent:visited {
   background: #f00;
   color: #fff !important;
   padding: 1rem;
   text-align: center;
   border-radius: 5px;
   width: 100%;
   display: inline-block;
   font-weight: bold;
   font-size: 2rem;
}
.contactrent h5 {
   font-size: 1.5rem;
}
.contactrent h5 span {
   font-size: 1.2rem;
   display: block;
}
/* family */
.familyblock h4 {
   margin: 4rem 0 0;
}
.familyblock h5 {
   margin: 3rem 0 1rem;
   font-size: 1.6rem;
}
.fs_userimg {
   display: flex;
   flex-wrap: wrap;
}
.fs_userimg li {
   max-width: 50%;
   line-height: 0;
}
.fs_userimg li img {
   max-width: 100%;
   line-height: 0;
}
/* Animation */
@keyframes border-animation {
   to {
      transform: rotate(360deg);
   }
}
.dlsns iframe {
   width: 100% !important;
   padding: 0rem !important;
}
/* form */
.contactform {}
.contactform dl {
   display: flex;
   margin-bottom: 20px;
   align-items: center;
}
.contactform dt {
   width: 15em;
}
.contactform dd {
   width: 100%;
   line-height: 1;
}
.contactform strong {
   background: #f00;
   font-size: 12px;
   text-align: center;
   padding: 1px 2px;
   color: #fff;
   margin-left: 5px;
}
.contactform input[type="text"], .contactform input[type="email"], .contactform textarea {
   width: 100%;
   font-size: 16px;
   padding: 10px;
   height: 2.6em !important;
}
.contactform textarea {
   height: 10em !important;
}
.page-guide .contactform p::after {
   content: none;
}
.btn-privacy {
   display: flex;
   align-content: center;
   margin: auto;
   justify-content: center;
}
.btn-privacy a {
   color: #005ce0 !important;
   text-decoration: underline !important;
}
.btn-privacy label {
   display: flex;
   margin-left: 3px;
}
.att {
   color: #f00;
   font-weight: bold;
   font-size: 12px;
   display: flex;
   align-items: center;
   margin: 0 5px;
}
.contactform .btn-submit {
   background: #005ce0;
   padding: 10px;
   width: 300px;
   text-align: center;
   display: block !important;
   height: auto !important;
   color: #fff;
   border: none;
   margin: 30px auto
}
#formWrap {
   margin: 40px;
   padding: 40px;
}
#formWrap h3 {
   display: block;
   margin-bottom: 30px;
   text-align: center;
}
#formWrap h3 + p {
   margin-bottom: 30px;
}
.btnnextback {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-column-gap: 30px;
   align-content: center;
   margin-top: 40px;
}
.btnnextback input {
   width: 100%;
   height: 4em !important;
}
.btnnextback input:first-child {
   background: #005ce0;
   color: #fff;
}
#done {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
}
.sp-visible {
   display: none;
}
.sp-hidden {
   display: inherit;
}
/* -----------------------------------
--------------------------------------

Media query--------------------

--------------------------------------
--------------------------------------*/
@media(max-width: 1194px) {
   .blank-icon:before {
      top: -4px;
      right: 4px;
      border-width: 3px;
   }
   .blank-icon:after {
      top: 0;
      right: 0;
      border-width: 0 3px 3px 0;
   }
   .blank-icon:before, .blank-icon:after {
      margin: 13px;
   }
   header nav {
      left: 0;
      right: 0;
       top: 73px;
   }
}
@media(max-width: 820px) {
   .sp-visible {
      display: inherit;
   }
   .sp-hidden {
      display: none;
   }
   .contactform dl {
      display: flex;
      flex-direction: column;
   }
   .contactform dt {
      width: 100%;
   }
   .contactform dt input {
      font-size: 16px;
   }
}
@media (min-width: 769px) {
    header {
   padding: 15px 0 0px;
   position: relative;
}
    .instainfo img {
    width: 40%;
}
   .breadcrumbs {
      display: flex;
      font-size: 12px;
      max-width: 1100px;
   }
   .userlist li.thbox {
      margin-right: 1px;
      margin-left: 1px;
   }
   .mainkv {
      margin: 0 1.5vw;
   }
   /* */
   /* video */
   .usermov::before {
      content: '';
      background: #04c3ba;
      width: 2px;
      height: 35px;
      display: inline-block;
      transform: rotate(-45deg);
      margin: -9px 2rem;
   }
   .usermov::after {
      content: '';
      background: #04c3ba;
      width: 2px;
      height: 35px;
      display: inline-block;
      transform: rotate(45deg);
      margin: -9px 2rem;
   }
   .fs_userimg li {
      max-width: 20%;
   }
   .usermov {
      font-size: 2rem;
      font-weight: 300;
   }
   .videobox {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
   }
   .videobox li {
      margin-bottom: 0;
      margin-right: 1%;
      width: auto;
   }
   .videobox li:nth-child(4n) {
      margin-right: 0;
   }
   .videobox video {
      width: auto;
      height: 213px;
   }
   /* rental */
   .contactrent {
      width: 100%;
      background: #F8F8F8;
      padding: 3rem;
      margin: 9rem auto;
   }
   .contactrent h5 {
      font-size: 3rem;
   }
   .contactrent h5 span {
      font-size: 1.4rem;
      display: inline;
   }
   .contactrent a.btn_rent:link, .contactrent a.btn_rent:visited {
      width: 70%;
   }
   .dlsns {
      display: flex;
   }
   .dlsns iframe {
      width: auto;
      padding: 0;
   }
   .visible_sp {
      display: none;
   }
   .hidden_sp {
      display: block;
   }
   em.hidden_sp {
      display: inline;
      font-style: normal;
   }
   .change_btn {
      color: #fff;
      display: block;
      width: 100%;
      text-decoration: none;
      border: 1px solid #fff;
      text-align: center;
      padding: 25px 0;
      font-size: 20px;
      margin-top: 40px;
   }
   .tttel {
      position: fixed;
      bottom: auto;
      right: auto;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      transform: translateY(-40%);
      color: #fff;
      font-size: 1.3rem;
      font-weight: bold;
      background: rgba(255, 0, 0, 0.8);
      padding: 1rem 0;
      left: 0;
      top: 223px;
   }
   header .d-flex > div:nth-child(1) {
      order: 1;
      margin-right: 10px;
   }
   header .d-flex > div:nth-child(2) {
      order: 4;
   }
   header .d-flex > div:nth-child(3) {
      order: 2;
      display: inline-block;
      margin-right: auto;
      width: auto;
      border: none;
      padding: 0;
      margin-bottom: 0;
      margin-top: 0;
      text-align: left;
      color: #333;
      background: transparent;
   }
   header .d-flex > div:nth-child(4) {
      order: unset;
   }
   .is-fixed {
      margin-top: 130px;
   }
   .home.is-fixed {
      margin-top: 74px;
   }
   nav {
      top: 72px;
   }
   .tt {
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      width: 100%;
   }
   .underlinehead {
      border-bottom: 8px solid #ffff00;
      display: table;
      width: auto;
      position: relative;
      top: 0px;
      line-height: 0;
      font-size: 3rem;
      margin: 4rem 0 1rem;
   }
   /* event page 2019 summer*/
   .circlesection {
      margin: auto;
      padding: 0 19%;
   }
   .row {
      padding-left: 15px;
      padding-right: 15px;
   }
   .moredetlink {
      margin-top: 0;
   }
   .column-reverse {
      flex-direction: column;
   }
   /* font */
   .brnone {
      display: inline;
   }
   h2 {
      font-size: 4rem;
      font-weight: normal;
      margin-bottom: 2rem;
   }
   h3 {
      font-size: 2rem;
      font-weight: normal;
   }
   .borderlinebottom {
      position: relative;
      margin-top: 10px;
      margin-bottom: 5px;
      display: inline-block;
      font-weight: bold;
      line-height: 1.3;
   }
   .borderlinebottom::after {
      content: '';
      border-bottom: 7px solid #ffff00;
      display: block;
      bottom: 12px;
      position: relative;
      z-index: -1;
   }
   .container {
      width: 100%;
      padding: 0 5%;
      margin: auto;
   }
   .cont1000 {
      max-width: 1070px;
      margin: 0 auto 10rem;
   }
   .cont700 {
      max-width: 770px;
      margin: 0 auto 10rem;
   }
   .cont890 {
      max-width: 890px;
      margin: 0 auto 10rem;
   }
   .d-flex {
      display: flex;
      flex-direction: row;
   }
   /* keyvisual*/
   .keyvisual {
      background: #fff;
      padding: 1% 5%;
   }
   .videocol {
      width: 100%;
   }
   /* season */
   .season {
      padding-right: 6rem;
      margin-top: 3rem;
      margin-bottom: 5rem;
   }
   .season .d-flex > div:first-child {
      order: 1;
   }
   .season .d-flex > div:nth-child(2) {
      width: 40%;
      margin: 3rem;
      order: 2;
   }
   .season .d-flex > div:last-child {
      width: 10% !important;
      order: 3;
   }
   .ttborder {
      display: inline-block;
      font-size: 3.5rem;
      position: relative;
   }
   .tt-center {
      margin: 0 auto;
      width: 60%;
   }
   .ttborder::before {
      content: '';
      border-left: 7px solid #ffff00;
      display: block;
      top: 0;
      left: -20px;
      min-height: 88px;
      position: relative;
      z-index: -1;
   }
   /* 用途で選ぶ*/
   .continner {
      margin-left: -20px;
      margin-right: -20px;
   }
   .catbox > div {
      margin-left: 20px;
      margin-right: 20px;
      width: 40%;
   }
   /* omoi */
   .omoi {
      height: 610px;
      background: #fff url("common/img/omoi.jpg");
      background-repeat: no-repeat;
      background-blend-mode: multiply;
      background-size: cover;
      margin-top: 5rem;
      margin-bottom: 5rem;
      position: relative;
   }
   .omoi h3 {
      padding: 5rem;
      width: auto;
   }
   .omoi p {
      padding: 8rem 10rem 8rem;
      font-size: 1.8rem;
      letter-spacing: .3rem;
      line-height: 3;
   }
   /* ranking */
   .ranking {
      margin: 5rem 0 10rem;
   }
   .ranking .d-flex {
      flex-wrap: nowrap;
   }
   .ranking .d-flex > div {
      margin: 1rem 10px;
      width: 100%;
   }
   .rankbox {
      margin-left: -10px;
      margin-right: -10px;
   }
   /* news */
   .newscontanier {
      padding: 3rem 0 4rem;
   }
   .newscontanier ul {
      padding-top: 15px;
   }
   .newscontanier li {
      display: flex;
      margin-bottom: 1rem;
   }
   .newscontanier .d-flex > div:first-child {
      margin-right: 40px;
   }
   .newscontanier .d-flex > div:last-child {
      align-self: flex-end;
   }
   .newscontanier li span:first-child::after {
      content: '';
      border-top: 1px solid #505050;
      display: block;
      top: -12px;
      position: relative;
      left: 105px;
      width: 70px;
   }
   .newscontanier ul span {
      display: block;
      margin-right: 80px;
      padding-right: 30px;
   }
   .btn-more a {
      display: block;
      background: #000;
      color: #fff;
      padding: 7px 10px;
      line-height: 1;
      margin: 1rem auto;
   }
   /* contact */
   .contacttelbox h4 {
      font-size: 4rem;
      margin-bottom: 0;
      padding-bottom: 0;
      line-height: 1;
   }
   /* footer info */
   .footerinfo > div {
      width: 49%;
      margin-bottom: 0;
   }
   footer ul li:first-child a {
      border-right: 1px solid #fff;
      padding-right: 10px;
      margin-right: 10px;
   }
   footer .footerflex > div:last-child {
      margin-left: auto;
      margin-bottom: 0;
   }
   .footerflex > div:last-child a {
      margin-left: 1rem;
   }
   .footernav li::after {
      content: '';
      display: inline-block;
      padding-right: 10px;
      padding-left: 10px;
   }
   .footernav.d-flex {
      flex-direction: column;
   }
   .copy {
      margin: 0;
   }
   /*--------------------------------------------------------------
 imte 
--------------------------------------------------------------*/
   .itemimg {
      margin-bottom: 1rem;
   }
   .itempage .d-flex .slickslider {
      min-width: 640px;
   }
   /*--------------------------------------------------------------
 catgory 
--------------------------------------------------------------*/
   .catgorymainlist li {
      width: 23.3%;
      margin-bottom: 3rem;
   }
   .catgorymainlist li:nth-child(2n-1) {
      margin-right: 0;
   }
   .catgorymainlist li:nth-child(4n-1) {
      margin-right: 1.5rem;
   }
   .catgorymainlist li:nth-child(4n-2) {
      margin-left: 1.5rem;
      margin-right: 1.5rem;
   }
   /*--------------------------------------------------------------
 uservoice 
--------------------------------------------------------------*/
   .uservoice .d-flex div:first-child {
      width: 20%;
      margin-right: 3rem;
   }
    .uservoice .d-flex div:first-child img{
        width: 100%;
    }
   .uservoice .d-flex div:last-child {
      width: 80%;
   }
   .userblock1 div:first-child {
      line-height: 1;
      width: 100%;
      margin-right: 4rem;
   }
   .userblock1 div:last-child {
      width: 100%;
   }
   .userlist li {
      width: calc((100% - 10px)/2);
   }
   .userindex {
      flex-wrap: wrap;
      margin-right: -5px;
   }
   .userindex li {
      line-height: 0;
      width: calc((100% - 20px)/4);
      margin-right: 5px;
   }
   .userindex img {
      max-width: 100%;
      line-height: 1;
   }
}
@media (min-width: 995px) {
   .footernav.d-flex {
      flex-direction: column;
   }
}
@media (min-width: 1195px) {
   #nav_toggle {
      display: none;
   }
   /* nav*/
   header {
      padding: 2rem 2% 0;
   }
   header nav ul {
      display: flex;
      align-items: center;
   }
   header nav ul li a {
      display: block;
      background: #fff;
      line-height: 1;
      padding: 0 0 20px 40px;
      margin: 0;
      font-size: 1.3rem;
   }
   header nav ul li:first-child {
      border-top: none;
   }
   header nav ul a {
      display: block;
      padding: 2px 40px;
   }
   header nav ul a:last-child {
      padding-right: 0;
   }
   header .d-flex div:last-child {
      margin-left: auto;
   }
   header .d-flex div:first-child {
      margin-right: 1rem;
      margin-left: 0;
   }
   header .d-flex > div:nth-child(2) {
      border: none;
      display: inline;
      line-height: 1;
      width: auto;
      text-align: left;
   }
   header .d-flex > div:nth-child(4) {
      order: 4;
   }
   header nav {
      display: block;
      position: relative;
      width: auto;
      top: 0;
   }
   header nav ul li {
      margin: 0 auto;
      text-align: center;
      border-bottom: none;
      width: auto;
   }
   .home.is-fixed {
      margin-top: 92.5px;
   }
   .is-fixed {
      margin-top: 140px;
   }
   .row {
      padding-left: 0;
      padding-right: 0;
   }
   .footernav.d-flex {
      flex-direction: row;
   }
   .footernav li::after {
      content: '/';
      display: inline-block;
      padding-right: 10px;
      padding-left: 10px;
   }
}
@media (min-width: 1147px) {
   header {
      padding: 2rem 5% 0;
   }
   .breadcrumbs {
      padding: 0;
   }
}