@charset"UTF-8";



/*共通*/
html{
	margin: 0;
	padding: 0;
}
body{
	margin: 0;
	padding: 0;
	background-color: black;
	color: white;
}
header{
    display: flex;
    z-index: 9999;
    position: fixed;
    justify-content: space-between;
    height: cover;
    width: 100%;
	position: fixed;
}
#top{
	width: cover;
	height: cover;
	background-image: url("../images/tokyo.png");
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
}
.kuro{
	padding: 2vh 3vw;
	width: cover;
	height: cover;
	background-color: rgba(0, 0, 0, .5);
}
.allA{
	margin: 0;
	padding: 0;
	text-decoration: none; 
}
.allA:link{
	color: white;
}
.allA:visited{
	color: white;
}
.allA:hover{
	color: white;
}
.allA:active{
	color: white;
}

.callA1{
	white-space: nowrap;
	width: cover:
	height: cover;
	font-size: 2rem;
	margin: 0;
	padding: 0;
	text-decoration: none; 
	color: #fff;
  	text-shadow: 0 0 15px #EFD070,
    	           0 0 30px #EFD070,
        	       0 0 40px #EFD070,
            	   0 0 50px #EFD070,
            	   0 0 60px #EFD070,
            	   0 0 70px #EFD070;
}
      
.callA1:link{
	color: #fff;
}
.callA1:visited{
	color: #fff;
}
.callA1:hover{
	color: #fff;
}
.callA1:active{
	color: #fff;
}
#title h2{
	color: white;
	font-size: 1rem;
  	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  	margin: 0;
  	padding: 1rem 2rem;
  	color: #fff;
  	background: #000;
}
#title h2 span {
  background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.d1{
	display: flex;
	justify-content: space-around;
	width: cover;
	height: cover;
	font-size: 1.6rem;
	color: white;
	text-shadow: 2px 3px 4px #808080;
	text-align: center;
	margin-bottom: 3rem;
}
.d12{
	border-bottom-color: rgb(252, 242, 211);
	border-left-color: rgb(252, 242, 211);
	border-right-color: rgb(252, 242, 211);
	border-top-color: rgb(252, 242, 211);
	color: rgb(252, 242, 211);
	outline-color: rgb(252, 242, 211);
	text-shadow: rgb(6, 3, 0) 0px 0px 35px, rgb(6, 3, 0) 0px 0px 20px, rgba(6, 3, 0, 0.4) 0px 0px 8px, rgb(6, 3, 0) 0px 0px 35px, rgb(6, 3, 0) 0px 0px 20px, rgba(6, 3, 0, 0.4) 0px 0px 8px;

	display: flex;
	justify-content: space-around;
	width: cover;
	height: cover;
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 3rem;
	margin-top: 3rem;
}
.d2{
	display: flex;
	justify-content: space-around;
	width: cover;
	height: cover;	
	margin: 1rem;
}
#img1{
	width: 100%;
}
.d3{
	display: flex;
	justify-content: space-around;
	width: cover;
	height: cover;
	color: white;
	font-size: 1rem;
	padding: 1%;
	margin: 1rem;
}
.d3{
	display: flex;
	justify-content: space-around;
	width: cover;
	height: cover;	
	margin: 3.5rem 0;
}
#img2{
	width: 100%;
}
.d4{
	display: flex;
	justify-content: space-around;
	width: cover;
	height: cover;
	padding: 5% 1%;
	color: white;
	font-size: 1rem;
	background-color:  rgba(0,0,0,0.5);
}

/*ham*/
.demobox-header{
background: #ddd;
height: 64px;
padding: 1em;
}
.demobox-sitename{
font-weight: 700;
font-size: 18px;
}
.hamburger-demo-menubox *{
	font-size: 16px;
}
.hamburger-demo-menubox li{
	font-size: 14px;
}
.input-hidden{
	display: none;
}
.hamburger-demo-switch{
	cursor: pointer;
	position: absolute;
	right: 3%;
	top: 0; 
	z-index: 9999;
	width: 4em; 
	height:4em;
	 }
#hamburger-demo1:checked ~ .hamburger-demo-switch{
	position: fixed;
}
.hamburger-switch-line1, .hamburger-switch-line1:before, .hamburger-switch-line1:after{
	width: 25px;
	height: 3px;
	background: #333;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: .3s;
	content: "";
}
.hamburger-switch-line1{
		transform: translate(-50%, -50%);
}
.hamburger-switch-line1:before{
	transform: translate(-50%, -300%);
}
.hamburger-switch-line1:after{
	transform: translate(-50%, 200%);
}
#hamburger-demo1:checked ~ .hamburger-demo-switch .hamburger-switch-line1{
	width: 0;
}
#hamburger-demo1:checked ~ .hamburger-demo-switch .hamburger-switch-line1:before{
	transform: rotate(45deg) translate(-40%, 325%);
}
#hamburger-demo1:checked ~ .hamburger-demo-switch .hamburger-switch-line1:after{
	transform: rotate(-45deg) translate(-40%, -325%);
}
.hamburger-demo-menuwrap{
	position: fixed;
	background: black; /* メニューエリアの背景色 */
	padding: 5em 3% 2em;
	z-index: 9998;
	transition: .3s;
	overflow-y: scroll; /* メニュー内容が多い場合に縦スクロールする */
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
}
.hamburger-demo-menulist{
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid rgb(76, 63, 45);
}
.hamburger-demo-menulist li a{
	vertical-align: baseline;
	text-decoration: none;
	color: rgb(220, 180, 108);
	display: block;
	padding: 0;
	border-top: 1px solid rgb(76, 63, 45);

	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px
}

#hamburger-demo1:checked ~ .hamburger-demo-menuwrap{
	left: 0;
}
#hamburger-demo1:checked ~ .hamburger-demo-cover{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9997;
	background: (3,3,3,.5);;
	display: block;
}
@media (min-width: 992px){
	.hamburger-demo-menubox{
		display: none;
	}
}
/*ham-end*/


.img2P{
	text-align: center;
}
.img2{
	margin: 0;
	padding: 0;
	width: 40%;
	margin: 2vh 0;
}

/*price*/
#price, #business{
	width: cover;
	height: cover;
	padding: 0 3vw;
}
.hh1{
	color: gold;
	font-size: 1rem;
}
#price table, #business table {
	width: 100%;
	border: 1px solid#282828;
	border-collapse: collapse;
}
#price th, #business th{
	color: gold;
	text-align: center;
	background-color: #121212;
	border: 1px solid#282828;
}
#price td, #business td{
	color: white;
	text-align: center;
	border: 1px solid#282828;
}
#price span{
	color: red;
	font-size: 1.5rem;
}
.hh2{
	color: white;
	font-size: 0.7rem;
	text-align: center;
}


/*追加項目*/
.tablePr1{
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid#282828;
	border-collapse: collapse;
}
.tablePr1 th{
	margin: 0;
	padding: 0;
	background-color: #121212;
	border: 1px solid#282828;
}
.tablePr1 td{
	margin: 0 auto;
	padding: 0;
	color: white;
	border: 1px solid#282828;
}
.tablePr1 span{
	margin: 0 auto;
	padding: 0;
	color: red;
	font-size: 1.5rem;
}
.hPr2{
	margin: 0;
	padding:  0.7rem 0;
	color: gold;
	font-size: 0.7rem;
}
.hPr1{
	margin: 0;
	padding:  0.7rem 0;
	color: white;
	font-size: 0.7rem;
}
.divPr1{
	margin: 0;
	padding: 0;
	width: 100%;
	height: cover;
}
.hPr3{
	margin: 0;
	padding:  1rem 0;
	color: white;
	font-size: 0.7rem;
}
.hPr4{
	margin: 0;
	padding:  1rem 0;
	padding-top: 0;
	color: white;
	font-size: 0.7rem;
}


/*flow*/
#flow{
	width: cover;
	height: cover;
	padding: 1vh 3vw;
	background-image: url("../images/kuro.png");
	background-size: 80%;
	background-position:center;
}
.hh3{
	color: red;
	font-size: 1rem;
}
.oo1{
	color: red;
}
.ll1{
	color: white;
}
.uu1{
	color: white;
}
.ll2{
	color: white;
}
.hh4{
	color: white;
	font-size: 3vw;
}
.a22{
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
	text-decoration: none; 
}
.a22:link{
	color: red;
}
.a22:visited{
	color: red;
}
.a22:hover{
	color: red;
}
.a22:active{
	color: red;
}
.da1{
	margin: 2rem 0;
}
.a222{
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
	text-decoration: none; 
}
.a222:link{
	color: aqua;
}
.a222:visited{
	color: aqua;
}
.a222:hover{
	color: aqua;
}
.a222:active{
	color: aqua;
}

.img3{
	margin: 0;
	padding: 0;
	width: 100%;
}
.hh5{
	color: white;
	font-size: 0.5rem;
}

/*footer*/
footer{
	padding: 2vh 2vh 10vh 2vh;
}
.kari{
	height: 50vh;
}
.hh5{
	color: white;
	font-size: 3vw;
	text-align: center;
}
/**/
#business{
	padding: 1vh 3vw;
	background-image: url("../images/kuro2.png");
	background-size: 80%;
	background-position:center;
}
#business_link_lists{
	margin: 0;
	margin-top: 2rem;
	padding: 2rem 0;
	width: 100%;
	height: cover;
	background-color: #121212;
	border: 1px solid#282828;
}
#business_link_lists h2{
	margin: 0;
	padding: 0;
	width: 100%;
	height: cover;
	text-align: center;
	color: white;
	font-size: 1rem;
}
#business_link_lists ul{
	margin: 0;
	margin-top: 1rem;
	padding: 0;
	width: 100%;
	height: cover;
	text-align: center;
	color: white;
	font-size: 1rem;
	list-style: none;
}
#business_link_lists li{
	margin: 0 auto;
	padding: 0;
	width: 90%;
	height: cover;
	color: white;
	font-size: 1rem;
}
#business_link_lists a{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: cover;
	color: #1760d4;
	font-size: 1rem;
	text-decoration: none; 
}
#business_link_lists a:link{
	color: #1760d4;
}
#business_link_lists a:visited{
	color: #1760d4;
}
#business_link_lists a:hover{
	color: #1760d4;
}
#business_link_lists a:active{
	color: #1760d4;
}
table
/*disclaimer*/
#disclaimer{
	width: cover;
	height: cover;
	padding: 1vh 3vw;
	background-image: url("../images/kuro.png");
	background-size: 80%;
	background-position:center;
}
.oo2{
	color: red;
	list-style: none;
}
.ll2{
	color: white;
}
.uu2{
	color: white;
}
.ll3{
	color: white;
	font-size: 0.6rem;
	margin: 1rem;
}
.ll4{
	color: white;
	font-size: 0.6rem;
	margin: 1rem;
	list-style: none;
}
.kariT{
	width: 100%;
	border: 1px groove #282828;
	background-color: #121212;
}
.hh3{
	color: red;
	font-size: 0.8rem;
}

/*privacy*/
#privacy{
	width: cover;
	height: cover;
	padding: 1vh 3vw;
	background-image: url("../images/kuro.png");
	background-size: 80%;
	background-position:center;
}
.uu3{
	color: red;
	list-style: none;
}
	
.ll4{
	color: white;
	font-size: 0.4rem;
	margin: 1rem;
}

/*contact*/
#contact{
position: fixed;
bottom: 0; 
margin: 0;
padding: 0;
width: 100%;
height: cover;
text-align: center;
}
#contact table{
	width: 100%;
	height: cover;
	border: 2px solid gold;
	background-color: black;
}
.callEnd{
	width: cover;
	height: cover;
	color: white;
	background-color: red;
	text-align: center; 
	border: 1px solid gold;
	font-size: 2rem;
}
.lineEnd{
	width: cover;
	height: cover;
	color: white;
	background-color: green;
	text-align: center; 
	border: 1px solid gold;
	font-size: 2rem;
}
#contact a{
	width: cover;
	height: cover;
	margin: 0;
	padding: 0;
	text-decoration: none; 
	color: white;
}
#contact a:link{
	color: white;
}
#contact a:visited{
	color: white;
}
#contact a:hover{
	color: white;
}
#contact a:active{
	color: white;
}

/*append a*/
/*businessA*/
.ba1{
	width: cover;
	height: cover;
	margin: 0;
	padding: 0;
	text-decoration: none; 
	color: white;
}
.ba1:link{
	color: white;
}
.ba1:visited{
	color: white;
}
.ba1:hover{
	color: white;
}
.ba1:active{
	color: white;
}

/*priceDetail*/

#priceDetail{
	width: cover;
	height: cover;
	padding: 1vh 3vw;
	background-image: url("../images/kuro.png");
	background-size: 80%;
	background-position:center;
}

.hh7{
	font-size: 2.5rem;
  	position: relative;
  	padding: 1rem .5rem;
  	color: white;
}

.hh7:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-linear-gradient(20deg, yellow, blue, orange, purple, green, red);
  background-image: linear-gradient(70deg, yellow, blue, orange, purple, green, red);
}
#priceDetail table {

	width: 100%;
	border: 1px solid#282828;
	border-collapse: collapse;
}
#priceDetail th{
	font-size: 2rem;
	color: orange;
	text-align: center;
	background-color: #121212;
	border: 1px solid#282828;
}
.pdd1{
	font-size: 1.2rem;
	color: white;
	text-align: center;
	border: 1px solid#282828;
}
.pdd2{
	font-size: 1.2rem;
	color: white;
	text-align: center;
	background-color: #111111;
	border: 1px solid#282828;
}

.pds2{
 	font-size: 2.5rem;
	color: red;
}
.pds1{
 font-size: 2.5rem;
 }
 .hh8{
 	color: white;
	font-size: 1rem;
 }
 .hh9{
 	color: gold;
	font-size: 2rem;
 }
 .hh10{
 	color: white;
 	font-size: 1.2rem;	
 }
.hh10s1{
	color: white;
 	font-size: 0.9em;	
} 
.hh10s2{
	color: white;
	font-size: 1.2rem;
}

.a333{
	font-size: 1rem;
	margin: 0;
	padding: 0;
	text-decoration: none; 
}
.a333:link{
	color: white;
}
.a333:visited{
	color: white;
}
.a333:hover{
	color: white;
}
.a333:active{
	color: white;
}

/*priceETC*/
#priceETC{
	width: cover;
	height: cover;
	padding: 1vh 3vw;
	background-image: url("../images/kuro.png");
	background-size: 80%;
	background-position:center;
}
#priceETC table{
	width: 100%;
	border: 1px solid#282828;
	border-collapse: collapse;
}
.et2{
	font-size: 1rem;
	color: orange;
	text-align: center;
	background-color: #121212;
	border: 2px solid#282828;
}
.pdd3{
	font-size: 0.8em;
	color: white;
	text-align: center;
	border: 2px solid#282828;
}
.pdd4{
	font-size: 0.8rem;
	color: white;
	text-align: center;
	background-color: black;
	border: 2px solid#282828;
}
.pds4{
 	font-size: 1.2rem;
	color: red;
}
.pds3{
 font-size: 1.2rem;
 }
 
 /*feature*/
 #feature{
	width: cover;
	height: cover;
	background-image: url("../images/gold.png");
	background-size: 80%;
	background-position:center;
}
.kuro2{
	padding: 1vh 3vw;
	width: cover;
	height: cover;
	background-color: rgba(0, 0, 0, .5);
}
.samne2{
	width: cover;
	height: cover;
	margin: 0 0 3rem 0;
	padding: 1rem 0;
	background-image: url("../images/samne2.png");
	background-size: 100%;
	background-position:center;
	background-repeat: no-repeat;
}
.fd1{
	padding: 0;
	margin: 1rem 0;
	background-color: rgba(0, 0, 0, .3);
}
.fu1{
	list-style-type: none;
	width: cover;
	height: cover
	margin: 0;
	padding: 0;
}
.ful1{
	font-size: 1.2rem;
	background-color: rgba(0, 0, 0, .3);
	width: cover;
	height: cover
	margin: 0;
	padding: 1rem;
}
.ful2{
	font-size: 1rem;
	background-color: rgba(0, 0, 0, .3);
	width: cover;
	height: cover
	margin: 0;
	padding: 1rem;
}

.fh1 {
	color: gold;
	font-size: 1.5rem;
  	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  	 position: relative;
  	padding: 1%;
  	-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
}
.fh1:before,
.fh1:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}
.fh1:before {
  top: 0;
}
.fh1:after {
  bottom: 0;
}

/*greeting*/
#greeting{
	width: cover;
	height: cover;
}
.gd1{
	width: cover;
	height: cover;
	background-image: url("../images/black.png");
	background-size: 80%;
	background-position:center;
}
.gd2{
	width: cover;
	height: cover;
	margin: 0;
	padding: 0;
	background-color:  rgba(0,0,0,0.81);
}
.gd3{
	width: cover;
	height: 15vh;
	margin: 0;
	padding: 0;
	background-image: url("../images/flame.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center;
}
.gd4{
	width: cover;
	height: 15vh;
	margin: 0;
	padding: 0;
	background-image: url("../images/flame.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center;
	transform: scale(1, -1);
}
.gComment{
	margin: 0;
	padding: 2vw;
	text-align: center;
	width: cover;
	height: cover;
	color: white;
	font-size: 0.9rem;
	text-shadow: -2px -3px 3px #808080;
}

/*trouble*/
#trouble{
	width: cover;
	height: cover;
	margin: 0;
	padding: 0;
	background-image: url("../images/white.png");
	background-size: 120%;
	background-position:center;
}
.subSection{
	width: cover;
	height: cover;
	padding: 5vh 3vw;
	margin: 0;
	background-color: rgba(0, 0, 0, .5);
}
.tT{
	width:  100%;
	height: cover;
	margin: 0;
	padding: 0;
	border: 1px groove #ccc;
 }
.td0{
	margin: 0;
	padding: 0;
	width: cover;
	height: cover;
}
.th1 {
	color: #dc3545;
	font-size: 1.4rem;
}
.tu2{
	color: gold;
	width: cover;
	height: cover
	margin: 0;
	padding: 0;
	list-style-type: "Q . ";
	color: #dc3545;
}
.tl2{
	font-size: 1.2rem;
	width: cover;
	height: cover
	margin: 0
	padding: 1rem;

}



.tu1{
	list-style-type: none;
	width: cover;
	height: cover
	margin: 0;
	padding: 0;
	list-style-type: "A . ";
	color: #e0e0e0;
}
.tl1{
	font-size: 1.2rem;
	width: cover;
	height: cover
	margin: 0;
	padding: 1rem;
}
.td1{
	width: cover;
	height: 7vh;
	padding: 0;
	margin: 0;
}

.kuro3{
	margin: 0;
	padding: 1rem 3rem;
	width: cover;
	height: cover;
	background-color: rgba(0, 0, 0, .3);
}
.kugiD2{
	padding: 0;
	margin: 0;
	width: cover;
	height: 10vh;
}