@charset "UTF-8";

/* トップページ
-----------------------------------------*/

#container_top .topareaimage{
	margin-bottom: 30px;
}

#container_top .topareaimage h1{
	text-align: center;
	padding: 30px 10px;
	color:#0068b5;
}

#container_top .topareamainimages{
	margin: 0px auto;
	max-width: 450px;
	padding:0 10px;
}

#container_top .topareamainimages img.illust_img {
	max-width:100%;
	display: block;
	margin: 0 auto;
}
#container_top .topline{
		border-bottom: 5px solid #009fe8;
		margin-bottom: 30px;
}

#container_top .sasutopbtn,
#container_top .sdgstopbtn,
#container_top .toptwobtnarea,
#container_top .topthreebtnarea{
	max-width:1000px;
	margin:0px 10px 30px;
}

#container_top .sasupageInner,
#container_top .sasupagelink{
	max-width:1000px;
	margin:0px 10px 50px;
}

#container_top .sasutopbtn .box02btn {
	background:#f7f7f7;
}

#container_top .sasutopbtn .box02btn a{
	position: relative;
	color:#1b1b1b;
	display: block;
}

#container_top .sasutopbtn .box02btn a:hover{
	opacity:0.6;
}

#container_top .sdgstopbtn .sasutopbtn_sp a{
	border:1px solid #70b9df;
}

#container_top .sdgstopbtn figure img,
#container_top .toptwobtnarea figure img,
#container_top .topthreebtnarea figure img{
	padding-bottom: 0px;
}

#container_top .sasutopbtn .box02btn .topconbtn{
	padding:15px;
	/* position: absolute;
	right:5px;
	bottom: 10px; */
	/* width:100%; */
}


#container_top .sasutopbtn .box02btn .name01{
	font-size:1.25em;
	font-weight: bold;
}

#container_top .sasutopbtn .box02btn .name02{
	text-align: right;
	font-size:1em;
}

#container_top .sasutopbtn .box02btn .name02 span{
	font-size:0.875em;
}

#container_top .sasutopbtn .box02btn a.toplink {
	display: block;
	border:1px solid #009fe8;
	padding:10px 30px 10px 20px;
	border-radius:30px;
	position: relative;
	color: #000;
	font-size: 0.813em;
	display: block;
	max-width:100%;
	background:#fff;
	margin-bottom:8px;
}

#container_top .sasutopbtn .box02btn a.toplink::after {
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	color: #009fe8;
	position: absolute;
	right:10px;
	top:0;
	bottom:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


/* #container_top .sasutopbtn .box02btn span.topsasubtn{
	border-bottom:1px dashed #ccc;
	display: block;
	padding-bottom:10px;
	margin-bottom:10px;
}

#container_top .sasutopbtn .box02btn span.topsasubtn.mb0{
	margin-bottom:0px;
	border-bottom:none;
}

#container_top .sasutopbtn .box02btn .toplink.mb0{
	margin-bottom:0px;
	border-bottom:none;
} */

#container_top .sasutopbtn .sasubotn{
	padding:15px;
	background: #d6f0fc;
	background: -webkit-linear-gradient(to top, #FFFFFF, #d6f0fc);
	background: linear-gradient(to top, #FFFFFF, #d6f0fc);
	}

#container_top .sdgstopbtn a,
#container_top .toptwobtnarea a,
#container_top .topthreebtnarea a{
	display: block;
}

#container_top .sdgstopbtn a:hover,
#container_top .toptwobtnarea a:hover,
#container_top .topthreebtnarea a:hover{
	opacity: 0.6;
}


#container_top .topthreebtnarea .t-t-th-btnimg{
	position: relative;
}

#container_top .topthreebtnarea .t-b-t-btn{
	position: absolute;
	bottom:0;
	left:0;
	padding:10px 10px;
	background:rgba(32, 103, 185,0.90);
	color:#fff;
	font-weight: bold;
	font-size:0.875em;
	width:140px;
	text-align: center;
	border-radius: 0px 10px 0px 0px;
}


#container_top .sasupageInner .sasupagebox a{
	display: block;
}

#container_top .sasupageInner .sasupagebox a:hover{
	opacity:0.6;
}

#container_top .sasupageInner .sasupagebox a p.tit{
	text-align: center;
	padding:30px 10px;
	color:#ffffff;
	font-size:1.25em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#container_top .sasupageInner .sasupagebox .icon{
	font-size:30px;
	margin-right:5px;
}

#container_top .sasupageInner .sasupagebox ul li{
	border-bottom:1px solid #cccccc;
}

#container_top .sasupageInner .sasupagebox ul li a{
	color: #1b1b1b;
	font-weight: bold;
	display: block;
	text-indent: -1.2em;
	margin-left: 1.2em;
	padding:15px 10px;
	font-size: 1em;
	font-weight: bold;
}

#container_top .sasupageInner .sasupagebox ul li a::before{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	padding-right: 3px;
}

#container_top .sasupageInner .sasupagebox ul li a:hover{
	color:#009fe8;
	opacity:1;
}

#container_top .sasupageInner .sasupagebox .topenbox figure{
	background:#e2f4ec;
	border-bottom:2px solid #3d8f6a;
}
#container_top .sasupageInner .sasupagebox .topsocbox figure{
	background:#f8f4fe;
	border-bottom:2px solid #783fb5;
}
#container_top .sasupageInner .sasupagebox .topgovbox figure{
	background:#eefafc;
	border-bottom:2px solid #2067b9;
}
#container_top .sasupageInner .sasupagebox ul.en li a::before{
	color: #3d8f6a;
}
#container_top .sasupageInner .sasupagebox ul.soc li a::before{
	color: #783fb5;
}
#container_top .sasupageInner .sasupagebox ul.gov li a::before{
	color: #2067b9;
}
#container_top .sasupageInner .sasupagebox .topenbox a p.tit{
	background: #3d8f6a;
}
#container_top .sasupageInner .sasupagebox .topsocbox a p.tit{
	background: #783fb5;
}
#container_top .sasupageInner .sasupagebox .topgovbox a p.tit{
	background: #2067b9;
}

#container_top .sasupagelink ul li{
	margin-bottom:10px;
}

#container_top .sasupagelink ul li a{
	display: block;
	background:#f7f7f7;
	border:1px solid #2067b9;
	color:#000000;
	font-size: 1em;
	padding:15px;
	position: relative;
}

#container_top .sasupagelink ul li a::after{
	font-family: "Font Awesome 5 Free";
	content: "\f35a";
	font-weight: 900;
	color:#2067b9;
	position: absolute;
	right:15px;
}

#container_top .sasupagelink ul li a:hover{
	background:#fff;
}

#container_top .topbtnlink{
	max-width:500px;
	margin:0 auto;
	padding:0 10px;
}

	#container_top .topbtnlink a{
		display: block;
		background: #0068b5;
		padding: 20px;
		text-align: center;
		color: #fff;
		border: 3px solid #0068b5;
}

#container_top .topbtnlink a:hover{
	background: #fff;
	color:#0068b5;
}

#container_top .pickuparea{
		clear: both;
		overflow: hidden;
		max-width: 1000px;
		margin: 0 auto 50px;
	}

	#container_top .pickupbox{
		width: 50%;
		float: left;
	}

	#container_top .pickup_color01{background:#00afec;}
	#container_top .pickup_color02{background:#3451a3;}
	#container_top .pickup_color03{background:#6ea12d;}
	#container_top .pickup_color04{background:#763d26;}
	#container_top .pickup_color05{background:#ed86b3;}
	#container_top .pickup_color06{background:#e0b100;}
	#container_top .pickup_color07{background:#7EAF17;}
	#container_top .pickupbox a{
		display: block;
		text-align: center;
	}

	#container_top .pickupbox a:hover{
		opacity: 0.5;
	}

	#container_top .pickupbox a div{
		color: #fff;
		height: 120px;
		font-size: 1em;
		text-align: center;
	}

	#container_top .pickupbox a div p{
		padding: 0;
		display: table-cell;
		vertical-align: middle;
		width: 25%;
		height: inherit;
		text-align: center;
	}

	#container_top .picup_con h1{
		text-align: center;
		position: relative;
		margin:0 auto 60px;
	}

	#container_top .picup_con h1::before {
		content: '';
		position: absolute;
		bottom: -15px;
		left:0;
		right:0;
		display: inline-block;
		width: 60px;
		height: 5px;
		margin:0 auto;
		background-color: #0099ff;
		border-radius: 2px;
	}

/* csrtopicscon */

#container_top .csrtopicscon{
	background: #dff6f7;
	padding: 0px 0px 50px;
}

#container_top .csrtopicscon h1{
position: relative;
text-align: center;
margin-bottom: 50px;
color: #0099ff;
text-align: center;
padding: 15px 0px;
border-top: solid 2px #0099ff;
border-bottom: solid 2px #0099ff;
background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#dff6f7 3px, #dff6f7 7px);
background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#dff6f7 3px, #dff6f7 7px);
}

#container_top .csrtopicscon .csrtop_topicsbox{
	position: relative;
	background: #fff;
	margin: 0px 10px 20px;
	padding: 10px;
}

#container_top .csrtopicscon .csrtopicswrap{
	margin-bottom: 30px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .csrtop_topicsbox_con{
	padding: 10px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .csrtop_topicsbox_img{
	margin-bottom: 10px;
	border:1px solid #ccc;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox p.topic_pagetit{
	padding:0px 0px 30px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox p.topic_daytime{
	text-align: right;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 10px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox a{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
 left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox a:hover{
	background: #00a5b5;
	opacity: 0.3;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .tagArea{
	margin-bottom: 10px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .tagArea .tag{
	color: #fff;
	font-size:0.75em;/*12px*/
	padding: 5px;
	display: inline-block;
}

#container_top .csrtopicsarea{
	max-width: 1000px;
	padding:0 10px;
}

.tag.social { background: #98222B; }
.tag.kankyo { background: #3E8D4B; }
.tag.fukko { background: #8FAE19; }
.tag.bokin { background: #6F79BF; }
.tag.kanto { background: #6CA0C1; }
.tag.chugoku { background: #6CA0C1;  }
.tag.kyushu { background: #6CA0C1; }
.tag.hokkaido { background: #6CA0C1; }
.tag.kinki { background: #6CA0C1; }
.tag.chubu { background: #6CA0C1; }
.tag.tohoku { background: #6CA0C1; }
.tag.kaigai { background: #6CA0C1; }

/*関連リンク*/
#mainArea .relationlink li{
	padding: 10px 0px 15px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #6b95c5;
}

#mainArea .relationlink li a{
	text-indent: -1.1em;
	margin-left: 1.1em;
	display: block;
}

#mainArea .relationlink li a::before{
	font-family: "Font Awesome 5 Free";
	content: "\f152";
	font-weight: 900;
	padding-right: 3px;
}

#mainArea .targetTbl{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-left: 0px;
}

#mainArea .targetTbl th,
#mainArea .targetTbl td{
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 7px;
	text-align: left;
	vertical-align: middle;
}

#mainArea .targetTbl th{
	background-color: #dfeaf8;
	font-weight: normal;
	border-left: none;
}

#mainArea .targetTbl th.tblHead{
	background-color: #1a5fa7;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
}

#mainArea .targetTbl th.first,
#mainArea .targetTbl td.l_none{
	border-left: none;
}

/**/

/*ガイドライン対照表*/
#mainArea .guidelineTable {
	width: 100%;
	border: 1px solid #cecece;
	border-collapse: collapse;
	line-height: 1.4;
}

#mainArea .guidelineTable th {
	background: #666;
	color: #fff;
	padding: 4px 12px;
	border: 1px solid #cecece;
	text-align: left;
	vertical-align: middle;
}

#mainArea .guidelineTable td {
	border: 1px solid #cecece;
	padding: 4px 6px;
	vertical-align: middle;
}

#mainArea .guidelineTable .heads {
	background: #f2f2f2;
}

#mainArea .guidelineTable .applyWeb,
#mainArea .guidelineTable .applyReport {
	width: 100px;
}

#mainArea .guidelineTable .pageLink {
	padding-left: 1em;
}

#mainArea .guidelineTable .pageLink li {
	list-style: disc;
	margin-bottom: 0.4em;
}

#mainArea .guidelineTable .pageLink a {
	text-decoration: underline;
}

/**/

#mainArea .sitemapList{
	border-bottom: 1px dashed #B1B1B1;
}

#mainArea .sitemapList a:hover { text-decoration: underline;}

#mainArea .sitemapList .contBox {
	clear: both;
	border-top: 1px dashed #B1B1B1;
	padding: 15px 10px;
}

#mainArea .sitemapList .contTitle {
	font-weight: bold;
	font-size: 108%;
	background: url("/company/activity/images/listmark_01.gif") no-repeat left 0.35em;
	padding-left: 16px;
}

#mainArea .subContList2 {
	margin-top: 6px;
}

#mainArea .subContList li {
	background: url("/company/activity/images/listmark_02.gif") no-repeat left 0.35em;
	width: 100%;
	border-bottom: dashed 1px #b1b1b1;
	padding: 0px 10px 10px 15px;
	margin-bottom: 10px;
}

#mainArea .subContList2 li {
	background: url("/company/activity/images/listmark_03.gif") no-repeat left 0.35em;
	width: 100%;
	border-bottom: none;
	padding: 0px 10px 5px 15px;
	margin-bottom: 3px;
}

#mainArea .subContList2 li:last-child{
	padding: 0px 10px 0px 15px;
}

#mainArea li.lastlist{
	border-bottom: none;
	margin-bottom:0;
}

#mainArea .subContList2 li:last-child{
	margin-bottom: 0px;
	border-bottom: none;
}

#mainArea .subContList2 li.sitemap_indent{
	margin-left: 12px;
}

#mainArea .subContList2 li.sitemap_listnone{
	background: none;
	padding-left: 0px;
	margin-bottom: 5px;
	color: #797979;
}

#mainArea .subContList3 li {
	background: url("/company/activity/images/listmark_04.gif") no-repeat left 0.35em;
	padding-left: 12px;
	margin-bottom: 4px;
}

#mainArea .contBoxAside {
	background: #f0f0f0;
	padding: 12px 40px;
}

#mainArea .contBoxAside .asideContList li {
	float: left;
	margin-right: 28px;
	background: url("/company/activity/images/listmark_05.gif") no-repeat left 0.45em;
	padding-left: 16px;
}

/* ローソングループの社会・環境活動報告 */

#mainArea .targetTab #tab02{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
}

#mainArea .targetTab #tab02 li {
  padding: 10px;
  list-style: none;
  cursor: pointer;
		text-align: center;
		background: #abcdf8;
}

#mainArea .targetTab #tab02 li::after{
	font-family: "Font Awesome 5 Free";
	content: "\f0a9";
	font-weight: 900;
	padding-left: 3px;
	color: #0068b9;
}

#mainArea .targetTab #tab02 li.select {
  background: #dfeaf8;
}

#mainArea .targetTab #tab02 li.select::after{
  display: none;
}

.targetTab #tab02 li.tabHead01 {
	width: 65%;
}

.targetTab #tab02 li.tabHead02 {
	width: 30%;
	margin-left: 6px;
}

#mainArea .emstargetTdl th,
#mainArea .emstargetTdl td{
	vertical-align: top;
	font-size: 0.75em;/*12px*/
}

#mainArea .emstargetTdl ul.targetList02 li{
	vertical-align: top;
	font-size: 1em;
	margin-left: 1em;
	text-indent: -1em;
}

#mainArea .emstargetTdl td.cm{
	text-align: center;
	vertical-align: middle;
}

#mainArea .emstargetTdl td.rm{
	vertical-align: middle;
}

#mainArea .targetTab .disnon {
  display: none;
}

#mainArea .targetTbl .width01 {
    width: 13%;
}

#mainArea .targetTbl .width02 {
    width: 21%;
}

#mainArea .targetTbl .width03 {
    width: 8%;
}

/*社会・環境活動への取り組み報告*/

div#mainArea .librarybtn a{
	font-size: 1em;/*16px*/
	background: #006cb7;
	color: #fff;
	border-radius: 10px;
	border:1px solid #006cb7;
	text-align: center;
	padding: 15px 10px;
	display: block;
}

div#mainArea .librarybtn a:hover{
	background: #fff;
	color: #006cb7;
}

div#mainArea .selectMenu{
display: block;
text-align: right;
font-size:0.875em;/*14px*/
margin-bottom: 10px;
}

div#mainArea .librarybk img{
	vertical-align: middle;
	margin-right: 10px;
}

div#mainArea .librarybk a{
	vertical-align: middle;
}

div#mainArea .librarybk a:hover{
	text-decoration: underline;
}

div#mainArea .librarybk span {
	 vertical-align: middle;
}

/*ローソン漫画*/

div#mainArea h3.mangaimgtit{
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align:center;
}

div#mainArea h4.comictit{
  position: relative;
  padding: 0;
}

div#mainArea h4.comictit:before,
div#mainArea h4.comictit:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 29%;
		border-top: 10px dotted #fff;
}

div#mainArea h4.comictit:before {
  left:0;
}
div#mainArea h4.comictit:after {
  right: 0;
}

div#mainArea .mangabox01{
	position: relative;
	background: #d2ecfa;
	background: -moz-linear-gradient(top, #d2ecfa 1%, #fcffba 20%);
	background: -webkit-linear-gradient(top, #d2ecfa 1%,#fcffba 20%);
	background: linear-gradient(to bottom, #d2ecfa 1%,#fcffba 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ecfa', endColorstr='#fcffba',GradientType=0 );
	padding: 0px 10px;
	overflow: hidden;
}

div#mainArea .mangabox02{
	position: relative;
	background: #fcffba;
	background: -moz-linear-gradient(top, #fcffba 1%, #c9ffab 20%);
	background: -webkit-linear-gradient(top, #fcffba 1%,#c9ffab 20%);
	background: linear-gradient(to bottom, #fcffba 1%,#c9ffab 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffba', endColorstr='#c9ffab',GradientType=0 );
	padding: 0px 10px;
	overflow: hidden;
}

div#mainArea .mangabox03{
	position: relative;
	background: #c9ffab;
	background: -moz-linear-gradient(top, #c9ffab 1%, #fff0c9 20%);
	background: -webkit-linear-gradient(top, #c9ffab 1%,#fff0c9 20%);
	background: linear-gradient(to bottom, #c9ffab 1%,#fff0c9 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ffab', endColorstr='#fff0c9',GradientType=0 );
	padding: 0px 10px;
	overflow: hidden;
}

div#mainArea .mangabox04{
	position: relative;
	background: #fff0c9;
	background: -moz-linear-gradient(top, #fff0c9 1%, #93c8e6 20%);
	background: -webkit-linear-gradient(top, #fff0c9 1%,#93c8e6 20%);
	background: linear-gradient(to bottom, #fff0c9 1%,#93c8e6 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0c9', endColorstr='#93c8e6',GradientType=0 );
	padding: 0px 10px;
	overflow: hidden;
}

div#mainArea .mangabox05{
	position: relative;
	background: #93c8e6;
	background: -moz-linear-gradient(top,  #93c8e6 1%, #c4c2fa 47%, #86bdf6 100%);
	background: -webkit-linear-gradient(top,  #93c8e6 1%,#c4c2fa 47%,#86bdf6 100%);
	background: linear-gradient(to bottom,  #93c8e6 1%,#c4c2fa 47%,#86bdf6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c8e6', endColorstr='#86bdf6',GradientType=0 );
	padding: 0px 10px;
	overflow: hidden;
}

div#mainArea .mangafusenarea{
	position: absolute;
	top:50px;
	left: 0;
	right: 0;
	z-index:0;
}

#mainArea .read_comic{
  background-color: #D2ECF9;
  cursor: pointer;
		padding:0px 0px 30px 50px;
}

#mainArea	.comic_box{
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
	z-index: 10;
}

#mainArea	.comic_box .comic_box_right p{
	font-size: 0.813em;/*13px*/
	font-weight: bold;
	margin-top: -15px;
}

#mainArea	.comic_box .comic_box_left img{
	display: block;
	margin:0 auto 10px;
	max-width: 100%;
	height: auto;
}

#mainArea	.comic_box .comic_box_right img{
	display: block;
	max-width: 100%;
	height: auto;
}

#mainArea	.comic_pdf_btn{
	position: relative;
}

#mainArea .pdfcomiclink{
	position: absolute;
	top:30px;
	left: 80px;
}

#mainArea .pdfcomiclink a{
	display: block;
}

#mainArea .pdfcomiclink a:hover{
	opacity: 0.6;
}


	/*レスポンシブ レイアウト
	-----------------------------------------*/

/*スマホ*/
@media print, screen and (min-width:0px) and ( max-width:767px) {
	#mainArea	.comic_box .comic_box_right img{
		margin: 0 auto;
	}
	div#mainArea .mangafusenarea{
		display: none;
	}
	#container_top .csrtopicsarea{
		padding:0 10px;
	}

	#container_top .fs_mb20{
		margin-bottom:20px;
	}

	#container_top .sasutopbtn .box02btn .name01{
		font-size:1.125em;
		font-weight: bold;
		margin-bottom:10px;
	}

	#container_top .sasutopbtn .box02btn .name02{
		text-align: right;
		font-size:0.875em;
	}

	#container_top .sasutopbtn .sasubotn .sptitbr{
		display: none;
	}

	#container_top .sasutopbtn .sasubotn .name01{
		margin-bottom:20px;
	}

	#container_top .sdgstopbtn .sdgsbtnimg_pc{
		display: none;
	}

	#container_top .sasupageInner .sasupagebox ul.en,
	#container_top .sasupageInner .sasupagebox ul.soc{
		margin-bottom:20px;
	}

}



/* スマホ〜タブレット */
@media print, screen and (min-width:769px) and ( max-width:999px) {
	/* pickuparea */
	#container_top .pickupbox{
		width: 33.3333%;
	}

	#container_top .pickupbox a div{
		height: 200px;
		font-size: 1.143em;
	}
}

/* PC〜タブレット */
@media print, screen and (min-width:768px) {
 /*画面サイズが768pxからはここを読み込む*/

	.spbr{
		display: none;
	}

	#container_top .sdgstopbtn .sdgsbtnimg_sp{
		display: none;
	}

	#container_top .sasutopbtn{
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
	}

	#container_top .sasutopbtn .box02btn{
		width:50%;
	}
	#container_top .sasutopbtn .box02btn.sasubotn{
		width:46%;
	}

	#container_top .sasutopbtn .fs_mr10,
	#container_top .sdgstopbtn .fs_mr10,
	#container_top .toptwobtnarea .fs_mr10,
	#container_top .topthreebtnarea .fs_mr10{
		margin-right:10px;
	}

	/* #container_top .sasutopbtn .sasubotn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding:10px 15px;
	} */

	/* #container_top .sasutopbtn .sasubotn .sasutit{
		width:47%;
	}

	#container_top .sasutopbtn .sasubotn .sasulink{
		width:63%;
	} */

	#container_top .sasutopbtn .box02btn .name01{
		font-size: 1.125em;
	}

	#container_top .sasutopbtn .box02btn .toplink{
		font-size: 0.75em;
	}

	#container_top .sdgstopbtn,
		#container_top .toptwobtnarea,
		#container_top .topthreebtnarea{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		 display: flex;
		 -webkit-box-pack: center;
		 -ms-flex-pack: center;
		 justify-content: center;
	}

	#container_top .sdgstopbtn .sdgsbtnimg{
		width:50%;

	}
	#container_top .sdgstopbtn .sasutopbtn_sp{
		width:50%;
	}

		#container_top .toptwobtnarea .t-t-btnimg{
		width:50%;
		}


		#container_top .topthreebtnarea .t-t-th-btnimg{
			width:34%;
			}

	#container_top .sasupageInner{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#container_top .sasupageInner .sasupagebox{
		width:34%;
	}

	#container_top .sasupageInner .sasupagebox .topenbox,
	#container_top .sasupageInner .sasupagebox .topsocbox{
		margin-right:10px;
	}

	#container_top .sasupagelink ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		 display: flex;
		 -ms-flex-wrap: wrap;
		 flex-wrap: wrap;
		 -webkit-box-pack: center;
		 -ms-flex-pack: center;
		 justify-content: center;
	}

	#container_top .sasupagelink ul li{
		width:32%;
		margin-right:10px;
	}

	#container_top .sasupagelink ul li:nth-child(3n){
		margin-right:0px;
	}


/* csrtopicscon */
		#container_top .csrtopicscon .csrtopicswrap{
			display: -webkit-box;
		 display: -ms-flexbox;
		 display: -webkit-flex;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			align-items: stretch;
		}

		#container_top .csrtopicscon .csrtop_topicsbox{
			width: 48%;
			margin: 0px 5px 10px;
			flex-direction: column;
			box-sizing: border-box;
			position: relative;
		}

		#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .csrtop_topicsbox_con{
			padding: 10px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-direction: column;
		}

		/**/

		#mainArea .subContList{
			display:-webkit-box;
			display:-moz-box;
			display:-ms-flexbox;
			display:-webkit-flex;
			display:-moz-flex;
			display:flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: stretch;
			-webkit-justify-content:space-between;
			-moz-justify-content:space-between;
			justify-content:space-between;
		}

			#mainArea	.comic_box .comic_box_left {
				width: 35%;
				float: left;
				margin-bottom: 0px;
			}

			#mainArea	.comic_box .comic_box_right {
				width: 62%;
				float: right;
			}
			div#mainArea h4.comictit:before,
			div#mainArea h4.comictit:after {
			  width: 40%;
			}

			div#mainArea .mangabox01,
			div#mainArea .mangabox02,
			div#mainArea .mangabox03,
			div#mainArea .mangabox04,
			div#mainArea .mangabox05{
				padding: 0px 65px;
			}

			#mainArea .relationlink li{
				padding: 10px 10px 15px;
			}

			}

@media print, screen and (min-width:1000px) {
	/* csrtopicscon */

	#container_top .csrtopicsarea{
		margin: 0 auto;
	}
			#container_top .csrtopicscon .csrtop_topicsbox{
				width: 23%;
			}

			#container_top .sasutopbtn,
			#container_top .sdgstopbtn,
			#container_top .toptwobtnarea,
			#container_top .topthreebtnarea{
				margin:0 auto 50px;
			}

			#container_top .sasupageInner,
			#container_top .sasupagelink{
				margin:0 auto 60px;
			}

	/* pickuparea */
	#container_top .pickupbox{
		width: 20%;
	}

	#container_top .pickupbox a div{
		height: 135px;
		font-size: 1.143em;
	}

}