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

 

.logo {padding-top: 5px; padding-bottom: 60px; padding-right: 20px;}
.logo2 {padding-top: 10px; padding-bottom: 20px;}
.logo3 {padding-top: 10px; padding-bottom: 20px; align-content: center; text-align: center; margin: 0 auto;}
.back2 {padding-top: 20px; padding-bottom: 0px;}
.toptxt {padding-bottom: 20px;}
.topvideo {max-width: 690px;}
.lang{	text-align: right;padding-right: 60px;padding-bottom: 5px;}
		
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.for690{max-width: 690px; margin: 0 auto;}
.for690title{max-width: 690px; margin: 0 auto;padding: 10px}


.for400{max-width: 400px; margin: 0 auto;}

div#wrapper {
	width: 100%;
	text-align: left;
	background-color: #FFF;
	margin: 10px auto;
	border-radius: 5px;
	border: solid 1px #999;
	box-shadow: 0px 0px 10px #666;
	}

@media (min-width: 768px) {
	div#wrapper {
	width: 70%;
	}
}

div#wrapper div#header,div#wrapper div#footer {
	border: solid 2px #333;
	background-color: #007aa9;
	background-size: 100% 100%;
}
div#wrapper div#header {
	margin: 5px;
	border-radius: 5px;
}
div#wrapper div#header h1 {
	color: #FFF;
	text-shadow: 0px 0px 10px #000;
	font-size: 3rem;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-family: sans-serif;
}
div#wrapper div#header p {
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}
div#wrapper div#container {
	padding: 0px 20px;
}
div#wrapper div#footer {
	color: #FFF;
	clear: both;
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 12px;
}

.uservoice{
	font-size: 1.2em;
	max-width: 800px;
	margin: 0 auto;
}

.uservoice_title{
	font-size: 1.5em;
	color: #D54F4F;
	text-align: center;
	margin: 0px 2px 20px 0px;
	font-weight: 400;
}

.username{
	margin: 0% 2%;
	padding: 0px 0px;
	text-align: left;
	color: #D54F4F;
	font-weight: 600;	
}

.userdate{
	font-weight: 100;
	padding-left: 1em;
}

.usercomment{
	margin: 0% 4%;
	padding: 6px 0px 16px 0px;
	text-align: left;
	color: #767575;
}

.linkbtn2{
	padding-top: 10px;
}

.btn-twitter {
  color: #fff;
  background-color: #00aced;
  border-color: #46b8da;
}
.btn-twitter:focus,
.btn-twitter.focus {
  color: #fff;
  background-color: #00aced;
  border-color: #1b6d85;
}
.btn-twitter:hover {
  color: #fff;
  background-color: #3788F5;
  border-color: #269abc;
}
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-twitter:active:hover,
.btn-twitter.active:hover,
.open > .dropdown-toggle.btn-twitter:hover,
.btn-twitter:active:focus,
.btn-twitter.active:focus,
.open > .dropdown-toggle.btn-twitter:focus,
.btn-twitter:active.focus,
.btn-twitter.active.focus,
.open > .dropdown-toggle.btn-twitter.focus {
  color: #fff;
  background-color: #1D68CF;
  border-color: #1b6d85;
}
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  background-image: none;
}
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled.focus,
.btn-twitter[disabled].focus,
fieldset[disabled] .btn-twitter.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-twitter .badge {
  color: #5bc0de;
  background-color: #fff;
}

.makutitle{
	font-size: 20px;
	text-align: left;
 margin: 2em auto;
 padding: 0.2em 3em;
	background-image: url("../img/backimg_70x64.svg");
	background-repeat: no-repeat;
	background-color: #1b2e69; /*背景色*/
	border-radius: 30px; /*角の丸み*/
	color: #fff; /*文字色*/
	max-width: 800px;
}

.leftText{
	font-size: 1.2em;
	text-align: left;
	max-width: 700px;
	margin: 0 auto;
	margin-bottom: 1em;
	margin-top: 1em;
}

.leftTextP{
	text-align: left;
	max-width: 700px;
	margin: 0 auto;
	margin-bottom: 1em;
	margin-top: 1em;
}

.flex{
    display: flex;
    flex-wrap: wrap;
	max-width: 700px;
	margin: 0 auto;
}

.shopcatch{
	color: red;
	font-weight: 600;
	font-size: medium;
}


.for640{
	max-width: 640px;
	margin: 20px 0px;
	}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}

.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.howtotitle{
	font-size: 20px;
	text-align: left;
 margin: 2em auto;
 padding: 0.2em 3em;
	background-image: url("../img/backimg_70x64.svg");
	background-repeat: no-repeat;
	background-color: #007aa9; /*背景色*/
	border-radius: 30px; /*角の丸み*/
	color: #fff; /*文字色*/
	max-width: 800px;
}
.howtotitle0{
	font-size: 20px;
	text-align: left;
 margin: 2em auto;
 padding: 0.2em 1.5em;
	background-repeat: no-repeat;
	background-color: #007aa9; /*背景色*/
	border-radius: 30px; /*角の丸み*/
	color: #fff; /*文字色*/
	max-width: 800px;
}

.table_aboutus{
	margin: 0 auto;
}

.formrun01{
	padding-top: 6em;
}

#page-top {
    position: fixed;
    bottom: -20px;
    right: 20px;
}
#page-top a {
    width: 40px;
    padding: 30px 0;
    display: block;
}

#page-top a:hover #gototop {
}

.questionlink{
	font-weight: 600;
	text-align: center;
	margin-bottom: 1em;
}

.howtoblock{
	margin: 0 auto;
}

.justify-content-center img{
	max-width: 300px;
}

.fontsize2em{
	font-size: 2em;
}

/*スマートフォン*/
.iframe-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 300%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width:769px) {
.iframe-wrap {
  padding-top: 150%;
}
}
/*PC*/
@media (min-width:980px) {
.iframe-wrap {
  padding-top: 120%;
}
}

.baseimg {
    position: relative;
}

.topimgbox{
	max-width: 690px;
}

@media (max-width: 690px) {
	
.nailimg1 {
    position: absolute;
    left: 17.8%;
    top: 27.0%;
	width: 21.9%;
	max-width: 150px;
	opacity: 100%;
}

.nailimg2 {
    position: absolute;
    left: 61.4%;
    top: 47.16%;
	width:10.3%;
	max-width: 70px;
	opacity: 100%;
}
	
}

@media (min-width: 691px) {
	
.nailimg1 {
  position: absolute;
  top: 200px;
  left: -294px;
  right: 0;
  margin: auto;
	max-width: 150px;
	opacity: 100%;
}

.nailimg2 {
  position: absolute;
  top: 349px;
  left: 228px;
  right: 0;
  margin: auto;
	max-width: 70px;
	opacity: 100%;
}
	
}

.languagelink{
	text-align: right;
	margin-right: 2em;
	padding-bottom: 20px;
	padding-right: 0px;
}

.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.insta_btn2 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

.newslink{
	margin-top: 1em;
	text-align: left;
}

h1{ font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif; }

.sorenarlogo{
	width:37%;
	max-width: 200px;
}

.tokyolivelogo{
	margin-right: 1em;
	width:40%;
	max-width: 224px;
}

.price{
	 font-family: "新ゴ B" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif; 
	font-size: 2em;
}

.topimg{
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}

.qatitle{
	font-size: 1.2em;
	text-align: left;
	max-width: 700px;
	margin: 0 auto;
	margin-bottom: 1em;
	margin-top: 1em;
	color: #FF0000
}

.newstxt{
	margin-top: 0.5em;
}

.box21{
    padding: 0.5em 1em;
    background: -moz-linear-gradient(#728DE4, #1513B4);
    background: -webkit-linear-gradient(#728DE4, #1513B4);
    background: linear-gradient(to right, #728DE4, #1513B4);
    color: #FFF;
	margin: 0 auto;
	max-width: 690px;
}
.box21 p {
    margin: 0; 
    padding: 0;
}

.twitter-tweet{
	margin: 0 auto;
}

.btn-insta0{
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  text-align: center;/*中身を中央寄せ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(60deg, #FFDD83 0%, #F26939 33%, #CF2E92 66%, #4C64D3 100%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.btn-insta {
  color: #fff;
  border-radius: 7px;/*角丸に*/
  background: linear-gradient(60deg, #FFDD83 0%, #F26939 33%, #CF2E92 66%, #4C64D3 100%) no-repeat;/*グラデーション①*/
}
.btn-insta:focus,
.btn-insta.focus {
  color: #fff;
  background: linear-gradient(60deg, #F26939 0%, #CF2E92 50%, #4C64D3 100%) no-repeat;/*グラデーション①*/
}
.btn-insta:hover {
   color: #fff;
  background: linear-gradient(60deg, #F26939 0%, #CF2E92 50%, #4C64D3 100%) no-repeat;/*グラデーション①*/
}
.btn-insta:active,
.btn-insta.active,
.open > .dropdown-toggle.btn-insta {
  color: #fff;
  background: linear-gradient(60deg, #CF2E92 0%, #4C64D3 100%) no-repeat;/*グラデーション①*/
}
.btn-insta:active:hover,
.btn-insta.active:hover,
.open > .dropdown-toggle.btn-insta:hover,
.btn-insta:active:focus,
.btn-insta.active:focus,
.open > .dropdown-toggle.btn-insta:focus,
.btn-insta:active.focus,
.btn-insta.active.focus,
.open > .dropdown-toggle.btn-insta.focus {
  color: #fff;
  background: linear-gradient(60deg, #CF2E92 0%, #4C64D3 100%) no-repeat;/*グラデーション①*/
  border-color: #1b6d85;
}
.btn-insta:active,
.btn-insta.active,
.open > .dropdown-toggle.btn-insta {
  background-image: none;
}
.btn-insta.disabled:hover,
.btn-insta[disabled]:hover,
fieldset[disabled] .btn-insta:hover,
.btn-insta.disabled:focus,
.btn-insta[disabled]:focus,
fieldset[disabled] .btn-insta:focus,
.btn-insta.disabled.focus,
.btn-insta[disabled].focus,
fieldset[disabled] .btn-insta.focus {
  background: linear-gradient(60deg, #CF2E92 0%, #4C64D3 100%) no-repeat;/*グラデーション①*/
  border-color: #46b8da;
}
.btn-insta .badge {
  background: linear-gradient(60deg, #CF2E92 0%, #4C64D3 100%) no-repeat;/*グラデーション①*/
  background-color: #fff;
}

.btn-google {
  color: #fff;
  border-radius: 7px;/*角丸に*/
  background: linear-gradient(90deg, #4285F4 0%, #0F9D58 33%, #F4B400 66%, #DB4437 100%) no-repeat;/*グラデーション①*/
}
.btn-google:focus,
.btn-google.focus {
  color: #fff;
  background: linear-gradient(90deg, #0F9D58 0%, #F4B400 33%, #DB4437 66%, #4285F4 100%) no-repeat;/*グラデーション①*/
}
.btn-google:hover {
   color: #fff;
  background: linear-gradient(90deg, #0F9D58 0%, #F4B400 33%, #DB4437 66%, #4285F4 100%) no-repeat;/*グラデーション①*/
}
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  color: #fff;
  background: linear-gradient(90deg, #0F9D58 0%, #F4B400 33%, #DB4437 66%, #4285F4 100%) no-repeat;/*グラデーション①*/
}
.btn-google:active:hover,
.btn-google.active:hover,
.open > .dropdown-toggle.btn-google:hover,
.btn-google:active:focus,
.btn-google.active:focus,
.open > .dropdown-toggle.btn-google:focus,
.btn-google:active.focus,
.btn-google.active.focus,
.open > .dropdown-toggle.btn-google.focus {
  color: #fff;
  background: linear-gradient(90deg, #F4B400 0%, #DB4437 33%, #4285F4 66%, #0F9D58 100%) no-repeat;/*グラデーション①*/
  border-color: #1b6d85;
}
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  background-image: none;
}
.btn-google.disabled:hover,
.btn-google[disabled]:hover,
fieldset[disabled] .btn-google:hover,
.btn-google.disabled:focus,
.btn-google[disabled]:focus,
fieldset[disabled] .btn-google:focus,
.btn-google.disabled.focus,
.btn-google[disabled].focus,
fieldset[disabled] .btn-google.focus {
  background: linear-gradient(90deg, #F4B400 0%, #DB4437 33%, #4285F4 66%, #0F9D58 100%) no-repeat;/*グラデーション①*/
  border-color: #46b8da;
}
.btn-google .badge {
  background: linear-gradient(90deg, #F4B400 0%, #DB4437 33%, #4285F4 66%, #0F9D58 100%) no-repeat;/*グラデーション①*/
  background-color: #fff;
}