@import url("https://fonts.googleapis.com/css?family=Heebo|Poppins");

@charset "UTF-8";
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#cboxOverlay,
#cboxWrapper,
#colorbox {
	overflow: hidden;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
	max-width: none;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxBottomLeft,
#cboxMiddleLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;

	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	display: block;
	float: left;
	margin: auto;
	border: 0;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}

.cboxIframe {
	display: block;
	margin: 0; 
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
	box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	opacity: 0.9;
	background: #fff;

	filter: alpha(opacity=90);
}

#colorbox {
	outline: 0;
}

#cboxContent {
	overflow: visible;
	margin-top: 32px;
	background: #000;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent {
	padding: 1px; 
	background: #000;
}

#cboxLoadingGraphic {
	background: url("/otona/cmn2017/img/article/loading.gif") no-repeat center center;
}

#cboxLoadingOverlay {
	background: #000;
}

#cboxTitle {
	position: absolute;
	top: -22px;
	left: 0;
	color: #000;
}

#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 205px;
	text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
	overflow: visible;
	position: absolute;
	top: -20px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 20px;
	height: 20px;
	background: url("/otona/cmn2017/img/article/controls.png") no-repeat 0 0; 
	text-indent: -9999px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active {
	outline: 0;
}

#cboxPrevious {
	right: 44px; 
	background-position: 0 0;
}

#cboxPrevious:hover {
	background-position: 0 -25px;
}

#cboxNext {
	right: 22px; 
	background-position: -25px 0;
}

#cboxNext:hover {
	background-position: -25px -25px;
}

#cboxClose {
	right: 0; 
	background-position: -50px 0;
}

#cboxClose:hover {
	background-position: -50px -25px;
}

.cboxSlideshow_off #cboxPrevious,
.cboxSlideshow_on #cboxPrevious {
	right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
	right: 44px; 
	background-position: -75px -25px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
	background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
	right: 44px; 
	background-position: -100px 0;
}

.cboxSlideshow_off #cboxSlideshow:hover {
	background-position: -75px -25px;
}

/*

    Custom Style

*/
#cboxOverlay {
	background-color: #000;
}

#cboxTitle {
	color: #fff;
}

#cboxContent {
	margin: 57.5px 0;
}

#cboxClose {
	top: -57.5px;
	width: 33px;
	height: 33px;
	background: url("/otona/cmn2017/img/article/button_close.png");
	background-size: cover;
}

#cboxClose:hover {
	background-position: 0 0;
}

#cboxCloseBottom {
	content: "";
	display: block;
	position: absolute;
	bottom: -57.5px;
	left: 50%;
	margin-left: -16.5px;
	width: 33px;
	height: 33px;
	cursor: pointer; 
	background: url("/otona/cmn2017/img/article/button_close.png");
	background-size: cover;
}

.js-at-Colorbox a {
	display: block;
	position: relative;
	padding-bottom: 100%;
	outline: none; 
	height: 0;
	background: #000;
}
@media screen and (min-width: 640px) {
	.js-at-Colorbox a {
		padding: 0;
		height: auto;
		-webkit-transform: rotate(0);
		    -ms-transform: rotate(0);
		        transform: rotate(0);
	}
}
.js-at-Colorbox a:before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: auto;
	margin: auto;
	width: 35.5px;
	height: 35.5px;
	background: url("/otona/cmn2017/img/article/button_plus.png") 0 0 no-repeat;
	background-size: cover;
}
@media screen and (min-width: 640px) {
	.js-at-Colorbox a:before {
		display: none;
	}
}
@media screen and (min-width: 640px) {
	.js-at-Colorbox a:after {
		content: "※写真をクリックして縦で見る";
		display: block;
		position: absolute;
		right: 0;
		bottom: -40px;
		padding: 0 0.5em;
		height: 35px;
		background-color: #ddd;
		font-size: 13px;
		font-weight: 700;
		line-height: 35px;
	}
}
.js-at-Colorbox a img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}
@media screen and (min-width: 640px) {
	.js-at-Colorbox a img {
		display: inline;
		position: static;
		-webkit-transform: rotate(0);
		    -ms-transform: rotate(0);
		        transform: rotate(0);
	}
}

.s5-returnToTop__button {
	top: -86px;
}
@media screen and (min-width: 1200px) {
	.s5-returnToTop__button {
		top: -72px;
	}
}
.s5-returnToTop__button.at-absoBtn {
	top: -40px;
}
@media screen and (min-width: 1200px) {
	.s5-returnToTop__button.at-absoBtn {
		top: -72px;
	}
}

.cmn-Wrapper-article {
	background: #f2f2f2;
}
@media screen and (min-width: 1200px) {
	.cmn-Wrapper-article {
		padding-bottom: 77px;
	}
}

.at-Cover {
	position: relative;
	background: #fff;
}

.at-Cover_Img img {
	width: 100%;
}

@media screen and (min-width: 640px) {
	.at-Cover_TxtArea {
		position: relative;
		padding: 17px 50px 17px 184px;
	}
}

@media screen and (min-width: 1200px) {
	.at-Cover_TxtArea {
		margin: 0 auto;
		padding: 17px 0 17px 164px;
		max-width: 1200px;
	}
}

@media screen and (min-width: 1200px) {
	.at-201708_vol1 .at-Cover_TxtArea,
	.at-201704 .at-Cover_TxtArea,
	.at-201610 .at-Cover_TxtArea,
	.at-201604 .at-Cover_TxtArea {
		padding-left: 126px;
	}
}

@media screen and (min-width: 1200px) {
	.at-201709_vol2 .at-Cover_TxtArea,
	.at-20170701 .at-Cover_TxtArea,
	.at-201702 .at-Cover_TxtArea,
	.at-201608 .at-Cover_TxtArea {
		padding-left: 144px;
	}
}

@media screen and (min-width: 640px) {
	.at-201710 .at-Cover_TxtArea,
	.at-201709_vol1 .at-Cover_TxtArea,
	.at-201708_vol2 .at-Cover_TxtArea,
	.at-201707_vol2 .at-Cover_TxtArea,
	.at-201706 .at-Cover_TxtArea,
	.at-201705 .at-Cover_TxtArea,
	.at-201703 .at-Cover_TxtArea,
	.at-201612 .at-Cover_TxtArea,
	.at-201611 .at-Cover_TxtArea,
	.at-201609 .at-Cover_TxtArea,
	.at-201607 .at-Cover_TxtArea,
	.at-201606 .at-Cover_TxtArea,
	.at-201605 .at-Cover_TxtArea {
		padding-left: 224px;
	}
}

@media screen and (min-width: 1200px) {
	.at-201710 .at-Cover_TxtArea,
	.at-201709_vol1 .at-Cover_TxtArea,
	.at-201708_vol2 .at-Cover_TxtArea,
	.at-201707_vol2 .at-Cover_TxtArea,
	.at-201706 .at-Cover_TxtArea,
	.at-201705 .at-Cover_TxtArea,
	.at-201703 .at-Cover_TxtArea,
	.at-201612 .at-Cover_TxtArea,
	.at-201611 .at-Cover_TxtArea,
	.at-201609 .at-Cover_TxtArea,
	.at-201607 .at-Cover_TxtArea,
	.at-201606 .at-Cover_TxtArea,
	.at-201605 .at-Cover_TxtArea {
		padding-left: 170px;
	}
}

.at-Cover_Date {
	margin-top: 26px;
	text-align: center;
	color: #666; 
	font-family: "Heebo", sans-serif;
	font-size: 14px;
	line-height: 1;
}
@media screen and (min-width: 640px) {
	.at-Cover_Date {
		margin-top: 0;
		text-align: left;
		font-size: 16px;
	}
}
.at-Cover_Date span {
	font-family: "Poppins", sans-serif;
}
.at-Cover_Date img {
	display: block;
	margin: 12px auto 4px;
	width: 292px;
	height: 24px;
}
@media screen and (min-width: 640px) {
	.at-Cover_Date img {
		margin: 12px 0 4px;
	}
}
@media screen and (min-width: 1200px) {
	.at-Cover_Date img {
		display: inline;
		margin: 0 0 0 15px;
	}
}

.at-Cover_Ttl {
	margin-top: 8px;
	padding: 0 10px;
	text-align: center;
	font-family: YuMincho, Yu Mincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "HGS明朝E", "HGP明朝E", "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, sans-serif;
	font-size: 25px;
	line-height: 1.25;
}
@media screen and (min-width: 640px) {
	.at-Cover_Ttl {
		padding: 0;
		text-align: left;
		font-size: 30px;
	}
}
@media screen and (min-width: 1200px) {
	.at-Cover_Ttl {
		font-size: 40px;
	}
}
@media screen and (min-width: 1200px) {
	.at-201704 .at-Cover_Ttl {
		letter-spacing: -1px;
	}
}
.at-Cover_Ttl rt {
	font-size: 0.5em;
}

.at-Cover_Term-pc {
	display: none;
}
@media screen and (min-width: 640px) {
	.at-Cover_Term-pc {
		display: block;
		pointer-events: none;
	}
	.at-Cover_Term-pc img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50px;
		margin: auto;
	}
}
@media screen and (min-width: 1200px) {
	.at-Cover_Term-pc {
		position: absolute;
		top: -6px;
		left: 0;
		width: 300px;
	}
	.at-Cover_Term-pc img {
		position: static;
	}
}

@media screen and (min-width: 640px) {
	.at-Container {
		padding: 50px 0 77px;
	}
}

@media screen and (min-width: 1200px) {
	.at-Container {
		position: relative;
		margin: 50px auto 0;
		padding: 0;
		width: 1200px;
		background: #fff;
	}
}

.at-Main {
	position: relative;
	background: #f2f2f2;
}
@media screen and (min-width: 640px) {
	.at-Main {
		margin: 0 50px;
		padding: 50px;
		background-color: #fff;
	}
}
@media screen and (min-width: 1200px) {
	.at-Main {
		margin: 0;
		padding: 40px 78px 40px 98px; 
		width: 856px;
		max-width: none;
	}
}

.at-Main_Lead {
	padding: 17px 0 23px;
	background: #fff;
}
@media screen and (min-width: 640px) {
	.at-Main_Lead {
		padding: 0;
	}
}
.at-Main_Lead + .at-Main_Img {
	margin-top: 0;
}
@media screen and (min-width: 640px) {
	.at-Main_Lead + .at-Main_Img {
		margin-top: 23px;
	}
}

.at-Main_TxtWrap a,
.at-Main_Lead a,
.at-Main_Media a,
.at-Main_LinkListTxtWrap a {
	color: #036eb8;
}
@media screen and (min-width: 1200px) {
	.at-Main_TxtWrap a img,
	.at-Main_Lead a img,
	.at-Main_Media a img,
	.at-Main_LinkListTxtWrap a img {
		-webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
		transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
	}
	.at-Main_TxtWrap a:hover,
	.at-Main_Lead a:hover,
	.at-Main_Media a:hover,
	.at-Main_LinkListTxtWrap a:hover {
		opacity: 1; 
		text-decoration: underline;
	}
	.at-Main_TxtWrap a:hover img,
	.at-Main_Lead a:hover img,
	.at-Main_Media a:hover img,
	.at-Main_LinkListTxtWrap a:hover img {
		opacity: 0.6;
	}
}
.at-Main_TxtWrap a[target=_blank],
.at-Main_Lead a[target=_blank],
.at-Main_Media a[target=_blank],
.at-Main_LinkListTxtWrap a[target=_blank] {
	position: relative;
}
.at-Main_TxtWrap a[target=_blank]:after,
.at-Main_Lead a[target=_blank]:after,
.at-Main_Media a[target=_blank]:after,
.at-Main_LinkListTxtWrap a[target=_blank]:after {
	content: "";
	display: inline-block;
	margin-left: 7px;
	width: 17px;
	height: 13px;
	background: url(/otona/cmn2017/img/article/blank_icon_w_pc.png) no-repeat;
	background-size: 100% auto;
	vertical-align: top;
}
.at-Main_TxtWrap a img,
.at-Main_Lead a img,
.at-Main_Media a img,
.at-Main_LinkListTxtWrap a img {
	width: 80%;
}
@media screen and (min-width: 640px) {
	.at-Main_TxtWrap a img,
	.at-Main_Lead a img,
	.at-Main_Media a img,
	.at-Main_LinkListTxtWrap a img {
		padding: 0; 
		width: auto;
	}
}

.at-Main_TxtWrap {
	margin-top: 15px;
}
@media screen and (min-width: 640px) {
	.at-Main_TxtWrap {
		margin-top: 23px;
	}
}
.at-Main_TxtWrap + .at-Main_Index {
	margin-top: 23px;
}

.at-Main_Txt {
	padding: 0 20px;
	font-size: 14px;
	line-height: 1.68966;
}
@media screen and (min-width: 640px) {
	.at-Main_Txt {
		padding: 0;
		font-size: 16px;
		line-height: 1.625;
	}
}
.at-Main_Txt a[target=_blank]:after {
	vertical-align: text-top;
}
.at-Main_Txt-notes {
	margin-top: 10px;
	padding: 0 20px;
	font-size: 10px;
}
@media screen and (min-width: 640px) {
	.at-Main_Txt-notes {
		margin-top: 15px;
		padding: 0;
		font-size: 12px;
	}
}
.at-Main_Txt-notes + .at-Main_Txt {
	margin-top: 11px;
}
@media screen and (min-width: 640px) {
	.at-Main_Txt-notes + .at-Main_Txt {
		margin-top: 15px;
	}
}
.at-Main_Txt-notes a[target=_blank]:after {
	margin-left: 4px;
	width: 12px;
	height: 10px;
}
.at-Main_Txt-notes li + li {
	margin-top: 10px;
}
@media screen and (min-width: 640px) {
	.at-Main_Txt-notes li + li {
		margin-top: 15px;
	}
}
.at-Main_Box .at-Main_Txt {
	padding: 0;
}
.at-Main_Txt strong {
	font-size: 1.2em;
}

.at-Main_Media + .at-Main_Txt-notes {
	margin-top: 40px;
}

.at-Main_LinkListTtl {
	margin: 20px 20px 0;
	font-size: 18px;
	line-height: 1.38889;
}
@media screen and (min-width: 640px) {
	.at-Main_LinkListTtl {
		margin: 30px 0 0;
		font-size: 20px;
	}
}

.at-Main_LinkListTxtWrap {
	margin-top: 15px;
}
@media screen and (min-width: 640px) {
	.at-Main_LinkListTxtWrap {
		margin-top: 23px;
	}
}

.at-Main_LinkListTxt {
	padding: 0 20px;
	font-size: 14px;
	line-height: 1.68966;
}
@media screen and (min-width: 640px) {
	.at-Main_LinkListTxt {
		padding: 0;
		font-size: 16px;
		line-height: 1.625;
	}
}
.at-Main_LinkListTxt-notes {
	margin-top: 10px;
	padding: 0 20px;
	text-align: center;
	font-size: 10px;
}
@media screen and (min-width: 640px) {
	.at-Main_LinkListTxt-notes {
		margin-top: 15px;
		font-size: 12px;
	}
}

.at-Main_Index {
	background: #000;
}
@media screen and (min-width: 640px) {
	.at-Main_Index {
		display: none;
	}
}

.at-Main_IndexTtl {
	position: relative;
	height: 60px;
	text-align: center;
	color: #fff; 
	font-family: YuMincho, Yu Mincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "HGS明朝E", "HGP明朝E", "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, sans-serif;
	font-size: 17px;
	line-height: 60px;
}
.at-Main_IndexTtl:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 17px;
	bottom: 0;
	margin: auto;
	width: 17px;
	height: 17px;
	background: url(/otona/cmn2017/img/article/index_open.png) no-repeat;
	background-size: 100% auto;
}
.at-Main_IndexTtl:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 28px;
	margin: auto;
	width: 29px;
	height: 34px;
	background: url(/otona/cmn2017/img/article/index_ttl_icon_sp.png) no-repeat;
	background-size: 100% auto;
}
.at-Main_IndexTtl-close:before {
	background: url(/otona/cmn2017/img/article/index_close.png) no-repeat;
	background-size: 100% auto;
}

.at-Main_IndexItem {
	border-top: solid 1px #f5f5f5;
}
.at-Main_IndexItem a {
	display: block;
	position: relative;
	padding: 15px 50px 15px 20px;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 1.65517;
}
.at-Main_IndexItem a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.at-Main_Ttl {
	margin: 33px 20px 0;
	padding-left: 13px;
	border-left: solid 2px #666; 
	font-size: 18px;
	line-height: 1.38889;
}
@media screen and (min-width: 640px) {
	.at-Main_Ttl {
		margin: 40px 0 0;
		padding-left: 16px;
		font-size: 24px;
	}
}
.at-Main_Ttl small {
	font-size: 60%;
}

.at-Main_SubTtl {
	margin: 15px 20px 0;
	padding-left: 12px;
	border-left: solid 2px #666; 
	font-size: 18px;
	line-height: 1.38889;
}
@media screen and (min-width: 640px) {
	.at-Main_SubTtl {
		margin: 23px 0 0;
		padding-left: 16px;
		font-size: 20px;
	}
}
.at-Main_Box .at-Main_SubTtl {
	margin: 0;
}

.at-Main_LeadBtn {
	margin-bottom: 15px;
	text-align: center;
}
@media screen and (min-width: 640px) {
	.at-Main_LeadBtn {
		margin-bottom: 35px;
	}
}
.at-Main_LeadBtn a {
	display: inline-block;
	position: relative;
	padding: 10px 30px 10px 20px;
	height: 100%;
	-webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
	transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); 
	background-color: #ff5a19;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	line-height: 1.28571;
}
@media screen and (min-width: 640px) {
	.at-Main_LeadBtn a {
		padding: 10px 50px;
		font-size: 18px;
	}
}
.at-Main_LeadBtn a:before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	right: 15px;
	bottom: 0;
	margin: auto;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);

	-webkit-backface-visibility: hidden;

	        backface-visibility: hidden;
}
@media screen and (min-width: 640px) {
	.at-Main_LeadBtn a:before {
		right: 26px;
		width: 10px;
		height: 10px;
		-webkit-transition: right 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
		transition: right 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
	}
}
@media screen and (min-width: 1200px) {
	.at-Main_LeadBtn a:hover {
		opacity: 0.6;
		text-decoration: none;
	}
	.at-Main_LeadBtn a:hover:before {
		right: 21px;
	}
}

.at-Main_bottomBtn {
	margin-top: 15px;
	text-align: center;
}
@media screen and (min-width: 640px) {
	.at-Main_bottomBtn {
		margin-top: 35px;
	}
}
.at-Main_bottomBtn a {
	display: inline-block;
	position: relative;
	padding: 10px 30px 10px 20px;
	height: 100%;
	-webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
	transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); 
	background-color: #ff5a19;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	line-height: 1.28571;
}
@media screen and (min-width: 640px) {
	.at-Main_bottomBtn a {
		padding: 10px 50px;
		font-size: 18px;
	}
}
.at-Main_bottomBtn a:before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	right: 15px;
	bottom: 0;
	margin: auto;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);

	-webkit-backface-visibility: hidden;

	        backface-visibility: hidden;
}
@media screen and (min-width: 640px) {
	.at-Main_bottomBtn a:before {
		right: 26px;
		width: 10px;
		height: 10px;
		-webkit-transition: right 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
		transition: right 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
	}
}
@media screen and (min-width: 1200px) {
	.at-Main_bottomBtn a:hover {
		opacity: 0.6;
		text-decoration: none;
	}
	.at-Main_bottomBtn a:hover:before {
		right: 21px;
	}
}

.at-Main_Btn {
	margin-top: 15px;
	text-align: center;
}
@media screen and (min-width: 640px) {
	.at-Main_Btn {
		margin-top: 35px;
	}
}
.at-Main_Btn a {
	display: inline-block;
	position: relative;
	padding: 10px 20px;
	border: solid 2px #000;
	height: 100%;
	text-decoration: none; 
	font-size: 14px;
	line-height: 1.28571;
}
@media screen and (min-width: 640px) {
	.at-Main_Btn a {
		padding: 20px 50px;
		font-size: 18px;
	}
}
.at-Main_Btn a:before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: auto;
	margin: auto;
	width: 15px;
	height: 12px;
	background: url(/otona/cmn2017/img/article/blank_icon_w_sp.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (min-width: 640px) {
	.at-Main_Btn a:before {
		top: 5px;
		right: 5px;
		width: 17px;
		height: 13px;
		background: url(/otona/cmn2017/img/article/blank_icon_w_pc.png) no-repeat;
		background-size: 100% auto;
	}
}
.at-Main_Btn-large a {
	padding-right: 20px;
}
@media screen and (min-width: 640px) {
	.at-Main_Btn-large a {
		padding-right: 50px;
		padding-left: 80px;
	}
}
.at-Main_Btn-large a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 18px;
	margin: auto;
	width: 15px;
	height: 30px;
	background: url(/otona/cmn2017/img/article/mian_btn_logo_sp.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (min-width: 640px) {
	.at-Main_Btn-large a:after {
		left: 40px;
		width: 18px;
		height: 38px;
		background: url(/otona/cmn2017/img/article/mian_btn_logo_pc.png) no-repeat;
		background-size: 100% auto;
	}
}
@media screen and (min-width: 640px) {
	.at-Main_Btn-small a {
		padding: 13px 65px;
		font-size: 20px;
		line-height: 1;
	}
	.at-Main_Btn-small a span {
		font-size: 14px;
	}
}

.at-Main_Media {
	margin: 48px 20px 0;
	padding-bottom: 10px;
	border-bottom: solid 1px #c2c2c2;
}
@media screen and (min-width: 640px) {
	.at-Main_Media {
		display: table;
		margin: 40px 0 0;
		padding: 0;
		border: none;
		width: 100%;
	}
}
.at-Main_Box .at-Main_Media {
	margin-right: 0; 
	margin-left: 0;
}

.at-Main_MediaImgArea {
	margin-bottom: 15px;
}
@media screen and (min-width: 640px) {
	.at-Main_MediaImgArea {
		display: table-cell;
		margin: 0;
		width: 250px;
	}
}
@media screen and (min-width: 1200px) {
	.at-Main_MediaImgArea {
		width: 326px;
	}
}
.at-Main_MediaImgArea img {
	width: 100%;
}

@media screen and (min-width: 640px) {
	.at-Main_MediaTxtArea {
		display: table-cell;
		padding-left: 30px;
		vertical-align: top;
	}
}

.at-Main_Side {
	margin: 15px 0 0;
}
@media screen and (min-width: 640px) {
	.at-Main_Side {
		margin: 23px 0 0;
		width: 100%;
	}
}

.at-Main_SideImgArea {
	margin-bottom: 15px;
	text-align: center;
}
@media screen and (min-width: 640px) {
	.at-Main_SideImgArea {
		float: left;
		margin: 0 30px 20px 0;
		width: 326px;
		text-align: left;
	}
}

.at-Main_MediaTtl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #c2c2c2; 
	font-size: 14px;
}
@media screen and (min-width: 640px) {
	.at-Main_MediaTtl {
		padding-bottom: 5px;
		font-size: 16px;
	}
}

.at-Main_MediaTxt {
	font-size: 12px;
	line-height: 1.6;
}
@media screen and (min-width: 640px) {
	.at-Main_MediaTxt {
		font-size: 14px;
		line-height: 1.78571;
	}
}

.at-Main_Box {
	margin-top: 20px;
	padding: 20px 20px;
	background: #fff;
}
@media screen and (min-width: 640px) {
	.at-Main_Box {
		padding: 20px 25px;
		background: #eee;
	}
}
.at-Main_Box .at-Main_Ttl {
	margin-top: 0;
}

.at-Main_BoxTtl {
	margin-bottom: 13px;
	font-size: 15px;
}
@media screen and (min-width: 640px) {
	.at-Main_BoxTtl {
		margin-bottom: 8px;
		font-size: 16px;
	}
}

.at-Main_BoxList + .at-Main_BoxList {
	margin-top: 8px;
}
@media screen and (min-width: 640px) {
	.at-Main_BoxList + .at-Main_BoxList {
		margin-top: 20px;
	}
}

.at-Main_BoxListTtl {
	margin-bottom: 8px;
	font-size: 14px;
}
@media screen and (min-width: 640px) {
	.at-Main_BoxListTtl {
		margin-bottom: 6px;
		font-size: 16px;
	}
}
ol .at-Main_BoxListTtl,
ul .at-Main_BoxListTtl {
	padding-left: 17px;
	text-indent: -17px;
}
.at-Main_BoxListTtl-noindent {
	padding-left: 0 !important;
	text-indent: 0 !important;
}

.at-Main_BoxListTxt {
	font-size: 14px;
	line-height: 1.62069;
}
@media screen and (min-width: 640px) {
	.at-Main_BoxListTxt {
		font-size: 16px;
		line-height: 1.625;
	}
}

.at-Main_ItemWrap {
	margin-top: 20px;
	padding: 0 20px;
	background: #fff;
}
@media screen and (min-width: 640px) {
	.at-Main_ItemWrap {
		margin-top: 43px;
		padding: 0;
		border-top: solid 1px #c2c2c2;
		border-bottom: solid 1px #c2c2c2;
	}
}

.at-Main_Item {
	display: table;
	position: relative;
	padding: 20px 0;
	width: 100%;
}
.at-Main_Item + .at-Main_Item {
	border-top: solid 1px #c2c2c2;
}

.at-Main_ItemImg {
	display: table-cell;
	width: 135px;
	vertical-align: top;
}
@media screen and (min-width: 640px) {
	.at-Main_ItemImg {
		width: 300px;
	}
}
.at-Main_ItemImg img {
	width: 100%;
}

.at-Main_ItemTxtArea {
	display: table-cell;
	padding: 0 28px;
	vertical-align: top;
}
@media screen and (min-width: 640px) {
	.at-Main_ItemTxtArea {
		padding: 0 0 0 30px;
		vertical-align: middle;
	}
}

.at-Main_ItemTtl {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.32143;
}
@media screen and (min-width: 640px) {
	.at-Main_ItemTtl {
		font-size: 18px;
	}
}

.at-Main_ItemTxt {
	font-size: 12px;
	line-height: 1.4;
}
@media screen and (min-width: 640px) {
	.at-Main_ItemTxt {
		font-size: 14px;
		line-height: 1.71429;
	}
}

.at-Main_ItemBtn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 640px) {
	.at-Main_ItemBtn {
		display: inline-block;
		position: relative;
		margin-top: 24px;
		padding: 12px 10px;
		border: solid 2px #000;
		width: 214px;
		height: 100%;
		text-align: center;
		font-size: 14px;
		line-height: 1.28571;
	}
}
.at-Main_ItemBtn:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 2px;
	bottom: 0;
	margin: auto;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
@media screen and (min-width: 640px) {
	.at-Main_ItemBtn:before {
		top: 5px;
		right: 5px;
		bottom: auto;
		border: none;
		width: 17px;
		height: 13px;
		-webkit-transform: rotate(0);
		    -ms-transform: rotate(0);
		        transform: rotate(0);
		background: url(/otona/cmn2017/img/article/blank_icon_w_pc.png) no-repeat;
		background-size: 100% auto;
	}
}
.at-Main_ItemBtn span {
	display: none;
}
@media screen and (min-width: 640px) {
	.at-Main_ItemBtn span {
		display: block;
	}
}

.at-Main_Enquete a {
	display: block;
	margin: 25px 20px 0;
	padding: 30px 0 17px;
	background: #000;
	text-align: center; 
	color: #fff;
}
@media screen and (min-width: 640px) {
	.at-Main_Enquete a {
		position: relative;
		margin: 40px 0 0;
		padding: 15px 30px 28px;
		text-align: left;
	}
}

.at-Main_EnqueteTtl {
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 1.29412;
}
@media screen and (min-width: 640px) {
	.at-Main_EnqueteTtl {
		margin-bottom: 15px;
		padding-bottom: 7px;
		border-bottom: solid 1px #333; 
		font-size: 16px;
	}
	.at-Main_EnqueteTtl br {
		display: none;
	}
}

.at-Main_EnqueteTxt {
	padding: 0 20px;
	font-size: 14px;
	line-height: 1.55556;
}
@media screen and (min-width: 640px) {
	.at-Main_EnqueteTxt {
		padding: 0 168px 0 0;
		line-height: 1.42857;
	}
}

.at-Main_EnqueteBtn {
	margin: 25px 20px 0;
}
@media screen and (min-width: 640px) {
	.at-Main_EnqueteBtn {
		position: absolute;
		right: 30px;
		bottom: 16px;
		margin: 0;
		width: 157px;
	}
}
.at-Main_EnqueteBtn span {
	display: inline-block;
	position: relative;
	padding: 10px 45px;
	border: solid 2px #fff;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 18px;
	line-height: 1;
}
@media screen and (min-width: 640px) {
	.at-Main_EnqueteBtn span {
		display: block;
		padding: 10px 0;
		height: auto;
		text-align: center; 
		font-size: 16px;
	}
}
.at-Main_EnqueteBtn span:before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: auto;
	margin: auto;
	width: 15px;
	height: 12px;
	background: url(/otona/cmn2017/img/article/blank_icon_b_sp.png) no-repeat;
	background-size: 100% auto;
}

.at-Main_Mail a {
	display: block;
	margin: 10px 20px 0;
	padding: 30px 0 17px;
	border: solid 2px #000; 
	background: #fff;
	text-align: center;
}
@media screen and (min-width: 640px) {
	.at-Main_Mail a {
		position: relative;
		margin: 25px 0 0;
		padding: 15px 30px;
		text-align: left;
	}
}

.at-Main_MailTtl {
	margin-bottom: 10px;
	letter-spacing: -1px; 
	font-size: 17px;
	line-height: 1.29412;
}
@media screen and (min-width: 640px) {
	.at-Main_MailTtl {
		margin-bottom: 7px;
		padding-bottom: 7px;
		border-bottom: solid 1px #ebebeb;
		letter-spacing: normal; 
		font-size: 16px;
	}
	.at-Main_MailTtl br {
		display: none;
	}
}

.at-Main_MailTxt {
	padding: 0 20px;
	font-size: 14px;
	line-height: 1.55556;
}
@media screen and (min-width: 640px) {
	.at-Main_MailTxt {
		padding: 0 168px 0 0;
		line-height: 1.42857;
	}
}

.at-Main_MailBtn {
	margin: 25px 20px 0;
}
@media screen and (min-width: 640px) {
	.at-Main_MailBtn {
		position: absolute;
		right: 30px;
		bottom: 16px;
		margin: 0;
		width: 157px;
	}
}
.at-Main_MailBtn span {
	display: inline-block;
	position: relative;
	padding: 10px 45px;
	border: solid 2px #000;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	font-size: 18px;
	line-height: 1;
}
@media screen and (min-width: 640px) {
	.at-Main_MailBtn span {
		display: block;
		padding: 10px 0;
		height: auto;
		text-align: center; 
		font-size: 16px;
	}
}
.at-Main_MailBtn span:before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: auto;
	margin: auto;
	width: 15px;
	height: 12px;
	background: url(/otona/cmn2017/img/article/blank_icon_b_sp.png) no-repeat;
	background-size: 100% auto;
}

@media screen and (min-width: 640px) {
	.at-Main_ShareWrap {
		margin-top: 35px;
		text-align: center;
		letter-spacing: -0.4em;
	}
}

.at-Main_Share {
	margin-top: 25px;
	padding: 0 20px;
}
@media screen and (min-width: 640px) {
	.at-Main_Share {
		margin: 25px auto 0;
		letter-spacing: normal;
	}
}
@media screen and (min-width: 1200px) {
	.at-Main_Share {
		display: inline-block; 
		margin-top: 0;
		padding: 0;
	}
}
.at-Main_Share + .at-Main_Share {
	margin-top: 10px;
}
@media screen and (min-width: 1200px) {
	.at-Main_Share + .at-Main_Share {
		margin-top: 0;
		margin-left: 24px;
	}
}
.at-Main_Share a {
	display: block;
	width: 100%;
	height: 60px;
	text-align: center;
	color: #fff; 
	line-height: 60px;
}
@media screen and (min-width: 640px) {
	.at-Main_Share a {
		margin: 0 auto;
		width: 320px;
		height: 63px;
		font-size: 18px; 
		line-height: 63px;
	}
}
@media screen and (min-width: 1200px) {
	.at-Main_Share a {
		width: 288px;
		font-size: 22px;
	}
}
.at-Main_Share a span {
	position: relative;
}
.at-Main_Share-fb a {
	background: #3b5998;
}
.at-Main_Share-fb a span {
	padding-left: 20px;
}
@media screen and (min-width: 640px) {
	.at-Main_Share-fb a span {
		padding-left: 27px;
	}
}
.at-Main_Share-fb a span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 13px;
	height: 23px;
	background: url(/otona/cmn2017/img/article/main_share_fb_sp.png) no-repeat;
	background-size: 100% auto;
}
.at-Main_Share-tw a {
	background: #1da1f2;
}
.at-Main_Share-tw a span {
	padding-left: 34px;
}
@media screen and (min-width: 640px) {
	.at-Main_Share-tw a span {
		padding-left: 44px;
	}
}
.at-Main_Share-tw a span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 26px;
	height: 27px;
	background: url(/otona/cmn2017/img/article/main_share_tw_sp.png) no-repeat;
	background-size: 100% auto;
}

.at-Main_Paging {
	margin-top: 25px;
	padding: 0 20px;
}
@media screen and (min-width: 640px) {
	.at-Main_Paging {
		margin-top: 43px;
		padding: 77px 0 0;
		border-top: solid 1px #c2c2c2;
	}
}

.at-Main_Relation {
	margin-top: 32px;
	padding: 0 20px;
}
@media screen and (min-width: 640px) {
	.at-Main_Relation {
		display: none;
	}
}

.at-Main_RelationTtl {
	position: relative;
	margin-bottom: 25px;
	text-align: center;
	line-height: 1;
}
.at-Main_RelationTtl:before {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	right: 0;
	bottom: -9px;
	left: 0;
	margin: auto;
	width: 53px;
	height: 2px;
	background: #000;
}
.at-Main_RelationTtl img {
	padding-left: 8px; 
	vertical-align: top;
}

.at-Main_RelationItem {
	position: relative;
}
.at-Main_RelationItem:before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: auto;
	margin: auto;
	width: 15px;
	height: 12px;
	background: url(/otona/cmn2017/img/article/blank_icon_w_sp.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (min-width: 640px) {
	.at-Main_RelationItem:before {
		top: 5px;
		right: 5px;
		width: 17px;
		height: 13px;
		background: url(/otona/cmn2017/img/article/blank_icon_w_pc.png) no-repeat;
		background-size: 100% auto;
	}
}
.at-Main_RelationItem + .at-Main_RelationItem {
	margin-top: 10px;
}
.at-Main_RelationItem a {
	display: table;
	position: relative;
	border: solid 1px #000; 
	width: 100%;
	height: 100%;
}

.at-Main_RelationItemImg {
	display: table-cell;
	width: 89px;
	vertical-align: top;
}

.at-Main_RelationItemTxt {
	display: table-cell;
	padding: 5px 13px;
	vertical-align: middle; 
	font-size: 12px;
	line-height: 1.38462;
}
.at-201705 .at-Main_RelationItemTxt {
	text-align: center;
}

.at-Main_Recommend {
	margin-top: 35px;
	padding-top: 29px;
	background: #fff;
}
@media screen and (min-width: 640px) {
	.at-Main_Recommend {
		margin-top: 45px;
		padding-top: 24px;
		border-top: solid 1px #c2c2c2;
	}
}

.at-Main_RecommendTtl {
	margin-bottom: 22px;
	text-align: center;
	font-family: YuMincho, Yu Mincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "HGS明朝E", "HGP明朝E", "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, sans-serif;
	font-size: 17px;
}
@media screen and (min-width: 640px) {
	.at-Main_RecommendTtl {
		margin-bottom: 30px;
		font-size: 22px;
	}
}

.at-Main_BackBtnArea {
	padding: 42px 0 90px;
}
@media screen and (min-width: 640px) {
	.at-Main_BackBtnArea {
		padding-bottom: 0;
	}
}

.at-Main_BackBtn {
	text-align: center;
}
.at-Main_BackBtn a {
	display: inline-block;
	position: relative;
	padding: 10px 45px;
	border: solid 2px #000;
	height: 100%;
	font-size: 15px;
	line-height: 1.35484;
}
@media screen and (min-width: 640px) {
	.at-Main_BackBtn a {
		padding: 30px 80px;
		font-size: 18px;
		line-height: 1;
	}
}
@media screen and (min-width: 640px) {
	.at-Main_BackBtn a br {
		display: none;
	}
}
.at-Main_BackBtn a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	margin: auto;
	border-bottom: solid 2px #000;
	border-left: solid 2px #000;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
@media screen and (min-width: 640px) {
	.at-Main_BackBtn a:before {
		left: 40px;
		width: 10px;
		height: 10px;
		-webkit-transition: left 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
		transition: left 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
	}
}
@media screen and (min-width: 1200px) {
	.at-Main_BackBtn a:hover:before {
		left: 36px;
	}
}

.at-Main_EnqueteBtmBtn {
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;

	-webkit-backface-visibility: hidden;

	        backface-visibility: hidden;
}
.at-Main_EnqueteBtmBtn.at-Main_EnqueteBtmBtn-hidden {
	visibility: hidden;
}
.at-Main_EnqueteBtmBtn.at-Main_EnqueteBtmBtn-bottom {
	position: absolute;
}
@media screen and (min-width: 640px) {
	.at-Main_EnqueteBtmBtn {
		display: none;
	}
}
.at-Main_EnqueteBtmBtn a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 13px; 
	line-height: 50px;
}
.at-Main_EnqueteBtmBtn a:before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: auto;
	margin: auto;
	width: 15px;
	height: 12px;
	background: url(/otona/cmn2017/img/article/blank_icon_b_sp.png) no-repeat;
	background-size: 100% auto;
}

.at-Main_Article {
	position: relative;
	background: #fff;
}
@media screen and (min-width: 640px) {
	.at-Main_Article {
		float: left;
		margin: 0;
		width: 48.2963%;
		background: #ebebeb;
	}
}
@media screen and (min-width: 1200px) {
	.at-Main_Article {
		width: 326px;
	}
}
.at-Main_Article:before {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	right: 5px;
	bottom: 5px;
	margin: auto;
	border-width: 0 0 10px 10px;
	border-style: solid;
	border-color: transparent transparent #000 transparent;
}
@media screen and (min-width: 640px) {
	.at-Main_Article:before {
		right: 6px;
		bottom: 6px;
		border-width: 0 0 14px 14px;
	}
}
.at-Main_Paging .at-Main_Article:before {
	display: none;
}
@media screen and (min-width: 640px) {
	.at-Main_Paging .at-Main_Article:before {
		display: block;
	}
}
.at-Main_Article a {
	display: block;
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 640px) {
	.at-Main_Article + .at-Main_Article {
		margin-top: 0;
		margin-left: 3.40741%;
	}
}
@media screen and (min-width: 1200px) {
	.at-Main_Article + .at-Main_Article {
		margin-left: 28   px;
	}
}
.at-Main_Paging .at-Main_Article + .at-Main_Article {
	margin-top: 15px;
}
@media screen and (min-width: 640px) {
	.at-Main_Paging .at-Main_Article + .at-Main_Article {
		margin-top: 0;
		margin-left: 0;
	}
}

.at-Main_ArticleImgArea img {
	width: 100%;
}

@media screen and (min-width: 640px) {
	.at-Main_Article-next {
		float: right;
		margin-left: 3.40741%;
	}
}

@media screen and (min-width: 1200px) {
	.at-Main_Article-next {
		margin-left: 28px;
	}
}

@media screen and (min-width: 640px) {
	.at-Main_Article-prev {
		float: left; 
		margin-left: 0;
	}
}

.at-Main_ArticleTxtArea {
	padding: 15px 20px 12px;
}
@media screen and (min-width: 1200px) {
	.at-Main_ArticleTxtArea {
		padding: 20px 20px 23px;
	}
}

.at-Main_ArticleDate {
	margin-bottom: 7px;
	font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
	font-size: 13px;
	line-height: 1;
}
@media screen and (min-width: 1200px) {
	.at-Main_ArticleDate {
		margin-bottom: 11px;
		font-size: 14px;
	}
}
.at-Main_Paging .at-Main_ArticleDate {
	text-align: center; 
	font-size: 14px;
}
@media screen and (min-width: 640px) {
	.at-Main_Paging .at-Main_ArticleDate {
		margin-bottom: 11px;
		text-align: left;
	}
}

.at-Main_ArticleTtl {
	font-family: YuMincho, Yu Mincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "HGS明朝E", "HGP明朝E", "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, sans-serif; 
	font-size: 16px;
	line-height: 1.3125;
}
@media screen and (min-width: 1200px) {
	.at-Main_ArticleTtl {
		margin-bottom: 8px;
		font-size: 20px;
		line-height: 1.4;
	}
}
.at-Main_ArticleTtl rt {
	font-size: 0.5em;
}
.at-Main_Paging .at-Main_ArticleTtl {
	text-align: center;
}
@media screen and (min-width: 640px) {
	.at-Main_Paging .at-Main_ArticleTtl {
		text-align: left;
	}
}

.at-Main_ArticleTxt {
	display: none;
}
@media screen and (min-width: 1200px) {
	.at-Main_ArticleTxt {
		display: block;
		font-size: 14px;
		line-height: 1.57143;
	}
}

.at-Main_ArticleItemWrap {
	margin-left: -6px; 
	letter-spacing: -0.4em;
	line-height: 1;
}
@media screen and (min-width: 1200px) {
	.at-Main_ArticleItemWrap {
		margin-top: 8px;
	}
}

.at-Main_ArticleItem {
	display: inline-block;
	padding: 0 6px;
	border-right: solid 1px #a70000; 
	letter-spacing: normal;
	color: #a70000;
	font-size: 10px;
	line-height: 1;
}
@media screen and (min-width: 1200px) {
	.at-Main_ArticleItem {
		font-size: 12px;
	}
}
.at-Main_ArticleItem:last-child {
	border: none;
}
.at-Main_Paging .at-Main_ArticleItem {
	display: none;
}
@media screen and (min-width: 640px) {
	.at-Main_Paging .at-Main_ArticleItem {
		display: inline-block;
	}
}

.at-Main_Img {
	margin-top: 15px;
}
.at-Main_Img img {
	width: 100%;
}
@media screen and (min-width: 640px) {
	.at-Main_Img {
		margin-top: 23px;
	}
}
.at-Main_Img-small {
	padding: 0 20px;
}
@media screen and (min-width: 640px) {
	.at-Main_Img-small {
		margin: 23px auto 0;
		padding: 0;
		width: 320px;
	}
}
@media screen and (min-width: 640px) {
	.at-Main_Img-small-half {
		margin-top: 23px;
		width: 50%;
	}
}

.at-Main_ImgCaption {
	padding: 7px 20px 0;
	font-size: 12px;
	line-height: 1.54167;
}
@media screen and (min-width: 640px) {
	.at-Main_ImgCaption {
		padding: 10px 0 0;
		font-size: 13px;
	}
}

.at-Main_ArticlePaging {
	margin-top: 7px;
	text-align: center; 
	font-size: 12px;
}
@media screen and (min-width: 640px) {
	.at-Main_ArticlePaging {
		position: absolute;
		top: -56px;
		right: 0;
		left: 0;
		margin: auto;
		font-family: YuMincho, Yu Mincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "HGS明朝E", "HGP明朝E", "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, sans-serif; 
		font-size: 22px;
	}
}
.at-Main_ArticlePaging span {
	position: relative;
}
.at-Main_ArticlePaging-next span {
	padding-right: 13px;
}
@media screen and (min-width: 640px) {
	.at-Main_ArticlePaging-next span {
		padding-right: 20px;
	}
}
.at-Main_ArticlePaging-next span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
@media screen and (min-width: 640px) {
	.at-Main_ArticlePaging-next span:before {
		width: 7px;
		height: 7px;
	}
}
.at-Main_ArticlePaging-prev span {
	padding-left: 13px;
}
@media screen and (min-width: 640px) {
	.at-Main_ArticlePaging-prev span {
		padding-left: 20px;
	}
}
.at-Main_ArticlePaging-prev span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
@media screen and (min-width: 640px) {
	.at-Main_ArticlePaging-prev span:before {
		width: 7px;
		height: 7px;
	}
}

.at-Main_IFrame {
	position: relative;
	margin-top: 9px;
	padding-top: 56.32353%;
	width: 100%;
}
@media screen and (min-width: 640px) {
	.at-Main_IFrame {
		margin-top: 18px;
	}
}
.at-Main_IFrame iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.at-Sidebar {
	display: none;
}
@media screen and (min-width: 1200px) {
	.at-Sidebar {
		display: block;
		position: absolute;
		z-index: 1; 
		top: 0;
		right: 0;
		margin: 40px 0 160px;
		padding: 0 20px;
		border-left: solid 1px #ebebeb;
		width: 346px;
		background: #fff;
	}
}
.at-Sidebar.at-Sidebar-fixed {
	position: fixed;
	top: auto;
	right: auto;
	bottom: 0;
	left: auto;
	margin-left: 854px;
}
.at-Sidebar.at-Sidebar-bottom {
	position: absolute !important;
	bottom: 0;
}

.at-Sidebar_ItemArea {
	padding-top: 11px;
}

.at-Sidebar_Item {
	padding-bottom: 25px;
}
.at-Sidebar_Item + .at-Sidebar_Item {
	padding-top: 25px;
	border-top: solid 1px #ebebeb;
}

.at-Sidebar_ItemAreaTtl {
	position: relative;
	margin-bottom: 50px;
	text-align: center; 
	color: #2e1d11;
	font-family: YuMincho, Yu Mincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "HGS明朝E", "HGP明朝E", "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, sans-serif;
	font-size: 22px;
	line-height: 1;
}
.at-Sidebar_ItemAreaTtl:before {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	right: 0;
	bottom: -25px;
	left: 0;
	margin: auto;
	width: 60px;
	height: 2px;
	background: #000;
}

.at-Sidebar_ItemTxtArea {
	margin-top: 20px;
	padding: 0 5px;
}

.at-Sidebar_ItemTtl {
	margin-bottom: 10px;
	font-size: 19px;
}

.at-Sidebar_ItemTxt {
	font-size: 15px;
	line-height: 1.53333;
}

.at-Sidebar_ItemBtn {
	display: block;
	position: relative;
	margin: 20px auto 0;
	padding: 12px 10px;
	border: solid 2px #000;
	width: 214px;
	height: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 1.28571;
}
.at-Sidebar_ItemBtn:before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: auto;
	margin: auto;
	width: 15px;
	height: 12px;
	background: url(/otona/cmn2017/img/article/blank_icon_w_sp.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (min-width: 640px) {
	.at-Sidebar_ItemBtn:before {
		top: 5px;
		right: 5px;
		width: 17px;
		height: 13px;
		background: url(/otona/cmn2017/img/article/blank_icon_w_pc.png) no-repeat;
		background-size: 100% auto;
	}
}
.at-Sidebar_ItemBtn span {
	display: block;
}

.at-Sidebar_Relation {
	padding: 40px 0 30px;
	border-top: solid 2px #000;
	border-bottom: solid 1px #ebebeb;
}

.at-Sidebar_RelationTtl {
	position: relative;
	margin-bottom: 65px;
	text-align: center;
	font-size: 21px; 
	line-height: 1;
}
.at-Sidebar_RelationTtl:before {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	right: 0;
	bottom: -29px;
	left: 0;
	margin: auto;
	width: 58px;
	height: 2px;
	background: #000;
}

.at-Sidebar_RelationSubTtl {
	display: block;
	margin-bottom: 22px;
	text-align: center;
}

.at-Sidebar_RelationItem {
	position: relative;
}
.at-Sidebar_RelationItem + .at-Sidebar_RelationItem {
	margin-top: 15px;
}
@media screen and (min-width: 1200px) {
	.at-Sidebar_RelationItem:hover:before {
		opacity: 0.6;
	}
}
.at-Sidebar_RelationItem:before {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	right: 6px;
	bottom: auto;
	margin: auto;
	width: 15px;
	height: 12px;
	-webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
	transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); 
	background: url(/otona/cmn2017/img/article/blank_icon_w_sp.png) no-repeat;
	background-size: 100% auto;
}
@media screen and (min-width: 640px) {
	.at-Sidebar_RelationItem:before {
		top: 5px;
		right: 5px;
		width: 17px;
		height: 13px;
		background: url(/otona/cmn2017/img/article/blank_icon_w_pc.png) no-repeat;
		background-size: 100% auto;
	}
}
.at-Sidebar_RelationItem a {
	display: table;
	position: relative;
	border: solid 2px #000; 
	width: 100%;
	height: 100%;
}

.at-Sidebar_RelationItemImg {
	display: table-cell;
	width: 120px;
	vertical-align: top;
}
.at-Sidebar_RelationItemImg img {
	width: 100%;
}

.at-Sidebar_RelationItemTxt {
	display: table-cell;
	padding: 5px 15px;
	vertical-align: middle; 
	font-size: 13px;
	line-height: 1.38462;
}
.at-201705 .at-Sidebar_RelationItemTxt {
	text-align: center;
}
.at-201711 .movie{
	position:relative;
	width: 100%;
	padding-top: 56.25%;
}
.at-201711 .movie iframe{
	position:absolute;
	top: 0;
	right: 0;
	width: 100%!important;
	height: 100%!important;
}
.at-Sidebar_RelationItemTxt span {
	display: block;
	font-size: 11px;
}

.at-Sidebar_Enquete a {
	display: block;
	margin: 20px 0 0;
	padding: 35px 0 27px;
	background: #000;
	text-align: center; 
	color: #fff;
}

.at-Sidebar_EnqueteTtl {
	margin-bottom: 10px;
	letter-spacing: -1px; 
	font-size: 20px;
	line-height: 1.3;
}

.at-Sidebar_EnqueteTxt {
	padding: 0 30px;
	font-size: 14px;
	line-height: 1.57143;
}

.at-Sidebar_EnqueteBtn {
	margin: 25px 20px 0;
}
.at-Sidebar_EnqueteBtn span {
	display: inline-block;
	position: relative;
	padding: 15px 45px;
	border: solid 2px #fff;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 22px;
	line-height: 1;
}
.at-Sidebar_EnqueteBtn span:before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: auto;
	margin: auto;
	width: 15px;
	height: 12px;
	background: url(/otona/cmn2017/img/article/blank_icon_b_sp.png) no-repeat;
	background-size: 100% auto;
}

.at-Main_Bdr {
	margin: 30px 0;
	width: 100%;
	height: 1px;
	background: #c2c2c2;
}
@media screen and (min-width: 640px) {
	.at-Main_Bdr {
		margin: 40px 0;
	}
}