@charset "utf-8";
/* CSS Document */
/*
Theme Name: 久慈自動車学校
Theme URI:
Description: 2017年製作
Author: エクナ株式会社
*/

*{
	margin:0;
	padding:0;
	border:0;
	/*line-height:1.3em;*/
	
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
}

body, textarea { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
input, select { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
/*-------*/

html{

}

body{

}

a{
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

/*記事内の画像*/
.center_box{
	margin-left: auto;
	margin-right:auto;
}

.aligncenter{
	display:block;
	margin-left: auto !important;
	margin-right:auto !important;
}

.alignleft{
	float:left;
	margin-right:10px !important;
	margin-bottom:10px !important;
}
			
.alignright{
	float: right;
	margin-left:10px !important;
	margin-bottom:10px !important;
}

.wp-caption{
	margin:0.5em;
}

.wp-caption img{
	
}

.wp-caption-text{
	font-size:80% !important;
	text-align:center;
	word-break:keep-all;
}



/* header */
#header{
	width:100%;
	padding-bottom:8px;
	border-bottom:2px solid #ccc;
}

#header .wrap{
	width:1024px;
	margin:0 auto;

}

#header #title{
	overflow:hidden;
}

#header .wrap #name{
	float:left;
}

#header .wrap h1{
	font-size:80%;
	text-indent:1em;
}

#header .wrap h2 a{
	display:block;
	width:700px;
	height:87px;
	text-indent:-9999px;
	background-image:url(img/logo_ces.jpg);
	background-repeat:no-repeat;

}

#head_add{
	float:right;
}

#head_add #menu-topmenu{
	width:300px;
	padding-bottom:8px;
	overflow:hidden;
}

#menu-topmenu li{
	display:block;
}

#menu-topmenu li a{
	float:right;
	display:block;
	margin-left:30px;
	font-size:80%;
}

#head_add #contact{
	background-image:url(img/add_ico.gif);
	background-repeat:no-repeat;
	background-position: 100px 0;
	list-style-type:none;
}

#head_add #contact li{
	text-align:right;
    line-height: 20px;
}

#head_add #contact li a{
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

#head_add #contact li:last-child a{
	font-size:15px;
}

#head_add #contact li a[tel]{
	color:#333;
}

/* menu */
#nav{
	display:none;
}

.nav-toggle{
	display:none;
}

.sp_menu{
	display:none;
}


/* cont */

#p_list p{
	text-align:right;
	font-size:90%;
}

#cont{
	clear:both;
	width:1024px;
	min-height: 700px;
	padding:10px;
	margin:0 auto;
}


#cont h2{
	position:relative;
	margin-bottom:30px;
	padding:10px 10px 10px 15px;
	font-size:200%;
	line-height:215%;
	border-bottom:4px solid #aaa;
	box-shadow:1px 1px 5px #ccc;
	
}

#cont h2:after{
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 4px;
    background-color: #1256a3;
}

#cont h3{
	position:relative;
	margin-bottom:30px;
	padding:10px 15px 10px 40px;
	font-size:165%;
	background-image:url(img/logo_icon.gif);
	background-repeat:no-repeat;
	background-position:3px 50%;
	border-bottom:1px dotted #ccc;
}

#cont h3:after{
    position: absolute;
    top: .8em;
    left: .4em;
    z-index: 2;
    content: '';
    width: 12px;
    height: 12px;
    background-color: #1256a3;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#cont h4{
	margin-bottom:20px;
	padding:5px 15px 5px 20px;
	background: #fff8e4;
	font-size:110%;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
	color:#e88a00;
}

#cont h5{
	margin-bottom:20px;
	position: relative;
	padding: 10px 10px 10px 20px;
	font-size:110%;
	border: 1px solid #ccc;
}

#cont h5:after{
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 4px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #1256a3;
    border-radius: 4px;
}

#cont h6{
	margin-bottom:20px;
	position: relative;
	padding: .25em 0 .5em .75em;
	font-size:100%;
	border-left: 6px solid #cccccc;
	background: rgba(255,255,255,0.5);
}

#cont h6:before{
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #1256a3;
}

#cont h6:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid #ccc;
}

#cont p{
	margin-bottom:13px;
	padding:10px;
}

#cont a{
	color:#1256a3;
	text-decoration:underline;
}

#cont a:hover{
	text-decoration:none;
}

#cont a img:hover{
	opacity:0.6;
}

#cont blockquote{
	margin:10px;
}

#cont blockquote{
	margin:0 auto 30px;
	padding:20px 20px 20px 40px;
	background:#eee;
}

#cont table{
	width:90%;
	height:auto !important;
	margin-bottom:13px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius:5px;
	border-collapse: separate;
	border-spacing: 0;
	overflow:hidden;
	box-shadow:1px 1px 2px #ddd;}

#cont th{
	padding:8px;
	text-align:center;
	font-weight:normal;
	border-bottom:1px solid #ccc;

background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

#cont th,
#cont td{
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#cont td{
	padding:8px;
	text-align:left;
}

#cont table tbody tr:last-child th,
#cont table tbody tr:last-child td {
	border-bottom: none;
}

#cont table table{
	font-size: 100%;
	margin-bottom:0;
}

#cont ul{
	margin:0 0 30px 40px;
	list-style-type:none;
}

#cont ul li{
	position:relative;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	background: rgba(255,255,255,0.5);
}

#cont ul li:before{
	display: block;
    content: '';
    position: absolute;
    top: 1.4em;
    left: -.8em;
    width: 5px;
    height: 5px;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#cont ul>li:after{
	display: block;
    content: '';
    position: absolute;
    top: 1.1em;
    left: -1em;
    width: 5px;
    height: 5px;
    background-color: #0e4f9e;
    border: 1px solid #0e4f9e;
    border-radius: 5px;
}

#cont ol{
	margin:0 0 30px 20px;
	list-style-type:none;
}

#cont ol li{
	position: relative;
	padding: .5em 0 .5em 2em;
    border-bottom: 1px solid #ccc;
    counter-increment: olNum1;
}

#cont ol li:before{
    position: absolute;
    top: .8em;
    left: 0;
    content: counter(olNum1);
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #0e4f9e;
    border-radius: 100%;
    color: #fff;
    font-size: 80%;
    text-align: center;
    box-shadow:2px 2px 1px #ccc;
}

#cont ol li li{
    counter-increment: olNum2;
}

#cont ol li li:before{
    content: counter(olNum2);
}

#cont ol li li li{
    counter-increment: olNum3;
}

#cont ol li li li:before{
    content: counter(olNum3);
}

#cont dl{
	margin:0 0 30px 40px;
}

#cont dl dt{
	position:relative;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}

#cont dl dt:after{
	display: block;
    content: '';
    position: absolute;
    top: 1.3em;
    left: -1.7em;
    width: 15px;
    height: 5px;
    background-color: #0e4f9e;
    border: 1px solid #0e4f9e;
    border-radius: 5px;
}

#cont dl dd{
	margin:8px;
	padding:10px;
	background-color:#eee;
}

#cont form input[type=text],
#cont form input[type=password],
#cont form input[type=tel],
#cont form input[type=email],
#cont form textarea,
#cont select{
	margin:10px 10px 30px;
	padding:8px;
	border:1px solid #ccc;
	border-radius:10px;
}

#cont form label{
	display:block;
	margin:0 0 30px;
	cursor:pointer;
}

#cont form table table{
	width:100%;
	margin:0 0 13px;
}

#cont form table table label{
	margin:0 0 0;
}

#cont form table table span.wpcf7-list-item{
	margin:0 0 0 0;
}

#cont form table hr{
	margin-bottom:8px;
	border-bottom:1px dotted #ccc;
}

#cont form input[type=checkbox],
#cont form input[type=radio]{
	vertical-align:middle;
}

#cont form input[type=file],
#cont form input[type=image]{
	margin:0 0 30px;
	padding:8px;
	border:1px solid #ccc;
}

#cont form input[type=submit],
#cont form input[type=reset],
#cont form input[type=button]{
	margin:10px 10px 30px;
	padding:8px 60px;
	color:#fff;
	background: rgb(150,207,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(150,207,255,1) 0%, rgba(14,84,162,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(150,207,255,1) 0%,rgba(14,84,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(150,207,255,1) 0%,rgba(14,84,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96cfff', endColorstr='#0e54a2',GradientType=0 ); /* IE6-9 */	overflow:hidden;
	border-radius:5px;
	cursor:pointer;
}

#cont form input[type=submit]:hover,
#cont form input[type=reset]:hover,
#cont form input[type=button]:hover{
	opacity:0.6;
}

#cont span.wpcf7-list-item {
    display: block;
}

#cont .top_policy p{
	position:relative;
	padding-right:150px;
	text-align:right;
	font-family:"Times New Roman","游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-weight:bold;
	font-size:120%;
}

#cont .top_policy p span{
	position: relative;
	z-index: 2;
	background:#fff;
	padding:0 30px;
}

#cont .top_policy p:first-child{
	padding-right:0;
	text-align:center;
	font-family:"Times New Roman","游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-size:300%;
	/*text-shadow:0.5px 0.5px 0 #333,0.5px -0.5px 0 #333,-0.5px 0.5px 0 #333,-0.5px -0.5px 0 #333;*/
	-webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.2));
	filter: progid:DXImageTransform.mask-image:-ms-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.2));
}

#cont .top_policy p:first-child:before{
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(to -45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background:-ms-linear-gradient(to -45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

#footer{
	width:100%;
}

#footer_map{
	padding-top:30px;
	width:100%;
	background-color:#000933;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #000933 9%, #000933 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#000933 9%,#000933 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#000933 9%,#000933 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000933',GradientType=0 ); /* IE6-9 */
}

#footer_map .wrap{
	width:1024px;
	margin:0 auto;
}

#footer_map .wrap ul{
	overflow:hidden;
	list-style-type:none;
}

#footer_map .wrap li{
	
}

#footer_map .wrap a{
	display:block;
	float:left;
	margin-left:13px;
	font-size:95%;
	color:#fff;
}

#footer_add{
	width:100%;
	background-color:#000933;
}

#footer_add .wrap{
	padding-top:30px;
	width:1024px;
	margin:0 auto;
}

#footer_add h2{
	font-size:120%;
	font-weight:bold;
	color:#fff;
}

#footer_add p{
	font-size:90%;
	color:#fff;
}

#footer_add #copyright{
	padding-top:13px;
	font-size:90%;
	text-align:center;
}

/*---- go_top ----*/


  .pageTopBtn a {
    display: block;
    width: 50px;
    height: 50px;
    background: url("./icon_pageTop.png") center 2px no-repeat;
    background-size: 40px auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    }
/*    .pageTopBtn:hover {
      background: rgb(0, 9, 51);
      }*/
  .pageTopBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    border-radius: 15px;
    background: rgba(0, 9, 51, 0.6);
    box-shadow:1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff;
}


#go_top{
	display:none;
}


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

html{
	width:100%;
}

body{
	width:100%;
	font-size:95%;
}

/* header */
#header{
	border-bottom:0;
}

#header .wrap{
	width:100%;
	margin:0 auto;
}

#header .wrap #name{
	float:none;
}

#header .wrap h1{
	font-size:75%;
	text-indent:0;
}

#header .wrap h2 a{
	width:98%;
	height:0;
	padding:12% 1% 1%;
	background-position:50% 50%;
	background-size:100%;
}

#head_add{
	padding-right:8px;
}

#menu-topmenu li a{
	float:right;
}


/* menu */
/*-- sp_menu --*/
#sp_menu{
	display:block;
	width:100%;
	z-index:20;
	transition:.2s;
}

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

{
  .js .nav-collapse {
    position: relative;
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

{
  .nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #333;
  text-decoration: none;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  padding: 0.7em 1em;
  float: left;
}

{
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

{
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  width: 100%;
  color:#1256a3;
  overflow: hidden;
  text-align:center;
  text-decoration:none;
  background:#fff;
  font-weight:bold;
  padding:8px 0;
  display:block;
  margin:0 auto;
position:relative;
}

.nav-toggle img{
	display:none;
}

.nav-toggle:after{
	position:absolute;
	content: '▼';
	right:10px;
}

#nav-collapse {
}



/* cont */

#p_list {
	display:none;
}

#cont{
	clear:both;
	width:98%;
	padding:1%;
	margin:0 auto;
}

#cont img{
	max-width:96%;
	height:auto;
	padding:1%;
}

#cont h2{
	font-size:140%;
}

#cont h3{
	font-size:140%;
	padding: 10px 15px 10px 30px;
}

#cont h3:after {
    top: .9em;
}

#cont table{
	margin:0 auto 13px;
}

#cont table.large_table{
	display: block;
	overflow-x: scroll;
	table-layout:fixed; 
	font-size:75%;
}

#cont table.large_table td,#cont table.large_table th{
	white-space: nowrap;
	padding: 8px;
}

#cont table.large_table {
     overflow: auto;
}

#cont table::-webkit-scrollbar{ /* スクロールバー全体 */
    height: 5px;
}

#cont table::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #1256a3;
    border-radius: 10px;
}
#cont table::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #99c2f1;
}
#cont table::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background:#99c2f1;
}

#cont table:not(.large_table) td{
}

#cont table:not(.large_table) th{
	display:block;
}

#cont table:not(.large_table) td{
	display:block;
}

#cont form input[type=text],
#cont form input[type=password],
#cont form input[type=tel],
#cont form input[type=email],
#cont form textarea,
#cont select{
	margin:1%;
	padding:1%;
	width:96%;
	box-sizing:border-box;
}

#cont form label{
	display:block;
	margin:0 0 30px;
	cursor:pointer;
}

#cont form input[type=checkbox],
#cont form input[type=radio]{
	margin:0 0.5em;
	vertical-align:middle;
}

#cont form input[type=file],
#cont form input[type=image]{
	margin:0 0 30px;
	padding:8px;
	border:1px solid #ccc;
}

#cont form input[type=submit],
#cont form input[type=reset],
#cont form input[type=button]{
}

#cont form input[type=submit]:hover,
#cont form input[type=reset]:hover,
#cont form input[type=button]:hover{
	opacity:0.6;
}

#cont ul{
	margin:0 0 30px 20px;
}

#cont ol{
	margin:0 0 30px 8px;
}

/* footer */

#footer_map .wrap{
	width:100%;
}

#footer_map .wrap a {
	margin-bottom:13px;
	width: 100%;
}

#footer_add .wrap{
	width:100%;
	margin:0 auto;
}

#footer_add h2{
	font-size:120%;
	font-weight:bold;
	color:#fff;
}

#footer_add p{
	font-size:90%;
	color:#fff;
}

#footer_add #copyright{
	padding-top:13px;
	font-size:90%;
	text-align:center;
}

/*---- go_top ----*/


  .pageTopBtn a {
    display: block;
    width: 50px;
    height: 50px;
    background: url("./icon_pageTop.png") center 2px no-repeat;
    background-size: 40px auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    }
/*    .pageTopBtn:hover {
      background: rgb(0, 9, 51);
      }*/
  .pageTopBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    border-radius: 15px;
    background: rgba(0, 9, 51, 0.6);
    box-shadow:1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff;
}


#go_top{
	display:none;
}

 /*---- go_top ----*/


  .pageTopBtn a {
    display: block;
    width: 50px;
    height: 50px;
    background: url("./icon_pageTop.png") center 2px no-repeat;
    background-size: 40px auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    }
/*    .pageTopBtn:hover {
      background: rgb(0, 9, 51);
      }*/
  .pageTopBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    border-radius: 15px;
    background: rgba(0, 9, 51, 0.6);
    box-shadow:1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff;
}


#go_top{
	display:none;
}

}

.red{
	color:#F10;
}