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

.txt01 {
    font-size:22px;
    font-weight:500;
    margin:0 2%;
    text-align: center;
}
.txt01 p {
    margin-bottom:20px;
}

h3 {/*クイズ・賞品*/
    background: #382D4E url("../img/h3_bg.png") repeat-y;
    color:#FFF;
    text-align: left;
    font-size:22px;
    letter-spacing: 2px;
    padding:10px 0 6px 80px;
    margin:30px 0 30px;
}
.txt_quiz {
    border:solid 6px #A1CCE5;
    margin:0 20px 30px;
    padding:30px;
    background: #FFF;
    font-size:20px;
}
h4 {
    font-size:18px;
}
.txt02 {
    margin:0 30px ;
    font-size:20px;
}
.txt03 {
    margin:0 30px ;
    font-size:15px;
}
.txt02 p,.txt03 p {
    margin-bottom:10px;
}

ul.list01 {
    list-style-type: disc;
    margin:0 0 50px 50px;
}
ul.list01 li {
    margin-bottom:10px;
}

.end {
    width:78%;
    max-width:394px;
    margin:0 auto 50px; 
    border:solid 3px #A1CCE5;
    text-align: center;
    font-size:18px;
    padding:16px 0;
    background: #DDD;
}

/*リンクボタン*/
.w80p {
    width:80%;
    max-width:400px;
    margin:0 auto 50px;
}
.linkbotan1 {/*赤*/
	width:100%;
	text-align: center;
	background: #DA4759;
    background: linear-gradient(-225deg, #DA4759 87%, #B82537 10%);
	color:#FFF;
	padding:16px 0;
	font-size:18px;
	letter-spacing: 1px;
	display:block;
    border:solid 3px #A1CCE5;
}
a:hover.linkbotan1 {
	background: linear-gradient(-225deg, #DA4759 10%, #B82537 50%);
	color:#FFF;
}
.linkbotan2 {/*緑*/
	width:100%;
	text-align: center;
	background: #61912D;
    background: linear-gradient(-225deg, #61912D 87%, #466A22 10%);
	color:#FFF;
	padding:16px 0;
	font-size:18px;
	letter-spacing: 1px;
	display:block;
    border:solid 3px #A1CCE5;
}
a:hover.linkbotan2 {
    background: linear-gradient(-225deg, #61912D 10%, #466A22 50%);
	color:#FFF;
}

.linkbotan3 {/*紫*/
	width:100%;
	text-align: center;
	background: #8078A8;
    background: linear-gradient(-225deg, #8078A8 87%, #57507C 10%);
	color:#FFF;
	padding:16px 0;
	font-size:18px;
	letter-spacing: 1px;
	display:block;
    border:solid 3px #A1CCE5;
}
a:hover.linkbotan3 {
	background: linear-gradient(-225deg, #8078A8 10%, #57507C 50%);
	color:#FFF;
}

@media screen and (max-width: 500px) {
    
h3 {/*クイズ・賞品*/
    background: #382D4E url("../img/h3_bg.png") repeat-y;
    background-size: 46px auto;
    font-size:17px;
    padding:7px 0 3px 60px;
    margin:25px 0 25px;
}
.txt_quiz {
    border:solid 4px #A1CCE5;
    margin:0 3% 30px;
    padding:15px;
    background: #FFF;
    font-size:16px;
}
    
h4 {
    font-size:16px;
}

.txt01 {
    font-size:16px;
    margin:0 2% 40px;
}
.txt02 {
    margin:0 3% ;
    font-size:16px;
}    
 
.txt03 {
    margin:0 3% ;
}
    
ul.list01 {
    margin:0 3% 50px 26px;
}
    
.end {
    border:solid 2px #A1CCE5;
    font-size:16px;
    padding:13px 0;
}    
    
/*リンクボタン*/
.linkbotan1 {
    background: linear-gradient(-225deg, #DA4759 85%, #B82537 10%);
	padding:11px 0;
	font-size:16px;
    border:solid 2px #A1CCE5;
}
.linkbotan2 {
    background: linear-gradient(-225deg, #61912D 85%, #466A22 10%);
	padding:11px 0;
	font-size:16px;
    border:solid 2px #A1CCE5;
}
.linkbotan3 {
    background: linear-gradient(-225deg, #8078A8 87%, #57507C 10%);
	padding:11px 0;
	font-size:16px;
    border:solid 2px #A1CCE5;
}   
    
    
}