@charset "utf-8";

/*-----------------------------------------------------
content
-------------------------------------------------------*/

.tac{
	text-align: center;
}
.txtw{
	color:#fff;
}

.pd10{
	padding:10px;
}

.m1{
	background-image: url(../images/m1_02.png),url(../images/bk-dot.svg);
	background-repeat: no-repeat, repeat;
	background-size: contain,9px;
	padding-top:5px;
	padding-bottom:40px;
	background-color: #a8dae2;
	}

@media only screen and (max-width: 600px) {
.m1{
	background-image: url(../images/m1_sp_02.png),url(../images/bk-dot.svg);
	background-repeat: no-repeat, repeat;
	background-size: contain,9px;
	}
}


.cpn_txt{
	text-align:right;
	margin-top:-10px;
	color:#fba000 !important;
	font-weight:900;
}
@media only screen and (max-width: 600px) {
.cpn_txt{
	text-align:left;
	margin-top:0px;
}
}

.m_notice{
	max-width:620px;
	margin:10px auto 0px auto;
	width:98%;
}
@media only screen and (max-width: 600px) {
.m_notice{
font-size:0.8em;
}	
	}


.bk_green{
background-color: #2dc490;
}
.bk_blue{
background-color: #9c7db6;
}
.box_blue{
	background-color: #7871b4;
	border:2px solid #685fbb;
	border-radius:10px;
	padding:10px;
	color:#fff;
}
.box_blue h4{
	border-bottom:2px dotted #fff;
}
.box_blue h4 span.big{
	font-size:1.4em;
}
.taisyo{
	color:#fff;
	text-align: center;
	border-radius:10px;
	padding:10px;
	font-weight:900;
	margin-top:10px;
	font-size:1.3em;
}
.s_txt{
	font-size:0.8em;
}
.tit1{
 padding:10px 0px 10px 0px;
 text-align: center !important; 
  position: relative;
}
.tit1 .bk_g_txt{
	width:90%;
	max-width:360px !important;
	margin:0 auto;
	text-align: center;
	
}
.tit1 img.nami1{
	width:100%;	
	max-width:100%;
	position:absolute;
	bottom:-1px;
	left:0;
	height: auto !important;
}



#contentArea img{
	max-width: 100%;
}

.waku{
	border: 1px solid #D6D6D6;
	margin: 1em 0;
	padding: 1.0em;
/*
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
*/
}

.waku2{
	border: 2px solid  #b5d676;
}

.waku a{
	color: #af4400;
}

.attention{
	font-size: 1.1em
}

.attention_g{
	font-size: 1.1em;
	clear: both;
	border: 1px solid #c1611b;
	padding: 15px 10px 5px;
	margin-top: 30px;
	margin-bottom: 15px;
	position: relative;
	background-position:left top;
	background-color: #a8dae2;
}


.attention_g p{
	padding-left: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
}
.attention_g a{
	font-color: #6e3811;
	font-size: 1.2em;
}

.attention_g h4{
	border: 1px solid #c1611b;
	padding: 0 15px;
	position: absolute;
	background-color: #fff;
	top:-15px;
	left:20px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 5px 0;
}

/* 定期 緑のボックス*/

.table_happy_teiki.f_l{float:left;width:46.5%;}
.table_happy_teiki.f_r{float:right;width:46.5%;}
	@media only screen and (max-width: 700px) {
	.table_happy_teiki.f_l,.table_happy_teiki.f_r{float:none;width:100%;}
	}

.table_happy_teiki{
	background-color: #3eac77;
	color:#fff;
	padding:15px 10px 0px 10px;
	border-radius:10px;
	margin-bottom:10px;
}

.table_happy_teiki a{
	color:#fff;
}



.table_happy_teiki h2{
	float:left;
	width:30% !important;
	text-align: center;
	border-right:none !important;
	color:#fff;
	margin-left:5px;
	vertical-align: middle;
}

.table_happy_teiki p{
	float:right;
	width:60%;
	padding-left:10px;
	border-left:#fff 2px dotted;
}

/* 外貨 オレンジのボックス*/

.table_happy_teiki2{
	background-color: #f29219;
	color:#fff;
	padding:15px 10px 0px 10px;
	border-radius:10px;
	margin-bottom:10px;
}

.table_happy_teiki2 a{
	color:#fff;
}

.table_happy_teiki2 h2{
	float:left;
	width:58% !important;
	text-align: center;
	border-right:none !important;
	color:#fff;
}

.table_happy_teiki2 p{
	float:right;
	width:40%;
	padding-left:10px;
	border-left:#fff 2px dotted;
}


@media only screen and (max-width: 640px) {
.table_happy_teiki2 h2{
	float:left;
	width:48% !important;
	text-align: left;
	border-right:none !important;
}

.table_happy_teiki2 p{
	width:50%;
}
}


/*
.taisho02{
	width: 100%;
	border-radius: 15px;
	padding: 5px;
	background-color: #f5ab47;
	margin: 5px 0;
}
.taisho02 img{
width: 50%;
margin: 5px auto;
}
*/

.p1 .flrp h4:first-child{
	 margin-top: -30px;
}

/*SP*/
@media screen and (max-width: 670px) {
  .waku{
	  padding: 0.5em;
  }
}

.p1{
	background-color: #fcede6;
	border:2px solid #ec818b;
	border-radius:15px;
	padding:10px;
}
.p2{
	background-color: #fff8e5;
	border:2px solid #f29f7d;
	border-radius:15px;
	padding:10px;
}

.p1 .flrp{
	float:right;
	width:50%;
	padding:10px;
	text-align: center;
}  
.p1 .flrp h4{
	border-bottom:2px dotted #f0929a;
	color:#ec818b;
	font-weight:900;
	font-size:1.3em;
	margin-bottom:5px;
	padding:5px;
	text-align:left !important;
}
.p1 .flrp p{
	text-align:left !important;
}
.p1 .flrp img{
	max-width:80% !important;
	margin:-10px auto 0 auto!important;
}
.p1 .gbox{
    color:#fff;
    padding:10px;
    float:left;
	width:38%;
	border-collapse: collapse;
	border-spacing: 0;
}

.p1 .gbox th{
	height:10px;
}

.p1 .gbox td{
	vertical-align: middle;
	background-color: #f0929a;
	text-align: center;
	padding:10px;
}
.p1 .gbox .gtxt1{
	font-size:1.4em;
    border-radius:10px 10px 0 0 ;
    border-bottom:2px dotted #fff;
}
.p1 .gbox .gtxt2{
    border-radius:0 0 10px 10px;
}
.gtxt{
	color:#ec818b;
	font-weight:bold;
	max-width:38%;
	margin-bottom:5px !important;
	font-size:1.3em;
}

.sankaku{
	width: 0;
	height: 0;
	border-top: 80px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 80px solid transparent;
	border-left: 30px solid #f0929a;
	position:absolute;
	right:50%;
	top:30%;
}


@media only screen and (max-width: 640px) {

.p1 .flrp{
	float:none;
	width:100%;
	padding:10px;
	text-align: center;
}
.p1 .flrp h4:first-child{
	 margin-top: 0px;
}
   
.p1 .gbox{
    color:#fff;
    padding:10px;
    float:none;
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.sankaku{
	width: 0;
	height: 0;
	border-top: 20px solid #f0929a;
	border-right: 60px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 60px solid transparent;
	position:relative;
	right:auto;
	top:auto;
	margin:10px auto -30px auto;
}

.gtxt{
	color:#ec818b;
	font-weight:bold;
	max-width:100%;
	margin-bottom:5px !important;
	font-size:1.3em;
	text-align: center;
}


}




/*  */

.p2 .flrp{
	float:right;
	width:50%;
	padding:10px;
	text-align: center;
}
.p2 .flrp h4:first-child{
	 margin-top: -20px;
}
   
.p2 .flrp h4{
	border-bottom:2px dotted #f29f7d;
	color:#f29f7d;
	font-weight:900;
	font-size:1.3em;
	margin-bottom:5px;
	padding:5px;
	text-align:left !important;
}
.p2 .flrp p{
	text-align:left !important;
}
.p2 .flrp img{
	max-width:80% !important;
	margin:-10px auto 0 auto!important;
}
.p2 .gbox{
    color:#fff;
    padding:10px;
    float:left;
	width:38%;
	border-collapse: collapse;
	border-spacing: 0;
}

.p2 .gbox th{
	height:10px;
}

.p2 .gbox td{
	vertical-align: middle;
	background-color: #efa37f;
	text-align: center;
	padding:10px;
}
.p2 .gbox .gtxt1{
	font-size:1.4em;
    border-radius:10px 10px 0 0 ;
    border-bottom:2px dotted #fff;
}
.p2 .gbox .gtxt2{
    border-radius:0 0 10px 10px;
}
.p2 .gtxt{
	color:#f29f7d;
	font-weight:bold;
	max-width:44%;
	margin-bottom:5px !important;
	font-size:1.3em;
}

.p2 .sankaku{
	width: 0;
	height: 0;
	border-top: 80px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 80px solid transparent;
	border-left: 30px solid #efa37f;
	position:absolute;
	right:50%;
	top:30%;
}



@media only screen and (max-width: 640px) {

.p2 .flrp{
	float:none;
	width:100%;
	padding:10px;
	text-align: center;
}
.p2 .flrp h4:first-child{
	 margin-top: 0px;
}
   
.p2 .gbox{
    color:#fff;
    padding:10px;
    float:none;
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.p2 .sankaku{
	width: 0;
	height: 0;
	border-top: 20px solid #efa37f;
	border-right: 60px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 60px solid transparent;
	position:relative;
	right:auto;
	top:auto;
	margin:10px auto -30px auto;
}

.p2 .gtxt{
	font-weight:bold;
	max-width:100%;
	margin-bottom:5px !important;
	font-size:1.3em;
	text-align: center;
}


}

/*  */

.pc_tar{
	text-align:right;
}
@media only screen and (max-width: 640px) {
.pc_tar{
	text-align:left;
}

}
.p1 a,.p2 a,.box_blue a{
	color:#fff;
}
.fllp{
	 position: relative;
}

.bdbd{
	border-bottom:2px dotted #fff;
}

span.small{font-size:0.8em;}
span.bold{font-weight:900;}

img{max-width:100%;}

section.last_p{
	border:2px solid #5bb1e4;
	border-radius:10px;
	margin-bottom:10px;
}
section.lpb1{
    background-color: #e9dced;
    border: #805ca4 2px solid;
}
section.lpb1 p.logo img{
	max-width:30%;
	width:100px;
	float:left;
}
section.lpb1 p.logo{
	margin-top:-20px;
}
section.lpb2{
    background-color: #e2e8f6;
    border: #7e7cbb 2px solid;
}
section.lpb3{
    background-color: #bfe4f5;
}


section.last_p h4{
	font-size:1.3em;
	border-bottom:3px dotted #9c7db6;
	color: #9c7db6;
	padding:5px;
}
section.last_p p{
	padding:5px;
}
section.last_p p img{
	float:right;
}
section.lpb1 p img,section.lpb3 p img{
	padding:10px;
}


section.last_p .lpfll{
	float:left;
	width:50%;
	padding:10px;
}
section.last_p .lpflr{
	float:right;
	width:45%;
    text-align: center;
}
section.lpb1 .lpflr img{
    margin-bottom:-10px;
}
section.lpb3 .lpflr img{
    margin-top:-20px;
}
@media only screen and (max-width: 600px) {
section.last_p .lpfll{
	float:none;
	width:100%;
	padding:10px;
}
section.last_p .lpflr{
	float:none;
	width:100%;
    text-align: center;
}
section.lpb1 .lpflr img{
    margin-bottom:0px;
}
section.lpb3 .lpflr img{
    margin-top:0px;
}
}


span.small{
	font-size:0.7em;
}



.bat_box{
	background-color: #f4eaf8;
	padding:10px;
}








/* =========== */



@media only screen and (min-width: 501px) {
.pc_h{display:none}

}
@media only screen and (max-width: 500px) {
.sp_h{display:none}

}
@media print {
.pc_h{display:none}
}



section.s1{
	padding:10px;
	border-radius: 10px;
}

section.s1 div.s1_inner{
	background-color: #ffffff;
	border-radius: 10px;
	padding:25px 20px 15px 20px;
}
section.s1 div.s1_inner .m_img{
	text-align: center;
}
section.s1 div.s1_inner .m_img img{
	width:600px;
	margin:0 auto;
}
section.s1 div.s1_inner .ex1{
	background-color: #fffbc7;
	border-radius:10px 10px 0 0;
	padding:15px;
	margin-bottom:0px !important;
}
section.s1 div.s1_inner .ex2{
	background-color: #fffcdb;
	border-radius:0px 0 10px 10px ;
	margin-top:0px !important;
	padding:15px;
}


.cpn_txt2 img{
	max-width:660px;
	width:96%;
	margin:20px auto 0px auto;
	padding:0 0 20px 0;
}


.cpn_txt3{
	max-width:685px;
	z-index: 2;
}
.cpn_txt3 table{
	max-width:685px;
}
.cpn_txt3 td img{
	max-width:560px !important;
}
.cpn_txt3 th{
	background-color: #d78220;
	vertical-align: middle;
	padding:10px;
	border-radius:10px;
}
.cpn_txt3 td{
	padding-left:10px;
}

.cpn_txt3_sp p{
	margin:15px auto;
	max-width:96%;
}
@media only screen and (min-width: 671px) {
.cpn_txt3_sp{display:none}

}
@media only screen and (max-width: 670px) {
.cpn_txt3{display:none}

}


.bt_red{
	text-decoration: none !important;
}
.bt_red div{
	background-color: #DE2A64;
	max-width:80%;
	width:400px;
	text-align: center;
	margin:0 auto;
	padding:15px 10px;
	color:#fff !important;
	border-radius: 5px;
	font-weight:900;
	margin-top:20px;
}
.bt_pink div{
	background-color: #e15380 !important;
}
.bt_green div{
	background-color: #38c99b !important;
}
.bt_orange div{
	background-color: #45b7c9 !important;
}

.bt_red span.pdf_w{
	background-color: #fff;
	color: #DE2A64;
	font-weight:900;
	padding:0px 5px;

}

.bt_gaiyo a:hover{
	opacity:0.5 !important;
}




.cpn_box{
/* 	display: flex; */
	font-weight:900;
	width:100%;
	background-color: #02b3c5;
	border-radius:10px;
	padding:10px;
	margin-bottom:20px;
}
.cpn_box .cpn-ttl{
	font-size:1.5em;
	color:#DE2A64;
	text-align: center;
	padding:5px;
	border-radius:8px;
	background-color: #fff;
	border:6px solid #beebf0;
}
.cpn_box ul{
	margin:15px 0 5px 0;
	font-size:1.5em;
	 color: #fff;
}
.cpn_box ul li{
	margin:5px 0;
}

.cpn_box ul span{
    color: #fff33f;
}