@charset "UTF-8";

/*  
Theme Name: DOGA
Theme URI: http://itoben.com/style/
Description: ITOBEN Project, Very simple theme. Markup of css which can facilitate customization.
Version: 1.0
Author: ITOBEN STYLE
Author URI: http://itoben.com/style/
Tags: black,silver,white,light,two-columns,right-sidebar,fixed-width,custom-background,custom-menu,editor-style,sticky-post,translation-ready,threaded-comments
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

SchoolColor:#FFA82E
*/

@charset "utf-8";
/* CSS Document */

/************************************************
リセット
************************************************ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin:0;
	padding:0;
}
.comment li,
.comment ol,
.comment ul {
	margin-left:10px;
}
blockquote,
q {
	quotes:none;
}
:focus {
	outline:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}

h1 {
	font-size:200%;
	line-height:1.2em;
	font-weight:normal;
}
h2 {
	font-size:180%;
	line-height:1.2em;
	font-weight:normal;
}
h3 {
	font-size:160%;
	line-height:1.2em;
	font-weight:normal;
}
h4 {
	font-size:140%;
	line-height:1.2em;
	font-weight:normal;
}
h5 {
	font-size:120%;
	line-height:1.4em;
	font-weight:normal;
}
h6 {
	font-size:110%;
	line-height:1.4em;
	font-weight:normal;
}
ul,
ol {
	padding:0;
	margin:0;
}
img {
	border:none;
	max-width:100%;
	height:auto;
}
.screen-reader-text {
	display:none;
}
.clear hr {
	display:none;
}
hr {
	background-color:#ddd;
	border:0;
	height:1px;
	clear:both;
	margin:30px auto;
}
/* メイリオフォントには斜体が適用されない */
em {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-style:italic;
}

/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.clear {
	clear:both;
}

/* デフォルトテーブル
----------------------------------------------- */
table {
    margin: 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
	table-layout: fixed;/* IE11 テーブル内のimg、max-width:100%;を機能させるために必要 */
}
table th {
    padding: 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    background-color: #f0f0f0;
    font-weight: normal;
}
table td {
    padding: 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table[border="0"],
table[border="0"] th,
table[border="0"] td {
	border:none;
}

/************************************************
 共通設定
************************************************ */

/* paddingとborderの幅を要素の幅と高さに含める */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

body {
	background:#FFF;
	margin:0;
	padding:0;
	-webkit-text-size-adjust: none;
	font:85% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6em;
	letter-spacing:1px;
	color:#333;
}
@media print, screen and (min-width: 960px) {
body {
	background:linear-gradient(#DDE0E8, #FFF, #FFF, #FFF);
}
}

body .comment {
	line-height:1.7em;
}

/* リンク文字 */
a,
a:visited {
    color: #69C;
    text-decoration: none;
}
a:hover {
    color: #F60;
}

/* リンク画像 */
a img:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* リンクPDF */
a[href$=".pdf"] {
	display:inline-block;
	padding:8px 10px 4px 40px;
	background:url(img/icon/adobe_pdf.png) no-repeat 0 0;
	font-size:15px;
	text-decoration:none !important;
	margin:5px 0;
	color: #C30;
}
a[href$=".pdf"]:hover {
	background:url(img/icon/adobe_pdf.png) no-repeat 0 0 #CA7575;
	color:#FFF;
}

a.link-to-pdf[href$=".pdf"] {
	display:inline;
	padding:0;
	background: none;
	border:none;
	margin:0;
}
a.link-to-pdf[href$=".pdf"]:hover {
	background: none;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
a.link-to-pdf img {
	border: 1px solid #CCC;
}

#footer_menu_area a[href$=".pdf"],
#footer_menu_area a[href$=".docx"],
#footer_menu_area a[href$=".doc"],
#footer_menu_area a[href$=".xlsx"],
#footer_menu_area a[href$=".xls"] {
	background:none;
	padding:0;
}

/* リンクWord */
a[href$=".docx"],
a[href$=".doc"] {
	display:inline-block;
	padding:8px 10px 4px 40px;
	background:url(img/icon/word.png) no-repeat 0 0;
	font-size:15px;
	text-decoration:none !important;
	margin:5px 0;
	color: #039;
}
a[href$=".docx"]:hover,
a[href$=".doc"]:hover {
	background:url(img/icon/word.png) no-repeat 0 0 #2B5797;
	color:#FFF;
}

/* リンクExcel */
a[href$=".xlsx"],
a[href$=".xls"] {
	display:inline-block;
	padding:8px 10px 4px 40px;
	background:url(img/icon/excel.png) no-repeat 0 0;
	font-size:15px;
	text-decoration:none !important;
	margin:5px 0;
	color: #360;
}
a[href$=".xlsx"]:hover,
a[href$=".xls"]:hover {
	background:url(img/icon/excel.png) no-repeat 0 0 #1E7145;
	color:#FFF;
}

/* リンクPowerPoint */
a[href$=".ppt"],
a[href$=".pptx"],
a[href$=".pptm"] {
	display:inline-block;
	padding:8px 10px 4px 40px;
	background:url(img/icon/powerpoint.png) no-repeat 0 0;
	font-size:15px;
	text-decoration:none !important;
	margin:5px 0;
	color:#A74A23;
}
a[href$=".ppt"]:hover,
a[href$=".pptx"]:hover,
a[href$=".pptm"]:hover {
	background:url(img/icon/powerpoint.png) no-repeat 0 0 #C95A2A;
	color:#FFF;
}

/* コメント欄 リンクに下線なし */
.comment a {
	text-decoration:underline;
}

/* リンク ページトップ */
#pagetop {
	display:block;
	position: fixed;
	bottom: 30px;
	right: 10px;
	z-index:19;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#pagetop:hover {
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
#pagetop a {
	display:inline;
	color: #fff;
	font-size:200%;
	background-color:#000;
	padding: 0;
	margin: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	cursor:pointer;
}
#pagetop a span {
	position:relative;
	top:1px;
}

/*フォント*/
.attention {
	color:#C00;
}

/*パンくず*/
.breadcrumbs {
	display:block;
	padding:8px 10px 7px 10px;
	margin-bottom:15px;
	background:#f7f7f7;
}


/*--------------------------------
　タイトル 
--------------------------------*/
h2.title,
h2.single_title {
	font-size:140%;
	line-height:1.4em;
	padding-bottom:0;
	padding-left:10px;
	margin-bottom:20px;
	border-bottom:1px solid #999;
}
@media print, screen and (min-width: 960px) {
h2.title,
h2.single_title {
	font-size:180%;
}
}

/*--------------------------------
　フォーム
--------------------------------*/
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/* ==============================================
 フレーム・レイアウト
=============================================== */
.frame_outer {
	padding:0 10px;
	/* ★以下、スマホ用ドロワーメニュー稼働時の動作 */
    display: table;
	table-layout: fixed;/* IE11で必要 */
    width: 100%;
    height: 100vh;
    margin: 0;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.8);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

/*--------------------------------
　ヘッダー 
--------------------------------*/
header {
	position:relative;
	margin:0 -10px;
	padding:0 10px;
}
#header {
	width:100%;
	margin:0 auto;
	position:relative;
}
@media print, screen and (min-width: 960px) {
header {
	margin:0;
	padding:0;
}
#header {
	width:960px;
	margin:0 auto;
	position:relative;
}
}

/*--------------------------------
　コンテンツ 
--------------------------------*/
#container_wrap {
	clear:both;
    width: 100%;
    margin: 0 auto;
	padding-top:20px;
	background:#FFF;
}
#container {
	position:relative;
    width:100%;
    margin: 0 auto;
    text-align: left;
	background:#FFF;
}
@media print, screen and (min-width: 480px) {
#container {
	padding:20px 0;
}
.front_page #container {
	padding:0;
}
}
@media print, screen and (min-width: 960px) {
#container_wrap {
	width:960px;
	background:#FFF;
}
#container {
	clear:both;
	width:900px;
	margin:0 auto;
	position:relative;
}
}

/*--------------------------------
　メインカラム 
--------------------------------*/
#container .main,
#container .one_column {
	width:100%;
	margin-bottom:20px;
}

/*--------------------------------
　右カラム 
--------------------------------*/
#container #side_right {
	width:100%;
	margin-bottom:20px;
}

/*--------------------------------
　フッター
--------------------------------*/
#footer_wrap {
	clear:both;
    width: 100%;
    margin: 0 auto;
}

@media print, screen and (min-width: 480px) {
#footer_wrap {
	position:relative;
	top:-10px;
}
}

@media print, screen and (min-width: 960px) {
.frame_outer {
	width:100%;
	padding:0;
}
}

/* ==============================================
 お探しのページは見つかりません
=============================================== */
.not_found_area {
	text-align:center;
	font-size:24px;
	line-height:2.2;
	background:#FFF;
	padding:80px;
}
.not_found_area .message i {
	font-size:50px;
	color:#666;
}

/* ==============================================
 シングルページ
=============================================== */
/* タイトルの下マージン */
.single h2 {
	margin-bottom:20px;
}
/* パスワード入力 */
.single .comment .post-password-form {
	line-height:2.4;
}
.single .comment .post-password-form label {
	font-size:16px;
}
.single .comment .post-password-form input[name="post_password"] {
	font-size:18px;
	padding:6px;
	border:1px solid #333;
	border-radius:4px;
	display:inline-block;
	height:40px;
	margin:0;
}
.single .comment .post-password-form input[type="submit"] {
	font-size:16px;
	padding:3px 8px;
	border:1px solid #333;
	border-radius:4px;
	cursor:pointer;
	background:#0080C0;
	color:#FFF;
	display:inline-block;
	height:40px;
	margin:0;
}
.single .comment .post-password-form input[type="submit"]:hover {
	background:#005F8C;
}
/* 動画表示画面 */
.single .comment .wp-video {
	margin-bottom:10px;
}
.single .comment .controller {
	text-align:center;
	margin-bottom:15px;
}
.single .comment .controller button {
	border:1px solid #999;
	padding:6px 10px;
	border-radius:5px;
	cursor:pointer;
	display:inline-block;
	margin-bottom:12px;
}
.single .comment .controller button:hover {
	opacity:0.7;
}
.single .comment .controller button#play_btn {
	background:#0074AC;
	color:#FFF;
}
.single .comment .controller button#pause_btn {
	background: #FF6464;
	color:#FFF;
}
.single .comment .controller button[disabled] {
	border:1px solid #CCC;
	cursor:default;
}
.single .comment .controller button[disabled]:hover {
	opacity:1;
}
.single .comment .controller button.button_on {
	background:#69C;
	color:#FFF;
	border:1px solid #999;
	border-radius:5px;
}
.single .comment .controller button.button_on.stop {
	opacity:0.7;
}

/* ==============================================
 記事
=============================================== */
img.alignleft {
	float:left;
	margin:0 10px 10px 0;
}
img.alignright {
	float:right;
	margin:0 0 10px 10px;
}
img.alignnone {
	clear: both;
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:10px;
}