@charset "utf-8";
/* CSS Document */



/**********************************/
/****** fix containers 100% ******/
/**********************************/

.defaultWidth { max-width:1166px; width:1166px; }
.sidebarWidth { max-width:336px; width:100%; float:right; }
.contentWidth { max-width:800px; width:100%; float:left; }

.mainWrap { /*wraps all contents, mother of all containers next to body tag*/
	position:relative; /*relative height of browser*/
	min-height:100%; /*relative height of browser*/
	z-index:999;
	font-size: 0;
}
/*****************************************/




/****** contents ******//****** contents ******//****** contents ******/

html,
body {
	font-size:100%;
	font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	color:#3a3a3a;
	background:#f7f7f7;
	height:100%;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
h2, h3, h4 {
	 font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:bold;
}



p, pre {
	font-size:14px;
	color:#222222;
	line-height:22px;
	font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

.headWrap {
	height:58px;
	background:#FFF;
	border-bottom:solid 1px #ededed;
	margin: 0px 50px;
}
.toplabel {
	padding:22px 0 18px 0;
}
.toptitle {
	border-top:solid 1px #181818; border-bottom:solid 3px #181818; padding:4px 0;
}
.logo {
	float:left;
	display:block;
	margin-top:14px;
}
.sponsor {
	margin-top:22px;
	float:left;
	overflow:auto;
}
.sponsor li {
	float:left;
	margin-left:44px;
}
.sponsor a {
	display:block;
}
.menu {
	float:right;
	width:420px;
	overflow:auto;
	margin-top: 18px;
	text-align:right;
}
.menu li {
	/*float:left;*/
	display: inline-block;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	margin-left:20px;
}
.menu a {
	font-size:0.8em;
	color:#5a5a5a;
	font-weight:bold;
	display:block;
}
.title1 {
	font-size:28px;
	color:#666666;
	font-weight:bold;
	line-height: 34px;
	float:left;
}
.title2 {
	font-size: 36px;
    color: #181818;
    font-weight: 800;
    line-height: 46px;
    padding: 4px 0;
}
.title3 {
	color:#3a3a3a;
	font-size:15px;
	font-weight:bold;
	line-height: 24px;
	letter-spacing:-1px;
}
.title4 {
	color:#FFF;
	font-size:24px;
	text-align:center;
	font-weight:800;
	margin-bottom:20px;
	line-height:26px;
}
.title5 {
	color:#222;
	font-size:20px;
	font-weight:800;
	padding-left:58px;
	background:url(./../img/icon1.png) left center no-repeat;
	line-height:38px;
	background-size:37px;
}
.title5-2 {
	background:url(./../img/icon2.png) left center no-repeat;
	    background-size: 37px;
}
.title6 {
	text-align:center;
	    position: relative;
    top: -37px;
}
.title6 span {
	padding:10px 20px;
	font-size:22px;
	color:#FFF;
	text-align:center;
	font-weight:800;
	background:url(./../img/pattern1.png);
}
.title6 span img {
	display:inline;
	    vertical-align: sub;
		margin-right:10px;
		    width: 28px;
}
.title7 {
	color:#222;
	font-size:20px;
	font-weight:800;
	line-height:38px;
	background-size:37px;
}
.search1 {
	float:right;
	width:300px;
	overflow:auto;
	border:solid 1px #ececec;
	background:#FFF;
	position:relative;
}
.search1 input[type="text"] {
	font-size:13px;
	width:258px;
	float:left;
	padding-left:10px;
	    height: 32px;
	    line-height: 32px;
}
.search1 input[type="submit"] {
	width:32px;
	height:32px;
	background:url(./../img/search.png) center center no-repeat #d82324;
	float:right;
	    -webkit-appearance: none;
    border-radius: 0;

}
.subscribe {	margin-top:30px; }
.banner1 {
	margin:30px auto;
	width:728px;
	height:90px;
	display:block;
}
.article-wrap {
	padding:40px;
	background:#FFF;
	border:solid 1px #e9e9e9;
}

.sideblock {
	margin-bottom:20px;
	padding:30px;
	position:relative;

}
.block1 {
	background:#FFF;
	border-left:solid 4px #222;
	box-sizing:border-box;
}
.block2 {
	background:#d82324;
}
.form2 {
	/*overflow:auto;*/
}
.form2 input[type="text"], .form2 .email {
	width:100%;
	background:url(../img/mail.png) 18px center no-repeat #f16869;
	padding-left:50px;
	height:48px;
	line-height:48px;
	font-size:12px;
	color:#FFF;
	border:solid 1px #c02e2f;
	box-sizing:border-box;

	box-shadow: 		inset 5px 5px 4px -3px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 5px 5px 4px -3px rgba(0,0,0,0.2);
	-moz-box-shadow: 	inset 5px 5px 4px -3px rgba(0,0,0,0.2);
	-o-box-shadow: 		inset 5px 5px 4px -3px rgba(0,0,0,0.2);
}
.subscribe .form2 input[type="email"], .subscribe .form2 .email { width:328px; }
.grayed {
	opacity:0.6;
	-webkit-opacity:0.6;
	-moz-opacity:0.6;
}
.form2 input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;

	color:#d82324;
	font-size:18px;
	text-align:center;
	font-weight:600;
	background:#FFF;
	border-radius:3px;
	width:100%;
	padding:4px 0;
	margin-top:20px;
	cursor:pointer;
	line-height: 34px;
}

.block3, .boxlist {
	padding:0;
}
.list1 {
	margin-top:15px;
	overflow:auto;
}
.list1 li {
	margin-bottom:6px;
}
.list1 a {
	color:#247dc2;
	font-size:13px;
	padding-left:15px;
	background:url(./../img/bullet1.png) left 6px no-repeat;
	display: block;
    line-height: 22px;

}
.label1 {
	float:left;
	font-size:11px;
	color:#9c9c9c;
	width:72px;
	line-height:28px;
}
.tags {
	float:left;
	width:530px;
	font-size:11px;
	color:#888;
	overflow:auto;
	line-height: 18px;
}
.tags li {
	float:left;

	margin-right:6px;
	border:solid 1px #CCC;
	    background: #FFF;
}
.tags li a {
	display:block;
	padding:4px 5px;
	color:#888;
}
.tags li a:hover {
	background:#247dc2;
	color:#FFF;
}
.date {
	float:right;
	text-align:right;
	font-size:14px;
	color:#9c9c9c;
}
.toparticle {
	margin-bottom:30px;
}
.readbox {
	overflow:auto;
	margin-top:20px;
}
.readmore {
	float:right;
	height:42px;
	padding-right:50px;
	background:url(./../img/arrow.png) right center no-repeat;
	color:#247dc2;
	font-size:14px;
	line-height:42px;
}
.sns-top {
	/* overflow:auto; */
	position:absolute;
	right:0;
	bottom:10px;
}
.fb-top, .tw-top { float:right; margin-left:10px; }
.social-wrap {
	margin-top:60px;
}
.sns {
	width:350px;
	display:flex;
}
.fb {
	float:left;
}
.tw {
	float:right;
}
.fb-like-btn {
	position: static;
	visibility: visible;
	width: 105px;
	height: 20px;
}

.nav-wrap {
	padding:25px 40px;
	border:solid 1px #e9e9e9;
	background:#FFF;
	border-top:0;
	overflow:auto;
}
.nav { height:14px; line-height:14px; font-size:15px; font-weight:bold; background-image:url(./../img/nav.png); background-repeat:no-repeat; }
.nav-wrap a { color:#247dc2; }
.nav1 { background-position:left -1px; }
.nav2 { background-position:left -17px; margin-left:30px; }
.nav4 { background-position:right -33px; }
.nav3 { background-position:right -49px; margin-right:30px; }
.navleft {
	padding-left:30px;
	float:left;
}
.navright {
	padding-right:30px;
	float:right;
}
.subscribe { overflow:auto; margin-bottom:0; }
.subscribe .title4, .subscribe input[type="text"], .subscribe input[type="submit"] { float:left; }

.subscribe input[type="submit"] { width:110px; margin-top:0; padding-top: 8px;   height: 48px; float:right;  }
.subscribe .title4 { margin-bottom:0; margin-right:20px; line-height: 48px; }
.subscribe input[type="text"] { width:330px; }


.twin-ads-box {
	padding:10px;
	overflow:auto;
}
.twin-ad1 { float:left; display:flex; }
.twin-ad2 { float:right; display:flex; }

.rank-title {
	background:#ffc000;
	text-align:center;
	font-size:14px;
	color:#222;
	line-height:46px;
	margin-top:15px;
}
.rank-wrap, .rank-wrap2 {
	border:solid 2px #ffc000;
	padding:30px;
	border-top:0;
	background:#FFF;
	margin-top:0;
}
.rank-wrap2 {
	border-color:#cbcbcb;
}
.rank-title2 {
	background:#cbcbcb;
}
.tri-banner { overflow:auto; margin-bottom:30px; }
.tri-banner img { width:250px; }

.tri1, .tri2, .tri3 { float:left;  }
.tri1, .tri3 { width:266px; text-align:left; }
.tri3 { text-align:right; float:right; width:244px; }
.tri2 { width: 268px; text-align:center;  }

.tri1 img { float:left; }
.tri2 img { margin:0 auto; }
.tri3 img { float:right; display:block; }




.rank-wrap li { margin-bottom:10px; position:relative; }
.rank-wrap a { font-size:13px; padding:7px 0 7px 35px;     background-size: 26px; }
.rank-wrap a.rank1 { background-image:url(./../img/rank1.png); }
.rank-wrap a.rank2 { background-image:url(./../img/rank2.png); }
.rank-wrap a.rank3 { background-image:url(./../img/rank3.png); }
.rank-wrap a.rank4 { background-image:url(./../img/rank4.png); }
.rank-wrap a.rank5 { background-image:url(./../img/rank5.png); }


.list2 > li {
	padding:22px;
	background:#f8f8f8;
	border:solid 1px #f0f0f0;
	margin-bottom:20px;
}
.list2 > li:last-child {
	margin:0;
}
.list2 h3 > a {
	color:#247dc2;
	font-size:16px;
	font-weight:600;
    margin-bottom: 10px;
    display: block;
}
.list2 h3 > a:hover {
	text-decoration:underline;
}
.list2 .tags {
	width:485px;
}
.list2 p {
	font-size:13px;
	color:#222;
}
.list2 .toparticle {
	margin-bottom:15px;
}

.footer-wrap {
	overflow:auto;
	background:#FFF;
	border-top:solid 1px #e3e3e3;
	padding:22px 0;
	clear:both;
}

.footer-logo { float:right; }

.list-footer {
	float:left;
	width:1010px;
	margin-bottom:10px;
}
.list-footer li {
	float:left;
	font-size:12px;
	line-height: 12px;
}
.list-footer li a {
	padding:0 8px;
	color:#247dc2;
	border-right:solid 1px #247dc2;
}
.list-footer li:first-child a {
	padding-left:0;
}
.list-footer li:last-child a {
	border-right:0;
}
.list-footer a:hover { text-decoration:underline; }
.copyright {
	float:left;
	color:#444;
	font-size:12px;
	padding-top:10px;
}


.marker { width:30px; height:27px; background:#cfcfcf; display:block; position:absolute; left:-41px; top:0; }
.divider { background:#dddddd; height:2px; width:100%; margin-bottom:20px; }
.list1 a:hover { text-decoration:underline; }
.leftThis { float:left; width:1010px; }

/******************custom****************/

	.mobile-only { display:none; }
	.pc-only { display:block; }
img { display:block; }

@media only screen and (min-width: 1181px) {
	.menu { display:block !important; }
}

@media only screen and (max-width: 1180px) {
	body { /*padding-top:60px;*/ }
	.toplabel, .toptitle, .footer-wrap, .contentWidth, .sidebarWidth  { padding:0 10px;     box-sizing: border-box; overflow-x: hidden; }
	.defaultWidth { max-width:600px; width:100%; }
	.sidebarWidth { max-width:600px; width:100%; float:none; }
	.contentWidth { max-width:600px; width:100%; float:none; }

	.headWrap {    height: 54px; /*position:fixed;*/ width:100%; z-index:999; top:0;  margin: 0px 0px 20px 0px; }
	.sp-menu { display:block; width:34px; height:34px; position:absolute; right:10px; top:10px; background:url(./../img/sp/menu.png) center center no-repeat; }
	.sp-menu-close { background:url(./../img/sp/menu-close.png) center center no-repeat; }
	.logo { width:120px; margin:0 auto; display:block; float:none; padding-top:12px; }
	.sponsor { display:none; }
	.menu { position:absolute; right:0; top:26px; width:100%;  padding:0; z-index: 999; }
	.menu li { float:none; display:block; background:#7e7e7e; margin:0 10px;  }
	.menu li:first-child {  padding-top:10px; }
	.menu li:last-child { padding-bottom:10px; }
	.menu a { padding:6px 0; width:100%; text-align:center; color:#FFF; font-weight:400; font-size:15px; }
	.menu { display:none; }
	.toptitle { border:0; }
	.toplabel { padding-bottom:0; }
	.title1 { margin-bottom:10px;    font-size: 23px;    line-height: 33px; margin-top:10px; width:100%; text-align:center; }
	.title2 {     font-size: 28px;    line-height: 38px; }

	.search1 { width:100%; margin-bottom:10px; }
	.search1 input[type="text"] { width:85%; }
	.toptitle { padding-bottom:30px; }
	.sns-top { bottom:0; right:50%; margin-right:-95px; }
	.banner1 { width:320px; display:block; height:auto; margin:20px auto; }

	.article-wrap { padding:20px; }
	.readmore { width:75px; margin: 0 auto; float:none; display:block; }
	.social-wrap { width:268px; margin:0 auto; margin-top: 20px; }
	.sns { width:124px; float:left; }
	.tw { float:left; margin-left:10px; }
	.sns img { width:100%; }
	.nav-wrap { background:none; border:0; padding:10px 0; }
	.nav-wrap a { padding:20px; color:#FFF; background-color:#969696;    width: 48%; text-align:center; line-height: 11px; height:50px; box-sizing:border-box; }
	.nav2 { margin-left:0; padding-left:30px !important; background:url(./../img/sp/leftnav.png) left center no-repeat #969696; }
	.nav3 { margin-right:0; padding-right:30px !important; background:url(./../img/sp/rightnav.png) right center no-repeat #969696; }

	.block2, .rank-wrap, .rank-wrap2 { padding:20px; }

	.marker { display:none; }
	.title4 {     font-size: 20px;margin-bottom: 15px; }

	.form2 input[type="email"] { width:100%; }
	.form2 input[type="email"] { padding-left:40px;     background: url(../img/mail.png) 12px center no-repeat #e03e3f;     box-sizing: border-box; }
	.list-footer { margin-bottom:0; }
	.list-footer, .leftThis {    float: left;    width: 225px; }
	.list-footer li { float:none; }
	.list-footer li a { padding:0; border:0; padding-left:10px !important; line-height:24px; border-left:solid 1px #247dc2; }
	.toparticle { padding-top:35px; }
	.copyright { text-align:center; font-size:11px;width: 100%; }
	.tags { width:69%; }
	.date {     position: absolute;    width: 100%;    text-align: left;    left: 0; top:0; }
	.block3 { width:300px; margin:0 auto; margin-bottom:20px; }

	.block1 {     border: solid 4px #222; }
	.list0 li { float:left; width:48%; }
	.tags li { margin-bottom:6px; }

	.tri-banner-mobile div, .tri-banner-mobile div img { width:100%; }
	.tri-banner-mobile div { margin-bottom:10px; }
	.tri-banner { margin-bottom:0; }
	.readmore { background: url(./../img/sp/arrow.png) right center no-repeat;  background-size: 42px; }
	.footer-wrap { padding-top:15px; }

	.copyright { padding-bottom:20px; }

	.mobile-only { display:block; }
	.pc-only { display:none; }
	p { word-wrap: break-word; }
}

/* === HTMLmagazine === */
#html-bn-link {
	display: block;
	text-align: center;
	margin-bottom: 25px;
}
a#html-bn-link > img {
	display: inline;

}

/* === SubscribeForm === */
.subscribeFbYahoo-center {
	margin: 20px 0px;
	text-align: center;
}
.facebook-reg-center {
	float: left !important;
	width: 390px !important;
}
.yahoo-reg-center {
	margin-left: auto !important;
	width: 390px !important;
}
.subscribeFbYahoo-side {
	margin: 20px 0px;
	text-align: center;
	width: 100%;
}
.facebook-reg-side {
	width: 100% !important;
}
.yahoo-reg-side {
	margin-left: 0px !important;
	width: 100% !important;
}
#msg_ymail_use_mailaddress {
	color: #FFF;
}
.kyukan-mes {
	color:#FFF;
	font-size:20px;
	text-align:center;
	padding: 10px;
}

/* === Monthly Archive Style === */
.monthlyLink>ul {
	margin-top: 10px;
}
.monthlyLink>ul>li {
	margin-top: 5px;
}

/* === Archive Style === */
ul#hiddenList {
	display: none;
}
ul#archiveList {
  list-style: none;
  margin-top: 15px;
  overflow: auto;
  color: #247DC2;
  text-rendering: optimizelegibility;
}
#archiveList a {
  margin-bottom: 6px;
  font-size: 13px;
  background: transparent url("./../img/bullet1.png") no-repeat scroll left 6px;
  padding-left: 15px;
  display: block;
  line-height: 22px;
}
.archivePageination>button {
  font-size: 13px;
  /* color:#eeeeee !important; */
  padding: 2px 5px;
  /* text-decoration: none; */
  background-color: #fff !important;
  border:2px solid #dadada !important;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}
.archivePageination>button:hover {
  font-size: 13px;
  color:#eeeeee !important;
  padding: 2px 5px;
  background-color: #7A7A7A !important;
  border:2px solid #7A7A7A !important;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}

/* === Pager Style === */
.pagerbox{
  margin:0 auto;
  text-align:center;
 }

.link-next-page{
  display: inline-block;
  background: #FFC100;
  max-width: 300px;
  width:100%;
  border-radius: 20px;
  line-height:40px;
  text-align: center;
  color: #222;
  font-weight: bold;
 }
.nav-current-page{
  display: inline-block;
  margin-right:5px;
  padding: 5px 10px;
  background-color: #aaa;
  color: #fff;
  font-weight: bold;
 }
.nav-pages,
.nav-prev-page,
.nav-next-page{
  display: inline-block;
  margin:0 5px 7px 0;
  padding: 5px 10px;
  background: #eee;
  color: #aaa;
  font-weight: bold;
}

/* === archive bottom content === */

/* for pc */
.archives_btm_content {
  overflow: hidden;
  width: 100%;
}
.abc_item {
  width: 20%;
  display: block;
  float: left;
  margin: 0 0 10px;
  position: relative;
  vertical-align: top;
	min-height: 155px;
}
.abc_cover_image {
  width: 100%;
  display: none;

}
.abc_item_img {
  margin-bottom: 7px;
}
.abc_item_img_img_spacer {
  padding-top: 56%;
}
.abc_item_title {
  height: 34px;
  font-size: 13px;
  line-height: 17px;
  overflow: hidden;
  margin-bottom: 5px;
}
.abc_item_adv {
  color: #999;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  height: 12px;
  overflow: hidden;
}
.abc_item_link {
  color: #247dc2;
  text-decoration: none;
  padding-left: 4px;
  padding-right: 4px;
  display: block;
}
.abc_item_link:hover {
  text-decoration: underline;
}
.abc_item_img_inner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
/* for mobile */
#abc_reccomend_sp .abc-column-widget {
    margin: 0;
    padding: 0;
    font-family: Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Helvetica, ArialMT, Osaka, Verdana, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 10px;
    line-height: 1.7;
    color: #141414;
    width: 100%;
}
#abc_reccomend_sp .abc-column-widget h1,
#abc_reccomend_sp .abc-column-widget h2,
#abc_reccomend_sp .abc-column-widget h3,
#abc_reccomend_sp .abc-column-widget h4,
#abc_reccomend_sp .abc-column-widget h5,
#abc_reccomend_sp .abc-column-widget p,
#abc_reccomend_sp .abc-column-widget ul {
    font-size: 10px;
    padding: 0;
    margin: 0;
}
#abc_reccomend_sp .abc-column-widget li {
    list-style: none;
}
#abc_reccomend_sp .abc-column-widget a,
#abc_reccomend_sp .abc-column-widget a:visited {
    color: #141414;
    text-decoration: none;
}
#abc_reccomend_sp .abc-column-widget a:hover {
    text-decoration: none;
}
#abc_reccomend_sp .abc-column-widget a img {
    border: 0 none;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content {
    border-top: 1px solid #eeeeee;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content::after {
    clear: both;
    display: block;
    content: '';
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn {
    clear: both;
    border-bottom: 1px solid #eeeeee;
    padding: 8px 0;
    position: relative;
    overflow: hidden;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn::after {
    clear: both;
    display: block;
    content: '';
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp {
    position: relative;
    overflow: hidden;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp::after {
    clear: both;
    display: block;
    content: '';
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-link {
    display: block;
    color: #141414;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-inner {
    padding: 0 8px;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-inner::after {
    clear: both;
    display: block;
    content: '';
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-img {
    margin-bottom: 8px;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-img-inner {
    position: relative;
    background: #F5F5F5;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-img-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0;
    position: relative;
    overflow: hidden;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-img-bg.abc-sp-active {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-img-bg.abc-sp-oldie {
    opacity: 1;
    background-image: none !important;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-img-bg img {
    display: none;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-img-bg .tgt_ie {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-img-spacer {
    padding-top: 60%;
    display: block;
    width: 100%;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-content .abc-sp-title {
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp .abc-sp-adv {
    font-size: 11px;
    line-height: 1;
    padding-top: 8px;
    color: #aaaaaa;
    letter-spacing: -0.05em;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp.abc-sp-adv-ex .abc-sp-content .abc-sp-adv {
    bottom: 5px;
    left: 5px;
}

#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn3 .abc-sp-ptn-inner {
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn3 .abc-sp {
    width: 33.3%;
    display: table-cell;
    vertical-align: top;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn3 .abc-sp-img-spacer {
    padding-top: 100%;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn3 .abc-sp-title {
    overflow: hidden;
    font-size: 13px;
    height: 54px;
    width: 115%;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform: scale(0.85, 1);
    -moz-transform: scale(0.85, 1);
    -ms-transform: scale(0.85, 1);
    -o-transform: scale(0.85, 1);
    transform: scale(0.85, 1);
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn3 .abc-sp-ptnnum1::before,
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn3 .abc-sp-ptnnum2::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: #eeeeee;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn2 {
  border-bottom: none;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn2 .abc-sp-ptn-inner {
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}
#abc_reccomend_sp .abc-column-widget .abc-column-widget-content .abc-sp-ptn2 .abc-sp {
    width: 50%;
    display: table-cell;
    vertical-align: top;
}

/*おすすめメルマガ追記用 2016.12.02*/

.more-read dl {
	margin-top:15px;
}
.more-read dt a {
	font-weight:bold;
	color:#333;
}
.more-read .more-intro a {
	font-size:13px;
	color:#333;
	visibility:hidden;
}
.more-read .more-link a {
	color: #247dc2;
	font-size:13px;
}
.more-read a:hover {
    text-decoration: underline;
}

.more-read .title-recommend {
    color: #222;
    font-size: 20px;
    font-weight: 800;
    padding-left: 40px;
    background: url(http://archives.mag2.com/img/icon3.png) left center no-repeat;
    line-height: 38px;
    background-size: 37px;
}

.more-read .more-form ul {
	list-style:none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
	align-items:center;
	padding:5px 0 10px;
	width:100%;
}

.more-read .more-form ul li {
	text-align:center;
}

.more-read .more-rdemail {
	width:69%;
	margin-right:1%;
}

.more-read .more-rdbtn {
	width:30%;
}

.more-read .more-form p {
    padding: 0;
    margin: 0 0 2px 5px;
    text-align: left;
    font-size: 11px;
    line-height:1;
	color:#f2f2f2;
	color: #888;
}

.more-read .more-form p a:hover {
	text-decoration:underline;
}


.more-read .more-form .rdmail-title {
	font-size: 22px;
	text-align:center;
	font-weight:bold;
	padding:10px 10px 15px;
	margin:0;
	color:#fff;
	font-weight:bold;


}

.more-read .more-form input[type="email"] {
	width:100%;
	padding:5px 10px;
	box-sizing: border-box;
	font-size:14px;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	border:1px #999 solid;
}

.more-read .more-form input[type="email"]:focus {
	border:1px solid #00A0E4;
}


.more-read .more-form .rdmail-reg {
    width: 100%;
    padding: 5.5px 10px;
    font-size: 14px;
    border: #629805 solid 1px;
    color: #FFFFFF!important;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    box-sizing: border-box;
    text-decoration: none;
    display: block;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    line-height:1;
	font-weight:bold;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#95e30d), to(#7cc300));
	background-image: -webkit-linear-gradient(top, #95e30d, #7cc300);
	background-image: -moz-linear-gradient(top, #95e30d, #7cc300);
	background-image: -ms-linear-gradient(top, #95e30d, #7cc300);
	background-image: -o-linear-gradient(top, #95e30d, #7cc300);
	background-image: linear-gradient(top, #95e30d, #7cc300);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95e30d', endColorstr='#7cc300',GradientType=0 ); /* IE6-9 */

	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);

}

.more-read .more-form .rdmail-reg:hover {
    border: #96792F solid 1px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6a648), to(#f88600));
	background-image: -webkit-linear-gradient(top, #f6a648, #f88600);
	background-image: -moz-linear-gradient(top, #f6a648, #f88600);
	background-image: -ms-linear-gradient(top, #f6a648, #f88600);
	background-image: -o-linear-gradient(top, #f6a648, #f88600);
	background-image: linear-gradient(top, #f6a648, #f88600);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a648', endColorstr='#f88600',GradientType=0 ); /* IE6-9 */
}

/*サイドカラム　fix追尾用*/
@media (min-width:1180px) {
.fixbox {
		position: relative;
		height: 250px;
	    margin-bottom: 20px;
	}
.fixed-1,.fixed-2 {
  position: fixed;
  z-index: 9999;
}
.fixed-1 {
	top:10px;
	width: 336px;
	box-sizing: border-box;
}
.fixed-2 {top:250px;}

}



/*  allabout 2017.0612   */
.aaprad {
    display: table;
    width: 100%;
    position: relative;
    clear: both;
    line-height: 1.2;
		padding: 0 4px;
		box-sizing: border-box;
}


/*サムネイル画像*/
.aaprad-img {
    line-height: 1;
    overflow: hidden;
    position: relative;
    padding: 0 ;
    /*サムネイル画像枠サイズはこちら*/
    max-width: 152px;
    height: 85px;
}

.aaprad-img > a {
    display: block;
}

.aaprad-img a img {
    width: 100%;
    height: auto;
    border: none;
}
/*タイトル*/
.aaprad-title {
    overflow: hidden;
}

.aaprad-title a {
    display: block;
    /*タイトルのフォント指定等はこちら*/
    color: #247dc2;
		font-size: 13px;
    line-height: 17px;
		margin-top: 5px;
		margin-bottom: 5px;
}

.aaprad-title a:hover {
	  text-decoration: underline;
}


/*広告主体主名称*/
.aaprad-company {
    overflow: hidden;

}

.aaprad-company a {
    padding: 0 ;
    display: block;
    /*広告主体主名称のフォント指定等はこちら*/
    text-decoration: none;
		color: #999;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal;
	}

.aaprad-info {
	margin-bottom: 10px;
}

.aaprad-info a {
    text-decoration: none;
    font-family: Arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
    vertical-align: middle;
    color: #555;
    font-size: 10px;
}

.aaprad-info img {
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
}

span.archives_btm_content {
	display: inline;
}

/*pc ログリー2枠　*/

#logly-lift-4273509 .logly-lift-ad {
    width: 20%!important;
    display: block!important;
    float: left!important;
    margin: 0 0 10px!important;
    position: relative!important;
    vertical-align: top!important;
}

#logly-lift-4273509 .logly-lift-ad-img-inner {
  	background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center center!important;
}

#logly-lift-4273509 .logly-lift-ad-title {
    font-size: 13px!important;
    line-height: 17px!important;
    overflow: hidden!important;
    margin-bottom: 5px!important;
		color: #247dc2;
}

#logly-lift-4273509 .logly-lift-ad-title:hover {
		text-decoration: underline;
}

#logly-lift-4273509 .logly-lift-ad-adv {
    color: #999!important;
    font-size: 10px!important;
    line-height: 12px!important;
    font-weight: normal!important;
    height: 12px!important;
    overflow: hidden!important;
}

#logly-lift-4273509 .logly-lift-ad-img {
    margin-bottom: 7px;
}

#logly-lift-4273509 .logly-lift-ad-img-spacer {
    padding-top: 56%!important;
}

#logly-lift-4273509 .logly-lift-ad-img img {
    display: none!important;
}

#logly-lift-4273509 .logly-lift-ad-link {
    padding-left: 4px;
    padding-right: 4px;
    display: block;
}

#logly-lift-4273509 #logly-lift-widget-label-caption {
	display: none;
	position: absolute;
bottom: 0;
background: none!important;
color: #666!important;
}

#logly-lift-3784099 .logly-lift-ad-title {
	height:auto!important;
}

#logly-lift-3784099 .logly-lift-ad {
	min-height: 185px;
}

#logly-lift-3784099 #logly-lift-widget-content {
	padding: 0!important;
	margin-bottom: 0!important;
}

/* sp ログリー2枠　*/

#logly-lift-4273513 .logly-lift-ad {
    width: 50%!important;
    display: block!important;
    float: left!important;
    margin: 0 0 10px!important;
    position: relative!important;
    vertical-align: top!important;
		padding: 0 8px;
    box-sizing: border-box;
}

#logly-lift-4273513 .logly-lift-ad-image {
	display: block!important;
  width: 95%!important;
}

#logly-lift-4273513 .logly-lift-ad-content {
	display: block!important;
}

#logly-lift-4273513 .logly-lift-ad-body {
	display: none;
}

#logly-lift-4273513 .logly-lift-ad-disclosure {
	display: none;
}

#logly-lift-4273513 .logly-lift-ad-image-inner {
  	background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center center!important;
		width:100%!important;

}



#logly-lift-4273513 .logly-lift-ad-image-inner img {
	left:0!important;
	width: 100%!important;
	height: auto!important;

}

#logly-lift-4273513 .logly-lift-ad-title {
    font-size: 14px!important;
    line-height: 1.4!important;
    overflow: hidden!important;
    margin-bottom: 5px!important;
		font-weight: bold;
		color: #333333;
		margin-top: 5px;
}

#logly-lift-4273513 .logly-lift-ad-title a {
	color: #333333;
}

#logly-lift-4273513 .logly-lift-ad-title:hover {
		text-decoration: underline;
}

#logly-lift-4273513 .logly-lift-ad-adv {
    color: #999!important;
    font-size: 10px!important;
    line-height: 12px!important;
    font-weight: normal!important;
    height: 12px!important;
    overflow: hidden!important;
}

#logly-lift-4273513 #logly-lift-widget-label-caption {
	display: none;
}

#logly-lift_reccomend_3784262 .logly-lift-column-widget .logly-lift-column-widget-content .logly-lift-ad-ptn3 .logly-lift-ad-title {
	height:auto!important;
}



@media only screen and (min-width: 480px) {
.mobile-only { display:none; }
}

@media only screen and (max-width: 480px) {
	.pc-only2 { display:none; }
}

@media only screen and (max-width: 1180px) {
	span.archives_btm_content {
		display: none;
	}
	.aaprad-box.abc_item {
		width:33.3%;
	}
	.aaprad-title a {
		color:#333333;
		font-weight: bold;
		font-size: 14px;
	}


}