﻿p {
	text-align: left;
}

img {
max-width:50%;
height:auto;
}

a {
color:#222222;
}

body {
padding:0;
margin:0;
text-align:center;
font-family:sans-serif;
}

.wrap {
margin:0 auto;
width:100%;
}

.mainvisual img {
width:100%;
height:auto;
}

.LOGO {
padding:10px 0 0 0;
}

.LOGO h1 img {
width:50%;
height:auto;
}

.buttons {
padding:25px 0 40px 0;
font-size:0rem;
}

.buttons ul li {
display:inline-block;
line-height:1;
border:solid 3px #cccccc;
border-radius:7px;
margin:0 5px;
}

.buttons ul li a {
display:inline-block;
padding:12px 5px;
font-size:1.1rem;
font-weight:700;
color:#ffffff;
text-decoration:none;
border-radius:5px;
min-width:140px;
border:solid 1px #ffffff;
border-color:rgba(255,255,255,0.5);
transition:all 0.3s;
}

.buttons a:hover {
opacity:0.8;
}

.buttonNew {
background:#7bd41b;
}

.buttonLogin {
background:#ee3333;
}

.buttonsSingle a {
font-size:1.3rem !important;
padding:15px 30px !important;
}

.heading {
font-size:1.2rem;
line-height:1;
text-align:left;
padding:0 15px;
margin:0 auto 15px auto;
}

.inHeadingLOGO {
width:50%;
height:auto;
display:inline-block;
vertical-align:bottom;
margin-right:10px;
}

.text {
text-align:left;
font-size:1rem;
line-height:1.36;
margin-bottom:20px;
padding:0 15px;
}

.headingPoint {
padding:0 15px;
margin-bottom:15px;
text-align:left;
}

.headingPoint span {
display:inline-block;
vertical-align:middle;
padding:5px 5px;
background:#ee3333;
color:#ffffff;
font-size:0.9rem;
margin-right:5px;
}

.headingPoint strong {
display:inline-block;
vertical-align:middle;
font-size:1.5rem;
color:#ee3333;
}

.flow {
margin-bottom:20px;
padding:0 15px;
}

.flow img {
width:100%;
height:auto;
}

.point1 {
padding:0 15px 40px 15px;
}

.point1 img {
width:90%;
height:auto;
}

.point2 {
padding:0 15px 40px 15px;
}

.point2 img {
width:65%;
height:auto;
}

.headingFeature {
padding-top:20px;
}

.point3 {
padding:0 15px 10px 15px;
}

.point3 img {
width:100%;
height:auto;
}

.fromSNS {
padding:10px 0;
}

.fromSNS h2 {
font-size:1.7rem;
color:#ee3333;
}

.fromSNS h3 {
padding:30px 0;
}

.fromSNS h3 img {
width:70%;
height:auto;
}

.fromSNS p {
font-size:1.3rem;
}

.communicationtool {
padding:30px 0 20px 0;
}

.communicationtool img {
width:90%;
height:auto;
}

.startNow {
padding:20px 0;
}

.startNow h2 {
font-size:7vw;
color:goldenrod;
margin-bottom:15px;
}

.startNow small {
font-size:1rem;
}

.startNow div {
padding:30px 0;
}

.startNow div img {
width:30%;
height:auto;
}

.startNow h3 {
font-size:1.8rem;
color:#ee3333;
}

.startNowButtons {
padding-top:10px;
}

.howtoUse {
padding:0 0 30px 0;
}

.howtoUse img {
width:80%;
height:auto;
}

.zehi {
padding:20px 0;
}

.zehi img {
width:85%;
height:auto;
}

.outro {
padding:20px 15px;
}

.outro h2 {
font-size:1.2rem;
line-height:1.51;
}

.outro h2 span {
display:block;
}

.outro p {
padding:15px 0;
font-size:0.7rem;
}

.outro h3 {
font-size:1.2rem;
line-height:1.81;
}

.footer {
padding:20px 0 39px 0;
background:#ffffff;
}

.footer address {
font-size:0.9rem;
font-style:normal;
margin-bottom:20px;
color:#55555a;
}

.footer address a {
color:#55555a;
}

.footer .copyright {
font-size:0.8rem;
color:#55555a;
text-align: center;
}

.copyright img {
width:39%;
height:auto;
}

.headingTop {
border-top:solid 2px #ffc83c;
margin-bottom:30px;
text-align:center;
padding:5px 0 0 0;
}

.headingTop h1 {
color:#55555a;
font-size:5rem;
}

.headingTop h1 img {
height:auto;
padding:5px 0;
text-align: center;
}

.headingTop ul {
display:block;
font-size:0;
}

.headingTop ul li {
display:inline-block;
vertical-align:middle;
margin:0 2px;
border-radius:5px;
}

.headingTop li a {
display:block;
padding:14px 13px 13px 13px;
font-size:1rem;
text-decoration:none;
color:#111111;
}

.headingTop li:nth-child(2) a {
border-right:solid 1px #dddddd;
border-left:solid 1px #dddddd;
}

.newEntryHeading2 {
color:#ee3333;
font-size:1.2rem;
line-height:1.61;
margin-top:-20px;
}

.toPrivacy {
padding:30px 0 0 0;
}

.toPrivacy p {
font-size:0.95rem;
}

.forMembers {
padding:0 0 20px 0;
}

.forMembers a {
font-size:1.1rem;
color:#ee3333;
}

.kiyaku {
text-align:left;
font-size:0.9rem;
line-height:1.41;
padding:20px;
}

.entryText1 {
font-size:1.2rem;
line-height:1.51;
color:#ee3333;
}

.balloon1 {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 15px 15px;
min-width: 120px;
max-width: 100%;
font-size: 1rem;
line-height:1.51;
background: #ee3333;
color:#ffffff;
border-radius:10px;
}

.balloon1:before{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #ee3333;
}

.balloon1 p {
margin:0;
padding:0;
}

.mform dl dt {
font-size:1.3rem;
font-weight:700;
margin-bottom:10px;
}

.mform dl dd {
font-size:1.3rem;
margin-bottom:25px;
}

.mform dd small {
display:block;
font-size:0.85rem;
margin:0 15px 15px 15px;
line-height:1.31;
}

.hissu {
display:block;
margin-bottom:10px;
font-size:0.9rem;
font-weight:700;
color:#ee3333;
}

.mform input {
font-size:1.1rem;
padding:5px;
}

.remarks {
padding:0 15px 20px 15px;
text-align:left;
font-size:0.9rem;
line-height:1.51;
}

.remarks li {
margin-bottom:5px;
text-indent:-0.9rem;
padding-left:0.9rem;
}

.submitButton {
display:inline-block;
padding:0;
margin-bottom:50px;
border:solid 3px #eeeeee;
border-radius:5px;
}

.submitButton input {
font-size:1.2rem;
padding:10px 30px 10px 30px;
background:#ee3333;
color:#ffffff;
border:solid 1px #ffffff;
border-color:rgba(255,255,255,0.5);
border-radius:3px;
}

.kakunin {
font-size:1rem;
line-height:1.61;
}

.kakunin div {
font-size:1.1rem;
line-height:1.51;
margin-bottom:30px;
}

.last {
margin-bottom:20px !important;
}

.tugi {
padding:0 0 30px 0;
font-size:0;
}

.tugi span {
display:inline-block;
background:#eeeeee;
border:solid 3px #eeeeee;
border-radius:5px;
}

.tugi span:first-child {
margin-right:10px;
}

.tugi span a {
display:block;
border:solid 1px #ffffff;
border-color:rgba(255,255,255,0.5);
border-radius:3px;
font-size:1.15rem;
color:#ffffff;
padding:10px 15px;
text-decoration:none;
}

.tugi span:first-child a {
background:#aaaaaa;
}

.tugi span:last-child a {
background:#ee3333;
}

.msg1 {
padding:0 20px 30px 20px;
text-align:left;
font-size:1rem;
line-height:1.61;
}

.msg2 {
padding:0 20px 20px 20px;
text-align:left;
font-size:0.95rem !important;
font-weight:700;
line-height:1.61;
}

.msr_flow02 {
color: #000000;
list-style: none;
overflow: hidden;
width:90%;
margin:0 auto;
}
.msr_flow02 li {
background-color: #fcd6d6;
line-height: 60px;
color: #222222;
display: block;
float: left;
font-size: 1rem;
min-width: 20%;
padding: 0 10px 0 40px;
text-align: right;
text-decoration: none;
}

.msr_flow02 li:first-child {
padding-left:0;
}

/* 三角形下部 */
.msr_flow02 li::after {
background-color: #fcd6d6;
border-right: 2px solid #FFFFFF;
content: " ";
display: block;
height: 30px;
margin-left: auto;
margin-right: -30px;
margin-top: -30px;
position: relative;
transform: skew(-30deg);
-o-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-webkit-transform: skew(-30deg);
width: 30px;
}

/* 三角形上部 */
.msr_flow02 li::before {
background-color: #fcd6d6;
border-right: 2px solid #FFFFFF;
content: " ";
display: block;
float: right;
height: 30px;
margin-bottom: -30px;
margin-left: auto;
margin-right: -30px;
transform: skew(30deg);
-o-transform: skew(30deg);
-ms-transform: skew(30deg);
-moz-transform: skew(30deg);
-webkit-transform: skew(30deg);
width: 30px;
}

/* 右端の設定 */
.msr_flow02 .active {
background-color: #ee3333;
color: #FFFFFF;
}
.msr_flow02 .active::before, .msr_flow02 .active::after {
background-color: #ee3333;
border-right:none;
}

.entryForm {
padding:0 15px 50px 15px;
line-height:1.51;
}

.entryForm strong {
font-size:1.1rem;
display:inline-block;
margin-bottom:5px;
}

.entryForm em {
font-size:1.1rem;
color:#ee3333;
font-weight:700;
font-style:normal;
display:inline-block;
}

.entryForm span {
font-size:0.95rem;
display:inline-block;
margin-bottom:10px;
}

.entryForm input {
padding:5px;
font-size:1rem;
}

.PrivacyPolicy {
width:85%;
padding:15px;
text-align:left;
font-size:0.9rem;
line-height:1.41;
height:160px;
overflow-y:auto;
border:solid 1px #dddddd;
margin:0 auto 30px auto;
-webkit-overflow-scrolling: touch;
}

.sousin {
margin-bottom:50px;
text-align:center;
}

.sousin span {
display:inline-block;
border:solid 3px #c0c0c0;
border-radius:3px;
background:#ee0000;
}

.sousin span input {
display:block;
font-size:1.2rem;
color:#ffffff;
padding:8px 20px 10px 20px;
text-decoration:none;
background:#ee3333;
transition:all .5s;
}

.sousin span:hover input {
opacity:0.8;
}

.a1 {
font-size:1.5rem;
}

.loginButton {
margin-bottom:100px;
}

.loginButton span {
display:inline-block;
border:solid 5px #ee3333;
border-radius:5px;
}

.loginButton span a {
display:inline-block;
border:solid 2px #ffffff;
border-color:rgba(255,255,255,0.5);
background:#dddddd;
padding:18px 30px;
font-size:1.3rem;
text-decoration:none;
border-radius:3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.loginButton span a:hover {
background:#ffffff;
}

.loginWindow {
width:80%;
padding:5% 3%;
margin:0 auto 30px;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
background:#ffc83c;
border:solid 5px #ffffff;
border-radius:5px;
}

.loginWindow #mail,
.loginWindow #pass {
width:80%;
font-size:1.2rem;
padding:5px;
}

.loginButton2 {
padding:20px 0 0 0;
}

.loginButton2 span {
display:inline-block;
border:solid 1px #ee3333;
border-color:rgba(255,255,255,0.3);
border-radius:3px;
padding:2px;
background:#ffffff;
}

.loginButton2 span input,
.loginButton2 span a {
display:inline-block;
padding:10px 50px;
font-size:1.2rem;
background:#ee3333;
color:#ffffff;
text-decoration:none;
box-shadow: 1px 1px 2px 0px rgba(255,255,255,0.5) inset,-1px -1px 2px 0px rgba(0,0,0,0.5) inset;
transition:opacity 0.3s;
}

.loginButton2 span:hover input {
opacity:0.9;
}

.kouza {
padding:10px 10px;
margin-bottom:20px;
font-size:1rem;
font-weight:700;
}

.kouza #kouza {
text-decoration:none;
border-bottom:solid 2px #333333;
}

.kouzaTouroku h2 {
font-size:1.1rem;
margin-bottom:20px;
}

.kouzaTouroku .loginButton {
font-size:1.2rem;
}

.remarksText {
font-size:0.9rem;
line-height:1.51;
}

.rewardWrap {
width:90%;
margin:0 auto 30px;
}

.rewardWrap table {
width:100%;
border-top:solid 1px #aaaaaa;
border-right:solid 1px #aaaaaa;
font-size:0.9rem;
line-height:1;
}

.rewardWrap table th,
.rewardWrap table td {
border-bottom:solid 1px #aaaaaa;
border-left:solid 1px #aaaaaa;
padding:8px;
font-size:0.9rem;
line-height:1;
}

.rewardWrap table th {
background:#ffdb7f;
}

.rewardWrap input {
text-align:right;
border:none;
background:none;
padding:0;
margin:0;
font-size:1rem;
line-height:1;
}

.heading2,
.personalInfo h3 {
margin:0 auto 20px;
width:84%;
padding:8px 3%;
background:#ee3333;
color:#ffffff;
font-size:1.05rem;
}

.personalInfo div {
padding:0 0 30px;
text-align:center;
}

.personalInfo label {
font-weight:700;
}

.personalInfo label,
.personalInfo input {
border:none;
font-size:1rem;
display:block;
width:90%;
margin:0 auto;
text-align:center;
}

.kouzaReg #mypage1 {
font-size:1rem;
border:none;
width:90%;
text-align:center;
margin-bottom:5px;
}

.kouzaReg #mypage2 {
font-size:1.1rem;
border:none;
width:90%;
text-align:center;
margin-bottom:30px;
}

.mform1 {
padding:0 5%;
}

.mform1 label {
display:block;
font-size:1rem;
margin-bottom:8px;
}

.mform1 input {
margin-bottom:10px;
font-size:1rem;
}

.items {
width:90%;
margin:0 auto 30px;
}

.items table,
.items tbody,
.items tr,
.items th,
.items td {
display: block;
}

.items table {
border-top:solid 1px #aaaaaa;
border-right:solid 1px #aaaaaa;
}

.items th,
.items td {
border-bottom:solid 1px #aaaaaa;
border-left:solid 1px #aaaaaa;
padding:8px;
font-size:1rem;
line-height:1.51;
}

.items th {
background:#282080;
color:#ffffff;
}

.items td img {
max-width:80%;
}

.itemText a {
color:#ee0000;
font-weight:700;
}

.appeal {
padding:20px 0;
margin:0 5% 15px;
background:#f6c914;
color:#333333;
font-size:1.1rem;
}

.appeal img {
width:20px;
height:auto;
}

.appeal img:nth-child(1),
.appeal img:nth-child(2),
.appeal img:nth-child(4),
.appeal img:nth-child(5) {
display:none;
}

.msgBox {
padding:0;
margin:0 0 30px;
}

.msgBox img {
max-width:90%;
}

.mailBox {
padding:0;
margin:0 5% 30px;
}

.mailBox table th,
.mailBox table td {
vertical-align:top;
text-align:left;
font-size:1rem;
line-height:1.51;
}

.mailBox td img {
width:50px;
}

.mailBoxHeading {
margin-bottom:0 !important;
}

.loginOtherside {
padding:0 0 50px 0;
}

.loginOtherside a {
display:inline-block;
margin:0 0 15px;
}

.Adv {
padding:0 3%;
}

.rewardText {
padding:10px 0;
}

.rewardText p {
display:inline-block;
padding:15px 30px;
background:#ee3333;
color:#ffffff;
font-size:1rem;
line-height:1.51;
border-radius:10px;
margin-bottom:25px;
}

.rewardText p strong {
font-size:1.2rem;
display:inline-block;
margin-right:0.5rem;
}

.sakusei {
padding:15px 0 30px;
}

.sakusei span {
display:inline-block;
background:#eeeeee;
border:solid 5px #dddddd;
border-radius:5px;
padding:1px;
}

.sakusei span a {
display:block;
border:solid 1px #ffffff;
border-color:rgba(255,255,255,0.5);
border-radius:3px;
font-size:1.1rem;
color:#ffffff;
background:#ee3333;
padding:15px 25px;
text-decoration:none;
}

.mousikomiForm {
padding:15px 0;
text-align:left;
}

.mousikomiForm label {
font-size:1rem;
font-weight:700;
display:inline-block;
vertical-align:middle;
}

.mousikomiForm #hisu {
background:#ee3333;
display:inline-block;
padding:5px;
font-size:0.75rem;
vertical-align:middle;
color:#ffffff;
}

.mousikomiForm input[type=text] {
margin:0.5rem 0 0.75rem 10%;
font-size:1rem;
width:76%;
padding:2%;
border:solid 1px #aaaaaa;
-webkit-appearance: none;
}

.mousikomiForm select {
margin:0.5rem 0 1rem 10%;
font-size:0.9rem;
width:80%;
}

.textLabel {
margin-left:10%;
}

.introURL {
padding:0 0 30px;
}

.introURL span {
display:block;
}

.introURL span input {
font-size:1.1rem;
width:80%;
margin-bottom:10px;
}

.introURL button {
padding:5px 20px;
background:#777777;
color:#ffffff;
text-decoration:none;
font-size:1.05rem;
}

.itemDetail {
padding:0 3% 30px;
}

.itemDetail h3 img {
width:70%;
height:auto;
}

.itemDetail h4 {
padding:10px;
background:#ee3333;
font-size:1.1rem;
margin-bottom:20px;
color:#ffffff;
}

.itemDetail h5 {
color:#ee3333;
font-size:1.05rem;
margin-bottom:5px;
text-align:left;
}

.itemDetail p {
font-size:0.95rem;
line-height:1.51;
margin-bottom:15px;
text-align:left;
}

.loginButton3 {
padding:30px 0 30px 0;
}

.loginButton3 span {
display:inline-block;
border:solid 1px #ee3333;
border-color:rgba(255,255,255,0.3);
border-radius:5px;
padding:4px;
background:#dddddd;
}

.loginButton3 span a {
display:inline-block;
padding:19px 50px 20px 50px;
font-size:1.2rem;
background:#ee3333;
color:#ffffff;
text-decoration:none;
box-shadow: 1px 1px 2px 0px rgba(255,255,255,0.5) inset,-1px -1px 2px 0px rgba(0,0,0,0.5) inset;
transition:opacity 0.3s;
}

.accountManage {
background:#ffc83c;
padding:15px 0 0 0;
}

.accountManage input {
border:none;
margin-bottom:15px;
margin-top:5px;
font-size:1rem;
width:90%;
background:none;
text-align:center;
}

.accountManage h3 {
font-size:1rem;
}

.redLine {
padding:10px;
margin:0 5%;
border:solid 5px #ee3333;
font-size:0.95rem !important;
}

.accountEntry {
color:#ffffff;
margin-top:15px;
}

.accountEntry a {
padding:20px;
background:#ee0000;
display:inline-block;
color:#ffffff;
text-decoration:none;
border:solid 2px #dd0000;
}

.accountEntry span {
display:inline-block;
font-size:1.4rem;
border:solid 5px #cccccc;
border-radius:5px;
font-weight:700;
}

.accountEntry a small {
font-size:1rem;
font-weight:200;
}

.pleaseHome {
padding:20px 0 0 0;
}

.pleaseHome p {
color:#ee3333;
font-size:1.05rem;
font-weight:700;
}

.AdSpace {
padding:0 0 50px 0;
}

.AdSpace p {
padding:0;
margin:0 15px;
color:#ee3333;
font-size:1.3rem;
font-weight:700;
}

.AdSpace p img {
max-width:100%;
height:auto;
}

.error {
padding:30px 0 80px;
}

.error p {
color:#ee3333;
font-size:1rem;
line-height:1.51;
font-weight:700;
margin-bottom:15px;
}

.error h3 {
padding:20px 0 0 0;
}

.error h3 span {
display:inline-block;
background:#ffffff;
padding:1px;
border:solid 5px #dddddd;
}

.error h3 span input {
border:none;
background:#ee3333;
color:#ffffff;
font-size:1.2rem;
text-decoration:none;
padding:20px 20px;
text-align:center;
border-radius:0;
}

.error h3 span input:hover {
cursor:pointer;
}

.myAdSpace {
padding:0 0 30px 0;
}

.myAdSpace p {
padding:0;
margin:0 15px;
font-size:1.2rem;
color:#ee3333;
font-weight:700;
}

.entryNotes {
padding:10px 10px 10px 10px;
font-size:0.8rem !important;
font-weight:700;
color:#ee0000;
line-height:1.41;
}

.chuui {
display:inline-block;
margin:8px 10% 5px 10%;
text-align:left;
font-size:0.85rem;
font-weight:700;
color:#ee0000;
line-height:1.41;
}

.kouzaChuui {
color:#ee0000;
font-size:1rem;
font-weight:700;
}

#pas2 strong {
font-size:1rem !important;
text-decoration:underline;
display:inline;
}

.uketori {
padding:0 0 30px 0;
}

.uketori a {
font-size:1.2rem;
font-weight:700;
color:#ee3333;
padding:15px 40px;
line-height:1.31;
}

.uketori a span {
display:block;
}


