@charset "UTF-8";

/*==============================================================
 wysiwyg default style
==============================================================*/
.main-content a:hover {
	text-decoration: underline;
}

.no-result {
	margin: 80px 0 120px;
}

/* Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
h1 {
	max-width: 1100px;
	min-height: 63px;
	margin: 0 0 25px -24px;
	padding: 0.4em 0 0.4em 20px;
	border-left: #4e9dff 4px solid;
	font-size: 28px; font-size: 2.8rem;
	line-height: 1.6;
	padding-bottom:0\9;
}
h2 {
	min-height: 42px;
	margin: 1.75em 0 0.5em -24px;
	padding: 0.5em 0 0.5em 20px;
	border-left: #ddd 4px solid;
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.6;
	padding-bottom:0\9;
}
h3,h4,h5,h6 {
	margin-top: 1.75em;
	margin-bottom: 0.75em;
	font-weight: bold;
	line-height: 1.6;
}
h3 {
	font-size: 20px; font-size: 2rem;
}
h4 {
	font-size: 18px; font-size: 1.8rem;
}
h5 {
	font-size: 16px; font-size: 1.6rem;
}
h6 {
	font-size: 15px; font-size: 1.5rem;
}

@media (max-width:1024px) {
	h1, .h1 {
		font-size: 2rem !important;
		font-weight: bold;
		min-height: auto;
	}
	h2, .h2 {
		font-size: 1.8rem !important;
		font-weight: bold;
		min-height: auto;
	}
	h3, .h3 {
		font-size: 1.7rem !important;
		font-weight: bold;
		min-height: auto;
	}
	h4, .h4 {
		font-size: 1.6rem !important;
		font-weight: bold;
		min-height: auto;
	}
	h5, .h5 {
		font-size: 1.5rem !important;
		font-weight: bold;
		min-height: auto;
	}
	h6, .h6 {
		font-size: 1.4rem !important;
		font-weight: bold;
		min-height: auto;
	}
}


/* Paragraph
--------------------------------------------------------------*/
p {
	margin-bottom: 1.5em;
	font-size: 15px; font-size: 1.5rem;
}
.page-intro {
	margin: -0.5em 0 2.5em 0;
}
.warning {
	margin: 1.25em 0 2.5em;
	font-size: 13px; font-size: 1.3rem;
}
.col-lt.full .warning {
	margin: 1.25em 0 2.5em;
	font-size: 13px; font-size: 1.3rem;
}
.annotation {
	display: block;
	margin-top: 1em;
	font-size: 13px; font-size: 1.3rem;
}
.col-lt.full .annotation {
	display: block;
	margin-top: 1em;
	font-size: 13px; font-size: 1.3rem;
}

/* Theme Blue
--------------------------------------------------------------*/
.blue {
	color: #4e9dff;
}

/* List
--------------------------------------------------------------*/
.main-content ul,
.main-content ol {
	margin-bottom: 1.5em;
	margin-left: 24px;
	list-style-position: outside;
}
.main-content ul {
	list-style: disc;
}
.list-square,
.list-square-large {
	margin-left: 0 !important;
	list-style: none !important;
}
.list-square li,
.list-square-large li {
	padding-left: 1em;
	background: url(../images/bullet_product.png) no-repeat 0.1em 0.5em;
}
.list-square-large li {
	margin-bottom: 0.4em;
	font-size: 18px; font-size: 1.8rem;
	background: url(../images/bullet_product.png) no-repeat 0.2em 0.6em;
}

/* Blockquote
--------------------------------------------------------------*/
blockquote {
	width: auto;
	overflow: hidden;
	margin-bottom: 1.75em;
	padding: 30px;
	background-color: #f6f6ef;
	border: #efefe6 1px solid;
}
blockquote p,
blockquote ul,
blockquote ol,
blockquote table {
	margin-bottom: 0 !important;
}
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
	margin-top: 0;
	margin-bottom: 0;
}
blockquote hr {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
blockquote .img-align-none,
blockquote .img-align-left,
blockquote .img-align-right,
blockquote .img-align-center,
blockquote .img-align-maxwidth {
	margin-bottom: 0;
}
blockquote .img-caption {
	background: #ddd
}
 /* Quote
--------------------------------------------------------------*/
q {
	font-family: Helvetica, Arial, Sans-serif;
	quotes: "\201C""\201D""\2018""\2019";
	line-height: 1;
}
q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
}

 /* Super Script
--------------------------------------------------------------*/
sup {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: top;
	top: 0.9em;
	white-space: nowrap;
}

/* Table
--------------------------------------------------------------*/
table {
	width: 100%;
	margin: 0 0 2.5em;
}
th, td {
	padding: 0.75em 1.125em 0.75em 1.125em;
	border-top: #bbb 1px dotted;
	border-bottom: #bbb 1px dotted;
	vertical-align: top;
}
th {
	width: 1px;
	background-color: #f5f5f5;
	font-weight: bold;
	white-space: nowrap;
}
table p,
table ul,
table ol {
	margin-bottom: 0 !important;
}
table h1,
table h2,
table h3,
table h4,
table h5,
table h6 {
	margin-top: 0;
	margin-bottom: 0;
}
table hr {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
table .img-align-none,
table .img-align-left,
table .img-align-right,
table .img-align-center,
table .img-align-maxwidth {
	margin-bottom: 0;
}

/* Link Icon
--------------------------------------------------------------*/
.link-map,
.link-download,
.link-video,
.link-page {
	display: inline-block;
	padding: 0 2em 0 20px;
}
.link-map {
	background: url(../images/icon_map.png) no-repeat 0 50%
}
.link-download {
	background: url(../images/icon_download.png) no-repeat 0 6px;
}
.link-video {
	background: url(../images/icon_video.png) no-repeat 0 6px;
}
.link-page {
	background: url(../images/icon_page.png) no-repeat 0 6px;
}

/* Horizontal Border
--------------------------------------------------------------*/
hr {
	background-color: #ddd;
	border: 0;
	height: 1px;
	margin-top: 2em;
	margin-bottom: 2em;
}
hr::before {
	clear: both;
}

/* Images
--------------------------------------------------------------*/ 
.main-content img {
	max-width: 100%;
    height: auto !important;
	width: auto;
}
.main-content .col-rt img {
	width: 100%;
    height: auto !important;
}
.img-align-none,
.alignnone {
    margin: 0 0 1.5em;
}
.img-align-left,
.alignleft {
    margin: 0 1.5em 1.5em 0;
		float: left;
}
.img-align-right,
.alignright {
    margin: 0 0 1.5em 1.5em;
		float: right;
}
.img-align-center,
.aligncenter {
    margin: 0 auto 1.5em;
}
.align-maxwidth {
	margin: 0 0 1.5em;
}
.wp-caption-text,
.img-caption,
.img-caption p{
	margin: 0;
	background: #eee;
	padding: 1em 1.25em;
	font-size: 13px; font-size: 1.3rem;
	text-align : center;
	line-height: 1.6;
}
div.aligncenter{
	margin: 0 auto 1.5em;
}

/* Video（投稿記事内に挿入する動画　横幅100％）
--------------------------------------------------------------*/
.video-responsive {
    overflow: hidden;
	margin-bottom: 40px;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/*==============================================================
5.0 - Template: tmpl-product
      Pages:    FR-PROD-001〜047 製品詳細画面 (全47ページ)
==============================================================*/
.tmpl-product .product-info h3 {
	min-height: 32px;
	margin: 30px 0 10px -24px;
	padding: 10px 0 10px 20px;
	border-left: #ddd 4px solid;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
}
.tmpl-product .product-info  ul {
	margin-left: 0;
	list-style: none;
}
.tmpl-product .product-info li {
	margin-bottom: 0.25em;
}

.product-info h3 {
	min-height: 32px;
	margin: 30px 0 10px -24px;
	padding: 10px 0 10px 20px;
	border-left: #ddd 4px solid;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
}