@charset"utf-8";
/*
Don Aokione Web Site ver.1  --  Primary CSS
Author : Hideyuki Koyama -MONTAGE lab.(http://www.montagelab.jp)
Latest Updated : 31 May. 2026
*/

/**
 * Table of Contents
 *
 * 1.0 - Typography
 * 2.0 - Alignment
 * 3.0 - Links
 * 4.0 - Navigations
 * 5.0 - layout
 * 6.0 - Clearfix
 * 7.0 - Forms
 *
 */

/* **************************************************************************** */
/*
/* 1.0 Typography
/*
/* **************************************************************************** */


/**
 * 1.2 Typo
 */

body,
button,
input,
select,
textarea {
	font-family: "Jost", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", sans-serif;
	font-size: 1.5rem;
	line-height: 1;
	color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 600;
	line-height:1.25;
}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 { margin-top:0 !important;}

h1	{ font-size:2.4rem;}
h2	{ font-size:2.4rem;}
h3	{ font-size:2.1rem;}
h4	{ font-size:1.7rem;}
h5	{ font-size:1.5rem;}
h6	{ font-size:1.5rem;}

article h1 { margin:0;}
article h2 { 
	margin:3em 0 1em; padding:4rem 5%; border:solid #666; border-width:1px 0;
	font-family: "Times New Roman", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:normal;
}
article h2 i	{ float:right; font-family:'Six Caps'; text-align:right; font-style:normal;}
article h3 { margin:2em 0 1em;}
article h4 { margin:2em 0 1em;}
article h5 { margin:2em 0 1em;}
article h6 { margin:2em 0 1em;}

article h1:first-child,
article h2:first-child,
article h3:first-child,
article h4:first-child,
article h5:first-child,
article h6:first-child { margin-top:0;}

article p { margin-bottom:1.6em; line-height:2;}

b,
strong 	{ font-weight: 600;}

em		{ font-style: normal;}

dfn,
cite,
i {
	font-style: italic;
}

blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

blockquote p { margin-bottom: 1.6667em;}

blockquote > p:last-child { margin-bottom: 0;}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: normal;
	margin: 0;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins 	{ background-color: #fff9c0; text-decoration: none;}

sup,
sub 	{ font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup		{ bottom: 1ex;}
sub		{ top: .5ex;}

small	{ font-size:80%;}

big		{ font-size: 125%;}




/**
 * - 1.3 Lists
 */

ul,
ol { margin: 0em 0 0em 0em; list-style-position:outside; line-height:1.5;}

ul { list-style:none;}

ol { list-style: decimal;}

li > ul,
li > ol {
	margin: 0 0 0 1.3333em;
}
nav ul 			{ margin: 0 !important; list-style:none;}
nav ul li 		{ padding:0 !important;}
nav ul li:before{ border: 0 !important;}

article ul,
article ol	{ margin: 0em 0 0em 0em;}
article ul ul,
article ul ol,
article ol ol,
article ol ul	{ margin: 0em 0 0em 1em;}
article ul li,
article ol ul li { position:relative; margin:0 0 0.8em; padding-left:1rem;}
article ul li:before,
article ol ul li:before { position:absolute; top:0.6em; left:0; content:''; width:7px; height:0px; border:1px solid #1267B3;}
article ol ul li { list-style:none;}
article ol,
article ul ol	{ margin: 1.6em 0 1.6em 0em;}
article ol li	{ list-style:decimal;position:relative; margin:0 0 0.8em 1em; padding-left:0;}
article ol li:before { border:none;}

dl { margin-bottom:1.6em; line-height:1.5;}
dt { margin:0 0 0.8em; font-weight: bold;}
dd { margin:0 0 1.6em;}



/**
 * - 1.4 Table
 */

table,
th,
td {
	border: 1px solid #444;
}

table {
	border-collapse:collapse;
	border-spacing: 0;
	border-width: 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td 		{ font-weight:normal; text-align:left; vertical-align:top; line-height:1.25;}
th, td 	{ padding:1em 1em; font-size:1.3rem;}
table tr.center th,
table tr.center td { text-align:center;}

caption { 
	margin:0.2em 0; color:#333; caption-side:top;
	font-size:1.3rem; line-height:1.5; text-align:right;
}

thead	 { border-bottom:3px double #666;}
thead th { text-align:center; font-weight:bold; background-color:#333;}
thead td { text-align:center; background-color:#333;}

tbody th { color:#fff; background-color:#333;}
tbody tr:nth-child(odd) 	{ background-color:#111;}
tbody tr:nth-child(even) 	{}

tfoot	 { border-top:3px double #666;}
tfoot th { text-align:center; font-weight:bold; background-color:#000;}
tfoot td { text-align:center; background-color:rgba(0,0,0,.5);}

table th.middle, table td.middle { vertical-align:middle;}
td.double-top		{ border-width:3px 1px 1px 1px;}
td.double-right		{ border-width:1px 3px 1px 1px;}
td.double-bottom	{ border-width:1px 1px 3px 1px;}
td.double-left		{ border-width:1px 1px 1px 3px;}

table td {}
table th p { margin:0; line-height:1.5;}
table td p { margin:0 0 0.5em; line-height:1.5;}

table ul,
table ol { margin:.6em 0 .6em 0em; list-style-position:outside; line-height:1.25;}
table ul li:before { top:4px !important;}



/**
 * - 1.5 Elements
 */

::selection {background:#CDD3CD; color:#fff;}
::-moz-selection { background:#CDD3CD; color:#fff;}

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}
hr.none { background-color:transparent;}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

figure 		{ margin: 0;}
figcaption 	{}

del { opacity: 0.8;}




/**
 * - 1.6 Decoration
 */

.screen-reader-text	{ font-size:0;}

.lead	{ font-size:1.6rem; 
	 font-family: "Times New Roman", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.attention { color:#f00;}
.note	{ font-size:13px; font-size:1.3rem; line-height:1.5; color:#666;}
.caption{ font-size:13px; font-size:1.3rem; line-height:1.5; color:#ccc;}
.wp-caption-text{ font-size:13px; font-size:1.3rem; line-height:1.5 !important; color:#666;}

.border 	{ padding-bottom:0.2em; border-bottom:1px solid #222;}
.bordered 	{ padding:0.8em; border:1px solid #6699FF; border-radius:5px;}
.filled		{ padding:0.5em 0.8em; background-color:#ededed;}
.filledwrap .filled { background-color:#fff;}

/* size */
.large	{ font-size:120%;}
.small	{ font-size:86%;}
.abs-small{ font-size:11px; font-size:1.1rem;}

/* color */
.dark	{ color:#000;}
.pale	{ color:#999;}

/* family */
.serif	{ font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.sans	{ font-family: "Jost", Helvetica, sans-serif;}

/* style */
.normal	{ font-style: normal;}
.italic	{ font-style: italic;}




/* **************************************************************************** */
/*
/* 2.0 Alignments
/*
/* **************************************************************************** */

.alignleft {
	display: inline;
	float: left;
}
img.alignleft { margin:0 2.6rem 1rem 0;}

.alignright {
	display: inline;
	float: right;
}
img.alignright { margin:0 0 1rem 2.6rem;}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:1rem;
}

.left	{ text-align:left;}
.right	{ text-align:right;}
.center	{ text-align:center;}



/* **************************************************************************** */
/*
/* 3.0 Links
/*
/* **************************************************************************** */

a {
	color: #699bff;
	text-decoration:none;
	outline:none;
	transition:all 0.2s ease;
}

a:hover,
a:focus {
	color: #fff;
	text-decoration:underline;
}

a:visited { 
	color: #699bff;
}

a[href^="tel:"] {
	pointer-events:none;
	color:#111;
}
nav a,
nav a:visited { color: #ddd;}



/* **************************************************************************** */
/*
/* 4.0 Navigation
/*
/* **************************************************************************** */


/**
 * - Header global navigation
 */


/**
 * - Header navigation
 */

#headnav	{ display:none;}
#headnav	{ border:solid #333; border-width:1px 0;}
#headnav ul	{ text-align:center; font-size:0;}
#headnav ul.menu li	{ display:inline-block; vertical-align:middle; font-size:1.4rem;}
#headnav ul.menu li a	{ display:block; padding:1.4em 1em;}
#headnav ul.menu li a:hover	{ color:#fff; text-decoration:none; background-color:#c00;}
#headnav ul.menu li.current-menu-item a,
#headnav ul.menu li.current-post-ancestor a { background-color:#900;}


/**
 * - .breadcrumb
 */
.breadcrumb	{ border-top:1px solid #F3F2EE;}
.breadcrumb ul	{ text-align:left; margin:2rem 4%; font-size:1.2rem; line-height:1;}
.breadcrumb li	{ position:relative; display:inline-block; margin:0 0.4em 0 0; color:999;}
.breadcrumb li a		{ padding-right:1em; text-decoration:none;}
.breadcrumb li a:after	{ position:absolute; top:3px; right:0; content:''; width:6px; height:6px; border:solid #999; border-width:1px 1px 0 0; transform:rotate(45deg);}




/**
 * - Footer navigation
 */
#footnav	{}
#footnav ul	{}
#footnav li	{ border-bottom:1px solid #333;}
#footnav li a	{ position:relative; display:block; padding:1.5rem 5%; }
#footnav li a:after	{ position:absolute; top:50%; right: 5%; content:''; margin:-3px 0 0; width:7px; height:7px; border:solid #ccc; border-width:1px 1px 0 0; transform:rotate(45deg);transition:all 0.2s ease;}
#footnav li a:hover	{ text-decoration:none; background-color:#333;}
#footnav li a:hover:after	{ right:4%;}


/**
 * - Page navigation
 */
.pagenav	{ margin:-2rem 0 4rem;; background-color:#ccc;}
.pagenav ul	{}
.pagenav li	{ margin:0; border-bottom:1px solid #000;}
.pagenav li:before	{ border:0;}
.pagenav li a	{ position:relative; display:block; padding:1rem; color:#000;}
.pagenav li a:before	{ position:absolute; top:50%; left:0; height:7px; content:''; margin:-4px; width:7px; height:7px; border:solid #600; border-width:2px 2px 0 0; transform:rotate(45deg);}
.pagenav li a:hover	{ color:#c00; text-decoration:none;}


/**
 * - .nextprevnav
 */
article footer { margin:0 0%; border-top:1px solid #333;}
article footer p { text-align:left; font-size:1.3rem;}
article footer .nextprevnav	{ padding:1rem 0 4rem; text-align:center;}
article footer .nav-archive	{ display:inline-block; vertical-align:top; float:none; margin:16px 0; padding: 0;}
article footer .nav-archive a	{ position:relative; display:block; padding:8px 12px 6px 22px; font-weight:bold; color:#ddd;}
article footer .nav-archive a:after	{ position:absolute; bottom:0; left:0; content:''; width:100%; border-bottom:1px solid #ddd; transition:all 0.2s ease;}
article footer .nav-archive a:before{ position:absolute; bottom:7px; left:-3px; content:''; width:20px; border-bottom:1px solid #ddd; transform:rotate(315deg); transition:all 0.2s ease;}
article footer .nav-archive a:hover	{ color:#fff; text-decoration:none; background-color:transparent;}
article footer .nav-archive a:hover:after	{ left:-10px; width:110%;}
article footer .nav-archive a:hover:before	{ left:-13px;}
article footer .nav-prev,
article footer .nav-next { display:block; vertical-align:top; margin:0 0 8px; width:auto; line-height:1;}
article footer .nav-prev {}
article footer .nav-next {}
article footer .nav-prev a,
article footer .nav-next a { position:relative; display:block; padding:1rem 4rem; width:auto; font-size:1.4rem; text-align:left; line-height:1.3; color:#fff; background-color:#900;}
article footer .nav-prev a:before { position:absolute; top:50%; left:19px; content:''; margin:-5px 0 0; width:9px; height:9px; border:solid #fff; border-width:0 0 2px 2px; transform:rotate(45deg);}
article footer .nav-next a:before { position:absolute; top:50%;right:19px; content:''; margin:-5px 0 0; width:9px; height:9px; border:solid #fff; border-width:2px 2px 0 0; transform:rotate(45deg);}
article footer a:hover { background-color:#c00;}



/**
 * - .wp-pagenavi
 */
.wp-pagenavi { clear:both; margin:40px 0 0; padding:0; text-align:center; font-size:1.3rem; line-height:1.1;}

.wp-pagenavi span,
.wp-pagenavi a	{ 
	display:inline-block; vertical-align:top;
	margin:2px 1px; padding:12px 2px 12px; width:3em;
	text-align:center; font-weight:normal; text-decoration: none;
	color:#fff;
	border-radius:0; box-sizing:padding-box;
}
.wp-pagenavi a	{ 
	border:1px solid #999;
}
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi a:visited	{ color:#fff;}
.wp-pagenavi a:hover	{ background:#699bff;}

.wp-pagenavi a.previouspostslink	{}
.wp-pagenavi a.nextpostslink	{}
.wp-pagenavi a.first,
.wp-pagenavi a.last		{ width:4em;}

.wp-pagenavi span.pages	{ min-width:4em; width:auto;}
.wp-pagenavi span.current {
	color:#fff;
	background:#900;
	border:1px solid #900;
}
.wp-pagenavi span.extend {}



/**
 * - #pagetop
 */
#pagetop.fixed a { position:fixed; bottom:1rem; left:1rem; z-index:1000; width:34px; height:34px; background-color:#000; background-color:rgba(0,0,0,.4); transition:background-color 0.2s ease;}
#pagetop.fixed a:before	{ position:absolute; top:12px; left:50%; content:''; width:1px; height:10px; border:solid #fff; border-width:0 0 0 1px; transition:all 0.2s ease;}
#pagetop.fixed a:after	{ position:absolute; top:12px; left:50%; content:''; margin:0 0 0 -3px; width:7px; height:7px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(-45deg); transition:all 0.2s ease;}
#pagetop.fixed a:hover 	{ background-color:#000; background-color:rgba(0,0,0,.8);}
#pagetop.fixed a:hover:before	{ top:8px;}
#pagetop.fixed a:hover:after 	{ top:8px;}
#pagetop.fixed a:before,
#pagetop.fixed a:after { border-color:#fff;}



/**
 * - Button
 */
div.btn 	{ margin:1em 0 2em; text-align:center;}
div.btn a	{ display:inline-block; margin:0 0.6rem; padding:0.8em 1em; min-width:240px; text-decoration:none; color:#fff; background-color:#900; border-radius:5px;}
div.btn a:hover { background-color:#c00;}
span.btn a	{ display:inline-block; margin:0.4rem 0.4rem; padding:0.2em 1em; text-decoration:none; line-height:1.2; color:#469EED; border:1px solid #469EED; border-radius:5px;}
span.btn a:hover { color:#fff; background-color:#469EED; border-color:#469EED;}

div.btn.rev a { color:#fff; background-color:#469EED;}
div.btn.rev a:hover { background-color:#51c2ff;}



/*
 * drawer navigation
 */

.drawer-nav		{ 
	position:relative; top:0; left:0; margin:20px 4%; padding:20px; width:92%; height:90vh; 
	background-color:#000; overflow-y:auto; border:1px solid rgba(255,255,255,.2); border-radius:20px; box-shadow:0 0 16px rgba(255,255,255,.4);
	-webkit-overflow-scrolling:touch; 
	transform:scale(1) translateY(0); transition:all 0.25s;
	visibility:hidden; position:fixed; z-index:-1; opacity:0;
}
.drawer-overlay	{ position:fixed; z-index:-101; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); transition:all 0.25s;}
.drawer-open .drawer-overlay	{ z-index:998;}

.drawer-hamburger		{ 
	position:fixed; top:10px; right:1vw; z-index:1999;
	display:block; margin:0 !important; padding:0 !important; width:40px; min-width:40px; height:40px;
	font-size:0; 
	-webkit-transition:all .6s cubic-bezier(.19,1,.22,1); transition:all .6s cubic-bezier(.19,1,.22,1); 
	-webkit-transform:translateZ(0); transform:translateZ(0); 
	border:0; outline:0; background-color:transparent; box-sizing:content-box; cursor:pointer;
}
.drawer-hamburger:hover	{ background-color:transparent;}
.drawer-hamburger-icon	{ position:relative; display:block; margin-top:0;}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before	{ width:100%; height:2px; -webkit-transition:all .6s cubic-bezier(.19,1,.22,1); transition:all .6s cubic-bezier(.19,1,.22,1); background-color:#fff;}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before { position:absolute; top:-8px; left:0; content:" ";}
.drawer-hamburger-icon:after	{ top:8px}

.drawer-open .drawer-hamburger { top:32px; right:6vw; width:40px; max-width:40px; padding:0;}
.drawer-open .drawer-hamburger-icon	{ width:40px; background:transparent;}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before	{ top:0;}
.drawer-open .drawer-hamburger-icon:after	{ -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.drawer-open .drawer-hamburger-icon:before	{ -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.drawer-open .drawer-nav {
	display:block; top:0; z-index:999; visibility:visible;
	transform:scale(1); opacity:1;
}

.drawer-container	 { padding:0 6% 60px;}
.drawer-container ul	 { margin:0; padding:0; list-style:none; }
.drawer-nav .menu li	{ position:relative; margin:0 0 2px; text-align:left;}
.drawer-nav .menu li a	{ position:relative; display:block; margin:0; padding:0.8em 0 0.8em 1.5em; color:#ccc; background-color:#222;}
.drawer-nav .menu li a:hover	{ color:#fff; background-color:#333; text-decoration:none; box-shadow:0 0 8px rgba(255,255,255,.5);}
.drawer-nav .menu li:hover	{ z-index:10;}
.drawer-nav .menu li:nth-child(1) a	{ border-radius:20px 20px 0 0;}
.drawer-nav .menu li:last-child a	{ border-radius:0 0 20px 20px;}
.drawer-nav .sns	{ padding:0 0 100px;}
.drawer-nav .sns li a	{ border-radius:10px;}

.drawer-home	{ margin:0; padding:50px 6% 20px;}
.drawer-home .site-logo		{ padding:0 0 1.6rem 0; text-align:left;}
.drawer-home .site-logo a	{ display:inline-block; max-width:240px;}


@media screen and (min-width: 720px) {

	.drawer-home .site-logo	{ padding:50px 6% 20px;}
	.drawer-nav ul.menu	{ margin:0 0 5rem;}
	.drawer-nav ul.menu li	{ font-size:1.8rem;}
	.drawer-nav ul.menu li a	{ padding:1.8rem 1em;}
	
}

@media screen and (min-width: 1024px) {
	.drawer	{ display:none;}
}



/* **************************************************************************** */
/*
/* 5.0 layout
/*
/* **************************************************************************** */

body{
	text-align:center;
	color:#DDD;
	background:#000;
}

.not	{ margin-top:0 !important; vertical-align:top;}
.nor	{ margin-right:0 !important;}
.nob	{ margin-bottom:0 !important;}
.nol	{ margin-left:0 !important;}

.nobt	{ border-top:none !important;}
.nobr	{ border-right:none !important;}
.nobb	{ border-bottom:none !important;}
.nobl	{ border-left:none !important;}

.bt		{ border-top:1px solid #ccc !important;}
.br		{ border-right:1px solid #ccc !important;}
.bb		{ border-bottom:1px solid #ccc !important;}
.bl		{ border-left:1px solid #ccc !important;}

.hide	{ display:none;}
.sp		{ display:none;}




/**
 * - 5.1 loading
 */

#loading { 
	position:absolute; top:0; left:0; 
	width:100%; height:100%; 
	background-color:#fff; background-color:rgba(255,255,255,.8);
	display:none;
}
#loading .animation {
	display:block;
	position:absolute; top:50%; left:50%; 
	width:50px; height:50px; overflow:hidden;
	animation: loading 1s steps(10) 0s infinite;
}
@keyframes loading {
    0% { background-position: 0    0  ; }
  100% { background-position: 0 -500px; }
}




/**
 * - 5.2 wrapper Include
 */

#wrapper 		{ margin:0 auto; text-align:left;}
#headerwrap		{}
#containerwrap	{}
#footerwrap		{ padding:0 8%;}



/**
 * - 5.3 Header Include
 */

.site-header 	{ 
	position:relative; z-index:99; margin:0 0 4rem;
}

#branding		{ margin:0 8%; padding:6rem 0 0;}
#branding .site-title	{}
#branding .site-title a	{ display:block; width:100%;}
#branding .sns	{ display:none; position:absolute; top:10px; right:5%;}



/**
 * - 5.5 footer Include
 */

.site-footer 	{ margin:6rem 0 0; border-top:1px solid #333;}

.utilities	{ margin:0 auto;}
.utilities a	{ color:#ddd;}
.utilities a:hover	{ color:#fff;}
.utilities .primary	{}
	.utilities .posts	{}
	.utilities .promotion	{}

.utilities .secondary	{}
	.utilities .fbfeed	{ border:1px solid #fff;}

.recentpost	{ margin:0 0 6rem;}
.recentpost .widget-title:before	{ background-color:#900;}
.recentpost dt	{ font-size:1.3rem; font-weight:normal; color:#c00;}
.recentpost dd	{ padding:0 0 1.5rem; border-bottom:1px solid #333;}
.recentpost dd a	{ color:#fff;}

.widget_wpdm_newpacks_widget	{ margin:0;}
.widget_wpdm_newpacks_widget .widget-title:before	{ background-color:#c4a819;}
.widget_wpdm_newpacks_widget	ul	{ height:100vh; overflow-y:auto;}
.widget_wpdm_newpacks_widget li	{ padding:1.5rem 1rem; font-size:1.3rem; border-bottom:1px solid #c4a819; background-color:#222;}
div.wpdm-download	{ padding:1.6rem 0; text-align:center;}
div.wpdm-download a	{ margin:0 auto; padding:1em;}

.monthly-archive	{ margin-bottom:6rem;}
.monthly-archive select	{ width:100%;}

.searchform	{ font-size:0; border-bottom:solid #fff; border-width:0 0 1px 0;}
.searchform input[type="text"]	{ padding:1rem 0; width:calc(100% - 50px); font-size:1.5rem; color:#fff; background:transparent;}
.searchform input[type="submit"]	{ 
	padding:1rem 0; width:50px; min-width:auto; 
	font-size:1.5rem;
	background:url(../img/common/searchbtn.png) no-repeat center center / 24px;
	border:0; border-radius:0; 
}
.searchform input[type="submit"]:hover	{ background-color:transparent;} 

.utilities .sns	{ padding:6rem 0;}
.sns ul	{ text-align:center; font-size:0;}
ul.sns 	{ text-align:center; font-size:0 !important;}
.sns li	{ display:inline-block; vertical-align:middle; margin:0 0.6rem 4px;}
.sns li a	{ display:block; width:40px; height:40px; background-color:#333; background-repeat:no-repeat; background-position:center center; background-size:32px; border-radius:10px;}
.sns .fb a	{ background-color:#405D9B; background-image:url(../img/common/icon-fb.png);}
.sns .fb a:hover { background-color:#527AD1;}
.sns .tw a	{ background-color:#000000; background-image:url(../img/common/icon-tw.png); border:1px solid #333;}
.sns .tw a:hover { background-color:#222222;}
.sns .ln a	{ background-color:#01B901; background-image:url(../img/common/icon-ln.png);}
.sns .ln a:hover { background-color:#4CE34C;}
.sns .ig a	{
	background:url(../img/common/icon-ig.png) no-repeat center center / 40px,linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background:url(../img/common/icon-ig.png) no-repeat center center / 40px, radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
.sns .fb_like	{}

.utilities .banner	{ margin:0 0 6rem;}
.utilities .banner ul	{ text-align:center;}
.utilities .banner li	{ margin:0 0 1rem;}
.utilities .banner img	{ width:100%; height:auto;}
.utilities .videos	{ margin:0 0 6rem;}
.utilities .videos ul	{ padding:3rem 0; text-align:center;}
.utilities .videos li	{ margin:0 0 4rem;}
.utilities .videos h4	{ margin:0; padding:1rem 0; text-align:left; font-size:1.4rem; color:#ddd;}
.video			{ position:relative; padding-top:56.25%; width:100%;}
.video iframe	{ position:absolute; top:0; left:0; width:100%; height:100%;}

aside .widget-title	{ position:relative; margin:0 0 1.5rem; padding:2.4rem 0 2.4rem 1rem; font-size:1.5rem; color:#ddd; background-color:#000; border:solid #fff; border-width:1px 0 0 1px;}
aside .widget-title:before { position:absolute; top:6px; left:6px; z-index:-1; content:''; width:100%; height:100%; background-color:#333;}

.widget_search .widget-title	{ display:none;}
.widget_search 	{ margin:0 0 4rem;}

.widget_recent_entries	{ margin:0 0 4rem;}
.widget_recent_entries ul	{}
.widget_recent_entries li	{ padding:1.6rem 0; font-size:1.3rem; border-bottom:1px solid #666;}
.widget_recent_entries li a	{ color:#ddd;}
.widget_recent_entries li a:hover	{ color:#f00;}

.widget_archive	{}
.widget_archive select	{ width:100%;}

#copyright { margin:0 8%; padding:4rem 0; font-size:1.2rem; line-height:1.4; color:#999;}




/**
 * - 5.4 container Include
 */

#containerwrap	{ padding:0 8%;}
#container		{ position:relative; margin:0 auto 8rem; padding:0 0 8rem; max-width:1280px;}
#container:after	{ 
	position:absolute; bottom:0; left:50%; content:''; margin:0 0 0 -35px; width:84px; height:14px;
	background-image: linear-gradient(to right, #fff, #fff 14px, transparent 1px, transparent 2px);
	background-size: 28px 14px;
	background-position: top;
	background-repeat: repeat-x;
}
#container #primary		{}
#container #secondary	{ display:none;}


.home #container { margin:0 8%; padding:0;}
.home #container:after { background:none;}
.billboard-image	{ text-align:center;}
.billboard-catch	{ margin:0 0 6rem; text-align:center;}
.billboard-name		{ display:none; margin:0 0 4rem; text-align:center;}



/* #container > article
 */
article {}
	.page-header	{ margin:0 0 6rem; padding:4rem 0 4rem 0; border:solid #666; border-width:1px 0;}
	.page-title		{ 
		font-family: "Times New Roman", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:2.4rem; font-weight:normal; 
	}
	.page-title i	{ float:right; font-family:'Six Caps'; text-align:right; font-style:normal;}
	.page-content	{ margin:0 auto 8rem; padding:0; max-width:1280px; text-align:left;}
	.narrow .page-content 	{ max-width:908px;}



/* #container > section
 */
section { 
	position:relative;
	margin:0; padding:0%; 
}
section	{}
	.section-body	{}
	.section-header	{}
	.section-title	{}
	.section-content{ }



/* #container > article > section
 */
article section	{ margin:0 0 8rem;}
	article .section-header	{}
	article .section-title	{}
	article .section-content	{}
	article section header .image	{ margin:0 -9% 1.6rem; padding:0; width:auto;}
	article .page-content section header .image:before,
	article .page-content section header .image:after	{ width:0; height:0; background:none; border:0;}
	article section header .section-title	{ position:relative; margin-top:0; padding-top:1rem;}
	article section header .section-title:before	{ position:absolute; top:0; left:-14px; content:''; width:44px; height:0; border-top:2px solid #C1AF5B;}

	.page-content .tel { font-size:1.8rem;}
	.page-content .tel a{ font-size:3rem;}




/**
 * - 5.6 Column Layout
 */

.borderwrap {}
.filledwrap {}

.col2	{ margin:0 0 4rem;}
.col2 > div	{ display:inline-block; vertical-align:top; margin:0 0 20px; width:100%;}

.col3	{ margin:0 0 4rem;}
.col3 > div	{ display:block; vertical-align:top; margin:0 0 20px; width:100%;}


/* clearfix
----------------------------------------------- */

.cf:before, .cf:after { content:""; display:table;}
.cf:after { clear:both;}
.cf { zoom:1;}/* For IE 6/7 (trigger hasLayout) */

.clearfix:after,
.container:after,
.content:after,
.page-content:after,
.entry-content:after,
.archive-content:after,
p:after	{ content:" "; display:block; clear:both;}




img.size-medium		{ width:48%;}
img.size-thumbnail	{ width:25%;}





/* **************************************************************************** */
/*
/* .entry-content
/*
/* **************************************************************************** */

.single-header	{ padding:4rem 0 4rem 0; border:solid #666; border-width:1px 0;}
.single-title		{ 
	font-family: "Times New Roman", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:2.4rem; font-weight:normal; 
}
.single-title i	{ float:right; font-family:'Six Caps'; text-align:right; font-style:normal;}

.entry-header	{ position:relative; text-align:left; margin:0 0 2em;}
	.entry-title	{ margin:0 0 1rem; padding:1em 0 0.4em 10px; font-size:2rem; font-weight:normal; color:#fff; border-left:2px solid #900;}
	.entry-title a	{ display:block; position:relative; padding:0 2.6em 0 0; color:#ddd;}
	.entry-title a:after	{ position:absolute; top:50%; right:19px; content:''; margin:-5px 0 0; width:9px; height:9px; border:solid #fff; border-width:2px 2px 0 0; transform:rotate(45deg); transition:all 0.2s ease;}
	.entry-title a:hover	{ color:#fff;}
	.entry-title a:hover:after	{ right:10px;}
	.entry-meta	{ font-size:1.2rem; line-height:1.3;}

.single .entry-header	{ padding:1em 0; border:solid #666; border-width:1px 0;}
.single .entry-title	{ padding:1em 0 0.4em 0; border:0;}


.entry-content	{ margin:0 auto; padding:0;}
.entry-content img{ border-radius:3px; box-shadow:1px 1px 6px rgba(0,0,0,.2);}
.entry-content img{ width:100%; max-width:100%; height:auto; }

.entry-content img.size-thumbnail { margin:0 12px 9px; max-width:222px; height:auto; }
.entry-content img.size-medium { margin:0 12px 9px; max-width:345px; height:auto; }
.entry-content img.size-large { margin:0 12px 9px; max-width:714px; height:auto; }
.entry-content .alignleft,
.entry-content .alignright,
.entry-content .alignnone { margin:0;}
.entry-content .alignleft img,
.entry-content .alignright img,
.entry-content .alignnone img { margin:0 0 9px;}

figure {}
.wp-caption-text { margin:0 0 1em;}


.entry-content h1	{ font-size:2rem;}
.entry-content h2	{ font-size:2rem; font-family: "Jost", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", sans-serif;  border-bottom:1px solid #ccc;}
.entry-content h3	{ font-size:1.8rem; font-weight:bold; border:0;}
.entry-content h4	{ font-size:1.6rem;}
.entry-content h5	{ font-size:1.4rem;}
.entry-content h6	{ font-size:1.4rem;}





/* **************************************************************************** */
/*
/* .archive-content
/*
/* **************************************************************************** */

.archive-header	{ margin:0 0 6rem; padding:4rem 0 4rem 0; border:solid #666; border-width:1px 0;}
.archive-title		{ 
	font-family: "Times New Roman", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:2.4rem; font-weight:normal; 
}
.archive-title i	{ float:right; font-family:'Six Caps'; text-align:right; font-style:normal;}

.archive-content { margin:50px 0 0;}
.archive-content article { margin:0 0 5em;}





/* **************************************************************************** */
/*
/* 7.0 Forms
/*
/* **************************************************************************** */

button,
input,
select,
textarea {
	margin:0; padding:0.4rem;
	max-width:100%;
	font-size:16px; font-size:1.6rem; line-height:1.5;
	vertical-align:baseline;
	background-color:#fff;
	border:1px solid #999; border-radius:3px;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid #eaeaea;
	border: 1px solid rgba(0,0,0, 0.2);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #469EED;
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding:0.7917em 2.5em; min-width:20rem;
	font-size:16px; font-size:1.6rem; font-weight:600;
	color: #133E11;
	background-color: #f3f3f3;
	border:0; border-radius:0;
	cursor: pointer;
	-webkit-appearance: button;
	transition:all 0.2s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: 0;
	color: #fff;
	border-color:#70BBFF;
	background-color:#70BBFF;
}

input[type="reset"]  { border-color:#D0021B;}

input[type="reset"]:hover,
input[type="reset"]:focus {
	border-color:#F74B37;
	background-color:#F74B37;
}


input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	margin:0 0 5px;
	padding: 0.375em;
	width: 100%;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}
input.wpcf7-captchar	{ width:8em;}


input.zip	{ width:8em;}


.mailform {}
.mailform h3 { 
	margin:2em 0 0; padding:1.2em 12px 1em; text-align: center;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:2rem;
	background-color:rgba(153,83,84,.15);
	border-bottom:1px solid #9D5354;
	border-radius:3px 3px 0 0;
}
.mailform dl { margin:2em 0;}
.mailform dt { padding:0.5rem 0 0;}
.mailform dd { margin:0 0 1em; padding:0 0 1em 0em; border-bottom:1px solid #333;}
.mailform ul { margin:0; list-style:none;}
.mailform li { display:block; margin-right:0; width:auto; padding:0;}
.mailform li:before { border:0 !important;}
.mailform p	{ margin:0.4em 0;}
.mailform span { }
.mailform .sentcheck	{ line-height:1.4;}
.mailform .required:after { margin:0 4px; content:'*'; color:#c00;}
.mailform input[type=text],
.mailform input[type=email],
.mailform input[type=tel] {}
.mailform textarea { padding:5px; width:760px; height:10em; font-size:15px; font-size:1.5rem; line-height:1.5; border:1px solid #999; border-radius:3px;}

.mailform select { margin:0 0 4px 0;}
.mailform .submit { margin:4rem 0;  text-align:center;}
.mailform dt .required { color:#f00;}

.wpcf7-form-control label { display:inline-block; margin-right:2em;}

.sent-complete { display:none;}
.sent .sent-complete	{ display:block;}
.sent .mailform-input	{ display:none;}

.wpcf7-response-output,
.wpcf7-validation-errors,
.wpcf7-display-none,
.wpcf7-mail-sent-ok	{ display:none !important;}

.post-password-form input[type="password"]	{ width:10em;}
.post-password-form input[type="submit"]	{ padding:0.5em 1em; width:auto; min-width:2em; font-size:1.4rem; border-radius:3px;}

.grecaptcha-badge { visibility: hidden; }



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

/*
 * - プロフィール
 */

.profile-photo	{ margin:0 0 4rem; text-align:center;}

/*
 * - 青木のスケジュール
 */

.schedule-class table thead th {}
.schedule-class table tbody th {}
.schedule-class table tbody td {}
.schedule-class td div { position:relative;}

.schedule-class .area 		{ display:block; margin:0 0; padding:3px 3%; text-align:center; font-weight:bold; line-height:1.2; color:#fff; background-color:#930404;}
.schedule-class .yokohama	{ background-color:#77A14E;}
.schedule-class .honbu		{ background-color:#930404;}
.schedule-class .nagoya		{ background-color:#93662A;}
.schedule-class .kyoto		{ background-color:#70154C;}
.schedule-class .hamamatsu	{ background-color:#264688;}
.schedule-class .sendai		{ background-color:#327C68;}
.schedule-class .niigata	{ background-color:#327C68;}
.schedule-class .sateline	{}

.schedule-class .room 		{ clear:both; display:block; padding:3px 3%; background:#222;}
.schedule-class .subject 	{ clear:both; display:block; padding:0.5em 0 0.5em 0; text-align:center; font-size:1.5rem;}
.schedule-class .aim 		{ clear:both; display:block; padding:0; color:#3ea7f2;}
.schedule-class a { color:#ccc; text-decoration:none;}
.schedule-class a:hover { color:#fff; text-decoration:underline;}



/*
 * - 著書
 */

ul.chosho	{}
.chosho li	{ margin:0 0 3rem 0; padding:8px 0 30px; background:#fafafa; border-radius:5px;}
.chosho li h3 { margin:0 0 0 -5px; padding:14px 8px 10px 20px; 
	font-size:1.8rem; line-height:1.5; color:#000; 
	background-color:#DFBE50; 
}
.chosho li section	{ margin:0;}
.chosho li section > div.image { text-align:center;}
.chosho li section > div.content { margin:0 8%;}
.chosho p { margin-bottom:2.0em; line-height:1.8; color:#000;}  
.chosho .image		{ padding:14px 0;}  
.chosho .image img	{ width:200px; aspect-ratio:3 / 4; object-fit:cover;}  

.b_amazon a { display:block; margin:0 auto; max-width:240px; height:40px; 
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	text-decoration:none; color:#CA980C; 
	background:#fbda00 url(../img/nav/buy-amazon-chosho.png) no-repeat center center / auto 100%; 
	border-radius:8px;
	-moz-transition:background-color 0.2s ease-out; -webkit-transition:background-color 0.2s ease-out;
}
.b_amazon a:hover { background-color:#ffe50b;}


#rbooks { text-align:center; border:solid #555; border-width:1px 0;}
#ritems { text-align:center; border:solid #555; border-width:1px 0;}


.recommend-books	{ padding:0 0 8rem;}
.recommend-books h2	{ 
	margin:0 0 2rem; padding:4rem 0 4rem 0; 
	font-family: "Times New Roman", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:2.4rem; font-weight:normal; 
	border:solid #999; border-width:1px 0;
}
ul.recommendbooklist	{
	display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;
}
ul.recommendbooklist li:before	{ border:0;}
ul.recommendbooklist li	{ margin:0 0 5px; padding:0; width:49%; background:#fff;}
ul.recommendbooklist li a	{ display:block; padding:6px; line-height:1.5; color:#000; text-decoration:none;}
ul.recommendbooklist li a:hover		{ color:#FF6600;}
ul.recommendbooklist li .image		{ display:block; text-align:center; background:#fff;}
ul.recommendbooklist li .image img	{ aspect-ratio:3 / 4; object-fit:cover;}
ul.recommendbooklist li .itemname	{ display:block; margin:0; padding:0.8em 0.5em; font-size:12px; overflow:hidden;}
ul.recommendbooklist .b_amazon { 
	display:block; margin:0 auto; max-width:240px; height:25px; 
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	text-decoration:none; color:#CA980C; 
	background:#fbda00 url(../img/nav/buy-amazon.png) no-repeat center center / auto 100%; 
	border-radius:8px; transition:background-color 0.2s ease-out;
}
ul.recommendbooklist li a:hover .b_amazon { background-color:#ffa51d;}


.recommend-items	{ padding:0 0 8rem;}
.recommend-items h2	{ 
	margin:0 0 2rem; padding:4rem 0 4rem 0; 
	font-family: "Times New Roman", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:2.4rem; font-weight:normal; 
	border:solid #999; border-width:1px 0;
}
ul.recommenditemlist	{
	display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;
}
ul.recommenditemlist li:before	{ border:0;}
ul.recommenditemlist li	{ margin:0 0 5px; padding:0; width:49%; background:#fff;}
ul.recommenditemlist li a	{ display:block; padding:6px; line-height:1.5; color:#000; text-decoration:none;}
ul.recommenditemlist li a:hover		{ color:#FF6600;}
ul.recommenditemlist li .image		{ display:block; text-align:center; background:#fff;}
ul.recommenditemlist li .image img	{ aspect-ratio:1 / 1; object-fit:cover;}
ul.recommenditemlist li .itemname	{ display:block; margin:0; padding:0.8em 0.5em; font-size:12px; overflow:hidden;}
ul.recommenditemlist .b_amazon { 
	display:block; margin:0 auto; max-width:240px; height:25px; 
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	text-decoration:none; color:#CA980C; 
	background:#fbda00 url(../img/nav/buy-amazon.png) no-repeat center center / auto 100%; 
	border-radius:8px; transition:background-color 0.2s ease-out;
}
ul.recommenditemlist li a:hover .b_amazon { background-color:#ffa51d;}




/*
 * - 会社概要
 */

dl.compendio	{}
dl.compendio dt	{}
dl.compendio dd	{ padding:0 0 2rem; color:#fff; border-bottom:1px solid #222;}

ul.links	{}
ul.links li	{ padding:0;}
ul.links li:before	{ border:0;}
ul.links li a{display:block; margin: 0.5em 0; padding:4px; color:#ccc; text-decoration:none; border-left:2px solid #600;}
ul.links li a:hover{background:#111;}
ul.links a .url{display:block; color:#c00; font:bold 9pt/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none;}
ul.links a:hover .url{ color:#f00; text-decoration: underline;}






/* **************************************************************************** */
/*
/* download
/*
/* **************************************************************************** */

.wpdm_file { padding:12px; line-height:1.5; background:#222; border:1px solid #333; border-radius:4px;}
.wpdm_file h3 	{ margin:0 0 0.5em; padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px; font-weight:bold; color:#f00;
	border-bottom:1px dashed #444;
	}
.wpdm_file p 	{ margin:0 0 0.5em; padding:0;}
.wpdm_file a 	{ color:#ccc; text-decoration:none;}
.wpdm_file a:hover { color:#fff; text-decoration:underline;}
.wpdm_file .passit { float:left; margin-right:12px;}
.wpdm_file .perror { font-size:12px; color:#f00;}
.wpdm_file .clear { clear:both;}
.wpdm_file .btn_outer div { float:left; padding:6px 0 6px 40px; background-repeat:no-repeat;}
.wpdm_file .counter { margin-left:1em; font-size:12px; color:#999; font-style:italic;}

/* category download */
.wpdm_clink { padding:8px 0 6px 40px; background-repeat:no-repeat;}
.wpdm_clink { line-height:1.2 !important;}
.wpdm_clink img 	{ width:20px !important; height:auto !important;}
.wpdm_clink i 	{ font-size:11px; color:#999;}
.wpdm_clink a 	{ color:#ccc; text-decoration:none;}
.wpdm_clink a:hover { color:#fff; text-decoration:underline;}
.wpdm_clink .counter { margin-left:1em; font-size:12px; color:#999; font-style:italic;}

/* widget */
.wpdm_link { line-height:1.2 !important;}
.wpdm_link img 	{ width:20px !important; height:auto !important;}
.wpdm_link i 	{ font-size:11px; color:#999;}


/* 一覧ページ */
.wpdmpro	{}

table.dataTable	{}
table.dataTable	thead th{ color:#222; background-color: #fff;}
table.dataTable	thead th:nth-child(1)	{ width:4em !important; vertical-align:middle; font-size:10px;}
table.dataTable	thead th:nth-child(2)	{}
table.dataTable	thead th:nth-child(3)	{ width:50px !important; vertical-align:middle; font-size:10px;}
table .headerSortUp:after{
   border-width:9px 5px 0;
}
table .headerSortDown:after {
   border-width:0 5px 9px;
}

table.dataTable	tbody td{ padding:12px; font-size:11px; color:#999;}
table.dataTable	tbody td a{ font-size:14px; color:#222; text-decoration:none;}
table.dataTable	tbody td a:hover{ color:#f00;}
table.dataTable	tbody td b{ font-weight:300;}


.dataTables_length	{
	display:inline-block; float:none; text-align:left;
}
div.dataTables_length label	{
	float:none; width:auto; 
}
.dataTables_filter	{
	display:inline-block; text-align:right;
}
div.dataTables_filter label	{
	float:none; width:auto; 
}
.dataTables_filter input { width:8em;}

.dataTables_info	{ margin:20px 0; font-size:1.2rem;}
.dataTables_paginate{ display:block; width:100%; text-align:center; font-size:16px; line-height:1;}
.dataTables_paginate a	{ display:block; padding:4px 26px 18px 26px; width:8em; height:1.8em; text-align:center; color:#ccc; text-decoration:none; background-color:#222; border-radius:3px;}
.dataTables_paginate a:hover	{ background-color:#666; border-color:#ccc;}
.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_disabled_next	{ color:#444;}
.dataTables_paginate a.paginate_disabled_previous:hover,
.dataTables_paginate a.paginate_disabled_next:hover	{ background-color:#222;}
.dataTables_paginate a.paginate_disabled_previous{ content:"前へ";}
.dataTables_paginate a.paginate_disabled_next	{ content:"次へ";}
.dataTables_paginate a.paginate_enabled_previous,
.dataTables_paginate a.paginate_enabled_next		{ color:#ddd !important;}
.dataTables_paginate a.paginate_enabled_previous	{ content:"前へ";}
.dataTables_paginate a.paginate_enabled_next		{ content:"次へ";}

#TB_ajaxContent { margin:0 auto;}


/* **************************************************************************** */
/*
/* 9.0 - Media Queries
/*
/* **************************************************************************** */

/* >= 767px                             */
@media screen and (max-width: 767px) {

	table	{ border:0;}
	.schedule-class table thead { display:none;}

	.schedule-class table tbody	{}
	.schedule-class table tbody th { display:block; width:100%; padding:2rem 1em;}
	.schedule-class table tbody td { display:block; width:100%; margin:-1px 0 0;}
	.schedule-class table tbody td small { font-size:1.2rem;}
	.schedule-class table tbody td:before { display:block; margin:0 0 0.5em; color:#fff;}
	.schedule-class table tbody td:nth-of-type(1):before { content:'9:00～10:30';}
	.schedule-class table tbody td:nth-of-type(2):before { content:'11:00～12:30';}
	.schedule-class table tbody td:nth-of-type(3):before { content:'13:30～15:00';}
	.schedule-class table tbody td:nth-of-type(4):before { content:'15:30～17:00';}
	.schedule-class table tbody td:nth-of-type(5):before { content:'17:30～19:00';}
	.schedule-class table tbody td:nth-of-type(6):before { content:'19:30～21:00';}

	.schedule-class table tbody tr:first-child td:nth-of-type(1):before { content:'終日';}
	.schedule-class table tbody tr:last-child td:nth-of-type(1):before	{ content:'終日';}

}

/* >= 720px                             */
@media screen and (min-width: 720px) {

	.home #branding{ display:none;}
	.billboard-catch	{ margin:0 0 1rem;}
	.billboard-name		{ display:block;}

	#branding .sns	{ display:block; top:auto; bottom:0; right:8%;}
	#copyright { text-align:center;}

	.utilities .banner li	{ display:inline-block;}
	.utilities .secondary	{}
	.utilities .videos ul	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.utilities .videos li	{ margin:0 0 4rem; width:46%;}

	/**
	 * - Page navigation
	 */
	.pagenav li	{ display:inline-block; margin:0 1rem 0 0; border:0;}
	.pagenav li a	{ position:relative; display:inline-block; padding:1rem; color:#000;}

	.profile-photo img	{ width:50%;}

	/*
	 * - 青木のスケジュール
	 */
	td	{ padding:0.3rem 0.3rem; font-size:1.3rem;}
	.schedule-class .subject 	{ clear:both; display:block; padding:0.5em 0 0.5em 0; text-align:center; font-size:1.3rem;}


	/*
	 * - 著書
	 */
	ul.chosho	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
	.chosho li	{ width:48%;}
	ul.recommendbooklist,
	ul.recommenditemlist	{ justify-content:flex-start;}
	ul.recommendbooklist li,
	ul.recommenditemlist li	{ width:32%; margin:0 2% 10px 0;}
	ul.recommendbooklist li:nth-child(3n),
	ul.recommenditemlist li:nth-child(3n)	{ margin-right:0;}
	ul.recommendbooklist li a,
	ul.recommenditemlist li a	{ padding:8px;}


}


/* >= 1024px                             */
@media screen and (min-width: 1024px) {

	body{ font-size: 16px; font-size: 1.6rem;}
	th, td 	{ padding:0.6em 0.6em; font-size:1.5rem; border:1px solid #666;}

	article h1	{ font-size:2.4rem;}
	article h2	{ font-size:3.3rem;}
	article h3	{ font-size:2.2rem;}
	article h4	{ font-size:1.8rem; color:#469EED;}
	article h5	{ font-size:1.6rem;}
	article h6	{ font-size:1.4rem;}


	#branding		{ margin:0 5%; padding:2rem 0 0;}
	#branding .site-title	{}
	#branding .site-title img	{display:none;}
	#branding .site-title a	{ display:block; width:270px; height:50px; background:url(../img/common/logo.png) no-repeat left top / 270px auto;}
	#branding .sns	{ display:block; top:15px; bottom:auto; right:5%;}

	#headnav	{ display:block;}

	article footer .nav-prev,
	article footer .nav-next { display:inline-block; vertical-align:top; margin:0 0 8px; width:48%; line-height:1;}
	article footer .nav-prev	{ margin-right:3%;}


	/**
	 * - container
	 */
	#containerwrap { padding:0 5%;}
	#container #primary		{ display:inline-block; vertical-align:top; width:70%; margin:0 5% 0 0;}
	#container #secondary	{ display:inline-block; vertical-align:top; width:24%;}
	
	.page-header	{}
	.page-header .page-title	{ font-size:4rem;}
	.page-content	{}

	.archive-header	{}
	.archive-header .archive-title	{ font-size:4rem;}
	.archive-content{}


	/**
	 * - footer
	 */
	.utilities .primary	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.utilities .posts	{ 
		width:70%;
		display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:flex-start;
	}
	.utilities .posts aside	{ width:47%; margin:0;}
	.utilities .posts aside.recentpost	{ margin-right:6%;}
	div.wpdm-download	{ width:47%;}
	.utilities .promotion	{ width:24%;}



	/* .col2
	*/
	.col2	{ font-size:0;}
	.col2 > div	{ display:inline-block; vertical-align:top; width:50%; text-align:left; font-size:1.6rem;}
	.col2 .content	{ margin:0; font-size:1.6rem;}

	/* .col3
	*/
	.col3	{ font-size:0;}
	.col3 > div	{ display:inline-block; vertical-align:top; width:33.3333; width:calc(100% / 3); text-align:left; font-size:1.3rem;}
	.col3 > div .content	{ margin:0 1em; font-size:1.3rem;}

	/* .col4
	*/
	.col4   { font-size:0;}
	.col4 > div	{ display:inline-block; vertical-align:top; width:25%; text-align:left;}
	.col4 > div .content	{ margin:0 1em; font-size:1.3rem;}
	.col4 > div:nth-child(odd) .content		{ margin:0 1em 1.6em 1em;}
	.col4 > div:nth-child(even) .content	{ margin:0 1em 1.6em 1em;}


	/**
	 * - Footer navigation
	 */
	#footnav	{ border-bottom:1px solid #333;}
	#footnav ul	{ text-align:center;}
	#footnav li	{ display:inline-block; margin:0; font-size:1.3rem; border-bottom:0;}
	#footnav li a	{ position:relative; display:block; padding:1.5rem 1.5rem 1.5rem 2.5rem; }
	#footnav li a:after	{ position:absolute; top:50%; left:10px; right:auto; content:''; margin:-3px 0 0; width:7px; height:7px; border:solid #ccc; border-width:1px 1px 0 0; transform:rotate(45deg);transition:all 0.2s ease;}
	#footnav li a:hover	{ text-decoration:none; background-color:#333;}
	#footnav li a:hover:after	{ right:4%;}


	/**
	 * - Profile
	 */
	.profile	{ columns:2; column-gap:3em;}


	/**
	 * - 著書
	 */
	.chosho li section	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.chosho li section h3 { width:100%;}
	.chosho li section > div.image	{ margin:0 auto; padding:24px 5%; width:40%;}
	.chosho li section > div.content	{ margin:0; padding:2.4rem 5% 0; width:60%;}
	.chosho .image			{ padding:24px 0;}  
	ul.recommendbooklist li,
	ul.recommenditemlist li	{ width:24%; margin:0 1.33% 10px 0;}
	ul.recommendbooklist li:nth-child(3n),
	ul.recommenditemlist li:nth-child(3n)	{ margin-right:1.33%;}
	ul.recommendbooklist li:nth-child(4n),
	ul.recommenditemlist li:nth-child(4n)	{ margin-right:0;}


	/**
	 * - お問い合わせ
	 */
	.mailform dt { display:inline-block; float:left; width:auto; padding:0.5rem 0 0;}
	.mailform dd { margin:0 0 1em; padding:0 0 1em 15em; border-bottom:1px solid #ddd;}



}



/* >= 1280px                             */
@media screen and (min-width: 1280px) {

	#headnav ul.menu li a	{ display:block; padding:1.4em 2em;}

	.utilities .primary		{ margin:0 0 8rem;}
	.utilities .secondary	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.utilities .videos		{ display:inline-block; vertical-align:top; width:70%;}
	.utilities .fbfeed		{ display:inline-block; vertical-align:top; width:25%;}


	/**
	 * - 著書
	 */
	ul.recommendbooklist li	{ margin:0 0.5% 4px; width:19%;}
	ul.recommenditemlist li	{ margin:0 0.5% 4px; width:19%;}
	ul.recommendbooklist li,
	ul.recommenditemlist li	{ width:19%; margin:0 1.25% 16px 0;}
	ul.recommendbooklist li:nth-child(3n),
	ul.recommenditemlist li:nth-child(3n)	{ margin-right:1.25%;}
	ul.recommendbooklist li:nth-child(4n),
	ul.recommenditemlist li:nth-child(4n)	{ margin-right:1.25%;}
	ul.recommendbooklist li:nth-child(5n),
	ul.recommenditemlist li:nth-child(5n)	{ margin-right:0;}
	ul.recommendbooklist li a,
	ul.recommenditemlist li a	{ padding:12px;}


}