@charset "utf-8";

@media screen and (max-width: 1125px) { /* CCDNが1189から1130に変更 */

/* 背景画像制御 */

#wrapper { background-image: url(../ccdn/bg_img_smp.png)!important;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;}


#twitterWidgets {
	display: none;
}

#container {
	margin: 0 auto;
}

/***コンテンツセンタリング調整**/
header.pc {
	padding-right: 32px;
	padding-left: 33px;
}

#content, .home #content {
	margin: 80px 32px 0 33px;
}

#pagetop_nav {
	margin: 50px 32px 20px 33px;
}

footer .bnr_sec {
	margin: 40px 32px 30px 33px;
}
}

@media screen and (max-width: 979px) {

/* 979px以下用（タブレット用）の記述 */
a img:hover {
	opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity: 1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
}

#wrapper { background-image: url(../ccdn/bg_img_smp.png)!important;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;}
}

@media screen and (max-width: 767px) {

/* 767px以下用（タブレット／スマートフォン用）の記述 */
body {
	background-image: none;
}

#wrapper { background:none!important; }

#container {
	width: 100%;
}

.slick-dots {
	bottom: -30px;
}

/************************/
#content {
	display: block;
	margin: 20px 0 0 0;
	padding: 0 20px!important;
}

.home #content {
	margin: 60px 0 0 0;
}

#content h1 {
	font-size: 150%;
}

/************************/
#content .basic_article article .thumb {
	width: 20%;
}

#content .basic_article article .info {
	width: 75%;
}

#content .basic_article h1 {
	font-size: 100%;
}

/************************/
#pagetop_nav {
	padding: 20px 0px;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom: none;
}

.sp_shadow {
	/* box-shadow */
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 7px 5px -2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 7px 5px -2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 7px 5px -2px;
}

footer .bnr_sec {
	margin: 30px 0 30px 0px;
	width: 100%;
}

footer .companies{
	margin: 40px 0px 30px 0px;
}

footer .companies li{
	padding:0 5px;
}

p#copyrights {
	margin-left: 20px;
	margin-right: 20px;
}

/************************/
.html_unit{
	line-height:1.4em;
}

#basic_post aside h1 {
	font-size: 120%;
}

/************************/
#basic_post .double_unit {
	overflow: none;
}

#basic_post .double_unit > img, #basic_post .double_unit > a img, #basic_post .double_unit .info, #basic_post aside .double_unit > img, #basic_post aside .double_unit > a img, #basic_post aside .double_unit .info {
	width: 100%;
}

#basic_post aside .double_unit .info p {
	margin-bottom: 0px;
}

#basic_post .img_left > img, #basic_post .img_left > a img, #basic_post .img_right > img, #basic_post .img_left > a img, #basic_post .img_right > a img {
	float: none;
	margin-bottom: 30px;
}

#basic_post .img_left .info, #basic_post .img_right .info {
	float: none;
	margin-top: 0;
}

#basic_post .main_img{
	margin:0 0 30px 0;
}

/************************/
.gallery_article article {
	overflow: visible;
}

.gallery_article article .thumb, .gallery_article article .info {
	float: none;
	width: 100%;
}

.gallery_article article .thumb img {
	max-width: 100%;
	margin: 0 auto 20px;
}

.gallery_article .comment:hover {
	opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
}

.gallery_article .comment:hover:after {
	color: #000000;
}

/************************/
.links_article article a {
	overflow: visible;
	padding: 10px 0px!important;
}

.links_article article a .thumb {
	float: none;
	width: 100%;
	margin-bottom: 10px
}

.links_article article a .thumb img {
	max-width: 50%;
	height: auto!important;
	margin: 0;
}

.links_article article a h1, .links_article article a p {
	float: none!important;
	width: 100%!important;
	margin-bottom: 0px!important;
}

/************************/
.pc {
	display: none!important;
}

.sp {
	display: block!important;
}
}

@media screen and (max-width: 479px) {

a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, select, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
	background: transparent;
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ul, ol {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	outline: none;
}

img {
	vertical-align: bottom;
}

body {
	font-size: 14px;
	line-height: 1;
	-webkit-text-size-adjust: none;
}
/************************************************************************↑リセットここまで*/
}