#contentsWrapper .tmpElem-oldPage {font-size: 16px !important;}
#contentwrap { max-width: 950px; margin: 0 auto; }
#logo-motto{margin: 0 auto; text-align: center;}
#logo-motto img{ max-width: 100%; }
h1 img,
h2 img,
#info img,
#catch img,
#map img,
#resonLead img{ width: 100%; max-width: 950px; }
#map{margin: 0 auto 5px;}

#linebtn {display: none;}
.socials li.facebook { width: 84px!important;}

#resonList{margin: 55px auto 10px;}
#resonList li { display:inline-block; vertical-align: top; width: 50%;}
#resonList li img {width: 100%; max-width: 475px;}

#note1 { font-size: 14px; text-align: right; line-height: 1.8 }
#note2 { font-size: 14px; text-align: center; line-height: 1.8 }

#infoArea { text-align: center; margin: 65px auto; }
.infoL { display:inline-block; vertical-align: top; width: 45%; margin: 0 2%; text-align: left;}
{text-align: left;}
#infoArea h3 { margin-bottom: 20px; }
#infoArea h3 img { max-width: 430px; width: 100%; }
#infoArea ul li,
#infoArea p.linkshow { font-size: 16px; margin-bottom: 15px; padding-left: 10px;}
#infoArea a.link {background: url(/content/dam/au-com/pr/comic/images/icon-arrow.png) no-repeat left center; background-size: auto 80%; padding-left: 24px; }
#infoArea a.outer {background: url(/content/dam/au-com/pr/comic/images/icon-outer.gif) no-repeat left center; background-size: auto 80%; padding-left: 20px; }

#infoArea .info{max-width: 700px;text-align: left; margin: 0 auto;}
#infoArea .info h3 img{max-width: 700px;}

#bannerArea { max-width: 900px; margin: 0 auto;}
#bannerArea li { margin-bottom: 20px; }
#bannerArea li.outer { background: url(/content/dam/au-com/pr/comic/images/icon-outer.gif) no-repeat right 15px top 15px; }
#bannerArea li a { display: block; border-radius:16px; border:4px solid #ddd; padding: 20px; background: url(/content/dam/au-com/pr/comic/images/icon-arrow.png) no-repeat left 20px center; }
#bannerArea li a img { margin-left: 30px; }

#bannerArea2 { max-width: 900px; margin:65px auto;}
#bannerArea2 li a img {width:100%;}

#bannerArea3{max-width: 900px; margin:65px auto;}
#bannerArea3 ul{display: flex;/*align-items:center;*/flex-wrap: wrap; margin:0 auto;}
#bannerArea3 ul li{width: 49%;}
#bannerArea3 ul li:first-child{margin: 0 1% 0 0;}
#bannerArea3 ul li:last-child{margin: 0 0 0 1%;}
#bannerArea3 ul li img{width: 100%;}

#snsArea{margin: 0 auto 65px; text-align: center;}
#snsArea h3{margin: 0 auto 30px;}
#snsArea ul{display: flex;align-items:center;margin:0 auto;width: 320px;}
#snsArea ul li{width: 80px;margin: 0 auto;}


a.alpha img {
	transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}
 
a.alpha:hover img { 
	transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	filter: alpha(opacity=60); -ms-filter: 'alpha(opacity=60)'; opacity: .6;
}

/* タブレット */
@media screen and (max-width: 979px) and (min-width: 768px) { 
}

/* スマホ */
@media screen and (min-width: 0px) and (max-width: 767px) {
#note1 { font-size: 14px; font-size: 3vw; text-align: left; line-height: 1.8; padding: 0 5%; }
#note2 { font-size: 14px; font-size: 3vw; text-align: center; line-height: 1.8; padding: 0 5%;  }

#infoArea { text-align: center; margin: 6% auto 0; }
#infoArea h3 { margin-bottom: 3%; }
#infoArea h3 img { width: 100%; height: auto; }
	
.infoL { width: 90%; margin: 0 auto 6%; text-align: left; }
#infoArea ul li,
#infoArea p.linkshow { font-size: 16px; font-size: 3.6vw; margin-bottom: 3%; padding-left: 3%;}


#infoArea a.link {background: url(/content/dam/au-com/pr/comic/images/icon-arrow.png) no-repeat left center; background-size: auto 80%; padding-left: 6%; }
#infoArea a.outer {background: url(/content/dam/au-com/pr/comic/images/icon-outer.gif) no-repeat left center; background-size: auto 80%; padding-left: 6%; }
#infoArea a img { width: 100%; height: auto; }

#bannerArea { width: 90%; margin: 0 auto;}
#bannerArea li { margin-bottom: 4%; }
#bannerArea li.outer { background: url(/content/dam/au-com/pr/comic/images/icon-outer.gif) no-repeat right 15px top 15px; }
#bannerArea li a { display: block; border-radius:16px; border:4px solid #ddd; padding: 20px; background: url(/content/dam/au-com/pr/comic/images/icon-arrow.png) no-repeat left 20px center; }
#bannerArea li a img { margin-left: 30px; width: 90%; }
	
#bannerArea2 { width: 90%; margin: 0 auto 6%;}
}

.view-sp { display: none; }
.view-pc { display: block; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	
	.view-sp { display: block; }
	.view-pc { display: none; }

}