/*
	Theme Name: JACSES Theme
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress ThemeをJACSESデザインにカスタマイズしました
	Author: YUKO IKEDA
	Tags: Blank, HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:hover img {
    opacity: 0.8;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
/****************************************

	reset

*****************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
img {
	vertical-align: top;
}
body {
	line-height: 1.4;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
ol {
	margin-left: 2em;
}

/*table*/
table.hyou01 {
	border-collapse: collapse;
	width:100%;
	margin-bottom:45px;
}
table.hyou01 th {
    border: #dcdddd 1px solid;
	text-align: center;
	padding: 10px;
	font-weight: normal;
	background-color:#EFEFEF;
	width:130px;
}
table.hyou01 td {
	border: #dcdddd 1px solid;
	text-align: left;
	padding: 10px;
}
table.hyou01 td.imgbox { text-align:center; border-left: #dcdddd 1px solid; }
table.hyou01 td.imgbox img { margin:0 0.5em 0.5em 0; }
table.hyou01 td.imgbox a:hover { opacity:0.8; }


input.radio{
margin-right:3px;
}

* html input.radio{
margin-right:0px;
}
/****************************************

	clearfix

*****************************************/

.clearfix:before, .clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0 !important;
	content: "";
	font-size: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
/****************************************

	benri

*****************************************/
.centering {
	text-align: center;
}
.fontsize12 {
	font-size: 12px;
}

.more a {
	display: block;
	color: #fff !important;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	height: 30px;
	line-height: 30px;
	padding: 0;
	font-size: 13px;
	border-radius: 3px;
	width: 70%;
	background-color: #000099;
	margin: 0 auto 2em;
}
.more a:hover {
	opacity: 0.8;
}

/****************************************

	main Layout

*****************************************/

body {
	color: #333;
	font: 14px/1.6em "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html {
	overflow-y: scroll;
}
html, body {
	overflow-x: hidden;
}
#header {
text-align:left;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
border-top: 4px solid #000099;
position:relative;
z-index:2;
}
#header-inner {
width:950px;
height:111px;
margin:0 auto;
position: relative;
}

#header #site-title{
position:absolute;
top: 25px;
left: 20px;
}

#header #sub-title{
position:absolute;
top: 37px;
left: 249px;
}

#header #btn_en {
position:absolute;
top: 76px;
right: 4px;
}

#contents {
	width: 950px;
	margin: 18px auto 0;
}
#contents img {max-width:100%; height: auto; width /***/:auto; /*IE8用ハック*/} /*画像サイズが横幅に合わせて可変*/
#page-title {
	padding: 10px 20px;
	background: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.3);
	margin-bottom: 20px;
}
#main-home {
	width: 700px;
	float: left;
	margin-left: 27px;
	font-size: 110%;
}
#main-single {
	width: 700px;
	float: left;
	margin-left: 27px;
}
#parent-title { background-color: #000099; padding: 30px 0; }
#parent-title .parent-title-inner { width:950px; margin: 0 auto; }
#parent-title h1 { color:#fff; }
#breadcrumb { background-color: #fafafd; border-bottom: 1px solid #eeeef1; }
#breadcrumb #breadcrumb-inner { width:950px; margin: 0 auto; padding: 7px 0 5px; font-size: 12px; }
/****************************************

	toppage（home）

*****************************************/
#main-home h2 {
	font-size: 16px;
	background: url(img/bg_midashi01.png) #ebebf7 left center no-repeat;
	border-left :5px solid #000099;
	padding: 14px 10px 10px 15px;
	margin-bottom: 18px;
}
#main-home h3 {
	font-size: 16px;
	border-bottom :2px solid #000099;
	margin-bottom: 10px;
}
#main-home ul {
	margin-bottom: 1.2em;
}
#main-home ul li,
#main-home dl dd {
	margin-bottom: 0.6em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.6em;
}
#main-home ul a {
	text-decoration: underline;
}
#main-home ul li:last-child,
#main-home dl dd:last-child {
	border-bottom: none;
}
#main-home dl#new-post {
	margin-bottom: 1em;
}

@media print, screen and (max-width: 667px) {
#header { padding: 0 0 5px; }
#header-inner { width: 100%; height: auto; margin: 20px auto 0; position:static;  text-align: center; }
#header #site-title,#header #sub-title,#header #btn_en{ position:static; }
#header #site-title { margin: 0 auto ; }
#header #sub-title { margin: 10px 0 20px; }
#header #site-title, #header #sub-title { display: inline-block; text-align: center; }
#header #sub-title img { width: 90%; margin-bottom: 25px; margin: 0 auto; }
#header #btn_en { text-align: center; }
#contents {
	width: 100%;
	padding: 0 10px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#main {
	width: 100%;
	float: none;
	margin-left:0;
}
#main-home { width: 100%; margin: 20px 0 0; }
#main-single {
	width: 100%;
	margin: 0;
}
#parent-title { display: none; }
#breadcrumb { padding: 5px 10px 5px; background-color: #fff; }
#breadcrumb #breadcrumb-inner { width: 100%;  }
}

/****************************************

	sidebar

*****************************************/
.sidebar-left {
	float: left;
	width: 220px;
	margin-bottom: 2em;
}
.sidebar-right {
	float: right;
	width: 220px;
}
.side-block {
	margin-bottom: 23px;
	clear: both;
}
.side-block-inner {
	padding: 14px;
}
.side-block h3{
	background-color: #66666c;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 15px;
	text-align: center;
	border-bottom: none!important;
}
.side-block-inner {
	background-color: #f2f2f2;
	margin-bottom: 8px;
}
.side-block-inner form {
	text-align: center;
}
.side-block-inner input[type="text"] {
	margin-bottom: 11px;
	width: 100%;
	box-sizing: border-box;
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.3)!important;
	height: 27px;
	padding: 5px;
	border: 1px solid #ccc;
}
.side-block-inner input[type="image"] {
	color: #fff;
	border: none;
	margin-bottom: 5px;
}
.bn-area {
	text-align: center;
}
.imagelist .bn-area {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	padding: 9px;
}
.imagelist .bn-area .widget_sp_image{
	padding: 1em 0;
	border-bottom: 1px dotted #999;
}
.imagelist .bn-area .widget_sp_image:last-child{
	border-bottom: none;
}
.recbox .bn-area {
	padding: 15px 15px 0;
	background-color: #f2f2f2;
}
.recbox .bn-area ul li {
	text-align: center;
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.recbox .bn-area ul li:last-child {
	border-bottom: none;
}
.recbox ul li img {
	margin-bottom: 10px;
}
.recbox ul li a {
	text-decoration: underline!important;
	display: block;
}
@media print, screen and (max-width: 667px) {
.sidebar {
	width: 100%;
	float: none;
	margin-left: 0;
}
.sidebar-left {
	margin-bottom: 0;
}
}

/****************************************

	navigation

*****************************************/
#navigation{
	float: left;
	margin: 0 0 0.8em;
	padding: 0;
	width: 100%;
}
#navigation h3{
	margin: 0;
	padding: 15px 15px 11px;
	background: #8d990f;
	color: #fff;
	font-size: 14px;
}
#menu h3{ background: #000099; }
#navigation ul{
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
	background: #fff;
}
#navigation ul li{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #f0f0f9;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #d3d3ed;
}
#navigation ul li a{
	display: block;
	margin: 0;
	padding: 13px 15px;
	color: #333;
	text-align: left;
	text-decoration: none;
}
#navigation ul li ul{
	margin-bottom: 0;
}
#navigation ul li li{
	background-color: #e3e3ef;
	border-bottom: none;
	text-indent: 0.8em;
}
#navigation ul li li a{
	padding: 8px 15px;
}
#navigation li a:hover{ background: #d0d0e2; }
#toggle{ display: none; }
@media print, screen and (max-width: 667px) {
#navigation{
	float: none;
	width: 100%;
	background: #ebe7d2;
	margin-bottom: 0;
}
#menu { display: none; position: relative; }
#menu:after {
	position: absolute;
	content:"";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}
#navigation h3{
	clear: both;
	position: relative;
	z-index: 9999;
}
#navigation ul{
	margin-bottom: -1px;
}
#navigation ul:before,
#navigation ul:after{
	content: "";
	display: table;
}
#navigation ul:after{ clear: both; }
#navigation ul{ *zoom: 1; }
#navigation ul li{
	float: left;
	width: 25%;
	box-sizing: border-box;
	border-bottom: 1px solid #e3e3ef;
}
#navigation ul li:nth-of-type(4n){ border-right: 0; }
#navigation ul li a{
	padding: 12px 15px;
}
#navigation ul li a:hover{ background: #e3e3ef; }
#toggle{
	display: block;
	position: relative;
	width: 100%;
	background: #000099;
}
#toggle a{
	display: block;
	position: relative;
	padding: 13px 0 13px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#toggle:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #fff;
}
#toggle a:before, #toggle a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 4px;
	background: #000099;
}
#toggle a:before{ margin-top: -6px; }
#toggle a:after{ margin-top: 2px; }
#navigation ul li{ width: 50%; }
#navigation ul li:nth-of-type(2n){ border-right: 0; }
#navigation h3 { background-color: #66666c; }
#navigation ul li{
	float: none;
	width: 100%;
}
}
/****************************************

	general&common

*****************************************/

a { color: #000099; }
a:hover, a:active { color: #0000cc; }
.clear {
	display: block;
	clear: both;
}
strong {
	font-weight: bold;
}
.cat {
	padding: 0 5px;
	background: #717171;
	font-size: 12px;
	color: #fff;
}
.posr {
	position: relative;
}
.en {
	color: #333;
	font-weight: bold;
}
.pc-none { display: none; }
.br-pcoff { display:none; }
.widget { margin-bottom: 2em; }

@media print, screen and (max-width: 667px) {
.sp-none { display: none; }
.pc-none { display: block; }
.br-spon { display:none; }
.br-pcoff { display:block; }
.widget li { text-align: center; }
.widget li a { background: none!important; }
}
/****************************************

	post-area

*****************************************/
.post-area { margin-bottom: 3em; }
.post-area.page h1 { margin-bottom: 1em; } 
.post-area h1{ font-size: 27px; line-height: 1.3; padding: 15px 0 30px; background: url(img/bg_h1.png) left bottom repeat-x; } 
.post-area .post-details {  margin: 0 0 1em; } 
.post-area .date { padding: 5px 0; font-size: 12px; color: #666; display: block; }
.post-area p { margin-bottom: 20px; }
.post-area h2 { font-size: 18px; border-left: 4px solid #000099; padding-left: 15px; margin: 40px 0 20px; }
.post-area h3 { font-size: 14px; background-color: #ebebf7; margin-bottom: 20px; padding: 5px 15px; }
.post-area ul { margin: 0 0 1.5em 50px; }
.post-area ul li { list-style-type: disc; }

#category { margin-top: 10px; }
#category h2.title { font-size: 14px!important; margin: 0 0 7px 0; padding: 0 0 10px 0; border-left: none!important; border-bottom: 1px dotted #ccc; }
#category .datcat-block .date { padding: 5px 0; font-size: 12px; color: #666; display: inline; margin-right: 10px; }
#category .datcat-block .cat { background-color: #66666c; color: #fff; border-radius: 2px;  }

@media print, screen and (max-width: 667px) {
.post-area h1 { font-size: 22px; padding-top: 30px; }
.post-area ul { margin-left: 20px; }
}
/****************************************

	 back-top

*****************************************/
#back-top { z-index: 500; position: relative; }
#back-top #pagetop { display: block; overflow: hidden; width: 45px; height: 45px; }
#back-top a { display: block; overflow: hidden; position: fixed; bottom: 20px; right: 20px; }

/****************************************

	 footer

*****************************************/
#footerSection { font-size: 12px; }
#footerSection ul li { float: left; }
#footerSection ul li a {
	color: #666;
	text-decoration: none;
	background: url(img/icon_arrow1_gray.gif) left 50% no-repeat;
	padding: 5px 20px 5px 18px;
	display: block;
}
#footMenu { border-top: 1px solid #ccc; }
#footMenu .children { display: none; }
#footMenu,#footProgram,footOutline{ border-bottom: 1px solid #ccc; }
.innerBox { width: 950px; margin: 0 auto; }
#footMenu .innerBox { padding: 10px 0; }
#footMenu h3,#footProgram h3 { display: none; }
#footProgram ul { padding: 15px 0; }
#footProgram ul li { width: 16.66666%; }
#footOutline { padding: 30px 0; }
#footOutline dt { width: 23%; display: inline; float: left; }
#footOutline dd { width: 77%; display: inline; float: left; }
#siteBottom { background-color: #000099; text-align: center; color: #fff; padding: 40px 0; }
@media print, screen and (max-width: 667px) {
#footerSection { font-size: 14px; }
#footerSection h3 { display: block; padding: 10px 20px 10px 28px; background-color: #66666c; color: #fff;  }
#footerSection .innerBox { width: 100%; padding: 0; }
#footMenu .innerBox ul { padding: 0; }
#footerSection ul li { float: none; display: block; border-bottom: 1px solid #ccc; width: 100%; }
#footerSection ul li:last-child { border-bottom: none; }
#footerSection ul li a { background: url(img/icon_arrow1_gray.gif) 10px 50% no-repeat; padding: 10px 20px 10px 28px; }
#footProgram { background-color:#f5f5f5; }
#footProgram ul { padding: 0; }
#footOutline { padding: 20px 15px; text-align: center; }
#footOutline dt { margin-bottom: 0.8em; }
#footOutline dt,#footOutline dd { width: 100%; display: block; float: none; }
}

/****************************************

ソーシャルボタン

*****************************************/

ul.share_btn {
margin: 36px 0 25px 0;
padding: 0;
}
 
.share_btn li {
float: left;
width: 49%;
margin: 0 1% 0 0;
list-style: none !important;
background: none !important;
padding-left: 0 !important;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
 
.share_btn a {
display: block;
color: #fff !important;
text-decoration: none;
font-weight: bold;
text-align: center;
height: 55px;
line-height: 55px;
padding: 0;
font-size: 20px;
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
 
.share_btn a:hover {
color: #fff;
position: relative;
top: -3px;
}
 
span.social_icon {
margin-right: 3px;
font-size: 16px;
}
 
.share_btn li:last-child {
margin-right: 0;
}
 
.share_btn:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
 
a.facebook_btn {
background: #3B5998;
}
 
.facebook_btn:hover {
background: #5979be;
}
 
a.twitter_btn {
background: #33CCFF;
}
 
.twitter_btn:hover {
background: #88e1ff;
}
 
a.hatebu_btn {
background: #aaa;
}
 
.hatebu_btn:hover {
background: #d4d4d4;
}
 
span.hatebu_icon {
font-family: Verdana;
margin-right: 3px;
font-size: 16px;
}
 
a.hatebu_btn span {
position: relative;
top: -1px;
}
 
ul.share_btn_bottom {
margin: 20px 0 30px 0;
}
@media print, screen and (max-width: 667px) {
.share_btn a {
font-size: 16px;
}
}
/****************************************

出版物

*****************************************/

#archive-book th { text-align: left; }
#archive-book .book-link a { background: url(img/ic_arrow02.png) left center no-repeat; padding-left: 20px; }
#archive-book .book-link a:hover { text-decoration: underline!important; }
#archive-book table td.bookthumbnail { width: 20%; }
#archive-book table td.bookexcerpt { vertical-align : middle; }
#archive-book .bookbtn a, #single-book .bookbtn a {
display: block;
color: #fff !important;
text-decoration: none;
font-weight: bold;
text-align: center;
height: 30px;
line-height: 30px;
padding: 0;
font-size: 13px;
border-radius: 3px;
}
#archive-book .bookbtn.detail a { width: 40%; background-color: #000099; }
#archive-book .bookbtn.order a { width: 40%; background-color: #0CAD09; }
#archive-book span { display: block; margin: 10px 0; }
#archive-book .bookbtn.order2 a { width: 100%; background-color: #0CAD09; }

#archive-book .bookbtn a:hover,
#single-book .bookbtn a:hover { opacity: 0.8; }

#single-book .leftbox { float: left; width: 25%; text-align: center; }
#single-book .rightbox { float: right; width: 75%; padding-left: 50px; box-sizing: border-box; }
#single-book .bookbtn.order a { width: 100%; margin-top: 1em; background-color: #000099; }

@media screen and (max-width: 667px) {
#archive-book td { border-top: none; }
#archive-book table td.bookthumbnail { border-bottom: none; padding-top: 20px; padding-bottom: 0; text-align: center; }
#archive-book table td.bookthumbnail img { width: 50%; }
#archive-book table td.bookthumbnail,#archive-book table td.bookexcerpt { width: 100%; display: block!important; }
#archive-book .bookprice { text-align: center; }
#archive-book .bookbtn.detail a , #archive-book .bookbtn.order a { margin: 0 auto; width: 80%; }

#single-book .leftbox,#single-book .rightbox { float: none; padding: 0; width: 100%; }
#single-book .leftbox { text-align: center; margin-bottom: 2em; }
#single-book .bookbtn a { height: auto; padding: 5px 0; }
#single-book .bookbtn.order a { width: 80%; margin-right: auto; margin-left: auto; }
}

/****************************************

search

*****************************************/
.search-input { width: 80%; }

@media print {
body { -webkit-print-color-adjust: exact; }

body.home .sidebar,
#btn_en,
.page .sidebar,
.archive .sidebar,
.single .sidebar,
#back-top,
#pagetop,
.widget.pc-none,
#footerSection,
.wp_social_bookmarking_light,
.share_btn { display: none; }

#parent-title { display: block; }
.parent-title-inner h1 { padding-left: 20px; }


}


/****************************************

facebook likebox

*****************************************/
#fb-root {
    display: none;
}
 
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.fb-page {
    margin: 2em 0;
	text-align: center!important;
}

/****************************************

page-numbers

*****************************************/
.pagination {
	margin: 1.5em 0;
}
.page-numbers {
	border: 1px solid #000099;
	padding: 4px 9px;
	display: inline-block;
}
.page-numbers:hover {
	background-color: #000099;
	color: #fff;
}
.page-numbers:first-child:hover,
.page-numbers:last-child:hover {
	background-color: #fff;
	color: #333;
}
.page-numbers.current {
	background-color: #000099;
	color: #fff;
}
.prev.page-numbers,
.next.page-numbers {
	border:none;
}
.prev.page-numbers { padding: 4px 9px 0 0; }
.next.page-numbers { padding: 4px 0 0 9px; }