@charset "utf-8";

/*　reset
*********************************************************/

*{
	margin:0;
	padding:0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


body{
background-color: #030100;


/* background-image: url("https://www.transparenttextures.com/patterns/ag-square.png"); */

	color: #111111;
	font-size:16px;
	font-weight: 300;
	line-height:1.8;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	height: 100%;

}

body:after {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    content: "";
    z-index: -1;
    background: linear-gradient(180deg, #040528 0%, #000003 100%)fixed;
	background: linear-gradient(180deg, rgba(91,56,0,1) 0%, rgba(73,0,0,1) 46%, rgba(27,0,0,1) 100%);
	/* background: rgb(255,222,95);
	background: linear-gradient(180deg, rgba(255,222,95,1) 0%, rgba(233,134,96,1) 80%, rgba(177,106,85,1) 100%); */
	/* background: rgb(221,255,79);
	background: linear-gradient(180deg, rgba(221,255,79,1) 0%, rgba(0,103,9,1) 80%, rgba(0,42,10,1) 100%); */
	/* background: rgb(80,85,0);
	background: linear-gradient(180deg, rgba(80,85,0,1) 0%, rgba(27,62,0,1) 15%, rgba(10,22,1,1) 49%, rgba(0,0,0,1) 100%); */
	/* background: rgb(221,255,79);
	background: linear-gradient(180deg, rgba(221,255,79,1) 0%, rgba(0,103,9,1) 80%, rgba(0,42,10,1) 100%); */
	/* background: rgb(255,190,83);
	background: linear-gradient(0deg, rgba(255,190,83,1) 0%, rgba(159,56,0,1) 82%, rgba(156,11,0,1) 100%); */
	background: rgb(255,205,222);
background: linear-gradient(180deg, rgba(255,205,222,1) 10%, rgba(88,159,0,1) 70%, rgba(18,116,0,1) 100%);



}


li{list-style-type:none;}
br{letter-spacing:0;}
br.spbr{display: none;}

a:link{text-decoration:none; color:#fcfcfc;}
a:visited{text-decoration:none; color:#cfcfcf;}
a:hover{text-decoration:none; opacity:0.7;}
a:active{text-decoration:none; opacity:0.7;}
.lh1_2{line-height:1.2 !important;}


.pc-only{display:block;}
.pc-only2{display:inline-block;}
.sp-only{display:none;}
.sp-only2{display:none;}

/*　layout
*********************************************************/
#wrapper_service{
background-color: #050000;
background-image: url("https://www.transparenttextures.com/patterns/brilliant.png");
}


.container{
	/* background:#fcfcfc; */
	/* background:#1513137a; */
	background:#000000c3;
	color: #ffffff;
	/*max-width:720px;*/
	max-width:740px;
	width:100%;
	overflow: hidden;
	margin:0 auto;
	text-align: center;
	padding:0;
	border-right: 0.4rem solid #F5CC6D;
	border-left: 0.4rem solid #F5CC6D;
	
}

/*コンテナの上に疑似要素でグラデーションを作り、コンテナと同じ幅で真ん中に持ってきて重ねる*/
/* .container:after {
    position: fixed;
    /* top: 0; left: 0; 
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	max-width:740px;
	width:100%;
    /* width: 100%;  
	height: 100%;
    content: "";
    z-index: -1;
	background: rgb(255,222,95);
	background: linear-gradient(180deg, rgba(255,222,95,1) 0%, rgba(233,134,96,1) 80%, rgba(177,106,85,1) 100%);
}  */



.container2{
-moz-box-shadow: 0px 0px 20px 5px rgba(253, 235, 183, 0.8);
-webkit-box-shadow: 0px 0px 20px 5px rgba(253, 235, 183, 0.8);
-ms-box-shadow: 0px 0px 20px 5px rgba(253, 235, 183, 0.8);
box-shadow: 0px 0px 20px 5px rgba(253, 235, 183, 0.8);
	background:#fcfcfc;
	max-width:720px;
	width:100%;
	overflow: hidden;
	margin:0 auto;
	text-align: center;
	padding:0;
	border-right: 0.4rem solid #F5CC6D;
	border-left: 0.4rem solid #F5CC6D;
}

.container3{
	background:#000000;
	/*max-width:720px;*/
	max-width:740px;
	width:100%;
	overflow: hidden;
	margin:0 auto;
	text-align: center;
	padding:0;
	color:#efefef;
}

.container_fm{
background-color: #ffd4c9;
background-image: url("https://www.transparenttextures.com/patterns/fresh-snow.png");
	max-width:720px;
	width:100%;
	overflow: hidden;
	margin:0 auto;
	padding:0;
}
.container_fm2{
/* background-color: #ffecb2; */
background-color: #ffdddd;
background-image: url("https://www.transparenttextures.com/patterns/brilliant.png");
	max-width:720px;
	width:100%;
	overflow: hidden;
	margin:0 auto;
	padding:0;
	color:#222;
}

.main{  
	width:100%;
	text-align:left;
	padding:0 0 5rem 0;
	margin:0 auto;
}
.main p{
	padding:2rem 3rem;
}  


/*オプトインフォーム*/
.opt1{
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/*OPヘッダー*/
.container_opt1{
	max-width:720px;
	width:100%;
	overflow: hidden;
	padding:0;
	color: #efefef;
	position: absolute;
	bottom: -4rem;
}
/*新OPヘッダー*/
.container_opt3{
	max-width:720px;
	width:100%;
	overflow: hidden;
	padding:0;
	color: #efefef;
	position: absolute;
	bottom: -4rem;
}
/*OP、新OP最後*/
.container_opt2{
	max-width:720px;
	width:100%;
	overflow: hidden;
	padding:0;
	color: #111;
	background-color: rgb(255, 219, 219);
	border-radius: 0.3rem;
}

.inner_opt1{
	display: flex;
	justify-content: space-between;
}

.container_opt1 input[type="text"]{
	width:75%;
	padding:1rem 1rem;
	font-size:1.8rem;
	color:#000000;
	font-weight:bold;
	border:0.2rem double #7D342E;
	background-color: #fcfcfc;
	border-radius: 0.5rem;
	margin-left: 1.5rem;
}

.container_opt3 input[type="text"]{
	width:75%;
	padding:1rem 1rem;
	font-size:1.8rem;
	color:#000000;
	font-weight:bold;
	border:0.2rem double #7D342E;
	background-color: #fcfcfc;
	border-radius: 0.5rem;
	margin-left: 1.5rem;
}

.container_opt2 input[type="text"]{
	width:75%;
	padding:1rem 1rem;
	font-size:1.8rem;
	color:#000000;
	font-weight:bold;
	border:0.2rem double #7D342E;
	background-color: #fcfcfc;
	border-radius: 0.5rem;
	margin-left: 1.5rem;
}

.btn_opt1{
	margin: 0 auto ;
	width:100%;
	font-size:3rem;
	font-weight:bold;
	padding:2rem 1rem;
	border-radius: 1rem;
	border:#FDBDAE groove 0rem;
	cursor:pointer;
	color:#ffffff;
	/*background: #dd3032;*/
	background: #ed1c24;
	text-align: center;
	transition: all .5s;
}

/*カウントダウン位置1
.cdt{
	top: 700px;
	bottom: 5rem;
	margin-top:auto;
	display: block;

}

.cdt_outer{
	width: 100%;
	/*height: 700px;
	height:100px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}
*/

/*カウントダウン位置2*/
.cdt{
	top: 700px;
	bottom: 5rem;
	margin-top:auto;
	display: block;

}

.cdt_outer{
	width: 100%;
	/*height: 700px;*/
	height:135px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}


.box-cdt{
	background-color:#c8368229;
	border-radius: 0.5rem;
	margin-bottom:4rem;
}

.cdt_center2{
	position: absolute;
	width: 100%;
	max-width: 880px;
	height: 190px;
	/*top: 0;*/
	top: 50;
	left: 0; /*追加*/
	right: 0; /*追加*/
	/*margin-top: auto;
	margin-bottom: auto;*/
	margin-left: auto; /*追加*/
	margin-right: auto; /*追加*/
}


/*********************** ティザーheader*****************************/
/*********************** ティザーheader end*****************************/


/*********************** header*****************************/

.header_mae2{
	background:url("../../images/a-hit/head221024_2_pc.png") top center no-repeat #030100;
	width: 100%;
	/*height: 700px;*/
	height: 365px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}


.header_mae{
	background:url("../../images/a-treasured/head221206_pc.png") top center no-repeat #030100;
	width: 100%;
	height: 700px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}

.header_mae3-2{
	background:url("../../images/a-hit/head221102_pc.png") top center no-repeat #030100;
	width: 100%;
	height: 700px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}

.header_mae4{
	background:url("../../images/a-hit/head221104_pc.png") top center no-repeat #030100;
	width: 100%;
	height: 700px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}

.header_mae4-2{
	background:url("../../images/a-hit/head221106_pc.png") top center no-repeat #030100;
	width: 100%;
	height: 700px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}

.header_mae4-3{
	background:url("../../images/a-hit/head221107_pc.png") top center no-repeat #030100;
	width: 100%;
	height: 700px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}


.header_sl{
	background:url("../../images/a-draft/head230217_pc.png") top center no-repeat #030100;
	width: 100%;
	height: 700px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}

.header_sl2{
	background:url("../../images/a-hit/head221113_pc.png") top center no-repeat #030100;
	width: 100%;
	height: 700px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}

.header_up{
	background:url("../../images/a-hit/head221114_pc.png") top center no-repeat #030100;
	width: 100%;
	height: 700px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}

.header_oi{
	background:url("../../images/a-hit/head221121_pc.png") top center no-repeat #030100;
	width: 100%;
	height: 850px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}

.header_con{
	background:url("../../images/a-done/head220802_pc.png") top center no-repeat #030100;
	width: 100%;
	height: 850px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
}

/*********************** header end*****************************/

/*************明朝フォント ***************************/

.mincho3{
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:700;
}

.mincho4{
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:900;
}

/*************明朝フォント　end ***************************/



/*************サブヘッド ***************************/
/* .box{
  width: 100%;
	/*background-color: #c2182b;
	background-color: #000000f7;
	background-image: url("https://www.transparenttextures.com/patterns/dark-matter.png");
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 10px 20px rgb(126, 24, 30);
  border-top: 0.4rem solid #F5CC6D;
  border-bottom: 0.4rem solid #F5CC6D;
  color: white;
  padding: 1rem 2rem 2rem 2rem;
  margin-bottom:3rem;
} */


/* .box .content{
  /*border:1px solid #f0a591;
  border:1px solid #ffe297;
  background-color: #00000030;
  background-image: url("https://www.transparenttextures.com/patterns/dark-matter.png");
  padding:3rem 0;
  text-align:center;
  box-shadow: 0 5px 10px rgba(9,0,0,0.5);
  line-height:1.4;
} */

.box{
  width: 100%;
	/* background-color: #c2182b; */
	/* background-color: #000000f7; */
	/* background-image: url("https://www.transparenttextures.com/patterns/dark-matter.png"); */
	/* background-color: #520000;
	opacity: 1;
	background-image:  linear-gradient(135deg, #5f0000 25%, transparent 25%), linear-gradient(225deg, #5f0000 25%, transparent 25%), linear-gradient(45deg, #5f0000 25%, transparent 25%), linear-gradient(315deg, #5f0000 25%, #520000 25%);
	background-position:  4px 0, 4px 0, 0 0, 0 0;
	background-size: 4px 4px;
	background-repeat: repeat; */

	/* background-color: #0f2100;
	opacity: 1;
	background-image:  linear-gradient(135deg, #000000 25%, transparent 25%), linear-gradient(225deg, #000000 25%, transparent 25%), linear-gradient(45deg, #000000 25%, transparent 25%), linear-gradient(315deg, #000000 25%, #0f2100 25%);
	background-position:  4px 0, 4px 0, 0 0, 0 0;
	background-size: 4px 4px;
	background-repeat: repeat; */

	background-image: url("../../images/a-draft/flowering_pink.jpg");
	background-size: 100%;

  box-sizing: border-box;
  overflow: hidden;
  /* box-shadow: 0 10px 20px rgb(126, 24, 30); */
  box-shadow: 0 5px 15px #F5CC6D;
  border-top: 0.4rem solid #F5CC6D;
  border-bottom: 0.4rem solid #F5CC6D;
  color: white;
  padding: 1rem 2rem 2rem 2rem;
  margin-bottom:3rem;
}

.box .content{
  /*border:1px solid #f0a591;*/
  border:1px solid #ffe297;
  background-color: #000000cf;
  padding:3rem 0;
  text-align:center;
  box-shadow: 0 5px 10px rgba(9,0,0,0.5);
  line-height:1.4;
}


.box .sheadtop{
  padding:1rem 0.5rem;
  text-align:left;
  font-size:1.4rem;
  /*color:#FBD0C5;*/
  /* color: #ffe5b2; */
  color: #916000;
/*  background:rgba(126,24,28,0.4);*/
}
/**********************************************************/

/**********************************************************/
.box2wrap{
	max-width:720px;
	width:100%;
	margin:2rem auto;
}


.box2{
  width: 100%;
  border: 0.3rem solid #DDA242;
  border-image: linear-gradient(to right, #DDA242 0%, #FFE791 30%, #F7EAC3 50%, #FFE884 80%, #FFF5C9 100%);
  border-image-slice: 1;
-moz-box-shadow: 0px 0px 28px 19px rgba(240, 71, 34, 0.8);
-webkit-box-shadow: 0px 0px 28px 19px rgba(240, 71, 34, 0.8);
-ms-box-shadow: 0px 0px 28px 19px rgba(240, 71, 34, 0.8);
box-shadow: 0px 0px 28px 19px rgba(240, 71, 34, 0.8);
  color: #271A02;
  text-shadow: 2px 2px 2px #FDF0D9, 0 0 #060400;
  padding:2rem;
background-color: #1f0600;
background-image: url("https://www.transparenttextures.com/patterns/brilliant.png");
}


.box3{
  width: 100%;
  border: 0.3rem solid #DDA242;
  border-image: linear-gradient(to right, #DDA242 0%, #FFE791 30%, #F7EAC3 50%, #FFE884 80%, #FFF5C9 100%);
  border-image-slice: 1;
-moz-box-shadow: 0px 0px 28px 19px rgba(240, 71, 34, 0.8);
-webkit-box-shadow: 0px 0px 28px 19px rgba(240, 71, 34, 0.8);
-ms-box-shadow: 0px 0px 28px 19px rgba(240, 71, 34, 0.8);
box-shadow: 0px 0px 28px 19px rgba(240, 71, 34, 0.8);
  color: #FCF2B7;
  text-shadow: 2px 2px 2px #FF5942, 0 0 #060400;
  padding:2rem;
background-color: #1f0600;
background-image: url("https://www.transparenttextures.com/patterns/brilliant.png");
}


.box2 .content{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edc76f+0,ffe791+26,f7eac3+50,f7eac3+57,fbdf93+72,e0b46d+99 */
background: #edc76f; /* Old browsers */
background: -moz-linear-gradient(-45deg, #edc76f 0%, #ffe791 26%, #f7eac3 50%, #f7eac3 57%, #fbdf93 72%, #e0b46d 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #edc76f 0%,#ffe791 26%,#f7eac3 50%,#f7eac3 57%,#fbdf93 72%,#e0b46d 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #edc76f 0%,#ffe791 26%,#f7eac3 50%,#f7eac3 57%,#fbdf93 72%,#e0b46d 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc76f', endColorstr='#e0b46d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-moz-box-shadow: 0px 0px 11px 4px rgba(240, 71, 34, 0.8);
-webkit-box-shadow: 0px 0px 11px 4px rgba(240, 71, 34, 0.8);
-ms-box-shadow: 0px 0px 11px 4px rgba(240, 71, 34, 0.8);
box-shadow: 0px 0px 11px 4px rgba(240, 71, 34, 0.8);

  border:1px solid #FEF1C5;
  padding:4rem 0;
  text-align:center;
  line-height:1.4;
}
.box3 .content2{
background-color: #f22b24;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
-moz-box-shadow: 0px 0px 11px 4px rgba(240, 71, 34, 0.8);
-webkit-box-shadow: 0px 0px 11px 4px rgba(240, 71, 34, 0.8);
-ms-box-shadow: 0px 0px 11px 4px rgba(240, 71, 34, 0.8);
box-shadow: 0px 0px 11px 4px rgba(240, 71, 34, 0.8);

  border:1px solid #FEF1C5;
  padding:4rem 0;
  text-align:center;
  line-height:1.4;
}

/***************************************/
.sheadtop2{
  padding:1rem;
  text-align:center;
  font-size:1.4rem;
  color:rgba(181,55,10,0.6);
  border-radius:1.5rem 1.5rem 0 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edc76f+0,ffe791+26,f7eac3+50,f7eac3+57,fbdf93+72,e0b46d+99 */
background: #edc76f; /* Old browsers */
background: -moz-linear-gradient(-45deg, #edc76f 0%, #ffe791 26%, #f7eac3 50%, #f7eac3 57%, #fbdf93 72%, #e0b46d 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #edc76f 0%,#ffe791 26%,#f7eac3 50%,#f7eac3 57%,#fbdf93 72%,#e0b46d 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #edc76f 0%,#ffe791 26%,#f7eac3 50%,#f7eac3 57%,#fbdf93 72%,#e0b46d 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc76f', endColorstr='#e0b46d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	max-width:250px;
	width:40%;
	/*  background:rgba(126,24,28,0.4);*/
	position:relative;
	z-index:99999999999;
}
.sheadtop3{
  padding:1rem;
  text-align:center;
  font-size:1.4rem;
  color:rgba(255,255,255,0.6);
  border-radius:1.5rem 1.5rem 0 0;
background-color: #f22b24;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	max-width:250px;
	width:40%;
	/*  background:rgba(126,24,28,0.4);*/
	position:relative;
	z-index:99999999999;
}
/**********************************************************/

/*************サブヘッド end***************************/


textarea.text02 {
	padding: 10px;
	font-size:2rem;
	width:100%;
	height: 120px;
	border:0.2rem double #7D342E;
	background-color: #fcfcfc;
	border-radius: 0.5rem;
	/*background-image: url("https://www.transparenttextures.com/patterns/ecailles.png");*/
}

.a-form {
}
.a-form form{
	width: 90%;
	margin: 2em auto;
	text-align: left;
}


input[type="text"]{
	width:100%;
	padding:2rem 1rem;
	font-size:2.3rem;
	color:#000000;
	font-weight:bold;
	border:0.2rem double #7D342E;
	background-color: #fcfcfc;
	border-radius: 0.5rem;
}

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

p{padding-top:3rem; }


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



.footer {
	width:100%;
	max-width:700px;
	overflow: hidden;
	margin:0px auto;
	text-align: center;
	line-height:1;
}

.footer a{
	font-weight:800;
}



.footer ul.link {
	margin:auto;
	text-align:center;
}

	
.footer ul.link  li {
	list-style: none;
	display:inline-block;
	text-align: center;
	padding: 1.5rem;
}



button{
	margin: 0 auto ;
	width:100%;
	font-size:4rem;
	font-weight:bold;
	padding:3rem 1rem;
	border-radius: 7rem;
	border:#FDBDAE groove 0.5rem;
	cursor:pointer;
	color:#ffffff;
	background: #dd3032;
	text-align: center;
	transition: all .5s;
}

button:hover{
	transform: scale(1.1,1.1);
	border:transparent groove 0.5rem;
}
button a:hover{
	opacity:1;
}
button a:visited{
	color:#fcfcfc;
}

.button2{
	margin: 0 auto ;
	/*max-width:720px;*/
	max-width:650px;
	width:100%;
	font-size:4rem;
	font-weight:bold;
	padding:3rem 1rem;
	border-radius: 7rem;
	border:#FDBDAE groove 0.5rem;
	cursor:pointer;
	color:#ffffff;
	background: #dd3032;
	text-align: center;
	transition: all .5s;
}

.button2:hover{
	transform: scale(1.1,1.1);
	border:transparent groove 0.5rem;
}


.hittsu{
display: inline-block;
    min-width: 5rem;
    text-align: center;
    background-color: #d82424;
    color: #fff6d7;
    font-weight: bold;
    padding: 0 5px;
    margin-left: 1rem;
    font-size: 14px;
    vertical-align:middle;
}


/****************************************/
.box_y{
	background:#F6EB71;
	padding:0.5rem;
}

.left_border{
	margin:0 auto 3rem auto;
	width:94%;
	/*border-left:1.5rem solid #F82326; */
	border-left:2.5rem solid #ed1c24; 
	border-radius:1rem;
	margin-left:2rem;
	padding:1rem 1rem 1rem 2rem;
	/*border-top:#cdcdcd solid 0.2rem;
	border-right:#cdcdcd solid 0.2rem;
	border-bottom:#cdcdcd solid 0.2rem;*/
	border-top:#f6c0c0 solid 0.2rem;
	border-right:#db9090 solid 0.2rem;
	border-bottom:#db9090 solid 0.2rem;
	/*background:#FDF6D7;*/
	background:#ffeadf;
}
/****************************************/
/****************************************/
/****************************************/
.letter{
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	width:90%;
	margin:3rem auto 0 auto;
	padding:2rem 3rem;
	transform: rotate(-.5deg);
}
.main .letter p{
	border-bottom:0.1rem dotted #555555;
	padding:0;
	color: rgb(19, 18, 18);
	font-size: 1.8rem;
}
/****************************************/
/****************************************/
.letter2{
	background: #efefef;
	color:#222;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	width:90%;
	margin:3rem auto 0 auto;
	padding:2rem 3rem;
}
.main .letter2 p{
	border-bottom:0.1rem dotted #555555;
	padding:0;
}
/****************************************/
/****************************************/
/****************************************/

.light_boxs{
-moz-box-shadow: 0px 0px 20px 5px rgba(253, 235, 183, 0.8);
-webkit-box-shadow: 0px 0px 20px 5px rgba(253, 235, 183, 0.8);
-ms-box-shadow: 0px 0px 20px 5px rgba(253, 235, 183, 0.8);
box-shadow: 0px 0px 20px 5px rgba(253, 235, 183, 0.8);
}

.light_boxs2{
	-moz-box-shadow: 0px 0px 20px 5px rgb(255, 218, 107);
	-webkit-box-shadow: 0px 0px 20px 5px rgb(255, 218, 107);
	-ms-box-shadow: 0px 0px 20px 5px rgb(255, 218, 107);
	box-shadow: 0px 0px 20px 5px rgb(255, 218, 107);
	}
	


.dot_box{
	margin:0 auto 1rem auto;
	padding:2rem;
	width:90%;
	border:dotted 0.1rem #A3A3A3;
	background:#F6F6F5;
}

.dot_box2{
	margin:0 auto 1rem auto;
	padding:2rem;
	width:90%;
	border:dotted 0.1rem #A3A3A3;
	background:#F6F6F5;
}




/*********************************/
.think_box {
  position: relative;
  margin: 2rem 0 2rem 5rem;
/*background-color: #f0f0f0;*/
background-color: #f3f5ff;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
  border-radius: 6rem;
  width:90%;
  border:#CCCCCC dotted 0.1rem;
  padding:1rem 0 1rem 2rem;
}

.think_box:before {  
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 0;
/*background-color: #f0f0f0;*/
background-color: #f3f5ff;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
  border-radius: 50%;
  border:#CCCCCC dotted 0.1rem;
}

.think_box:after {
  content: "";
  position: absolute;
  left: -24px;
  width: 20px;
  height: 18px;
  bottom: 3px;
/*background-color: #f0f0f0;*/
background-color: #f3f5ff;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
  border-radius: 50%;
  border:#CCCCCC dotted 0.1rem;
}
.think_box p {
  margin: 0; 
  padding: 0;
}
/*********************************/

.talk_box {
  position: relative;
  display: inline-block;
  margin: 1.5rem 0 1.5rem 3rem;
  padding: 1.5rem 1.5rem 1.5rem 2rem;
  color: #555;
  background: #fcfcfc;
  /*border: solid 3px #555;*/
  border: solid 0.2rem #555;
  box-sizing: border-box;
  width:90%;
  border-radius:1.5rem;
}

.talk_box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.talk_box:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #555;
  z-index: 1;
}

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

/*********************************/


/************オリジナル馬券***********************/

.main .baken_grid p{
	padding:0;
}
.baken_grid {
  display: grid; 
  grid-auto-columns: 1fr; 
  grid-template-columns: 1.5fr 1fr 1.5fr; 
  gap: 2px 0px; 
  grid-template-areas: 
    "area01 area02 area02"
    "area01 area03 area03"; 
  width:100%;
  max-width:400px;
  margin:2rem auto;
  background:#fcfcfc;
  text-align:center;
    background-image: url(../../images/a-done/baken_bg.png);
    background-size: cover;
    line-height:1.2;
    min-height:210px;
    text-align:middle;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.area01 { grid-area: area01;text-align:left;padding:2.5rem 0 0 2rem;font-weight:700;color: #222222; }
.main .baken_grid .area01 p{padding-top:2rem;font-weight:700;color: #222222;}
.area02 { grid-area: area02;padding-top:3rem;font-size:2rem;margin:0 auto;color: #c2182b;font-weight:700; }
.area03 { grid-area: area03;padding:0 1rem 3rem 0;font-size:2.3rem;font-weight:700;color: #c2182b;text-align:right;letter-spacing:-2px; }
.main .baken_grid .tekichu{
	text-align:center;
	background: #c2182b;
	border-radius:2rem;
	color:#fcfcfc;
	font-weight:900;
	padding:0.5rem 2rem;
	margin-bottom:0.5rem;
}
.bd{border:0.1rem solid #444;padding:0.5rem;text-align:center;max-width:80px;}

.main .baken_grid .white_bg{
	background:rgba(255,255,255,0.8);
	border:#444 solid 0.1rem;
	padding:1rem;
}



/*横に二つ並べる*/
.baken_grid2 {
	display: grid; 
	grid-auto-columns: 1fr; 
	grid-template-columns: 1.5fr 1fr 1.5fr; 
	gap: 2px 0px; 
	grid-template-areas: 
	  "area01 area02 area02"
	  "area01 area03 area03"; 
	width:100%;
	max-width:350px;
	/*margin:2rem auto;*/
	background:#fcfcfc;
	text-align:center;
	  background-image: url(../../images/a-done/baken_bg.png);
	  background-size: cover;
	  line-height:1.2;
	  min-height:200px;
	  text-align:middle;
	  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  }

.main .baken_grid2 .tekichu{
	text-align:center;
	background: #c2182b;
	border-radius:2rem;
	color:#fcfcfc;
	font-weight:900;
	padding:0.5rem 2rem;
	margin-bottom:0.5rem;
}

.main .baken_grid2 .white_bg{
	background:rgba(255,255,255,0.8);
	border:#444 solid 0.1rem;
	padding:1rem;
}

.flex_sb{
	display: flex;
	justify-content: space-between;
}

.flex_sbmd{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex_ce{
	display: flex;
	justify-content: center;
}

/**/
.baken_grid3 {
	display: grid; 
	grid-auto-columns: 1fr; 
	grid-template-columns: 1.5fr 1fr 1.5fr; 
	gap: 2px 0px; 
	grid-template-areas: 
	  "area01 area02 area02"
	  "area01 area03 area03"; 
	width:100%;
	max-width:350px;
	/*margin:2rem auto;*/
	background:#fcfcfc;
	text-align:center;
	  background-image: url(../../images/a-done/baken_bg.png);
	  background-size: cover;
	  line-height:1.2;
	  min-height:200px;
	  text-align:middle;
	  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  }

.main .baken_grid3 .tekichu{
	text-align:center;
	background: #c2182b;
	border-radius:2rem;
	color:#fcfcfc;
	font-weight:900;
	padding:0.5rem 2rem;
	margin-bottom:0.5rem;
}

.main .baken_grid3 .white_bg{
	background:rgba(255,255,255,0.8);
	border:#444 solid 0.1rem;
	padding:1rem;
}

/************オリジナル馬券end***********************/

/************声***********************/

.voice_wrap{
	margin:2rem auto;
	width:92%;
background-color: #f5d36c;
background-image: url("https://www.transparenttextures.com/patterns/ecailles.png");
	padding:1rem;
	border-radius:3rem 3rem 0 0;
	border:solid #f43816 0.5rem;
}


.voice_wrap2{
	margin:2rem auto;
	width:92%;
/*background-color: #e84b12;*/
background-color:#0c2f6c;
background-image: url("https://www.transparenttextures.com/patterns/brilliant.png");
	padding:1rem;
	border-radius:3rem 3rem 0 0;
	/*border:groove #F78181 0.25rem;*/
	border:groove #f7bc81 0.25rem;
}
.ylbox{
background-color: #f0c413;
background-image: url("https://www.transparenttextures.com/patterns/crossword.png");
padding:.5rem;
}
.ylbox2{
background-color: #FBF4C7;
background-image: url("https://www.transparenttextures.com/patterns/crossword.png");
padding:1rem .5rem;
}




.voice_title{
	display:block;
}
.voice_title th {
    width: 20%;
    padding:0 2rem;
}
.voice_title td .bg-wt{
    font-size:2.5rem;
}

.main .voice_title p{
	padding:1rem;
}

.voice_content{
	display:block;
	text-align:left;
	background:#fcfcfc;
	margin:1rem auto;
}
/************声　end***********************/

.chara_title{
	display:block;
}
.chara_title th {
    width: 30%;
    padding:0;
}
.main .chara_title p{
	padding:0 1rem;
}

/****************************************/
.scroll_box{
	overflow-x: scroll;
	/*border:0.5rem groove #16906C;*/
	border:0.5rem groove #c2182b;
	max-height:850px;
	width:82%;
	margin:0 auto;
}
.scroll_box2{
	overflow-x: scroll;
	border:0.5rem groove #E42E05;
	max-height:650px;
	width:82%;
	margin:0 auto;
}
.scroll_box3{
	overflow-x: scroll;
	border:0.5rem groove #16906C;
	max-height:400px;
	width:82%;
	margin:0 auto;
}
/****************************************/

/****************************************/
.result_t{
	margin:0 auto;
	width:100%;
	border-collapse:collapse;
}
.result_t th{
/*background-color: #156b53;*/
background-color: #c2182b;
background-image: url("https://www.transparenttextures.com/patterns/60-lines.png");
	color:#fcfcfc;
	text-align:center;
	border:0.1rem dotted #fcfcfc;
}
.result_t td{
	text-align:left;
	padding:0 1rem;
/*background-color: #cef5ee;*/
background-color: #f5cece66;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	border:0.1rem dotted #fcfcfc;
	font-size:1.5rem;
}
.result_t td.teki{
	text-align:center;
}
.result_t td.teki2{
	text-align:right;
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:700;
	font-size:2.5rem;
	max-width:130px;
	background-color: #fcfcfc;
	background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	/*color:#027556;*/
	color:#c2182b;
}
.result_t td.rate{
	text-align:right;
}
/****************************************/
/*********** result table ***************/
.result{
	width:90%;
	margin:0 auto;
	border-collapse:collapse;
	border:1px #FBE5E3 solid;
}
.result .mokuji{
	text-align:center;
	background:#FBE5E3;
}
.result th{
	width:27%;
	padding:0.5rem;
	text-align:left;
	border-bottom:1px #FBE5E3 solid;
}
.result th.mokuji{
	padding:0.5rem;
	text-align:center;
	border-bottom:1px #FBE5E3 solid;
	width:auto;
}
.result td{
	border-bottom:1px #FBE5E3 solid;
}
.result td.teki{
	width:27%;
	background: #fe997e;
	text-align:right;
	padding-right:2rem;
}
.result td.teki2{
	width:27%;
	background: #FBF4C7;
	text-align:right;
	padding-right:2rem;
	color:#EC0101;
	font-weight:bold;
}
.result td.teki3{
	width:25%;
	background: #FBF4C7;
	text-align:right;
	padding-right:2rem;
	color:#EC0101;
	font-weight:bold;
}
.result td.teki4{
	background: #fe997e;
	text-align:right;
	padding-right:2rem;
}
/****************************************/

/*********** result table ***************/


.result2{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	border:1px #FBE5E3 solid;
}
.result2 th{
	padding:0 0.5rem;
	text-align:center;
	border-bottom:1px #FBE5E3 solid;
	background: #fcfcfc;
}
.result2 td{
	background: #FFE6E6;
	border-bottom:1px #FBE5E3 solid;
	font-size:1.5rem;
	padding:0 .5rem;
}
.result2 td.teki{
	text-align:center;
}
.result2 td.teki2{
	width:27%;
	background: #FBF4C7;
	text-align:right;
	padding-right:1rem;
	font-size:2.4rem;
	color:#EC0101;
	font-weight:bold;
	font-family: 'Noto Serif JP', sans-serif;
}
.result2 td.teki3{
	width:60%;
	background: #FBF4C7;
	text-align:right;
	padding-right:1rem;
	font-size:2.4rem;
	color:#EC0101;
	font-weight:bold;
	font-family: 'Noto Serif JP', sans-serif;
}
.result2 td.rate{
	text-align:right;
	font-size:1.8rem;
}
/*********** result table end ****************/
.pic_waku{
	border:#cdcdcd solid 0.4rem;
}

.gold_bg{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7d351+0,fcf1b5+47,f7d351+100 */
background: #f7d351; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f7d351 0%, #fcf1b5 47%, #f7d351 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f7d351 0%,#fcf1b5 47%,#f7d351 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f7d351 0%,#fcf1b5 47%,#f7d351 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d351', endColorstr='#f7d351',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-left:#4B3E02 solid 2rem;
	padding:1.3rem;
	width:94%;
	margin:0 auto 1rem auto;
}

.gold_bg2{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7d351+0,fcf1b5+47,f7d351+100 */
background: #f7d351; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f7d351 0%, #fcf1b5 47%, #f7d351 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f7d351 0%,#fcf1b5 47%,#f7d351 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f7d351 0%,#fcf1b5 47%,#f7d351 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d351', endColorstr='#f7d351',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	/*border:#4B3E02 solid 0.5rem;*/
	padding:1.5rem;
	width:98%;
	margin:0.5rem auto;
}

.bd_gd{
	/*border: 0.5rem solid;*/
	border: 1rem solid;
	border-image: linear-gradient(to right,#F2CC5A,#FDF5DD,#E0B025) 1;
	/*width: 80%;*/
	width: 90%;
	}

/****************************************/
/********************************************/
/************* 印の表 ***********************/
/****************************************/
.mark_t{
	margin:0 auto;
	width:94%;
	border-collapse:collapse;
}
.mark_t th{
background-color: #156b53;
background-image: url("https://www.transparenttextures.com/patterns/60-lines.png");
	color:#fcfcfc;
	text-align:center;
	font-size:1.6rem;
	border:0.1rem dotted #fcfcfc;
}
.mark_t th.mark{
	width:10%;
	font-size:1.4rem;
}
.mark_t td{
	text-align:right;
	padding:0 1rem;
background-color: #cef5ee;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	border:0.1rem dotted #B5B4B4;
	font-size:2rem;
}
.mark_t td.horse{
	background:#fcfcfc;
	font-size:1.5rem;
	width:27%;
}
.mark_t td.marking{
	text-align:center;
	font-weight:900;
	font-size:2rem;
}
.mark_t td.red{
background-color: #ffecb2;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
}
/****************************************/
/************* 印の表 end***********************/
/****************************************/


/*-------------------------------------------*/
#main_slide{
	width:100%;
	margin:1rem auto 0;
}

#main_slide_bg {
	width:100%;
	max-width:630px;
	max-height: 350px;
	margin: 0 auto;
	border: 0.3rem groove #F33610;
	/*border: 0.3rem groove rgb(32 55 133 / 96%);*/
	background: #fcfcfc;
	overflow-y: scroll;
}

#main_slide_bg p {
	text-align:left;
	display:block;
	width:94%;
	margin:0 auto 10px;
	font-size:16px;
	font-weight:normal;
	color:#333;
	padding:.5rem 1rem;
	backface-visibility: hidden;/* animation時のにじみ防止 */
	background:rgba(185,39,10,0.85);
	/*background:rgb(32 55 133 / 96%);*/
	color:#fcfcfc;
	border-radius:.5rem;
}

#main_slide_bg p.ng_comment_no{
	background:#fcfcfc;
	color:#222222;
	font-size:12px;
	display:inline-block;
	margin-bottom:0px;
	font-weight:normal;
}

/*---------------------------------------------------*/
/*===========================================*/
/*===========================================*/
/*===========================================*/

.bullet_wrap{
	background-color: #0f0100;
	background-image: url("https://www.transparenttextures.com/patterns/brilliant.png");
	-moz-box-shadow: 0px 0px 15px 0px rgba(255, 212, 105, 0.8);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 212, 105, 0.8);
	-ms-box-shadow: 0px 0px 15px 0px rgba(255, 212, 105, 0.8);
	box-shadow: 0px 0px 15px 0px rgba(255, 212, 105, 0.8);
	width:90%;
	max-width:710px;
	margin:0 auto;
	padding-bottom:3rem;
}
.bullet_wrap2{
background-color: #fc4300;
background-image: url("https://www.transparenttextures.com/patterns/diagonales-decalees.png");
	-moz-box-shadow: 0px 0px 15px 0px rgba(255, 212, 105, 0.8);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 212, 105, 0.8);
	-ms-box-shadow: 0px 0px 15px 0px rgba(255, 212, 105, 0.8);
	box-shadow: 0px 0px 15px 0px rgba(255, 212, 105, 0.8);
	width:90%;
	max-width:710px;
	margin:0 auto;
	padding-bottom:3rem;
}

.explain_box{
	margin:1rem auto 0 auto;
	padding:1.3rem;
	width:90%;
	border:groove 0.1rem #FEF8D6;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe884+0,fff5c9+24,f7eac3+51,ffe791+77,edc76f+100 */
background: #ffe884; /* Old browsers */
background: -moz-linear-gradient(top, #ffe884 0%, #fff5c9 24%, #f7eac3 51%, #ffe791 77%, #edc76f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe884 0%,#fff5c9 24%,#f7eac3 51%,#ffe791 77%,#edc76f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe884 0%,#fff5c9 24%,#f7eac3 51%,#ffe791 77%,#edc76f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe884', endColorstr='#edc76f',GradientType=0 ); /* IE6-9 */
}

.ex_box{
	margin:0 auto;
	padding:1.3rem;
	width:90%;
	border:groove 0.2rem #FDFCF8;
	background:#fcfcfc;
}
.ex_box p{
	padding:0;
}


.wt_transparent{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+38,fcfcfc+38,fcfcfc+100&1+38,0+100 */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 38%, rgba(252,252,252,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 38%,rgba(252,252,252,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,252,252,1) 38%,rgba(252,252,252,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#00fcfcfc',GradientType=0 ); /* IE6-9 */
}



/********** 特典ゾーン *******************************************
*****************************************************************/
.bene_num{
	border-radius:4rem 4rem 0 0;
/*background-color: #ed1123;*/
background-color: #ad000e;
background-image: url("https://www.transparenttextures.com/patterns/az-subtle.png");
	padding:.5rem 1rem;
	font-size:3rem;
	color:#fcfcfc;
	text-align:center;
	width:100%;
	max-width:600px;
	margin:0 auto;
}
.bene_num2{
	border-radius:4rem 4rem 0 0;
/*background-color: #098058;*/
background-color:#cf0101;
background-image: url("https://www.transparenttextures.com/patterns/az-subtle.png");
	padding:.5rem 1rem;
	font-size:3rem;
	color:#fcfcfc;
	text-align:center;
	width:100%;
	max-width:600px;
	margin:0 auto;
}


.bene_wrap{
	margin:0 auto;
	border:groove #BC9300 0.4rem;
	width:100%;
	max-width:680px;
}
.bene_title{
	text-align:center;
	position:relative;
	padding:2rem 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edc536+0,f9edb1+21,fefcea+48,f9edb1+79,edc536+100 */
background: rgb(237,197,54); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(237,197,54,1) 0%, rgba(249,237,177,1) 21%, rgba(254,252,234,1) 48%, rgba(249,237,177,1) 79%, rgba(237,197,54,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(237,197,54,1) 0%,rgba(249,237,177,1) 21%,rgba(254,252,234,1) 48%,rgba(249,237,177,1) 79%,rgba(237,197,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(237,197,54,1) 0%,rgba(249,237,177,1) 21%,rgba(254,252,234,1) 48%,rgba(249,237,177,1) 79%,rgba(237,197,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc536', endColorstr='#edc536',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color:#201900;
}
.bene_title span{
    position: relative;
    z-index: 99999;
}
.bene_title .ribbon{
	position:absolute;
	top:0;
	left:0;
	max-width:15%;
}
.bene_title .ribbon2{
	position:absolute;
	bottom:0;
	right:0;
	max-width:15%;
}

.bene_con{
/*background-color: #300f03;*/
background-color: #040a2d;
background-image: url("https://www.transparenttextures.com/patterns/fake-brick.png");
	color:#fcfcfc;
}

.wt_box{
	background:rgba(255,255,255,0.8);
	width:90%;
	margin:0 auto;
}
/********** 特典ゾーン end*******************************************
*****************************************************************/

/********** 要項　*******************************************
*****************************************************************/
.guide{
	margin:0 auto;
	width:100%;
  border-image: linear-gradient(to right, #DDA242 0%, #FFE791 30%, #F7EAC3 50%, #FFE884 80%, #FFF5C9 100%);
  border-image-slice: 1;
  border:#DDA242 solid 0.3rem;
}

.guide_t{
	width:100%;
	color:#222;
}
.guide_t th{
	width:25%;
/*background-color: #fa4c0d;*/
background-color: #111111;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	color:#fcfcfc;
	padding:.5rem;
	font-size:2rem;
}
.guide_t th.title{
	padding:2rem 0;
}
.guide_t td{
	padding:1rem;
	font-size:18px;
	background-color: #fcf7e8;
	background-image: url("https://www.transparenttextures.com/patterns/greyzz.png");
}

/****************************************************************/

.guide_t2{
	width:100%;
}
.guide_t2 th{
	width:25%;
background-color: #e62922;
background-image: url("https://www.transparenttextures.com/patterns/dark-dotted-2.png");
	color:#fcfcfc;
	padding:.5rem;
	font-size:2rem;
}
.guide_t2 th.title{
	padding:2rem 0;
}
.guide_t2 td{
	padding:1rem;
	font-size:18px;
	background-color: #fcf7e8;
	background-image: url("https://www.transparenttextures.com/patterns/greyzz.png");
}


/********** 要項　end*******************************************
*****************************************************************/
/********** フォーム　*******************************************
*****************************************************************/
.main p.midashi{
	padding:1rem 0;
}

/*******************************************/
.pay_fm label {
	margin: 2px auto;
	width:40%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	font-size: 2.4rem;
	color: #fcfcfc;
	padding: 2rem 2rem;
	border-radius: 4rem;
	display: inline-block;
	background-color: #818282;
	border: dashed 1px #cccccc;
}

.pay_fm label:hover {
	border: none;
	background: #094F37;
	border: dashed 1px;
}

.pay_fm input[type=radio] {
    width:2rem;
    height:2rem;
    margin-right:1rem;
}

.pay_fm input[type=radio]:checked+label {
	background-color: #20A073;
	border: groove 0.4rem #049B66;
	color:#fcfcfc;
}

.pay_fm .midashi{
	margin-bottom:1rem;
}

/********** フォーム　end*******************************************
*****************************************************************/
.s_box{
	padding:0rem;
	border: solid 1px;
	margin:2rem;
}

a:link.maillink{
color:#4665D7;

}

/*******************************************/
/****************************************/
.paybtn .btn{
	margin: 0 auto ;
	width:90%;
	font-size:4rem;
	font-weight:bold;
	padding:3rem 1rem;
	border-radius: 4rem;
	border: none;
	cursor:pointer;
	color:#ffffff;
/* background-color: #119e4a; */
background-color: #dd3032;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	text-align: center;
	/* border:0.5rem groove #0F8623; */
	border:0.5rem groove #8b1012;
}

.paybtn .btn:hover{
/* background-color: #0D801F; */
background-color: #ffdddd;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	border-bottom:0.5rem groove transparent;
	border-right:0.5rem groove transparent;
	border-left:0.5rem groove transparent;
	border-top:0.5rem groove transparent;
    box-shadow: rgba(0, 17, 4, 0.2) 0px 12px 14px 0px inset;
}
/*******************************************/
.upsl_box{
	background-color: #e62922;
	background-image: url("https://www.transparenttextures.com/patterns/dark-dotted-2.png");
	padding:1.5rem;
	border:#F0DE90 solid 0.2rem;
	width:94%;
	margin:0 auto;
}
/**************** アニメ ****************************/




















/*===========================================*/
/*===========================================*/
/*商品ページ*/
/************* 印の表 ***********************/
.mark_t2{
	margin:0 auto;
	width:94%;
	border-collapse:collapse;
}
.mark_t2 th{
background-color: #156b53;
background-image: url("https://www.transparenttextures.com/patterns/60-lines.png");
	text-align:center;
	font-size:2rem;
	border:0.1rem dotted #fcfcfc;
	color:#fcfcfc;
}
.mark_t2 th.mark{
	width:18%;
	font-size:1.4rem;
	padding:0.5rem 2rem;
}
.mark_t2 td{
	text-align:right;
	padding:0 1rem;
background-color: #cef5ee;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	border:0.1rem dotted #B5B4B4;
	font-size:2rem;
}
.mark_t2 td.horse{
	background:#fcfcfc;
	font-size:1.8rem;
	width:35%;
}
.mark_t2 td.marking{
	text-align:center;
	font-weight:900;
	font-size: 3rem;
	line-height: 0;
}
.mark_t2 td.red{
	background-color: #ffecb2;
	background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
}
/************* 印の表 end***********************/
/************* 印の表 ***********************/
.mark_t3{
	margin:0 auto;
	width:94%;
	border-collapse:collapse;
}
.mark_t3 th{
background-color: #156b53;
background-image: url("https://www.transparenttextures.com/patterns/60-lines.png");
	text-align:center;
	font-size:2rem;
	border:0.1rem dotted #fcfcfc;
	color:#fcfcfc;
}
.mark_t3 th.mark{
	width:50%;
	padding:0;
	margin:0;
}
.mark_t3 th.mark img{
	max-width:500px;
	vertical-align:top;
}
.mark_t3 td{
	text-align:right;
	padding:0 1rem;
background-color: #cef5ee;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	border:0.1rem dotted #B5B4B4;
	font-size:2rem;
}
.mark_t3 td.horse{
	background:#fcfcfc;
	font-size:1.8rem;
	width:40%;
}
.mark_t3 td.order{
	background-color: #ffecb2;
	background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	width:10%;
}
.mark_t3 td.marking{
	text-align:center;
	font-weight:900;
	font-size: 3rem;
	line-height: 0;
}
.mark_t3 td.red{
	background-color: #ffecb2;
	background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
}
/************* 印の表 end***********************/
.footer_service {
	width:100%;
	max-width:700px;
	overflow: hidden;
	margin:0px auto;
	text-align: center;
	line-height:1;
	color:#111111;
}
.footer_service a{
	font-weight:800;
	color:#111111;
}
.footer_service ul.link {
	margin:auto;
	text-align:center;
	color:#111111;
}
.footer_service ul.link  li {
	list-style: none;
	display:inline-block;
	text-align: center;
	padding: 1.5rem;
	color:#111111;
}



/*商品ページend */
/*===========================================*/
/*===========================================*/


.bg-senko{
	width: 95%;
	background-color: rgb(255, 248, 216);
	border-radius: 1rem;
	padding: 0 1rem;
	margin: 0 auto;
}


/****************************/
/*直近実績*/
.result_t2{
	margin:0 auto;
	/*width:100%;*/
	width: 90%;
	border-collapse:collapse;
	border: 0.3rem solid #047b03;
}
.result_t2 th{
/*background-color: #156b53;*/
background-color: #047b03;
/*background-image: url("https://www.transparenttextures.com/patterns/60-lines.png");*/
	color:#fcfcfc;
	text-align:center;
	border:0.1rem dotted #fcfcfc;
}
.result_t2 td{
	text-align:left;
	padding:0 1rem;
/*background-color: #cef5ee;*/
/* background-color:#fbe3ea; */
background-color:#e3fbe8;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	border:0.1rem dotted #fcfcfc;
	font-size:1.5rem;
}
.result_t2 td.teki{
	text-align:center;
}
.result_t2 td.teki2{
	text-align:right;
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:700;
	font-size:2.5rem;
	max-width:130px;
	background-color: #fcfcfc;
	background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	/*color:#027556;*/
	/* color: #e03931; */
	color:#237102;
}
.result_t2 td.rate{
	text-align:right;
}

/****************************/
/*城戸卒業　特典三連単実績*/


/*ザヒット221014*/
.yoso{
	border:0.2rem solid #F6272D;
	border-radius: 0.5rem;
	background-color: #f6272e22;
	width: 80%;
	margin: 2rem auto;
}

.know{
	border:0.2rem solid #1c54a8;
	border-radius: 0.5rem;
	background-color: #1c54a822;
	width: 80%;
	margin: 2rem auto;
}

.exp{
	border:0.2rem solid #037B5B;
	border-radius: 0.5rem;
	background-color: #037B5B22;
	width: 80%;
	margin: 2rem auto;
}

.box_how{
	border:0.2rem solid #333;
	border-radius: 0.5rem;
	background-color: #fff64a22;
	width: 90%;
	margin: 2rem auto;
}

.box_how2{
	border:0.2rem solid #dc3125;
	border-radius: 0.5rem;
	background-color: #fff64a22;
	width: 90%;
	margin: 2rem auto;
}

.box_miss{
	border:0.2rem solid #333;
	border-radius: 0.5rem;
	background-color: #c9c9c96e;
	width: 90%;
	margin: 2rem auto 4rem;
	padding: 1rem 2rem 2rem;
}

.box_miss li{
	padding: 0.8rem 1.5rem;
	border-radius: 5px;
}

.box_miss li:hover{
	opacity: 0.6;
}

.box_miss a{
	display: block;
}

.box_data{
	border:0.2rem solid rgb(255 162 12);
	border-radius: 0.5rem;
	background-color: #ffbd4a22;
	width: 30rem;
	margin: 1rem auto;
}

.box_data li{
	padding: 0.5rem 0;
}

.available{
	padding: 1rem;
	margin: 0 2rem;
	width: 30rem;
}

.available li{
	/*background-color:#156b53;*/
	background-color:#a11010eb;
	padding: 0.8rem 2rem;
	border-radius: 5px;
	border-left: 2rem solid #111;
	color: #fff;
	font-weight: bold;
}

.available2{
	padding: 1rem;
	margin: 0 2rem;
	width: 20rem;
}

.available2 li{
	/*background-color:#156b53;*/
	background-color:#f5c55b;
	padding: 0.8rem 2rem;
	border-radius: 5px;
	border-left: 2rem solid #111;
	color: #333;
	font-weight: bold;
}

.box_moni{
	border:0.2rem solid #4B3E02;
	border-radius: 1rem;
	margin: 3rem 1rem;
}

.box_moni_title{
	color: #efefef;
	background-color: #4B3E02;
	padding: 2rem 1rem;
}

.box_moni p{
	padding: 1rem 2rem ;
}



/*神田データ用装飾*/
.sub_blue {
	display: inline-block;
	background: linear-gradient(180deg, #d8e9ff 0%, #2a3ed8 72%, #1f194f 100%);
	background: -webkit-linear-gradient(-90deg, #d8e9ff 0%, #2a3ed8 72%, #1f194f 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 2px 2px 2px 5px #fff;
	
	filter: drop-shadow(2px 1px 0px rgb(245, 247, 255));
	
	}

/*前2　ブレット*/
.bullet1{
	background-color: #a60000;
	color: #efefef;
	max-width: 95%;
	margin: 3rem auto;
	background-image: url("https://www.transparenttextures.com/patterns/diagonales-decalees.png");
}

.bullet2{
	background-color: #111;
	color: #efefef;
	max-width: 95%;
	margin: 3rem auto;
	background-image: url("https://www.transparenttextures.com/patterns/diagonales-decalees.png");
}

.bullet1_item{
	width: 95%;
	margin: 2rem auto;
	
}

.bullet1_border{
	border-radius:2rem 0.5rem;
	border-top:#e0c367 solid 0.3rem;
	border-left:#e0c367 solid 0.3rem;
	border-right:#a57a0b solid 0.3rem;
	border-bottom:#a57a0b solid 0.3rem;
}

.bullet1_title{
	color: #111;
	background: #f7d351; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f7d351 0%, #fcf1b5 47%, #f7d351 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f7d351 0%,#fcf1b5 47%,#f7d351 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f7d351 0%,#fcf1b5 47%,#f7d351 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: 0.8rem 2rem;
	border-top-left-radius:2rem;
	border-top-right-radius:0.5rem;
	border-bottom: 0.3rem solid rgb(201, 162, 54);
	width:100%;
}

.bullet1_discription{
	color: #111;
	background: #fff9e6;
	color: #111;
	padding: 1rem 1rem 1rem 2rem;
	border-bottom-right-radius:2rem;
	border-bottom-left-radius: 0.5rem;
	width:100%;
}


/*前2画像*/
.tamai img{
	border: 1rem solid #d8d8d8;
}

/*前2*/
.ken{
	padding: 1rem;
	margin: 0 2rem;
	width: 30rem;
}

.ken li{
	/*background-color:#156b53;*/
	background: #f7d351; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f7d351 0%, #fcf1b5 47%, #f7d351 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f7d351 0%,#fcf1b5 47%,#f7d351 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f7d351 0%,#fcf1b5 47%,#f7d351 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc76f', endColorstr='#e0b46d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 0.8rem 3rem;
	border-radius: 5px;
	border-left: 2rem solid #000;
	color: #333;
	font-weight: bold;
}

.flex_left{
	display: flex;
	justify-content: left;
	align-items: center;
}

.check img{
	width: 1em;
	height: 1em;
}

/*大送客文言スクロール*/
.go_notice{
	margin: 2rem auto 1rem auto;
    text-align: left;
    background: rgba(5,5,5,0.8);
    padding: 1rem 1.5rem;
    border: #fcfcfc groove 0.5rem;
    overflow-y: scroll;
    height: 10rem;
}

.go_notice p{
	padding-top:0;
}

.bg_service{
	background-color: rgb(255 254 219 / 74%);
	background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
}


/*前3-2*/
.short_voice_und{
	border-bottom: 0.2rem solid #555;
	margin-bottom: 0.5rem;
}


/*前4-3*/
/*タイプライター*/
#typewriter::after {
    content: "|";
    animation-name: blink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes blink {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }

	}

#typewriter2::after {
    content: "|";
    animation-name: blink2;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes blink2 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }

	}

/*追い*/
.how_item {
    margin-top: 4rem;
}

.faq_title {
    background: rgb(30,43,121);
    background: linear-gradient(180deg, rgba(30,43,121,0.9999709356398809) 0%, rgba(8,11,83,1) 100%);
    color: #f0f0fb;
    line-height: 3rem;
    font-size: 2rem;
    font-weight: bold;
    padding: 1rem 4rem;

}

.faq_discription {
    background: #efefef;
}


/*秘蔵ロジック*/
.bg_summary {
	/* background: rgb(210,163,3);
    background: linear-gradient(180deg, rgba(210,163,3,1) 0%, rgba(126,79,0,1) 100%);
	border-radius: 0.5rem;
	border: 0.5rem ridge rgba(211, 220, 50, .6); */
	width: 100%;
	color: #000;
	/* background-image: url("/images/a-treasured/ex32.png"); */
	background-repeat: no-repeat;
	background-position-y: center;
	padding-left: 3rem;
	font-size: 18px;
	font-weight: bold;
}

.bg_summary_wrapper {
	padding: 1rem 2rem;
	background-color: #fffbdae0;
	width: 92%;
	margin: 2rem auto;
	border-radius: 0.5rem;
	border: 15px ridge rgb(195 156 45 / 83%);
}

.tr_bulle{
	background: rgb(201,153,27);
	background: linear-gradient(153deg, rgba(201,153,27,1) 0%, rgba(255,242,185,1) 29%, rgba(255,235,143,1) 67%, rgba(242,195,80,1) 84%, rgba(199,159,56,1) 100%);
	width: 92%;
	margin: 2rem auto;
	padding: 1.5rem 2rem;
	border-radius: 0.5rem;
	color: #000;
	box-shadow: 5px 7px 5px #030100;
}

.tr_bulle_title{
	font-weight: bold;
	font-size: 2rem;
	border-bottom: 0.2rem solid #8e6d12;
	margin-bottom:0.8rem;
}

.bg_lg{
	background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	width: 92%;
	margin: 4rem auto;
	padding: 2rem;
	border-radius: 0.5rem;
	border: outset 0.5rem #cecece;
	font-size: 2rem;
	box-shadow: 5px 7px 5px #03010070;
}

.bg_tr_lg1{
	/* background-color: #c4af5e61; */
	background-color: #c4af5eb3;
}
.bg_tr_lg2{
	/* background-color: #c4665e61; */
	/* background-color: #c4665e82; */
	background-color: #c4665ec9;
}
.bg_tr_lg3{background-color: #5eacc461;}

.lg_result_title{
	border-bottom: 0.3rem solid #d7d7d7;
}

.lg_result p{
	padding: 0.5rem 0 0;
	
}

.lg_result_inbox{
	padding: 2.5rem 1rem;
	font-size: 1.8rem;
	
}


p.yoko_bl{
	padding:2rem 1rem;
}

/*声*/
.voice_box{
	background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
	width: 100%;
	max-width: 630px;
	background-color: #fbcacaf5;
	/*background-color: #f7d661;*/
	/* background-color: #7bd0b9e3; */
    border: 0.3rem solid #fff;
    /*box-shadow: 0 0 0 0.5rem #BC9300;*/
	box-shadow: 0 0 0 0.5rem #db879d;
    margin: 4rem auto;
    padding: 2rem 3rem 3rem;
	border-radius:0.5rem;
	color:#222;
}

.voice_box p{
	padding: 0;
}

.voice_boxin{
	/* background-color: #fffef3; */
	background-color: #fff3f9d6;
	padding: 2rem 2rem;
	border-radius:0.5rem
}

.voice_boxin p{
	padding-top: 3rem;
	font-size: 16px;
}

.voice_boxin img{
	border: 0.3rem solid #dfdfdf;
}

.voice_boxin p:first-child{
	padding-top: 1rem;
}

.voice_name{
	padding-left: 2rem;
	/*color: #421700;*/
	line-height: 1.4;
}

.flex2{
	display: flex;
	justify-content: left;
	align-items: center;
}


.flex2 img{
	background-color: #fff;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 120px;
}

.kido{
	width: 30%;
	margin-left: auto;
	margin-top: -230px;
}

.box_bk{
    border: 1px solid #333;
	display: inline-block;
	padding: 1rem 2rem 2rem;
	box-shadow: 2px 2px 3px #bbb;
}