@charset "UTF-8";

/*/////////////////////////////
 article_cms
 /////////////////////////////*/

/* タイトル
 * ------------------------- */
h3.content_block_title {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	line-height: 1.2em;
	font-size: 21px;
	color: #333;
}
h4.content_block_catch {
	margin: 0 0 8px 0;
	font-size: 12pt;
	color: #333;
}

/* コンテンツ入力
 * ------------------------- */
/* １見出し大ブロック */
.box-midashi {
	margin: 0 0 25px 0;
	font-size: 13pt;
	font-weight: bold;
}

/* ２見出し小ブロック */
.box-midashi-small {
	margin: 0 0 25px 0;
	font-size: 11pt;
	font-weight: bold;
}

/* ３テキストブロック */
.box-text {
	width: 100%;
	margin: 0 0 30px 0;
}

.box-text strong{
	font-weight:bold;
}

.box-text a {
	color: #04C;
	transition: all .3s;
}

.box-text a:hover {
	opacity: .7;
	text-decoration: underline;
}

.books .book_detail_body .box-text {
	font-size:15px;
	line-height:150%;
}

/* ４画像ブロック */
.box-image {
	margin: 0 0 30px 0;
}
p.box-caption {
	font-size: 10.5pt;
	line-height: 1.6em;
	padding: 10px 0 0;
}
p.box-caption a {
	color: #04c;
}

.box-image-center {
	margin: 0 auto 30px;
	text-align: center;
}

/* ５画像横並びブロック */
.box-image-double {
	overflow: hidden;
	margin: 0 0 30px 0;
}
.box-image-double-in {
	float:left;
	max-width: 290px;
}
.box-image-double-in:first-child {
	margin: 0 20px 0 0;
}
@media only screen and (max-width: 768px) {
	.box-image-double-in {
		float: none;
		width: 100%;
	}
	.box-image-double-in:first-child {
		margin: 0 0 20px 0;
	}
}

/* 画像横並び３列ブロック */
.box-image-triple {
	max-width: 100%;
	margin: 0 0 30px 0;
}
.box-image-triple-in {
	float: left;
	width: 31.12%;
	margin-right: 3.3%;
}	
.box-image-triple-in:nth-child(3) {
	margin-right: 0;
}
.box-image-triple:after {
    content: "";
    clear: both;
    display: block;
}
@media only screen and (max-width: 768px) {
	.box-image-triple-in {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 14px;
	}
	.box-image-triple-in:nth-child(2) {
		margin-right: 0;
	}
}

/* 画像横並び４列ブロック */
.box-image-four {
	max-width: 100%;
	margin: 0 0 30px 0;
}
.box-image-four-in {
	float: left;
	width: 22.75%;
	margin-right: 3%;
}	
.box-image-four-in:nth-child(4) {
	margin-right: 0;
}
.box-image-four:after {
    content: "";
    clear: both;
    display: block;
}
@media only screen and (max-width: 768px) {
	.box-image-four-in {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 14px;
	}
	.box-image-four-in:nth-child(even) {
		margin-right: 0;
	}
}

/* ６画像＋テキスト　画像左まわりこみ */
.box-float-left:after {
	margin: 0 0 30px 0;
	content: "";
	clear: both;
	display: block;
}
.left-image {
	float: left;
	margin: 6px 20px 0 0;
}

/* ６画像＋テキスト　画像右まわりこみ */
.box-float-right:after {
	margin: 0 0 30px 0;
	content: "";
	clear: both;
	display: block;
}
.right-image {
	float: right;
	margin: 6px 0 0 20px;
}

/* ７動画ブロック */
.box-youtube {
	position: relative !important; 
    width: 100% !important;
    padding-top: 56% !important;
	margin: 0 0 10px 0 !important;
}
.box-youtube iframe {
	position: absolute !important;
	top: 0 !important;  
	right: 0 !important;  
	width: 100% !important;  
	height: 100% !important;
}
.list_header_edit {
}

/* ８装飾ブロック */
.box-decoration {
	box-sizing: border-box;
	margin: 0 0 30px 0;
	padding: 14px 20px 14px 20px;
	font-size: 12pt;
	line-height: 1.4em;
}
.line-black {
	background-color: #ededed;
	border: 1px solid #3b3b3b;
}
.non-black {
	background-color: #ededed;
}
.line-gray {
	background-color: #f7f7f7;
	border: 1px solid #bababa;
}
.non-gray {
	background-color: #f7f7f7;
}
.line-red {
	background-color: #fff0f0;
	border: 1px solid #c12020;
}
.non-red {
	background-color: #fff0f0;
}
.line-green {
	background-color: #ecfaf8;
	border: 1px solid #06ae9a;
}
.non-green {
	background-color: #ecfaf8;
}
.box-decoration strong {
	font-weight: bold;
}

/* ９装飾(線)ブロック */
hr.hr-thin, hr.hr-double, hr.hr-dash, hr.hr-bold, hr.hr-black, hr.hr-gray {
	margin: 25px 0 25px 0;
	border: none;
}
hr.hr-thin {
	height: 1px;
	border-top: 1px solid;
}
hr.hr-double {
	height: 3px;
	border-top: 3px double;
}
hr.hr-dash {
	height: 1px;
	border-top: 1px dashed;
}
hr.hr-bold {
	height: 2px;
	border-top: 2px solid;
}
.hr-black {
	border-color: #000 !important;
}
.hr-gray {
	border-color: #c6c6c6 !important;
}

/* その他 */
.detail_block_body em {
	font-style: italic;
}

.detail_block_body strong {
	font-weight: bold;
}

.btn_type_green {
	font-size: 11pt;
	color: #fff;
	padding: 6px 10px 4px;
	background: #5abda7;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px #489786 solid;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    cursor:pointer;
   }
.btn_type_green:hover {
	opacity: 0.6;
}

.btn_type_gray {
	font-size: 11pt;
	color: #fff;
	padding: 6px 6px 4px;
	background: #919191;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px #747474 solid;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    cursor:pointer;
   }
.btn_type_gray:hover {
	opacity: 0.6;
}

.btn_article_save,
.btn_article_preview {
	width: 260px;
	font-size: 13pt;
	color: #fff;
	padding: 10px 6px 6px;
	background: #5abda7;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px #489786 solid;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    cursor:pointer;
   }
.btn_article_save:hover,
.btn_article_preview:hover {
	opacity: 0.6;
}


.btn_reflect_site {
	width: 360px;
	font-size: 13pt;
	color: #fff;
	padding: 10px 6px 6px;
	background: #d73346;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px #ac2938 solid;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    cursor:pointer;
   }
.btn_reflect_site:hover {
	opacity: 0.6;
}

.add_to_block {
	margin: 0 0 10px;
	padding: 0;
}

.add_to_block li {
	margin: 0 6px 0 0;
	padding: 0;
	display: inline-block;
}
.add_to_block li input {
	border: 0px;
	width: 76px;
	height: 71px;
	text-indent: -999px;
	cursor:pointer;
}
.add_to_block li input:hover {
	opacity: 0.6;
}

input.btn_add_title {	background: url(../img/btn_add_title.png) left top no-repeat;}
input.btn_add_title_s {	background: url(../img/btn_add_title_s.png) left top no-repeat;}
input.btn_add_text {	background: url(../img/btn_add_text.png) left top no-repeat;}
input.btn_add_textandback {	background: url(../img/btn_add_text&back.png) left top no-repeat;}
input.btn_add_img {	background: url(../img/btn_add_img.png) left top no-repeat;}
input.btn_add_imgandimg {	background: url(../img/btn_add_img&img.png) left top no-repeat;}
input.btn_add_imgandtext {	background: url(../img/btn_add_img&text.png) left top no-repeat;}
input.btn_add_movie {	background: url(../img/btn_add_movie.png) left top no-repeat;}
input.btn_add_htmlsrc {	background: url(../img/btn_add_htmlsrc.png) left top no-repeat;}


.box-text table,
.box-text tbody,
.box-text th,
.box-text td,
.box-decoration table,
.box-decoration tbody,
.box-decoration th,
.box-decoration td {
	border: 1px solid #333;
}

.box-text table.no-border,
.box-text table.no-border tbody,
.box-text table.no-border th,
.box-text table.no-border td,
.box-decoration table.no-border,
.box-decoration table.no-border tbody,
.box-decoration table.no-border th,
.box-decoration table.no-border td {
	border: none;
}
table.no-border td {
        vertical-align: top;
}

.article .announceSection .box-text a,
.article .announceSection .right-text a,
.article .announceSection .left-text a,
.news_content_unit .box-text a,
.news_content_unit .right-text a,
.news_content_unit .left-text a,
.box-decoration a  {
	color:#04C;
	transition: all .3s;
	word-wrap:break-word;
}
.article .announceSection .box-text a:hover,
.news_content_unit .box-text a:hover,
.box-decoration a:hover {
	text-decoration: underline;
	opacity: .7;
}

.page_special .box-image-double-in {
	max-width:440px;
}

@media only screen and (max-width: 768px) {
	.page_special .box-image-double-in {
        	max-width:100%;
	}
}

strong {
	font-weight: bold;
}