/*-----------------------------------------------------------------------------
 2020大感謝キャンペーン LP
----------------------------------------------------------------------------*/
body {
	margin: 0;
}

a {
    text-decoration: none;
}

.pc_only {
	display: block;
}

.sp_only {
	display: none;
}

@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*アイテムエリア大*/
@media screen and (min-width:390px){
#itemAll {
	padding: 0px 12px;
	justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}
	
#itemAll::after {
	display: block;
	content:"";
	flex-basis: 24%;
}

.item {
	margin-bottom: 30px;
	flex-basis: 24%;
}

.item .btn {
	border-radius: 5px;
	padding: 6px 0px;
	text-align:center;
	background-color: #7f1085;
	transition: all .3s;
}
}
/*/アイテムエリア大*/

/*アイテムエリア小*/
@media screen and (max-width:390px){
#itemAll {
    display: flex;
    flex-wrap: wrap;
}

.item {
	margin: auto;
	flex-basis: 45%;
	margin-bottom: 30px;
}
	
.item .btn {
	border-radius: 5px;
	padding: 8px 0px;
	text-align:center;
	flex-basis: 165px;
	background-color: #7f1085;
}
}
/*/アイテムエリア小*/


@media screen and (min-width:980px){
.container {
	margin-right: auto;
    margin-left: auto;
	width: 960px;
}

/*ヘッダー*/

.section1{
	background: #7f1085;
}

.headerLogo{
	width: 38%;
	padding: 10px;
}

/*/ヘッダー*/

/*トップコンテンツ*/

.topContent {
	margin-top: 15px;
	padding-bottom: 0;
	padding: 0px 0px 100px;
}

.topImg img {
    animation-name: fadein;
    animation-duration: 2s;
    width: 100%;
    height: auto;
}

.topContent h1 {
	text-align:center;
	font-size: 20px;
	color: #7f1085;
	padding: 5px 0 26px;
}


.topContent h2 {
	text-align:center;
	font-size: 50px;
	color: #7f1085;
}

p.topImg{
	text-align: center;
}

/*/トップコンテンツ*/

/*キャンペーン詳細*/

.section3{
	background: linear-gradient(#f2eadc,#ffffff);
}

.campaignArea{
	padding: 80px 0px 80px;
}

.campaignArea h1 {
	text-align:center;
	font-size: 54px;
	color: #a37e39;
}

.campaignArea .txt{
	text-align:center;
	font-size: 18px;
	line-height: 34px;
	margin: 40px 0px;
}
	
.campaignArea .txt2{
	font-size: 14px;
    line-height: 20px;
    padding: 5px 10px 5px 64px;
}	

.campaignArea h2 {
	text-align:center;
	font-size: 32px;
	color: #a37e39;
	margin: 20px 0px;
}

.campaignArea span {
	color: #a37e39;
	font-weight: bold;
}

p.titleImg{
	text-align: center;
}

/*/キャンペーン詳細*/

/*対象グッズ*/

.section4{
	background: linear-gradient(#f7e8f8,#ffffff);
}

.goodsArea{
	padding: 80px 0px 80px;
}

.goodsArea h1 {
	text-align:center;
	font-size: 54px;
	color: #7f1085;
}

.box {
	background-color: #ffffff;
	margin: 50px 40px;
    padding: 30px 30px;
    border: 3px solid #7f1085;
    font-size: 20px;
}

.box p {
	text-align: center;
	line-height: 44px;
}

.item p{
	padding: 8px 0px;
	color: #000000;
	text-align:center;
	font-size: 14px;
}
	
.item p:hover{
	text-decoration: underline;
}

.item img{
	filter: drop-shadow(0 0 3px #aaa);
	transition: all .3s;
}

.item img:hover { 
	opacity: 0.6;
}

p.titleImg2{
	text-align: center;
}

.item .btn:hover {	
	opacity: 0.6;
}

.item .btn span {
	font-size: 12px;
	color: #ffffff;
  	margin: 10px 0 0;
	padding: 6px 0px;
}

.btnAll{
	text-align: center;
}

.btnAll a:hover {
	background-color: #ffffff;
	color: #a37e39;
}
	
.btnAll a {
	transition: all .3s;
	border: 2px solid #a37e39;
	padding: 14px 40px;
	margin: 20px 0px 70px;
    background: #a37e39;
    color: #ffffff;
    font-size: 30px;
    border-radius: 55px;
    margin-top: 1em;
    display: inline-block;
    position: relative;
}

/*/対象グッズ*/

/*フッター*/

footer {
  background: #7f1085;
  width: 100%;
  margin: 0 auto;
		text-align:center;
		padding: 10px 0;
}

footer p {
	background: url(../img/flogo.png) no-repeat center center;
	padding: 130px 0 0;
	color: #fff;
}

/*/フッター*/
}

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

.pc_only {
	display:none;
}

.sp_only {
	width: 100%;
	display:block;
}	

/*ヘッダー*/

.section1{
	background: #7f1085;
}

.headerLogo{
	width: 70%;
	padding: 10px;
}

/*/ヘッダー*/

/*トップコンテンツ*/

.topContent {
	margin-top: 15px;
	padding-bottom: 0;
	padding: 0px 0px 40px;
}

.topImg img {
	animation-name: fadein;
    animation-duration: 2s;
    width: 100%;
    height: auto;
}

.topContent h1 {
	text-align:center;
	font-size: 17px;
	color: #7f1085;
	padding: 10px 0px 5px;
}


.topContent h2 {
	text-align:center;
	font-size: 40px;
	color: #7f1085;
}

p.topImg{
	text-align: center;
}

/*/トップコンテンツ*/

/*キャンペーン詳細*/

.titleImg img {
    width: 85%;
    height: auto;
}

.section3{
	background: linear-gradient(#f2eadc,#ffffff);
}

.campaignArea{
	padding: 40px 0px 40px;
}

.campaignArea h1 {
	text-align:center;
	font-size: 54px;
	color: #a37e39;
}

.campaignArea .txt{
	padding: 0 15px;
	text-align:center;
	font-size: 18px;
	line-height: 34px;
	margin: 20px 0px;
}

.campaignArea .txt2{
	padding: 10px 15px;
	font-size: 11px;
    line-height: 16px;
}	
	
.campaignArea h2 {
	padding: 0 6px;
	text-align:center;
	font-size: 20px;
	color: #a37e39;
	margin: 18px 0px;
}

.campaignArea span {
	color: #a37e39;
	font-weight: bold;
}

p.titleImg{
	text-align: center;
}

/*/キャンペーン詳細*/

/*対象グッズ*/

.titleImg2 img {
    width: 60%;
    height: auto;
}

p.titleImg2{
	text-align: center;
}

.section4{
	background: linear-gradient(#f7e8f8,#ffffff);
}

.goodsArea{
	padding: 80px 0px 40px;
}

.goodsArea h1 {
	text-align:center;
	font-size: 54px;
	color: #7f1085;
}

.box {
	background-color: #ffffff;
	margin: 40px 15px;
    padding: 12px 6px;
    border: 3px solid #7f1085;
    font-size: 13px;
}

.box p {
	text-align: center;
	line-height: 34px;
}

.item p{
	padding: 8px 0px;
	color: #000000;
	text-align:center;
	font-size: 12px;
}

.item img{
	filter: drop-shadow(0 0 2px #aaa);
}

.item .btn span {
	font-size: 11px;
	color: #ffffff;
  	margin: 10px 0 0;
	padding: 6px 0px;
}

.btnAll{
	text-align: center;
}
	
.btnAll a {
	padding: 14px 40px;
	margin: 20px 0px 30px;
    background: #a37e39;
    color: #ffffff;
    font-size: 20px;
    border-radius: 55px;
    margin-top: 1em;
    display: inline-block;
    position: relative;
}

/*/対象グッズ*/

/*フッター*/

footer {
	background: #7f1085;
	width: 100%;
	margin: 0 auto;
	text-align:center;
	padding: 10px 0;
}

footer p {
	background: url(../img/flogo.png) no-repeat center center;
	background-size: 16rem auto;
	padding: 80px 0 0;
	color: #fff;
}
/*/フッター*/
}