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

#SUUMO_Wrap{background: #ceac89; padding-bottom:1em;}
#SUUMO_Wrap h2{margin: 0; padding: 0;}
#SUUMO_Wrap h3{color: #6eb92b; background: none; font-size: 1.2em; line-height: 1.4em; margin-left:0.5em; padding-bottom:1em;}
#SUUMO_Wrap h4{margin: 0 0 1em; padding: 0.5em; line-height: 1.4em; color: #FFF; background-color: #6eb92b; border-radius: 5px;}
#SUUMO_Wrap h5{margin: 0 0 1em; padding: 0 0.5em; font-size: 1.1em; line-height: 1.4em; color: #6eb92b; border-left: 8px solid #6eb92b;}
#SUUMO_Wrap img{max-width: 100%;}

:hover{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	}


/*プライズ情報*/
.PrizeInfo{padding: 2em 1em 0; margin-bottom: 1em;}

.prizeArticle{display: flex; flex-wrap: wrap;}
.prizeArticle article{
	flex: 0 1 48%;
	margin: 0 1% 2em;
	display: block;
	}

.detail{
	margin-bottom: 1em;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 5px 5px 0px 0px #000000;;
	}

.detail img{border-top-left-radius: 10px; border-top-right-radius: 10px;}

p.date{
	width: 40%;
	margin-top: 1em;
	margin-left: 1em;
	padding: 0.25em 0.5em;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	border-radius: 10px;
	background-color: #6eb92b;
	}

/*リンクボタン*/
.LinkButton{
	font-weight: bold;
	text-align: center;
	border-radius: 20px;
	background-color: #6eb92b;
	}

.LinkButton a{
	padding: 0.45em;
	color: #FFF;
	border-radius: 20px;
	display: block;
	border: 3px solid #FFF;
	}

.LinkButton a:hover{border: 3px solid #6eb92b; color:#6eb92b; background-color: #FFF;}


.twitter {background-color: #1da1f2!important;}
.twitter a:hover{border: 3px solid #1da1f2; color:#1da1f2; background-color: #FFF;}

/*キャンペーン情報*/
.CPInfo{
	width: 96%;
	margin: 2% auto;
	padding:1em;
	border: 5px solid #6eb92b;
	border-radius: 10px;
	background-color: #FFF;
	}

.FlexBox{margin-top:2em; display: flex; flex-wrap:wrap;}
.FlexBox div.block02{flex: 0 1 48%; margin: 0 1%;}
.FlexBox div.block03{flex: 0 1 23%; margin: 0 1%; text-align:center;}
.FlexBox div.block03 img{margin-bottom: 0.5em;}

.bold{font-size:bold;}

.tw_Widget {margin: auto;}
.tw_Widget iframe{
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 0.75em !important;
	height: 54.5vh;
	overflow-x: hidden;
	background: #FFF;
	}


@media only screen and (max-width: 860px) {
	
.prizeArticle{display: block;}
	
p.date{width: 50%;}
.prizeArticle article:first-child{margin-bottom: 2em;}

.FlexBox div.block02{flex: 0 1 98%!important;}
.FlexBox div.block03{flex: 0 1 48%!important;}

}



@media only screen and (max-width: 480px) {
	
p.date{width: 80%;}
.FlexBox{display:block;}
.FlexBox div.block02{width: 100%; padding-bottom: 1em;}
.FlexBox div.block03{padding-bottom: 1em;}

    
    
}