@charset "utf-8";
/*日英仏中の統合CSS*/
/*
:対応サイト
https://www.milky-cat.com/eg/mcm/
https://www.milky-cat.com/eg/mcm/index.htm.en
https://www.milky-cat.com/eg/mcm/index.htm.fr
https://www.milky-cat.com/eg/mcm/index.htm.zh

:モダンブラウザ対応
internetexplorerはバージョン11以降。
*/

/*初期化*/
*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*/初期化*/



/********* PC用 **********/
@media screen and (min-width: 541px){
body{
    width: 950px;
    margin: 0 auto;
}
.wrap {
    width: 100%;
    margin-top: 0px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
.wrap h1{
    text-align: center;
    font-size: 19px;
    border-bottom: 1px solid #000000;
    background-color: #FFFFFF;
    }
.wrap .fast {
    background-color: #FFFFFF;
    font-size: 12px;
    text-align: center;
}

.wrap .flagtop {
    display: flex;
	background-color:#666;
	justify-content: center;
    margin-bottom: 0px;
    padding-bottom: 0px;
	padding-right: 20px;
	padding-left: 20px;
}

    .flagtop li a img {
        width: 40px;
    }

/*******stage_01*******/
header.stage_01 {
    background-color: #FFFFFF;
    width: 100%;
}
header {
	width: 948px;
	background-color: #FFF;
}
    header ul{
        display: flex;
        justify-content:center;
        flex-wrap: wrap;
        border-top: 3px solid #BDA3FF;
        border-bottom: 3px solid #BDA3FF;
        background-color: #FFFFFF;
    }
    header ul li{
    flex-grow: 1;
    text-align: center;
    }
    header ul li:hover{
    background-color: #DACFFF;
    }
    header ul li+ li{
        border-left:3px solid #BDA3FF;
        }
    header ul li a{
    color: #00F;
    text-decoration: underline;
    display: block;
    }

.sample {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    border-bottom: 3px solid #BDA3FF;
    background-color: #ABABAB;
}
    .sample a{
    color: #00F;
    flex-grow: 1;
    text-decoration: underline;
    line-height: 22px;
    display: block;
    font-weight: bold;
    text-align: center;
        }
    .sample a:hover{
    background-color: #D7D7D7;
    }
    .sample a+ a{
        border-left:3px solid #BDA3FF;
    }

/*******stage_02*******/
section.stage_02 {
    background-color: #FFFFFF;
    width: 100%;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.stage_02 {
    padding: 10px 0;
    background-color: #FFFFFF;
    text-align: center;
}
    .stage_02 p{
        font-size: 89%;
        padding-bottom: 0px;
        text-align: center;
        line-height: 21px;
    }
    .stage_02 p:nth-child(7) {
        color: #B14B00;
        line-height: 17px;
        padding-bottom: 7px;
    }
    .stage_02 a{
    text-align: center;
    display: block;
    color: #5C2EFF;
    text-decoration: underline;
    font-weight: bold;
    }
    .stage_02 a:hover{
        background-color: #DACFFF;
    }
    .term {
        display: flex;
        justify-content: center;
    }
    .term a {
        display: block;
        color: #ff6c00;
        font-weight: bold;
    }
    .terms_s {
        color: #ff6c00;
        line-height: 0px;
        text-decoration: none;
        margin-bottom: 0px;
        padding-top: 2px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .terms_s_ja {
    color: #ff6c00;
    line-height: 0px;
    text-decoration: none;
    margin-bottom: 0px;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
    }

    .stage_02 img {
        margin: 0 auto;
        display: block;
    }


/*******stage_03*******/
section.stage_03 {
    background-color: #FFFFFF;
    width: 100%;
    padding-bottom: 2px;
}
.stage_03 .payment .box_base.left.upper.width {
    width: 99%;
}

    .payment {
        margin-right: 0px;
		background-color: #b0dcff;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .upper {

    }
    .box_base {
        width: 471px;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        margin-top: 3px;
    }
    .box_base h3 {
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    }
    .box_base3 {
        width: 471px;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        margin-top: 3px;
    }
    .box_base3 h3 {
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    }
    .left {
        background-color: #000000 ;
    }
    .left:hover {
        background-color: #5a5a5a;
    }
    .left2 {
        background-color: #333333 ;
    }
    .left2:hover {
        background-color: #5a5a52;
    }
	
    .left h3 {
        color: #FFFFFF;
		font-size: 20px;
    }
    .left h4 {
        color: #FFFFFF;
		font-size: 16px;
    }
    .left2 {
        background-color: #33517b;
		/**#a5319d ;**/
    }
    .left2:hover {
        background-color: #45566c;
    }
    .left2 p {
    color: #FFFFFF;
    font-size: 15px;
    }
    .left2 h3 {
        color: #FFFFFF;
		font-size: 20px;
    }
    .left2 h4 {
        color: #FFFFFF;
		font-size: 16px;
    }
	
    .leftwco {
        background-color: #8d4e81;
		/**#a5319d ;**/
    }
    .leftwco:hover {
        background-color: #351a2f;
    }
    .leftwco p {
    color: #FFFFFF;
    font-size: 15px;
    }
    .leftwco h2 {
        color: #6cfff1;
		font-size: 20px;
    }
    .leftwco h3 {
        color: #FFFFFF;
		font-size: 20px;
    }
    .leftwco h4 {
        color: #FFFFFF;
		font-size: 16px;
    }
	
    .left3 {
        background-color: #124133;
    }
    .left3:hover {
        background-color: #4fab90;
    }
    .left3 p {
    color: #FFFFFF;
    font-size: 15px;
    }
    .left3 h3 {
        color: #FFFFFF;
    }
	
    .left p {
    color: #FFFFFF;
    font-size: 15px;
    }
    .left .patpal {
        color: #70ffc4;
        font-size: 23px;
        text-decoration: none;
        font-weight: normal;
    }
    .left .vipcre {
        color: #0FC;
        font-size: 23px;
		background-color:#2e2f30;
        text-decoration: underline;
        font-weight: normal;
    }
.left .bitcash {
        color: #70fff3;
        font-size: 23px;
        text-decoration: underline;
        font-weight: normal;
    }
    .left .credit {
        font-size: 22px;
        font-weight: normal;
        color: #FFFF00;
        text-decoration: underline;
    }
.left2 .bitcash {
        color: #b4ff4e;
        font-size: 23px;
        text-decoration: underline;
        font-weight: normal;
    }
    .left2 .credit {
        font-size: 34px;
        font-weight: normal;
        color: #FFFF00;
        text-decoration: underline;
    }
	
.leftwco .bitcash {
        color: #b4ff4e;
        font-size: 23px;
        text-decoration: underline;
        font-weight: normal;
    }
    .leftwco .credit {
        font-size: 34px;
        font-weight: normal;
        color: #FFFF00;
        text-decoration: underline;
    }
	
.left3 .bitcash {
        color: #ffc4f4;
        font-size: 28px;
        text-decoration: underline;
        font-weight: normal;
    }

	
.left .credit_fr {
    font-size: 22px;
    font-weight: normal;
    color: #FFFF00;
    text-decoration: underline;
    }
    .right {
    background-color: #b0dcff;
    }
    .right_bc {
    background-color: #d9e4f1;
    }
    .right_bc a{
	text-decoration:underline;
    }
.right_ja  {
    padding-top: 2px;
}

    .right p {
    line-height: 20px;
    font-size: 14px;
    }
.right a {
    text-decoration: underline;
    font-size: 19px;
}
.right a:hover  {
    color: #F60;

}

/*******stage_04*******/
section.stage_04 {
    background-color: #3d494f;
    text-align: center;
    width: 100%;
}
    .stage_04 h2 {
    color: #FFF;
    font-size: 110%;
    }
	.stage_04 h3 {
    color: #FF0;
    font-size: 26px;
	text-decoration: underline;
    }
.stage_04  a {
    color: #5C2EFF;
    font-size: 90%;
    width: 100%;
    text-align: center;
    display: block;
    font-weight: bold;
    margin: 0 auto;
    padding: 20px 0;
    text-decoration: none;
    }
.stage_04 a img {
    margin: 0 auto;
    display: block;
    width: ;
}
.stage_04 a:hover{
    color: #FF3333;
    background-color: rgba(255,255,255,0.3);
    }

/*******stage_05*******/
section.stage_05 {
    background-color: #FFFFFF;
    width: 100%;
    border-bottom: 1px solid #000000;
    padding-top: 5px;
}

.stage_05 h3 {
    text-align: center;
    font-size: 15px;
    padding-bottom: 2px;
}
.stage_05 p {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 15px;
    text-align: center;
}
.stage_05 a {
    text-align: center;
    text-decoration: underline;
    color: #5C2EFF;
    font-weight: bold;
	font-size:18px;
}


/*******stage_06*******/
section.stage_06 {
    width: 100%;
    background-color: #FFFFFF;
    padding-bottom: 0px;
    padding-top: 5px;
	display: flex;
}
    .stage_06 h3  {
        text-align: center;
    }
    .stage_06 a {
        display: block;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0px;
        width: 181px;

    }
.stage_06 a img {
	margin-left:0px;
    width: 181px;
}


/*******stage_last*******/
footer{
    width: 100%;
        background-color: #333;
        padding-top: 15px;
}
    footer p {
        color: #FFFFFF;
        text-align: center;
    }
    footer p:nth-child(3){
    font-size: 12px;
    }
    footer ul {
        display: flex;
        justify-content: center;
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    footer ul .FQA {
        border-left: solid #FFFFFF 1px;
        border-right: solid #FFFFFF 1px;
    }
    footer ul .FQA+ .FQA {
        border-left: 0px;
        border-right: solid #FFFFFF 1px;
    }
    footer ul li a{
        color: #FFFFFF;
        font-size: 13px;
        padding-right: 15px;
        padding-left: 12px;
        display: block;
    }
footer ul li a:hover {
    color: #9070FF;
    font-size: 13px;
    text-decoration: underline;
    }
    footer li a img {
        width: 40px;
    }
    
.btn {
  background: #f6f6f6;
  background-image: -webkit-linear-gradient(top, #b7b7b7, #ababab);
  background-image: -moz-linear-gradient(top, #b7b7b7, #ababab);
  background-image: -ms-linear-gradient(top, #b7b7b7, #ababab);
  background-image: -o-linear-gradient(top, #b7b7b7, #ababab);
  background-image: linear-gradient(to bottom, #d6ffd9, #bbd0b6);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #a5a5a5 1px;
  text-decoration: none;
}
    .btn_a {
    width: 80%;
    margin: 10px auto;
    font-size: 16px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    }

.btn:hover {
  background: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #f6f6f6);
  background-image: -moz-linear-gradient(top, #dddddd, #f6f6f6);
  background-image: -ms-linear-gradient(top, #dddddd, #f6f6f6);
  background-image: -o-linear-gradient(top, #dddddd, #f6f6f6);
  background-image: linear-gradient(to bottom, #dddddd, #f6f6f6);
  text-decoration: none;
}

.btnc {
  background: #f6f6ff;
  background-image: -webkit-linear-gradient(top, #b7b7b7, #ababab);
  background-image: -moz-linear-gradient(top, #b7b7b7, #ababab);
  background-image: -ms-linear-gradient(top, #b7b7b7, #ababab);
  background-image: -o-linear-gradient(top, #b7b7b7, #ababab);
  background-image: linear-gradient(to bottom, #ffb895, #f9cdb9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #a5a5a5 1px;
  text-decoration: none;
}
    .btnc_a {
    width: 50%;
    margin: 10px auto;
    font-size: 16px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    }

.btnc:hover {
  background: #dddddf;
  background-image: -webkit-linear-gradient(top, #dddddd, #f6f6f6);
  background-image: -moz-linear-gradient(top, #dddddd, #f6f6f6);
  background-image: -ms-linear-gradient(top, #dddddd, #f6f6f6);
  background-image: -o-linear-gradient(top, #dddddd, #f6f6f6);
  background-image: linear-gradient(to bottom, #666666, #dddddd);
  text-decoration: none;
}

}




/********* スマホ用 **********/
@media screen and (max-width: 540px){
body{
    margin: 0 auto;
    width: 340px;
    background-color: #D3D3D3
} 
.wrap {
    width: 100%;
    position: relative;
    border: 1px solid #000000;
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}
.wrap h1{
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #000000;
    background-color: #FFFFFF;
    }
.wrap .fast{
    text-align: center;
    font-size: 75%;
    background-color: #FFFFFF;
    }
.wrap .flagtop {
    display: flex;
	background-color:#666;
	justify-content: center;
    margin-bottom: 0px;
    padding-bottom: 0px;
	padding-right: 20px;
	padding-left: 20px;
}

    .flagtop li a img {
        width: 40px;
    }

    
    
/*配置換え*/
    .stage_01{
        order:5;
    }
    .stage_03{
        order:1;
    }
    .stage_04{
        order:2;
    }
    .stage_05{
        order:3;
    }
    .stage_06{
        order:4;
    }
    footer{
        order:6;
    }
    

/*******stage_01*******/
header.stage_01 {
    background-color: #FFFFFF;
    width: 100%;
}
header {
	width: 948px;
	background-color: #FFF;
}
    header ul{
    justify-content: center;
    flex-wrap: wrap;
    background-color: #FFFFFF;
    }
    header ul li{
    flex-grow: 1;
    text-align: center;
    }
    header ul li a{
    color: #00F;
    text-decoration: underline;
    display: block;
    }
.sample {
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    background-color: #FFFFFF;
    border-top: 1px solid #000000;
}
    .sample a{
        color: #00F;
        flex-grow: 1;
        text-decoration: underline;
        line-height: 22px;
        display: block;
        font-weight: bold;
        text-align: center;
        }

/*******stage_03*******/
section.stage_03 {
    width: 100%;
    padding-bottom: 5px;
    background-color: #FFFFFF;
}
    .payment {
    margin-right: 0px;
    background-color: #e3e3e3;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    }
    .box_base {
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
	color:#000;
    margin-top: 3px;
	background-color: #959fb5;
    display: block;
    padding-bottom: 7px;
    }
    .box_base3 {
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
	color:#000;
    margin-top: 3px;
	background-color: #8584c9;
    display: block;
    padding-bottom: 7px;
    }
    .box_base h3 {
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    }
.left {
    background-color: #000000;
}

    .leftwco {
        background-color: #8d4e81;
		/**#a5319d ;**/
    }
    .leftwco:hover {
        background-color: #351a2f;
    }
    .leftwco p {
    color: #FFFFFF;
    font-size: 15px;
    }
    .leftwco h2 {
        color: #6cfff1;
		font-size: 20px;
    }
    .leftwco h3 {
        color: #FFFFFF;
		font-size: 20px;
    }
    .leftwco h4 {
        color: #FFFFFF;
		font-size: 16px;
    }
	
.leftwco .bitcash {
    color: #b4ff4e;
    font-size: 30px;
    text-decoration: none;
    font-weight: normal;
    }	

    .left h3 {
    color: #FFFFFF;
    }
    .left h4 {
        color: #FFFFFF;
		font-size: 16px;
    }

    .left p {
    color: #FFFFFF;
    font-size: 12px;
    }
    .left .patpal {
    color: #70fff3;
    font-size: 32px;
    text-decoration: none;
    font-weight: normal;
    }
    .left .vipcre {
    color: #0FC;
    font-size: 24px;
	background-color:#2e2f30;
    text-decoration: none;
    font-weight: normal;
    }
.left .bitcash {
    color: #70fff3;
    font-size: 30px;
    text-decoration: none;
    font-weight: normal;
    }
    .left .credit {
    font-size: 23px;
    font-weight: normal;
    color: #FFFF00;
    text-decoration: none;
    }
	
.left2 .bitcash {
        color: #b4ff4e;
        font-size: 30px;
        text-decoration: none;
        font-weight: normal;
    }
    .left2 .credit {
        font-size: 34px;
        font-weight: normal;
        color: #FFFF00;
        text-decoration: none;
    }
	
    .left2 h4 {
        color: #FFFFFF;
		font-size: 16px;
    }
	
.left .credit_fr {
    font-size: 25px;
    font-weight: normal;
    color: #FFFF00;
    text-decoration: underline;
    }

.left img {
    margin: 0 auto;
    display: block;
}
    .right {
    background-color: #E3E3E3;
    padding-bottom: 3px;
    }
    .right p {
    font-size: 13px;
    line-height: 18px;
    }
.right a {
    text-decoration: underline;
}


/*******stage_04*******/
section.stage_04 {
    background-color: #60605c;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 5px;
    width: 100%;
    margin-top: 0px;
}
    .stage_04 h2 {
    color: #fdfeff;
    font-size: 16px;
    }
	.stage_04 h3 {
    color: #ddff23;
    font-size: 25px;
    }
    .stage_04 a{
    color: #ddff23;
    font-size: large;
    width: 100%;
    text-align: center;
    display: block;
    text-decoration: underline;
    }
.stage_04 a img {
    margin: 10px auto;
    display: block;
    width: 100%;
}
    .stage_04 a:hover{
    color: #3CF;        
    }

/*******stage_05*******/
section.stage_05 {
    background-color: #FFFFFF;
    width: 100%;
    border-bottom: 1px solid #000000;
    padding-top: 5px;
}
.stage_05 h3 {
    text-align: center;
    font-size: 15px;
    padding-bottom: 2px;
}

.stage_05 p {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 12px;
    text-align: center;
}
.stage_05 a {
    text-align: center;
    text-decoration: underline;
    color: #5C2EFF;
    font-weight: bold;
}


/*******stage_06*******/
section.stage_06 {
    width: 100%;
    background-color: #FFFFFF;
    padding-bottom: 5px;
    padding-top: 5px;
}
    .stage_06 h3  {
        text-align: center;
    }
    .stage_06 a {
    display: block;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    }
.stage_06 a img {
    display: block;
    margin: 0 auto;
    width: 80%;
}


/*******stage_last*******/
footer{
    width: 100%;
    background-color: #333;
    padding-top: 15px;
}
    footer p {
        color: #FFFFFF;
        text-align: center;
        font-size: small;
    }
    footer ul {
        justify-content: center;
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    footer ul .FQA {
        text-align: center;

    }
    footer ul li a{
        color: #FFFFFF;
        font-size: 13px;
        padding-right: 15px;
        padding-left: 12px;
        display: block;
        text-decoration: underline;
    }
footer .flag {
    display: flex;
}

    footer li a img {
        width: 40px;
    }
    
a.btn_sp,
a.btn_sp:hover,
a.btn_sp:visited{
    position: relative;
    display: block;
    width: 95%;
    font-weight: bold;
    text-decoration: none;
    line-height: 24px;
    text-align: center;
    border-top: 1px solid #6b7688;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px #222;
    background: #586170;
    background: -webkit-gradient(linear, left top, left bottom, from(#586170), to(#424551));
    background: -moz-linear-gradient(top,  #586170,  #424551);
    background: -o-linear-gradient(top,  #586170,  #424551);
    background: -ms-linear-gradient(top,  #586170,  #424551);
    background: linear-gradient(top,  #586170,  #424551);
    box-shadow: 0 1px 1px #1d1e20;
    padding: 10px 0;
    margin: 10px auto;
    border-radius: 3px;
}
a.btn_sp:hover { /*マウスホバー時*/
  color: #f2f1f1;
  background: #3f4551;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#333640));
  background: -moz-linear-gradient(top,  #3f4551,  #333640);
  background: -o-linear-gradient(top,  #3f4551,  #333640);
  background: -ms-linear-gradient(top,  #3f4551,  #333640);
  background: linear-gradient(top,  #3f4551,  #333640);
}
a.btn_sp:active{  /* ボタンを押したとき */
    color: #CF0;
    bottom: -2px;
    width: 95%;
    border: none;
    border-bottom: 1px solid #6b7688;
    background: #3f4551;
    background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#333640));
    background: -moz-linear-gradient(top,  #3f4551,  #333640);
    background: -o-linear-gradient(top,  #3f4551,  #333640);
    background: -ms-linear-gradient(top,  #3f4551,  #333640);
    background: linear-gradient(top,  #3f4551,  #333640);
    box-shadow: 0 0 3px #1d1e20 inset;
}

/*改行処理*/
.css-br::after {
  content: "\A" ;
  white-space: pre;
}

/*:::::::::::::::スマホサイズでは表示させない:::::::::::::::*/
.deaden_SP {
    display: none;
}
/*:::::::::::::::この下には書き込まない:::::::::::::::*/
}