@charset "utf-8";
/* CSS Document */

body{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
font-size:16px;

}





body {
    background: #fff url('../img/background.jpg') center center / cover no-repeat fixed;
}
/* スマホ（iOS）では fixed が効かず拡大されるため通常表示に */
@media (max-width: 1024px) {
    body { background-attachment: scroll; background-size: 100% auto; background-position: center top; }
}





#counter_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}



#wrap{
	margin:auto;
    background: transparent;
    margin-top: 85px; /* タイマーの高さに合わせて調整 */
	}

#head{
	width:1000px;
	margin:auto;
	background:#fff;
    box-shadow: 0 0 30px 10px rgba(255, 255, 255, 0.15);
	}

.head_box{
	background:#000;
	color:#fff;
	margin:-16px 0 0 0;
	}


.head_box2{
	width:1000px;
	margin:auto;
	}




.main{
	width:800px;
	margin:auto;
	background:#fff;
	}


.main_case{
	padding:50px;
	background:#fff;
    box-shadow: 0 0 30px 10px rgba(255, 255, 255, 0.15);
	}

.main_box{
	padding:20px;
	background:#F3F3F3;
	margin:0 0 40px 0;
	}

.main_box2{
	padding:20px;
	background:#fff;
	border: 3px solid;
	margin:40px 0 40px 0;
	}

.main_box3{
	padding:20px;
	background:#F3F3F3;
	margin:40px 0 40px 0;
	}

	.main_box3_title{
		padding: 1em;/*文字周りの余白*/
		margin:40px 0 40px 0;
		color: #c00;/*文字色*/
		background: #F3F3F3;/*背景色*/
		border-left: solid 10px #000;/*下線*/
		border-right: solid 10px #000;/*下線*/
		text-align:center;
		font-size:20px;
  		}

	.main_box3_title2{
		padding: 1em;/*文字周りの余白*/
		margin:40px 0 40px 0;
		color: #c00;/*文字色*/
		background: #F2F8FF;/*背景色*/
		border-left: solid 10px #3349F5;/*下線*/
		border-right: solid 10px #3349F5;/*下線*/
		text-align:center;
		font-size:20px;
  		}

	.main_box3_title3{
		margin:40px 0 -20px 0;
		background: #fff;/*背景色*/
		text-align:center;
		font-size:24px;
  		}


.main_box4{
	padding:20px;
	background:#F2F8FF;
	margin:40px 0 40px 0;
	}

.main_box5{
	padding:20px;
	background:#fff;
	border: 3px solid #3349F5;
	margin:40px 0 40px 0;
	}


.main_bread{
    width: 760px;
    margin: auto;
    background: linear-gradient(
        to bottom,
        #fff 0%,
        #efefef 15%,
        #efefef 85%,
        #fff 100%
    );
	padding:20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:40px;
	}



.main_bread p{
	}


.main_bread2{
	background:#000;
	padding:20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:40px;
	}




#QandA-2 {
	width: 100%;
	font-family: メイリオ;
}
#QandA-2 h3 {
	font-size: 26px;
}
#QandA-2 dl {
	border: 1px solid #ccc;
	margin:30px 0 0 0;
}
#QandA-2 dt {
font-weight: bold;
	color: #c00;
	background:#e1e2d4; /* 「Q」タイトルの背景色 */
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#QandA-2 dt:first-child {
	border-top: none;
}
#QandA-2 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-2 dd {
	padding: 16px 16px 24px 30px;
	margin: 0;
	line-height: 140%;
	background:#fbfbf6;
}
#QandA-2 dd:first-line {
	
}
#QandA-2 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	margin-left: -21px;
}



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







table.type03 {
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border-top: 1px solid #ccc;
border-left: 3px solid #000;
margin:auto;
font-size:12px;
color:#333;
}

table.type03 a{
color:#333;
opacity:0.5;
}

table.type03 a:hover{
opacity:1.0;
}

table.type03 th {
background:#444;
width: 147px;
padding: 10px;
font-weight:normal;
vertical-align: top;
color: #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

table.type03 td {
background: -moz-linear-gradient(left, #fff, #F3F4F2);
background: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#F3F4F2));width:auto;
width: 649px;
padding: 10px;
vertical-align: top;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}



#fooder{
	background:#000;
	padding:10px;
	color:#fff;
	text-align:center;
	}



#fooder_box{
	width:1000px;
	margin:auto;
}

#fooder_box a{
	color:#fff;
}





.strike {
  text-decoration: line-through;
}

.red-under {
  border-bottom: 1px solid #000;
}

.bold {
  font-weight: bold;
}

.red{
	color:#c00;
}


.marker-under {
  background: linear-gradient(transparent 60%, #ff6 60%);
}

.fz-12px {
  font-size: 12px;
}

.fz-13px {
  font-size: 13px;
}

.fz-14px {
  font-size: 14px;
}

.fz-15px {
  font-size: 15px;
}

.fz-16px {
  font-size: 16px;
}

.fz-17px {
  font-size: 17px;
}

.fz-18px {
  font-size: 18px;
}

.fz-19px {
  font-size: 19px;
}

.fz-20px {
  font-size: 20px;
}

.fz-21px {
  font-size: 21px;
}

.fz-22px {
  font-size: 22px;
}

.fz-24px {
  font-size: 24px;
}

.fz-28px {
  font-size: 28px;
}

.fz-32px {
  font-size: 32px;
}

.fz-36px {
  font-size: 36px;
}

.fz-40px {
  font-size: 40px;
}

.fz-44px {
  font-size: 44px;
}

.fz-48px {
  font-size: 48px;
}









/* ===== BUZZ Collection 追加分 ===== */
.main_box2.brd980000{
	background:#F3F3F3;
	border:2px solid #980000;
	}

/* Q&A：本文に「Ｑ：」「Ａ：」が含まれるため自動付与の記号は非表示 */
#QandA-2 dt:before,
#QandA-2 dd:before{
	content:none;
	}
#QandA-2 dd{
	padding:16px 16px 24px 16px;
	}
#QandA-2 dl:first-child{
	margin-top:20px;
	}

/* 見出し２：白背景×左と下に青の太線 */
.main_box3_title{
	padding: 0.8em 1em 0.8em 1em;
	color: #c00;
	background: #fff;
	border-left: solid 8px #0000FF;
	border-right: none;
	border-bottom: solid 4px #0000FF;
	font-weight: bold;
	}

/* 本文の左右：背景になじむ白の薄いグラデーション（ヘッダー画像より下） */
.main, .main_bread{
	position: relative;
	}
.main::before, .main::after,
.main_bread::before, .main_bread::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 140px;
	pointer-events: none;
	}
.main::before, .main_bread::before{
	right: 100%;
	background: linear-gradient(to left, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.55) 45%, rgba(255,255,255,0) 100%);
	}
.main::after, .main_bread::after{
	left: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.55) 45%, rgba(255,255,255,0) 100%);
	}
html, body{
	overflow-x: hidden;
	}

/* サブヘッドの左右：グレーの帯を外側へ延ばし、背景に溶け込ませる */
.main_bread::before, .main_bread::after{
	width: 220px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #efefef 15%, #efefef 85%, rgba(255,255,255,0) 100%);
	}
.main_bread::before{
	-webkit-mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%);
	}
.main_bread::after{
	-webkit-mask-image: linear-gradient(to right, #000 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(to right, #000 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%);
	}

/* サブヘッドの帯色：背景に合わせた淡いシャンパンゴールド */
.main_bread{
	background: linear-gradient(to bottom, #fff 0%, #faf5e8 15%, #faf5e8 85%, #fff 100%);
	}
.main_bread::before, .main_bread::after{
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #faf5e8 15%, #faf5e8 85%, rgba(255,255,255,0) 100%);
	}