@charset "utf-8";
/* CSS Document */
 

/*リセットCSS*/ 

	/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
/*     //overflow: hidden;//ダメ */
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*ここまでリセットCSS*/



html {
    font-size:62,5%;/*10pt基準*/
    
/*     //リロード時に発動
    //overscroll-behavior-y: contain;//ダメ
    //overscroll-behavior-y: none;//ダメ
    //overscroll-behavior: none;//ダメ
    //overflow: hidden;//ダメ
    //overscroll-behavior-x: none;//ダメ */
}
 
.clear { clear:both; }/*レイアウト崩れを防ぐために適切にクリアーしておく。「both」は左右両側の回り込み（float : left ; float : right ;）を解除する*/
 


#wrapper{
/*     //消してみた
  //min-height: 100vh; */
  position: relative;
  text-align:center;
  color:black;
  overflow: hidden;
	z-index: 1;/*z-indexの数字を大きくすることで描画を#particles-jsよりも上に*/
}
 



.top_h1_txt{
  font-weight: bold;
  font-size: 2.1rem;
  padding: 0.5rem 0 0 0;
  text-align:center;
  width: 90%;
  margin: 0 auto;
}
 
.top_h2_txt{
  font-weight: bold;
  font-size: 1.6rem;
  padding: 0.5rem 0 0.0rem 0;
  text-align:center;
  width: 90%;
  margin: 0 auto;
}
    
.top_h3_txt{
  font-size: 1.2rem;
  font-weight:bold;
  padding: 0.4rem 0 0 0;
  text-align:center;
  width: 90%;
  margin: 0 auto;
}
    
.top_h4_txt{
  font-size: 1.1rem;
  text-align:center;
  width: 90%;
  margin: 0 auto;
}

.top_h5_txt{
  font-size: 0.8rem;
  text-align:center;
  width: 90%;
  margin: 0 auto;
}
    
.top_h4_txt_tokutenn{
  font-size: 1.1rem;
  text-align:left;
  width: 90%;
  margin: 0 auto;
}

.top_h4_txt_none{
  font-size: 1.1rem;
  text-align:center;
  width: 90%;
  margin: 0 auto;
  display: none;
  color:red;
}
    
.top_h4_txt_100{
  font-size: 1.1rem;
  text-align:center;
  width: 100%;
  margin: 0 auto;
}

.ueaki_h2_txt{
  font-weight: bold;
  font-size: 1.6rem;
  padding: 0.5rem 0 0.0rem 0;
  text-align:center;
  width: 90%;
/*     //margin: 0 200; */
  margin-top: 35%;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.center{
  text-align:center;
  width: 90%;
  margin: 0 auto;
}
  /*
.input_form{
  font-size: 1.2rem;
  color:red;
}
 */
.input_text{
  font-size: 1.3rem; 
  border-radius: 5px;
  border: 2px solid black;
}
.input_text_short{
  font-size: 1.3rem; 
  border-radius: 5px;
  border: 2px solid black;
	width: 50%;
}

/* .cp_iptxt{
} */

.input_label{
  font-size: 1.0rem;
}
.input_label_2{
  font-size: 1.6rem;
  text-decoration: underline;
}
.cp_iptxt input[type='text'] {
	font: 15px/24px sans-serif;
  font-size: 1.2rem;    
	box-sizing: border-box;
	width: 85%;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: black;
	border: 4px solid #1b2538;
	border-radius: 4px;   
}
.cp_iptxt input[type='email'] {
	font: 15px/24px sans-serif;
  font-size: 1.2rem;    
	box-sizing: border-box;
	width: 85%;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: black;
	border: 4px solid #1b2538;
	border-radius: 4px;   
}
.cp_iptxt input[type='tel'] {
	font: 15px/24px sans-serif;
  font-size: 1.2rem;    
	box-sizing: border-box;
	width: 80%;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: black;
	border: 4px solid #1b2538;
	border-radius: 4px;   
} 
.cp_iptxt input[type='password'] {
	font: 15px/24px sans-serif;
  font-size: 1.2rem;    
	box-sizing: border-box;
	width: 70%;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: black;
	border: 4px solid #1b2538;
	border-radius: 4px;   
} 
.input_label input[type='text']:focus {
	border: 6px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}
.input_label input[type='email']:focus {
	border: 6px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}
.input_label input[type='tel']:focus {
	border: 6px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}
.input_label input[type='password']:focus {
	border: 6px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}


/*デフォルトのラジオボタンデザインを無効*/
.container input{
  position: absolute;
  opacity: 0; 
  cursor: pointer;
}  

.label_check{    
  padding: 1px;
  font-size: 1.2rem;
}

.input_check{    
  height: 22px; /* 幅 */
  width: 22px; /* 幅 */    
}

.cansel_check{    
  height: 22px; /* 幅 */
  width: 22px; /* 幅 */    
}
    
.pic_test{
  width: 100%;
  margin: 0 auto;
}
    
.nonform_text{
  font-size: 2.0rem;
  text-align:center;
}

.button{
  -webkit-appearance: none;
  font-weight:normal;
  border-radius: 15px;
  text-align:center;
  font-size: 1.4rem;
  width: 50%;
  padding:7px;
  margin: 2% auto;
}

.buttonlong{
  -webkit-appearance: none;
  font-weight:normal;
  border-radius: 15px;
  text-align:center;
/*     //background-color: lightpink;
  //border: solid 5px red; */
  font-size: 1.4rem;     
  width: 70%;
  padding:7px;
  margin: 2% auto;
}

.buttonshort{
  -webkit-appearance: none;
  font-weight:normal;
  border-radius: 15px;
  text-align:center;
/*     //background-color: lightpink;
  //border: solid 5px red; */
  font-size: 1.4rem;     
  width: 28%;
  padding:7px;
  margin: 2% auto;
}

.buttonlong_coupon{
  -webkit-appearance: none;
  font-weight:normal;
  border-radius: 15px;
  text-align:center;
/*     //background-color: lightpink;
  //border: solid 5px red; */
  font-size: 1.4rem;     
  width: 70%;
  padding:7px;
/*     //margin: 2% 20%; */
  margin-top: 0.5rem;
  margin-bottom: 5%;
  margin-left: auto;
  margin-right: auto;
}

.buttonbig{
  -webkit-appearance: none;
  font-weight:normal;
  border-radius: 15px;
  text-align:center;
  background-color: white;
  border: solid 1px black;
  box-shadow: 0 0 10px 1px rgba(38,60,65, .5);
  font-size: 1.4rem;     
  width: 85%;
  padding:7px;
/*     //margin: 2% 20%; */
  margin-top: 0.5rem;
  margin-bottom: 5%;
  margin-left: auto;
  margin-right: auto;
}

.button_syurui_takeout{
  -webkit-appearance: none;
  font-weight:normal;
  border-radius: 10px;
  text-align:center;
  font-size: 1.3rem;     
  width: 43%;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 0;
  padding-right: 0;
  margin: 2% auto;

/*   //background-color: #FF9900;
  //background-color: #FFCC66;
  //background: #DDDDDD;
  //background: #EEE8AA; */
  background: #F0E68C;
  color: white;
  border: solid 0.05px rgb(0,0,0);
}
.button_syurui_takeout_plus{
  background-color: #FF9900;
  border: solid 0px rgb(0,0,0);
  color: black;
  box-shadow: 0 0 0 0.3rem #FF3333;
}

.btn-10 {
  border-radius: 15px;
  background: linear-gradient(0deg, rgba(240,50,18,1) 40%, rgba(255,202,202,1) 100%);
  color: white;
  border: solid 0.25px rgb(0,0,0);
/*   //border: none; */
  transition: all 1.0s ease;/* 1秒かけて元に戻す */
/*   //効かない
  //background-color: white; */
}
.btn-10:hover{
  color: rgb(240,50,18);
	transition-duration: 0.2s; /* ゆっくり背景色を変える */
}

/* //押しても変化させない */
.btn-11 {
  border-radius: 15px;
  background: linear-gradient(0deg, rgba(240,50,18,1) 40%, rgba(255,202,202,1) 100%);
  color: white;
  border: solid 0.25px rgb(0,0,0);
}

.btnmodoru {
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-appearance: none;
  border-radius: 15px;
  text-align:center;
/*   //background-color: lightpink;
  //border: solid 5px red; */
  font-size: 1.4rem;     
  width: 18%;
  padding:7px;
  margin: 2% auto;
}

.button_reder{
  -webkit-appearance: none;
  border-radius: 15px;
  text-align:center;
  font-size: 1.3rem;     
  width: 22%;
  padding:7px;
  margin: 2% auto;
  border: solid 3px blue;
  background-color: white;
  color: black;
}
.button_reder_long{
  -webkit-appearance: none;
  border-radius: 15px;
  text-align:center;
  font-size: 1.1rem;     
  width: 50%;
  padding:7px;
  margin: 2% auto;
  border: solid 3px blue;
  background-color: white;
  color: black;
}
.button_reder_select{
  -webkit-appearance: none;
/*   //border-radius: 15px; */
  text-align:center;
  font-size: 1.1rem;     
  width: 52%;
  padding:7px;
  margin: 2% auto;
  background-color: white;
  color: black;
}

.mynextrank{
  font-size: 1.9rem;
  color: red;
}

.tablemyhyou1{
  width: 95%;
  border: solid 3px black;
  font-size: 0.9rem;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}

.tablemyhyou1 th{
  border: solid 1px black;
  background-color: lightblue;
}

.tablemyhyou1 td{
  border: solid 1px black;
  background-color: white;
  padding:10px;
}

.tablemyhyou2{
  width: 95%;
  border: solid 3px black;
  font-size: 1.0rem;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}

.tablemyhyou2 th{
  border: solid 1px black;
  background-color: lightblue;
}

.tablemyhyou2 td{
  border: solid 1px black;
  background-color: white;
  padding:10px;
}

.tablemyhyou3{
  width: 95%;
  border: solid 3px black;
  font-size: 1.0rem;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}

.tablemyhyou3 th{
  border: solid 1px black;
  background-color: lightblue;
}

.tablemyhyou3 td{
  border: solid 1px black;
  background-color: white;
  padding:10px;
}

.tablemypointyou{
  font-size: 1.7rem;
  color: white;
  background-color: #0000cd;
  padding:7%;
  border-radius: 15px;
  font-weight: bold;
}

.tablerank{
  width: 93%;
  border: solid 5px black;
  font-size: 1.0rem;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}

.tablerank th{
  border: solid 2px black;
  background-color: lightblue;
}

.tablerank td{
  border: solid 2px black;
  background-color: white;
  padding:10px;
}

.tableomikuzi{
  -webkit-appearance: none;
  border-radius: 15px;
  width: 90%;
  text-align:center;
  margin:auto;/*真ん中になる*/
  /*border: solid 1px black;*/
  /*border-collapse: collapse;*/
  /*width: 20%;
  padding:10px;*/
}

.selectgray{
  -webkit-appearance: none;
/*   text-align:center;//効かない */
  background-color: #dcdcdc;
  border: solid 5px black;
}

.select_dezato{
  -webkit-appearance: none;
/*   text-align:center;//効かない */
  text-align-last:center;
  color: black;
  background-color: white;
  border: solid 3px black;
  border-radius: 15px;
  font-size: 1.4rem;
  height: 3.0rem;
  width: 7.0rem;
}

.select_tokutenn{
  -webkit-appearance: none;
/*   text-align:center;//効かない */
  text-align-last:center;
  color: black;
  background-color: white;
  border: solid 3px black;
  border-radius: 15px;
  font-size: 1.4rem;
  height: 3.0rem;
  width: 60%;
}
.select_uketoribi{
  -webkit-appearance: none;
/*   text-align:center;//効かない */
  text-align-last:center;
  color: black;
  background-color: white;
  border: solid 3px black;
  border-radius: 15px;
  font-size: 1.3rem;
  height: 2.5rem;
  width: 5.5rem;
}


.nennid_yoyaku {
  border: solid black;
  border-radius: 15px;
  text-align:center;
  color: black;
  font-size: 1.4rem;
  padding: 0 1.0rem;
  height: 3.0rem;
  width: 7.0rem;
  position: relative;
}
.tukiid_yoyaku {
  border: solid black;
  border-radius: 15px;
  text-align:center;
  color: black;
  font-size: 1.4rem;
  padding: 0 1.0rem;
  height: 3.0rem;
  width: 7.0rem;
  position: relative;
}
.nitiid_yoyaku {
  border: solid black;
  border-radius: 15px;
  text-align:center;
  color: black;
  font-size: 1.4rem;
  padding: 0 1.0rem;
  height: 3.0rem;
  width: 7.0rem;
  position: relative;
}

.zikannselect {
  border: solid black;
  border-radius: 15px;
  text-align:center;
  color: black;
  font-size: 1.4rem;
  padding: 0 1.0rem;
  height: 3.0rem;
  width: 7.0rem;
  position: relative;
}

.ninnzuuselect {
  border: solid black;
  border-radius: 15px;
  text-align:center;
  color: black;
  font-size: 1.4rem;
  padding: 0 1.0rem;
  height: 3.0rem;
  width: 7.0rem;
  position: relative;
}




/*反応していない　おみくじボタン*/
.tablebutton{
  -webkit-appearance: none;
  border-radius: 5px;
  border: solid 10px blue;
  width: 80%;
  /*height: 90%;*/
  padding:10px;
  text-align:center;
  font-size: 3.0rem;
  font-weight:bold;
  color: black;
  background-color: lightblue;
  min-width: 80%;/*最小値指定*/
}

.setumei_yoyaku_a{
  background-color: lightblue;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
}

.turorial1{
  -webkit-appearance: none;
  width: 93%;
  text-align:center;
  margin:auto;/*真ん中になる*/
  background-color: white;
  /*padding:100px;/*なぜか効果なし*/
}

.turorial1 th{
  text-align:left;
  font-size: 1.7rem;
}

.turorial1 td{
  text-align:left;
  font-size: 1.3rem;
}

.turorial2{
  -webkit-appearance: none;
  width: 93%;
  text-align:center;
  margin:auto;/*真ん中になる*/
  background-color: white;
  padding:25px;
  /*margin-left: auto;
  margin-right: auto;*/
}

.turorial2 td{
  text-align:left;
  font-size: 1.0rem;
}

.tokuteisyou{
  -webkit-appearance: none;
  width: 93%;
  text-align:center;
  margin:auto;/*真ん中になる*/
  background-color: white;
  padding:25px;
  /*margin-left: auto;
  margin-right: auto;*/
}
.tokuteisyou th{
  width: 28%;
  /* line-height: 2; */
  font-weight:bold;
  text-align:left;
  font-size: 0.9rem;
  padding-bottom: 5%;
}
.tokuteisyou td{
  width: 44%;
  text-align:left;
  font-size: 0.9rem;
  padding-left: auto;
}

.tabletokutenn{
  -webkit-appearance: none;
  width: 93%;
  text-align:center;
  margin: 9px auto;
  background-color: white;
/*   //border: 1px solid #aaa; */
  box-shadow: 2px 2px 4px black;
  /*padding:100px;/*なぜか効果なし*/
}

.kiyaku{
  -webkit-appearance: none;
  width: 93%;
  text-align:center;
  margin:auto;/*真ん中になる*/
  padding:25px;
  /*margin-left: auto;
  margin-right: auto;*/
}

.kiyaku td{
  text-align:left;
  font-size: 0.7rem;
}

.imgwaku{
  margin-bottom: 18px;
  width: 300px;
  text-align:center;
  padding:2px;
}

.imggurume{
  width: 50%;
}  

.borderclear{
  border-style: none;
}  

.left_text{
  text-align:left;
  font-size: 1.2rem;
  font-weight:bold;
  padding: 2.2rem 0 0 0;
  /*width: 90%;*/
  /*margin: 0 auto;
  margin-right: 10px;*/
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
/*   //line-height: 2.2rem; */
}

.button_yoyaku_e{
  -webkit-appearance: none;
  border-radius: 15px;

  text-align:center;
  background-color: lightpink;
  border: solid 5px red;
  font-size: 1.8rem;     
  width: 40%;
  padding:10px;
}

.coursehyou{
  /*line-height: 2*/
  /*white-space: normal;*/
  background-color: white;
  /*padding:50px;*/
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.coursetable{
  -webkit-appearance: none;
  width: 93%;
  border: solid 1px black;
  text-align:left;
  background-color: #FFE4C4;
  margin-top: 4%;
  margin-bottom: 4%;
  margin-left: auto;
  margin-right: auto;
}
.mozi_2{
  font-size: 1.5rem;
  background-color: #FFE4C4;
  padding:10px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}
.mozi_3{
  font-size: 1.3rem;
  background-color: #FFE4C4;
  padding:10px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}
.mozi_4{
  font-size: 1.1rem;
  background-color: #FFE4C4;
  padding:10px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}
.mozi_4wakunasi{
  font-size: 1.1rem;
  background-color: #FFE4C4;
  margin-top: auto;
  margin-bottom: auto;
  padding-left:50px;
}
.hyouzinasi{
  display:none;
  font-size: 1.4rem;
}
.yokonarabi{
  display: flex;
  justify-content: center;
  margin-bottom: 0%;
}
.box{
/*   //効いていない */
  display: block;
  width: 100%;
  height: 25%;
  margin-left: 5%;
  margin-top: 0;
}
.box3{
  margin-top: 20px;
/*   //margin-top: 5px;
  //margin-top: -15%;
  //margin-bottom: 25%; */
}
.box4{
/*   //padding:5px; */
  margin-top: auto;
  margin-bottom: 0;
}
.box5{
  width: 80%;
  margin: auto;
  margin-bottom: 2%;
  padding:5%;
  background-color: white;
  border: solid 1px black;
  border-radius: 15px;
}
.box6{
  width: 15%;
  height: 10%;
  margin-left: 8%;
  margin-top: auto;
  margin-bottom: auto;
}
.box7{
/*   //position: relative;
  //-webkit-animation: buttonblink 1s ease infinite;
  //animation: buttonblink 1s ease infinite;    */
  margin-top: 3%;
  margin-bottom: 2%;
  font-weight: bold;
  font-size: 1.5rem;
/*   //width: 40%; */
  width: 80%;
}
.box8{
/*   //margin-top: -10%; */
  margin-top: 10%;
  margin-right: 8%;
}
.boxrogo{
/*   //font-weight: bold;
  //font-size: 1.9rem; */
  width: 80%;
}
.box9{
  position: relative;
/*   //-webkit-animation: buttonblink 1s ease infinite;
  //animation: buttonblink 1s ease infinite;   */
  width: 95%;
  height: 45%;
  margin-left: 5%;
}
.space_reload_stop{
  display: block;
  width: 50%;
  /* height: 100px; */
  margin: auto;
  padding-bottom: 300px;
  /* background-color: #ffa500; */

  box-sizing: border-box;/*無いとandroidで表示が崩れる*/
}

.blink{
  position: relative;
  -webkit-animation: buttonblink 1s ease infinite;
  animation: buttonblink 1s ease infinite;   
}
@-webkit-keyframes buttonblink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes buttonblink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.waku_rogin{
  background-color: #ffa500;
}
.zyoukennwaku{
  border: solid 1px black;
  border-radius: 7px;
  background-color: white;
  margin-top: 1%;
  margin-left: 4%;
  margin-right: 4%;
/*   //margin-bottom: auto;
  //padding: 5% 0 5% 0; */
}
.yokonarabisetumei{
  display: flex;
/*   //display: -webkit-flex;
  //justify-content: center; */
  text-align:left;
/*   //border: solid 1px black;
  //background-color: #FFE4C4; */
  margin-top: auto;
  margin-bottom: auto;
/*   //margin-left: 5%;
  //margin-right: 5%; */
  padding: 5% 0 0 0;
}
.cardtable{
  width: 50%;
}
.imgcardsetumei{
  width: 80%;
  margin-left: 10%;
/*   //padding: 0 0 0 0; */
}
.mozi_5setumei{
  font-size: 1.0rem;
/*   //border: solid 1px white; */
  padding-left: 5%;
  margin-top: 0;
  margin-bottom: 0;
}
.mozi_5setumeifutozi{
  font-size: 1.2rem;
  font-weight: bold;
/*   //height: 50%;
  //border: solid 1px white; */
  padding-left: 5%;
/*   //padding: 2.2rem 0 0 0; */
  margin-top: 5%;
  margin-bottom: 0;
}
.mozi_6setumei{
  font-size: 0.9rem;
/*   //border: solid 1px white; */
  padding-left: 5%;
  margin-top: 0;
  margin-bottom: 0;
}
.setumeiwaku1{
/*   //border: solid 1px black;
  //margin-left: 10%; */
  padding: 5% 0 5% 0;
}
.yokonarabitokutenn{
/*   //display: -webkit-flex; */
  display: flex;
/*   //justify-content: center; */
  text-align:left;
/*   //border: solid 1px black;
  //background-color: #FFE4C4; */
  margin-top: auto;
  margin-bottom: auto;
  padding: 0 0 5% 0;
}
.cardtokutenntable{
/*   //-webkit-appearance: none;
  //height: 50%; */
  width: 50%;
  border: solid 1px red;
  margin-left: 2%;
  margin-right: 2%;
/*   //padding: 0 0 0 0; */
}

.yokonarabi_tennpo{
  overflow-x: scroll;
/* //border: 1px solid #999; */
  padding: 5px;
}
.yokonarabi_tennpo>div{
  display: flex;
  align-items: center;
}
.yokonarabi_tennpo>div>img{
  white-space: nowrap;
  width: 80%;
}

.gyoutume_txt{
  line-height: 1;
  font-size: 1.4rem;
  text-align:center;    
/*    font-weight:bold;
  padding: 2.2rem 0 0 0;    
  width: 90%;*/
}

.buttonblink{
  -webkit-animation: buttonblink 1s ease infinite;
  animation: buttonblink 1s ease infinite;
  border-radius: 15px;
  text-align:center;
/*     //background-color: lightpink;
    //border: solid 5px red; */
  font-size: 1.4rem;     
  width: 65%;
  padding:7px;
  margin: 2% auto;
}    
@-webkit-keyframes buttonblink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes buttonblink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.imgcard{
  width: 80%;
}

.yokonarabi_badge{
  display: flex;
  justify-content: center;
  margin-top: 4%;
}
.badge{
  width: 21%;
}

.clickqr_txt{
  position: absolute;
  top: 34.5%;
  left: 7.8%;
  font-size: 0.9rem;
  font-weight:bold;
/*   //padding: 0.4rem 0 0.4rem 0; */
  padding: 2.0% 2.0%;
  text-align:center;
  width: 74%;

/*   //margin: 0 auto;
  //margin-bottom: -10%;
  //margin-bottom: -45%;
  //margin-left: 10%; */

  background: white;
  border-radius: 15px;
/*   //border: solid 1px black; */
}


.balloon1 {
  position: relative;
  display: inline-block;
  margin: 0% auto 5% auto;
  padding: 3% 6%;
  min-width: 120px;
  max-width: 100%;
  color: white;
  font-size: 0.8rem;
  font-weight:bold;
  background: red;
  border-radius: 30px;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 40%;
  border: 15px solid transparent;
  border-top: 15px solid red;
}

.img_tennposelect {
  position: relative;
  display: inline-block;
/*   margin: 0% auto 5% auto;
  padding: 3% 6%;
  min-width: 120px;
  max-width: 100%;
  color: white;
  font-size: 0.8rem;
  font-weight:bold;
  background: red;
  border-radius: 30px; */
}


/* .img_tennposelect:after {
  content: "あああああ";
  display: inline-block;
  height: 20%;
  width: 50%;
  position: absolute;
  z-index:1000;
  top: 50%;
  left: 0;
  right: 0;
} */


.highlight {
  color: rgb(240,50,18);
	transition-duration: 0s; /* 即座に色を変える */
}

/* //いらない？
.MainFrame {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  width:420px;
  background-color:#FFFFFF;
} */

#fadeLayer {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color: white;
  visibility:hidden;
  z-index:1;
}

.toumei {
  opacity:0;
	transition-duration: 0s; /* 背景色を変える */
}
.highlight1 {
  opacity:1;
	transition-duration: 0s; /* 背景色を変える */
}
.highlight3 {
  opacity:0;
/*   //効かない
  //background-color: #fff; */
	transition-duration: 4s; /* ゆっくり背景色を変える */
}

.tablecoupon{
  -webkit-appearance: none;
  width: 93%;
  border: solid 2px black;
  border-radius: 12px;
  background-color: white;
	box-shadow: 0 0 10px 1px rgba(38,60,65, .5);
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

.imgcoupon{
  width: 98%;
/*   //position: relative;
  //text-align:center;
//padding-top:10%; */
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}
.imgcoupon_miserogo{
  width: 35%;
/*   //position: relative;
  //text-align:center;
  //margin-top: auto; */
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0;
/*   //margin-right: auto; */
}
.mozi_coupon{
  text-align:left;
  font-size: 1.0rem;
  font-weight:bold;
  margin-top: 0;
  margin-bottom: 3%;
  margin-left: 3%;
}
.mozi_coupon_red{
  text-align:left;
  font-size: 1.2rem;
  font-weight:bold;
  margin-top: 0;
  margin-bottom: 3%;
  margin-left: 3%;
  color: red;
}
.mozi_coupon_big{
  text-align:left;
  font-size: 1.3rem;
  font-weight:bold;
  margin-top: 3%;
  margin-bottom: 0;
/*   //margin-left: 0%; */
}
.mozi_coupon_tokubetu{
  text-align:center;
  font-size: 1.3rem;
  font-weight:bold;
  margin-top: 5%;
  margin-bottom: -4%;
/*   margin-left: 3%; */
  color: red;
}
.mozi_red{
  color: red;
  font-weight:bold;
}

.img_tokutennbuttonpush{
  width: 80%;
/*   //position: relative;
  //text-align:center;
  //padding-top:10%; */
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.img_tatennlogo{
  width: 50%;
/*   //position: relative;
  //text-align:center;
  //padding-top:10%; */
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.img_kyouyuu{
  width: 35%;
/*   //position: relative;
  //text-align:center;
  //margin-top: auto; */
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0;
/*   //margin-right: auto; */
}
.mozi_kyouyuu{
  text-align:left;
  font-size: 1.0rem;
  font-weight:bold;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0%;
}
.reader{
  width:85%;
/*   //width:100%;
  //height:105px;//%は効かない */
  margin:auto;
  font-size: 0.01rem;
  color: black;
  background: black;
  position: relative;
}

.qrscann{
  height:405px;
/*   //width:85%;
  //height:85%;//%は効かない
  //margin:auto;
  //font-size: 0.01rem;
  //color: black;
  //background: black;
  //position: relative; */
}

.reader__dashboard_css{
  height: 0px;
}

.back_black{
  background: black;
}
.qqqqq{
  position: relative;
}
.center_txt{
  top:40%;
  left:50%;
  transform: translate(-50%,-50%);
  position: absolute;
  font-size: 1rem;
  color: white;
}
    
.white_txt{
  top:90%;
  left:50%;
  transform: translate(-50%,-50%);
  position: absolute;  
  font-size: 1.2rem;
  font-weight:bold;
  padding: 0.4rem 0 0 0;
  text-align:center;
  width: 90%;
  margin: 0 auto;
  color: white;
}

/*
.bottom_txt{
  top:90%;
  left:50%;
  transform: translate(-50%,-50%);
  position: absolute;
  font-size: 1rem;

  background: linear-gradient(0deg, rgba(240,50,18,1) 40%, rgba(255,202,202,1) 100%);
  color: #fff;
  border: solid 0.25px rgb(0,0,0);

    -webkit-appearance: none;
    border-radius: 15px;
    text-align:center;
    font-size: 1.5rem;     
    width: 70%;
    padding:7px;
    margin: 2% auto;
}
*/
.dialog {
  width: 85%;
/*   //height:80%;//効かない */
  margin: auto;
  margin-top: 20vh;
  padding: 30px 20px;
  display: none;
  text-align: center;
  border: 1px solid black;
  box-shadow: 2px 4px 4px black;
  background: white;
  font-size: 1.1rem;
}

.dialog_button{
  -webkit-appearance: none;
  border-radius: 15px;
  text-align:center;
  font-size: 1.1rem;     
  width: 31%;
/* //display: block;  //縦になる
//height:30%; //効かない */
  padding:7px;
  margin: 2% auto;
  color: black;
  border: 1px solid #aaa;
  background: #FFE5DC;
}




.fukidasi_kyouyuu {
/*   //要素を表示画面に固定 */
  position: fixed;
  bottom: 0;
  left: 14%;
/*   //text-align:center;//ダメ */
  display: inline-block;
  margin: 4% auto;
  padding: 3% 3%;
  width: 66%;

  color: white;
  font-size: 1rem;
  font-weight:bold;
  background: #0099FF;
  border-radius: 15px;
  box-shadow: 3px 3px 3px black;
}
.fukidasi_kyouyuu:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 45%;

/*   //margin-left: -15px;
  //margin-left: auto;
  //margin-top: 8%;
  //margin-bottom: 10%;
  //margin: 5% auto 10% auto; */

  border: 15px solid transparent;
  border-top: 15px solid #0099FF;
/*   //box-shadow: 2px 2px 4px #888;
  //border: solid 1px black; */
}

.fukidasi_yoyaku {
/*   //要素は表示画面に固定しない(fixedじゃない) */
  position: relative;
/*   //bottom: 5%;
  //left: 14%; */
  text-align:center;
  display: inline-block;
/*   //margin: 5% auto; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 6%;
  margin-bottom: 1%;
/*   //padding: 3% 3%; */
  padding: 0% 0%;
  width: 66%;

  color: white;
  font-size: 1rem;
  font-weight:bold;
  background: #0099FF;
  border-radius: 15px;
  box-shadow: 3px 3px 3px black;
}
.fukidasi_yoyaku:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 46%;

/*   //margin-left: -15px;
  //margin-left: auto;
  //margin-top: 8%;
  //margin-bottom: 10%;
  //margin: 5% auto 10% auto; */

  border: 15px solid transparent;
  border-top: 15px solid #0099FF;
/*   //box-shadow: 2px 2px 4px #888;
  //border: solid 1px black; */
}

.fukuramu1 {
  padding: 0% 0%;
  margin-top: 6%;
/*   //padding-top: 0%;
  //padding-bottom: 0%;
  //padding-left: -10%;
  //padding-right: -10%; */
}
.fukuramu2 {
  padding: 1% 0%;
  margin-top: 4%;
/*   //padding-top: 1%;
  //padding-bottom: 1%;
  //padding-left: -5%;
  //padding-right: -5%; */
}
.fukuramu3 {
  padding: 2% 0%;
  margin-top: 2%;
/*   //padding-top: 2%;
  //padding-bottom: 2%;
  //padding-left: -2%;
  //padding-right: -2%; */
}
.fukuramu4 {
  padding: 3.5% 1%;
  margin-top: -1%;
/*   //padding-top: 3%;
  //padding-bottom: 3%;
  //padding-left: 3%;
  //padding-right: 3%; */
}
.fukuramu5 {
  padding: 3% 0%;
  margin-top: 0%;
/*   //padding-top: 3%;
  //padding-bottom: 3%;
  //padding-left: auto;
  //padding-right: auto; */
}

.input_text_toiawase{
  font-size: 1.3rem; 
  border-radius: 5px;
  border: 2px solid black;
  width: 80%;
}

.waku_takeout{
  border: solid 1px black;
  background-color: white;
  border-radius: 12px;
  margin-top: 7%;
/*   //margin-bottom: auto; */
  margin-left: 4%;
  margin-right: 4%;
  margin-bottom: 4%;
/*   //padding: 5% 0 5% 0;
  //box-shadow: 3px 3px 3px black; */
  box-shadow: 2px 2px 4px #888;
}
.img_takeout{
  width: 85%;
  text-align:center;
  margin-top: 0%;
  margin-left: 3%;
  margin-right: 3%;
  margin-bottom: 0%;
/*   //margin-left: 0%;
  //margin-right: 0%;
  //padding: 0 0 0 0; */
}

.aaasssxxx{
/*   //width: 90%;
  //margin: 3% 0%;
  //margin: auto; */
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: auto;
  padding: 0;
  text-align:center;
  border-radius: 12px 12px 0 0;
  background: #FFD700;
/*   //background: #DCDCDC;
  //background: #E6E6FA;
  //background: #FFF0F5;
  //background: #FFF8DC; */
}

.yokonarabi_kago{
  display: flex;
/*   //justify-content: center; */
  margin-bottom: 0%;
}
.kago_hyouzi_button {
  position: fixed;
  bottom: 0.5%;
  left: 3.7%;
  display: inline-block;
  margin: 0% auto;
  padding: 3% 0%;
  width: 92.0%;

  color: white;
  font-size: 1rem;
  font-weight:bold;
  background: #0099FF;
  border-radius: 15px;
  box-shadow: 3px 3px 3px black;
}

.in_kago_push {
  position: fixed;
  top: 88.7%;
  left: 5.1%;
  width: 8.5%;
/*   //height: 5.6%; */
  border-radius: 50%;
  font-size: 1.1rem;
  margin: auto;
  background: red;
  text-align:center;
  padding: 2.3% 0;
}

.space_takeout{
  margin-top: 11%;
}

.img_kago{
  width: 13%;
/*   //position: relative;
  //text-align:center;
  //margin-top: auto; */
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 5%;
/*   //margin-right: auto; */
}
.kakaku_kago{
  text-align:left;
  font-size: 1.5rem;
  font-weight:bold;
  width: 19%;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: 7%;
}
.kago_in_button{
  text-align:left;
  font-size: 1.2rem;
  font-weight:bold;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 19%;
  -webkit-appearance: none;
  padding-top: 2.3%;
  padding-bottom: 2.3%;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.table_rireki{
/*   -webkit-appearance: none;
  width: 93%;
  text-align:center;
  margin: 9px auto;
  background-color: white;
  box-shadow: 2px 2px 4px #888;
  //border: 1px solid #aaa;
  padding:100px;/*なぜか効果なし */
  
  -webkit-appearance: none;
  width: 100%;
  text-align:center;
  margin: 9px auto;
  background-color: white;
  box-shadow: 2px 2px 4px black;
/*   //border: 1px solid #aaa;
  padding:100px;/*なぜか効果なし */
}

.table_rireki_kessai{
  -webkit-appearance: none;
  width: 80%;
  text-align:center;
  margin: 9px auto;
  background-color: white;
  box-shadow: 2px 2px 4px black;
/*   //border: 1px solid #aaa;
  padding:100px;/*なぜか効果なし */
}

.yokonarabi_rireki{
  display: flex;
  justify-content: space-between;
  margin-bottom: 2%;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.txt_rireki{
  text-align:left;
  font-size: 1.1rem;
  width: 100%;
/*   //padding: 0.4rem 0 0 0;
  //text-align:left;
  //width: 100%;
  //margin: 2.5% 2.5%; */
  margin: 0;
  padding: 0;
}
.txt_rireki_sougaku1{
  text-align:left;
  font-size: 1.1rem;
  font-weight:bold;
  width: 100%;
/*   //padding: 0.4rem 0 0 0;
  //text-align:left;
  //width: 100%;
  //margin: 2.5% 2.5%; */
  margin-top: 10%;
  padding: 0;
}
.txt_rireki_sougaku2{
  text-align:left;
  font-size: 1.1rem;
  font-weight:bold;
  width: 100%;
/*   //padding: 0.4rem 0 0 0;
  //text-align:left;
  //width: 100%;
  //margin: 2.5% 2.5%; */
  margin-top: 17%;
  padding: 0;
}
.kazu_rireki{
  font-size: 1.1rem;
/*   //padding: 0.4rem 0 0 0;
  //text-align:left;
  //width: 100%;
  //margin: 2.5% 2.5%; */
  margin-top: 5%;
  padding: 0;
}
.kazu_rireki_kessai{
  font-size: 1.1rem;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0;
}

.rireki_in_button{
/*   text-align:center;
  font-size: 1.2rem;
  font-weight:bold;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 19%;
  margin: 0% auto;
  padding: 3% 0%;
  width: 92.0%;
  color: white;
  font-weight:bold;
  background: #0099FF;
  border-radius: 15px; */
  
  text-align:center;
  font-size: 1.2rem;
  margin-top: 6%;
  margin-right: 0;
  padding: 2% 2%;
  width: 84px;
  color: white;
  background: #0099FF;
  border-radius: 7px;
}

.top_h3_txt_tekeout{
  font-size: 1.2rem;
  font-weight:bold;
  text-align:center;
/*   //padding: 0.4rem 0 0 0;
  width: 90%;//効かない */
  margin: 0 10%;
  line-height: 0em;
/*   background-color: #0099FF; */
}
.top_h5_txt_tekeout{
  font-size: 0.9rem;
  text-align:center;
/*   //padding: 0.4rem 0 0 0;
  width: 90%;//効かない */
  margin: 0 auto;
  line-height: 0em;
/*   background-color: black; */
/*   background-color: #0099FF; */
}
 
.point_radio{
  font-size: 1.2rem;
}

/*==================================================
ボンッ
===================================*/

/* 拡大 */
.zoomIn{
  animation-name:zoomInAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}
@keyframes zoomInAnime{
  from {
  transform: scale(0.6);
  }

  to {
      transform: scale(1);
  }
}


.top_h3_txt_left{
  font-size: 1.2rem;
  text-align:left;
  width: 100%;
  margin: auto auto;
}
.top_h5_txt_left{
  font-size: 0.8rem;
  text-align:left;
  width: 100%;
  margin: auto auto;
}
.back_yellow{
  background-color: rgb(238, 187, 19);
}


/*========= particle js を描画するエリア設定 ===============*/
.kamifubuki{ 
  position:fixed;
  z-index:-1;/*描画を一番下に*/
  width: 100%;
  height: 150%; 
  top: -45%;
  left: 0;
  background-color:white;
}

.kamifubuki_futa{
  position: relative;/*描画を上にするためposition:relative;を指定*/
  z-index: 1;/*z-indexの数字を大きくすることで描画をkamifubukiよりも上に*/
  width:100%;
  height: 120%;
  background-color:white;
  top: 30%;
    /*アニメーションの指定*/   
    transition: all 4s;
}

/* jQueryのonイベントでグレーになる */
.kamifubuki_futa.gley{  
  background-color:#AAAAAA;
}

.kamifubuki_futahazusu{ 
  background-color:transparent;
  position: relative;/*描画を上にするためposition:relative;を指定*/
  z-index: 1;/*z-indexの数字を大きくすることで描画をkamifubukiよりも上に*/
  top: 30%;
/*   position: relative;
  z-index: 1;
  height: 100%;
  background-color:transparent;
  top: 35%; */
}



.reflection {
/*   display: inline-block; */
 position: relative;
 overflow: hidden;
}
.reflection::after {
 content: "";
 display: block;
 width: 30px;
 height: 100%;
 position: absolute;
 top: -180px;
 left: 0;
 background-color: #FFF;
 opacity: 0;
 transform: rotate(45deg);
 animation: reflect 7s ease-in-out infinite;
 -webkit-transform: rotate(45deg);
 -webkit-animation: reflect 7s ease-in-out infinite;
}
@keyframes reflect {
 0% { transform: scale(0) rotate(45deg); opacity: 0; }
 80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
 81% { transform: scale(4) rotate(45deg); opacity: 1; }
 100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
 0% { transform: scale(0) rotate(45deg); opacity: 0; }
 80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
 81% { transform: scale(4) rotate(45deg); opacity: 1; }
 100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

.sns-btn {
  display: flex;
  background-color: white;
  justify-content: center;
  margin-top: 20px;
}
.sns_icon {
  width: 50px;
  margin-left: 10px;
  margin-right: 10px;
}

.tableraitenn{
  -webkit-appearance: none;
  width: 75%;
  border: solid 2px black;
  border-radius: 12px;
  background-color: white;
	box-shadow: 0 0 10px 1px rgba(38,60,65, .5);
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 3%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}


/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
    margin:0 auto;
}

.slider img {
    width:60vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}

.slider .slick-slide {
	transform: scale(0.8);/*左右の画像のサイズを80%に*/
	transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
	opacity: 0.5;/*透過50%*/
}

.slider .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
	opacity: 1;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
}