@charset "iso-2022-jp";

ol,ul {list-style:none;}

div.bx-loop h1 span {
	
	}

div.bx-loop h1 span {
    position: absolute;
    display: block;
    font-size: 2px;
    text-indent: -9999px;
    background-image: url(img/cm_img.png);
    background-repeat: no-repeat;
    left: 97px;
    top: 25px;
    width: 270px;
    height: 40px;
}

div.bx-loop-contents div.sections h2 { color: #7b49ee; font-size:1.5em; line-height: 1.3em; text-align: center;}
div.bx-loop-contents div.sections h2 .small {font-size: 0.7em; line-height: 1.4em;}

.read { padding: 1em 0 0; text-align: center;}
.read  p { padding-bottom: 0.8em; line-height: 1.6em;}
.read .small { font-size: 0.9em;}

.inner {  border: solid 1px #7b49ee; background-color: #fff; margin-top: 1em; }
.inner h3 { background-color: #7b49ee; color: #fff; font-size:1.1em; line-height: 1.3em; text-align: center; padding: 0.5em 0;}

.inner .innerBox { padding: 20px 0; width: 550px; margin: 0 auto;}
.inner .innerBox .box { padding-bottom: 15px;}
.inner .innerBox p { padding-bottom: 15px; padding-left: 1em; text-indent: -1em; line-height: 1.6em;}

.btAr { display: inline; background-color: #ec64ae; color: #fff; font-weight: bold; padding: 2px 4px; margin: 0 2px; border-radius: 3px;}
.btTw { display: inline; background-color: #1da1f2; color: #fff; font-weight: bold; padding: 2px 4px; margin: 0 2px; border-radius: 3px;}

.inner .small {font-size: 0.8em; line-height: 1.8em;}

.btn li a, .btn li button {
	  display: block;
  border-radius: 10px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 300px;
 height: 80px;
text-indent: -9999px;
margin: 15px auto; text-align: center; font-size: 1.5em; font-weight: bold;
 border: none; 
}
.btn li a:hover, .btn li button:hover {opacity: 0.85;}
.btn li#ar button {background-color: #ec64ae; background-image: url(img/btn_ar.png);}
.btn li#ar button:disabled {opacity: 0.5;}
.btn li#twitter button {background-color: #1da1f2; background-image: url(img/btn_twitter.png);}
.btn li#twitter button:disabled {opacity: 0.5;}
.btn li#howto a {background-color: #45be8f; background-image: url(img/btn_howto.png); height: 60px;}
.btn li#return a {background-color: #9f7eeb; background-image: url(img/btn_return.png); height: 50px;}

.btn li#twitter a {background-color: #1da1f2; background-image: url(img/btn_twitter.png);}

.inner #termsArea { width: 550px; margin: 0 auto;}
.inner #termsArea h4 { text-align: center; font-weight: bold;}
.inner #termsArea .termsBlock {/*overflow-y: scroll; height: 150px;*/}
.inner #termsArea .termsBlock .termsBox { padding: 15px;} 
.inner #termsArea .termsBlock .termsBox h5 { font-size: 0.9em; padding-bottom: 5px;}
.inner #termsArea .termsBlock .termsBox p { font-size: 0.9em; line-height: 1.6em; padding-left: 1em; text-indent: -1em;}
.list p {

}
.inner #termsArea .agree { text-align: center;}

#qrArea .pic { width:250px; margin:0 auto 20px;;}
#qrArea .pic img { width:100%;}

/**--スライダー--**/
.slider-wrapper {
  width: 100%; height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
	border: solid 1px #ccc; 
	margin: 10px auto;
}

.slider {
  height: 150px;
  -webkit-overflow-scrolling: touch;
}

.slider > * {
  -webkit-transform: translateZ(0px);
}

/*.slider-wrapper::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}*/
/*/ スクロールバー全体*/
.slider-wrapper::-webkit-scrollbar {
  width:6px;
  /*background:#eee;*/
}
/*/ 横スクロールバー全体*/
.slider-wrapper::-webkit-scrollbar:horizontal {
  /*height:10px;*/ display: none;
}
/*/ スクロールバー上下左右末端のボタン*/
.slider-wrapper::-webkit-scrollbar-button {
  width:6px;
  height:6px;
  /*background:#666;*/
}
/*/ ドラッグするツマミ部分*/
.slider-wrapper::-webkit-scrollbar-thumb {
  background:#c2aeef;
border-radius: 3px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
/*/ 右下角部分*/
.slider-wrapper::-webkit-scrollbar-corner {
  /*background:#ddd;*/
}

/*遊び方*/
div.bx-loop-contents div.sections .arBox { padding-bottom: 30px; width: 550px; margin: 0 auto;}
div.bx-loop-contents div.sections .arBox .txt {display: inline-block; vertical-align: top; width:290px; line-height: 1.4em; font-size: 0.9em; font-weight: bold;}
div.bx-loop-contents div.sections .arBox .txt2 {line-height: 1.4em; font-size: 0.9em; font-weight: bold; padding-bottom: 1em;}
div.bx-loop-contents div.sections div.ar-pic {
	text-align:center;
	padding-left:20px;
	display: inline-block; vertical-align: top; width:230px;
}
div.bx-loop-contents div.sections div.ar-pic2 {
	width:350px; margin: 0 auto;
}