@charset 'UTF-8';
body.pc,
body.tablet {
	background: #000000 url(/applause/anayuki/special/images/bg.jpg) top center no-repeat;
}

body.sp .section {
	background: #000000 url(/applause/anayuki/special/images/s/bg.jpg) top center no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.section {
	padding: 65px 0 0;
}

body.sp .section p {
	width: 100%;
	background: rgba(0,0,0,0.1);
}

body.sp .section {
	padding: 0;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}

body.pc .section h1,
body.tablet .section h1 {
	margin-bottom: 90px;
}

body.sp .section h1 {
	width: 70%;
	padding: 4.4% 0 0;
	margin: 0 auto 11.1%;
}

body.sp .section h1 img {
	width: 100%;
}

.threeColumnsType2,
body.sp .threeColumnsType2 {
	margin: 75px auto;
}

/* twoColumnsType
-------------------------------------------------- */
.twoColumnsType {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

body.sp .twoColumnsType {
	width: 100%;
}

.twoColumnsType .imgLeft {
	width: 320px;
	margin: 0 30px 29px 0;
	padding: 2px 0 0;
	float: left;
}

.twoColumnsType .imgRight {
	width: 320px;
	margin: 0 0 29px 30px;
	padding: 2px 0 0;
	float: right;
}

.twoColumnsType .image {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.twoColumnsType .image img {
    border: 1px solid #c5b649;
}

body.sp .twoColumnsType {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

body.sp .twoColumnsType .imgLeft,
body.sp .twoColumnsType .imgRight {
	width: 100%;
	margin: 0 0 29px;
	padding: 2px 0 0;
	float: none;
	text-align: center;
}

body.sp .twoColumnsType .imgLeft img,
body.sp .twoColumnsType .imgRight img {
	width: 80%;
	margin: 0 auto;
}

body.pc .twoColumnsType dl,
body.tablet .twoColumnsType dl,
body.sp .twoColumnsType dl {
padding-bottom: 30px;
}

body.pc .twoColumnsType dl dt,
body.tablet .twoColumnsType dl dt,
body.sp .twoColumnsType dl dt{
	color: #73d8ee;
	margin: 0.3em 0;
	line-height: 1.4;
        padding-bottom: 20px;
}

.twoColumnsType dl dt {
	font-size: 19.2px;
}

body.sp .twoColumnsType dl dt {
	width: 100%;
	font-size: 288%;
}

body.pc .twoColumnsType dl dd span,
body.tablet .twoColumnsType dl dd span,
body.sp .twoColumnsType dl dd span{
	font-size: 80%;
	color: #a5c6e5;
}

/* twoColumnsType1
-------------------------------------------------- */
.twoColumnsType1 {
	width: 686px;
	margin: 0 auto 75px;
	padding: 0;
}

.twoColumnsType1 .column {
	width: 313px;
	margin: 0;
	padding: 0;
	float: left;
}

.twoColumnsType1 .columnEnd {
	width: 313px;
	margin: 0;
	padding: 0;
	float: right;
}

/* p
-------------------------------------------------- */
body .section .body p.photo{
	text-align:center;
	display:block;
	margin:2em 0 3em;
	padding:0;
}

body.sp .section .body p.photo img{
	text-align:center;
	width:98%;
}

.caption {
	color: #d0cdba;
}

body.sp .caption {
	font-size: 200%;
}

/*reportList
-------------------------*/
.reportList {
	width: 100%;
	background: #000000;
}

body.pc .reportList,
body.tablet .reportList {
	width: 930px;
	margin: 1em 0 6em;
	padding: 20px 0 0 30px;
}

body.sp .reportList {
	width: 96%;
	margin: 1em 0 2em;
	padding: 1em 2% 1.5em;
}

body.pc .reportList h4,
body.tablet .reportList h4{
	font-size: 150%;
	margin: 0.8em 0 1em;
}

body.sp .reportList h4{
	font-size: 200%;
	font-weight: bold;
	margin: 0.5em 0 0;
}

.reportList p {
	padding: 0;
}

body.pc .reportList p,
body.tablet .reportList p {
	width: 435px;
	margin: 0 30px 30px 0;
	float: left;
}

body.sp .reportList p {
	width: 96%;
	margin: 0.5em auto;
	float: none;
}

.reportList p > a {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}

body.pc .reportList p > a,
body.tablet .reportList p > a {
	padding: 14px;
	border: 2px solid #666666;
	background: #171717 url('/applause/aaip/shared/images/arrow_right.gif') 400px 50% no-repeat;
}

body.sp .reportList p > a {
	padding: 3%;
	border: 2px solid #666666;
	background: #171717 url('/applause/aaip/shared/images/arrow_right_s.gif') 95% 50% no-repeat;
}

.reportList p > a.here {
	border: 2px solid #222222!important;
	background-image:none!important;
}
body.pc .reportList p > a:hover,
body.tablet .reportList p > a:hover{
	background-color: rgba(255,255,255,0.2);
	border: 2px solid #666666;
	text-decoration: none;
}
body.pc .reportList p > .here:hover,
body.tablet .reportList p > .here:hover{
	background: #171717;
	border: 2px solid #222222;
	text-decoration: none;
}

body.pc .reportList p > a > img,
body.tablet .reportList p > a > img {
	width: 109px;
}

body.sp .reportList p > a > img {
	width: 100%;
}

.reportList p a.here img {
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}

.reportList p > a > span {
	color: #9086df;
}
.reportList p > a.here > span {
	color: #555;
}

body.pc .reportList p > a > span,
body.tablet .reportList p > a > span {
	width: 220px;
	padding-right: 40px;
	padding-left: 30px;
	font-size: 105%;
}

body.sp .reportList p > a > span {
	width: 75%;
	padding-right: 5%;
	padding-left: 5%;
	font-size: 90%;
	font-weight: bold;
	line-height:1.4;
}