@charset "utf-8";
@import url(dwe.css);
@import url(disney.css);
@import url(nagare.css);
@import url(shop.css);
@import url(kyouzai.css);
@import url(worldwidekids.css);
@import url(1-speedlearning.css);
@import url(dhizuni-eigosisutemu.css);
@import url(com-eigo.css);
@import url(com-kodomoeigokyouzai.css);
@import url(disney-setsumei.css);
@import url(dwefullset.css);
@import url(dwe-magicpen.css);

/* cssリセット
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

:focus{
  outline: 0;
}

ol, ul{
  list-style: none;
}

table{
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td{
  font-weight: normal;
  text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after{
  content: "";
}

blockquote, q{
  quotes: "" "";
}

a img{
  border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
  display: block;
}

html{
  /* 10px指定 */
  font-size: 62.5%;
}

html * {
  /* padding含めた幅指定 */
  box-sizing: border-box;
}


/* cssリセット　end
-------------------------------------------------------------- */

body{
  /* 文字指定 */
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  /* 文字のサイズ */
  font-size: 1.7rem;
  /* 行間 */
  line-height: 1.5;
  /* 文字色 */
  color: #333333;
}

.page .post{
  /* 文字のサイズ */
  font-size: .85em;
}

p{
  /* ボックス内　余白　（下） */
  padding-bottom: 10px;
  /* 文字の太さ */
  /* font-weight: bold; */
  /* 文字間 */
  letter-spacing: 2px;
}

ol li{
  /* リストのスタイル */
  list-style: decimal;
}

.post h2.title{
  /* 文字色 */
  color: #333;
  /* ボックス内　余白 */
  padding: 1.2em 3em;
  /* 文字のサイズ */
  font-size: 1.6em;
  /* 文字の太さ */
  font-weight: bold;
  /* コンテンツのタイプ */
  display: block;
  /* 背景 */
  background: url(../../images/bg_h2.png) no-repeat;
  /* 行内　位置 */
  vertical-align: middle;
}

h3{
  /* ボックス外　余白 */
  margin: 10px 0;
  /* 文字のサイズ */
  font-size: 120%;
  /* 文字の太さ */
  font-weight: normal;
  /* 文字色 */
  color: #2e2c2c;
}

h4{
  /* 文字の太さ */
  font-weight: bold;
}

table{
  /* 横幅 */
  width: 100%;
  /* 線　（上） */
  border-top: 1px #dddddd solid;
  /* 線　（間隔） */
  border-collapse: collapse;
  /* 線　（線同士の間隔） */
  border-spacing: 0;
}

th{
  /* 横幅 */
  width: 30%;
  /* ボックス内　余白 */
  padding: 10px;
  /* 線　（上） */
  border-top: #dddddd solid;
  /* 線　（下） */
  border-bottom: #dddddd solid;
  /* 線　（幅） */
  border-width: 0 0 1px 1px;
  /* 背景 */
  background: #f5f5f5;
  /* 行内　位置 */
  vertical-align: top;
}

td{
  /* 横幅 */
  width: 70%;
  /* ボックス内　余白 */
  padding: 10px;
  /* 線　（上） */
  border-top: 1px #dddddd solid;
  /* 線　（下） */
  border-bottom: 1px #dddddd solid;
  /* 線　（幅） */
  border-width: 0 0 1px 1px;
}

tr:last-child th, tr:last-child td{
  /* 線　（下） */
  border-bottom: 0;
}

dt{
  /* 文字の太さ */
  font-weight: bold;
}

dd{
  /* ボックス内　余白　（下） */
  padding-bottom: 10px;
}

img{
  /* 横幅 */
  max-width: 100%;
  /* 縦幅 */
  height: auto;
  /* 行内　位置 */
  vertical-align: middle;
}

strong{
  /* 文字の太さ */
  font-weight: bold;
}

section{
  /* ボックス外　余白 */
  margin: 3em 0;
}

section.first{
  /* ボックス外　余白　（上） */
  margin-top: 0;
}

section.satei{
  /* ボックス外　余白　（下） */
  margin-bottom: 1em;
}

section.mitsumori{
  /* ボックス外　余白　（上） */
  margin-top: 0;
}


/* スマホ用ナビゲーション非表示 */

#page, #drawernav{
  /* コンテンツのタイプ */
  display: none;
}


/* リンク設定
------------------------------------------------------------*/

a{
  /* ボックス外　余白 */
  margin: 0;
  /* ボックス内　余白 */
  padding: 0;
  /* テキストのスタイル（装飾） */
  text-decoration: none;
  /* 縁取り */
  outline: 0;
  /* 行内　位置 */
  vertical-align: baseline;
  /* 背景 */
  background: transparent;
  /* 文字のサイズ */
  font-size: 100%;
  /* 文字色 */
  color: #624e24;
}

a:hover, a:active{
  /* 縁取り */
  outline: none;
}

a:hover img, a:active img {
  /* 透過 */
  opacity: 0.8;
}


/* クリアフィックス */

.nav .panel:before, nav .panel:after, nav#mainNav:before, nav#mainNav:after, .newsTitle:before, .newsTitle:after{
  /* コンテンツ */
  content: "";
  /* コンテンツのタイプ */
  display: table;
}

nav .panel:after, nav#mainNav:after, .newsTitle:after{
  /* 回り込み解除 */
  clear: both;
}

nav .panel, nav#mainNav, .newsTitle{
  /* ズーム率 */
  zoom: 1;
}


/* フォーム
------------------------------------------------------------*/

input[type="text"], input[type="email"], input[type="tel"], textarea{
  /* 行内　位置 */
  vertical-align: middle;
  /* 横幅 */
  max-width: 100%;
  /* 行間 */
  line-height: 30px;
  /* 縦幅 */
  height: 30px;
  /* ボックス内　余白 */
  padding: 5;
  /* 線 */
  border: 1px solid #d4d4d7;
  /* 文字色 */
  color: #555;
  /* 背景 */
  background: #fcfcfc;
}

textarea{
  /* 横幅 */
  width: 90%;
  /* 縦幅 */
  height: auto;
  /* 行間 */
  line-height: 1.5;
}

input[type="submit"], input[type="reset"], input[type="button"], .page button[type="button"]{
  /* 文字のサイズ */
  font-size: 1.3em;
  /* ボックス内　余白 */
  padding: 10px 50px;
  /* ボックス外　余白 */
  margin: 0 20px;
  /* 背景 */
  background: #FD8B34;
  /* 線 */
  border: 0;
  /* 文字色 */
  color: #fff;
  /* 文字間 */
  letter-spacing: 2px;
}

input:hover[type="submit"], input:hover[type="reset"], input:hover[type="button"], .page button:hover[type="button"]{
  /* 透過 */
  opacity: .8;
  /* カーソルのスタイル */
  cursor: pointer;
}

*:first-child +html input[type="submit"]{
  /* ボックス内　余白 */
  padding: 3px;
}

select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* ボックス内　余白 */
  padding: 10px;
  /* 線 */
  border: 1px solid #d4d4d7;
  /* 文字のサイズ */
  font-size: 1.1em;
  /* 背景 */
  background: #fcfcfc;
}


/* レイアウト */

.inner{
  /* ボックス外　余白 */
  margin: 0 auto;
  /* 横幅 */
  width: 1100px;
}

header{
  /* ボックス外のオプション */
  overflow: hidden;
  /* ボックス内　余白 */
  padding: 10px 10px 0;
  /* 背景 */
  background: #fff url(../../images/header-line.png) repeat-x top center;
  /* 背景　サイズ */
  background-size: 15px;
  /* ボックスの重なり順序 */
  z-index: 999;
}
#wrapper{
  /* ボックス内　余白　（上） */
  padding-top: 30px;
  /* ボックス外のオプション */
  overflow: hidden;
}

.top#wrapper,
.top#wrapper #wrapper{
  /* ボックス内　余白　（上） */
  padding-top: 0;
}

.top#wrapper h2{
  /* ボックス外　余白　（下） */
  margin-bottom: 0;
}

.page #wrapper{
  /* ボックス内　余白 */
  padding: 15px 0;
}

main, #content{
  /* ボックス回り込み */
  float: right;
  /* 横幅 */
  width: 800px;
}

aside, #sidebar{
  /* ボックス回り込み */
  float: left;
  /* 横幅 */
  width: 244px;
  /* ボックス内　余白　（下） */
  padding-bottom: 15px;
}

footer{
  /* 回り込み解除 */
  clear: both;
  /* ボックスの配置（基準） */
  position: relative;
  /* 背景 */
  background: url(../../images/footerimg05.png) repeat-x top center;
  /* ボックス内　余白　（上） */
  padding-top: 35px;
}


/* パーツ */


/* ヘッダー
*****************************************************/


/* ロゴ (サイトタイトル)
----------------------------------*/

header h1{
  /* コンテンツのタイプ */
  display: inline-block;
  /* ボックス回り込み */
  float: left;
  /* 文字色 */
  color: #333333;
  /* 文字のサイズ */
  font-size: 160%;
  /* 文字の太さ */
  font-weight: bold;
  /* ボックス外　余白　（下） */
  margin-bottom: 10px;
  /* 最大幅 */
  max-width: 220px;
}


/* トップページ　スライド画像
----------------------------------*/

#mainImg{
  /* 行間 */
  line-height: 0;
  /* テキストの位置 */
  text-align: center;
  /* ボックス外　余白 */
  margin: 0 auto;
  /* ボックスの重なり順序 */
  z-index: 0;
}
.mainImg img{
  /* ボックス外　余白 */
  margin: auto;
}

ul.main-banner{
  /* テキストの位置 */
  text-align: center;
}

ul.main-banner li{
  /* コンテンツのタイプ */
  display: inline-block;
  /* コンテンツ内　余白 */
  padding:10px;
}

/* タイポグラフィ
*****************************************************/

h2{
  /* 回り込み解除 */
  clear: both;
  /* ボックス外　余白 */
  margin: 0 0 20px;
  /* 文字のサイズ */
  font-size: 130%;
  /* 文字色 */
  color: #252525;
}

.post h2 {
  /* ボックス外　余白 */
  margin: 0 0　20px;
}

.post h3.title{
  /* ボックスの配置（基準） */
  position: relative;
  /* ボックス内　余白 */
  padding: 1.2em 0.5em 0.2em;
  /* 文字色 */
  color: #585b5d;
  /* ボックス外　余白　（上） */
  margin-top: 1.5em;
  /* ボックス外　余白　（下） */
  margin-bottom: 20px;
  /* 文字のサイズ */
  font-size: 1.8em;
  /* 線　（角丸） */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /* 背景画像 */
  background-image: url('../images/h3_icon.png');
  /* 背景色 */
  background-color: #97d2f9;
  /* 背景　繰り返し */
  background-repeat: repeat-x;
  /* 背景　サイズ */
  background-size: contain;
  /* 背景　位置 */
  background-position: 0 -1px;
}

.post h4{
  /* ボックスの配置（基準） */
  position: relative;
  /* 文字のサイズ */
  font-size: 1.1em;
  /* ボックス外　余白　（上） */
  margin-top: 0.5em;
  /* ボックス外　余白　（下） */
  margin-bottom: 10px;
  /* 背景色 */
  background-color: #f39225;
  /* ボックス内　余白 */
  padding: 10px;
  /* 文字色 */
  color: #fff;
}

h2.first,
h4.first{
  /* ボックス外　余白　（上） */
  margin-top: 0;
}

ul.thumb{
  /* ボックス外　余白　（下） */
  margin-bottom: 30px;
}

ul.thumb li{
  /* ボックス内　余白 */
  padding: 10px 0;
  /* 線　（下） */
  border-bottom: 1px solid #333333;
}

img.aligncenter{
  /* コンテンツのタイプ */
  display: block;
  /* ボックス外　余白 */
  margin: 10px auto;
}

img.alignright, img.alignleft{
  /* ボックス内　余白 */
  padding: 4px;
  /* ボックス外　余白 */
  margin: 0 0 5px 10px;
  /* コンテンツのタイプ */
  display: inline;
}

img.alignleft{
  /* ボックス外　余白 */
  margin: 0 10px 5px 0;
}

.alignright{
  /* ボックス回り込み */
  float: right;
}

.alignleft{
  /* ボックス回り込み */
  float: left;
}


/* サイドバー　ウィジェット
*****************************************************/

#sidebar h3, aside h3{
  /* 回り込み解除 */
  clear: both;
  /* ボックス外　余白 */
  margin: 0 0 10px;
  /* ボックス内　余白 */
  padding: 5px 0;
  /* 文字のサイズ */
  font-size: 150%;
  /* 文字の太さ */
  font-weight: normal;
  /* 文字色 */
  color: #fff;
  /* 背景 */
  background: #F39325;
  /* テキストの位置 */
  text-align: center;
}

#sidebar .side-last h3{
  /* 文字のサイズ */
  font-size: 100%;
}


#sidebar .side-last a{
  /* コンテンツのタイプ */
  display: inline-block;
}
#sidebar a, aside a{
  /* コンテンツのタイプ */
  display: block;
}


/* 更新情報
-------------*/

.news p{
  /* 回り込み解除 */
  clear: both;
  /* ボックス内　余白　（下） */
  padding-bottom: 2px;
  /* 線　（下） */
  border-bottom: 1px solid #bab48d;
}

.news p a{
  /* コンテンツのタイプ */
  display: block;
  /* ボックス内　余白 */
  padding: 5px 0;
  /* 文字色 */
  color: #252525;
}

.news span{
  /* ボックス内　余白　（左） */
  padding-left: 10px;
}

.news a:hover span{
  /* 文字色 */
  color: #927a49;
}


/* フッター */

footer .f_top{
  /* ボックス内　余白 */
  padding: 30px 0;
  /* 背景 */
  background: #FFE3CD;
}

footer .f_top .footer-right{
  /* 背景 */
  background: url(../../images/footerimg06.png) no-repeat right 95%;
}

footer .f_bottom{
  /* ボックス内　余白 */
  padding: 10px 0;
  /* 背景 */
  background: #FF7200;
}

footer ul{
  /* ボックス外　余白 */
  margin: 0 auto;
}

footer ul ul{
  /* ボックス内　余白　（下） */
  padding-bottom: 0;
  /* 横幅 */
  width: auto;
}

footer ul li{
  /* コンテンツのタイプ */
  display: inline-block;
  /* 行内　位置 */
  vertical-align: text-top;
  /* テキストの位置 */
  text-align: left;
  /* ボックス内　余白 */
  padding: 5px 20px;
  /* 線　（左） */
  border-left: 1px solid #333333;
}

footer ul li:last-child{
  /* 線　（右） */
  border-right: 1px solid #333333;
}

footer ul li a{
  /* コンテンツのタイプ */
  display: block;
  /* ボックス外のオプション */
  overflow: hidden;
  /* テキストのスタイル（装飾） */
  text-decoration: underline;
}

footer ul li a:hover{
  /* テキストのスタイル（装飾） */
  text-decoration: none;
}

*:first-child +html footer ul li{
  /* コンテンツのタイプ */
  display: inline;
}

*:first-child +html footer ul ul, *:first-child +html footer ul li li a, *:first-child +html footer ul li li{
  /* コンテンツのタイプ */
  display: none;
}

#copyright{
  /* 回り込み解除 */
  clear: both;
  /* ボックス内　余白 */
  padding: 5px;
  /* テキストの位置 */
  text-align: center;
  /* 文字のスタイル */
  font-style: normal;
  /* 文字のサイズ */
  font-size: .65em;
  /* ズーム率 */
  zoom: 1;
  /* 文字色 */
  color: #fff;
}


/* 横並び指定 */

div.flex_box, .flex_box{
  /* ボックス外のオプション */
  overflow: hidden;
  /* コンテンツのタイプ */
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  /* ボックス均等割り付け */
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /* ボックス内改行 */
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}


/* 2カラム */

div.flex_box >div, .flex_box >div, .flex_box >li{
  /* 横幅 */
  width: 49.5%;
}


/* 3カラム */

.flex_box >.thcal{
  /* 横幅 */
  width: 33.33%;
}


/* 4カラム */

.flex_box >.focal{
  /* 横幅 */
  width: 25%;
}


/* 調整 */

.contactInfo{
  /* ボックス回り込み */
  float: none;
  /* ボックス外　余白　（下） */
  margin-bottom: 10px;
}

ul.c_banner{
  /* ボックス外のオプション */
  overflow: hidden;
}

ul.c_banner li{
  /* ボックス回り込み */
  float: left;
}

ul.c_banner li:first-child{
  /* ボックス外　余白　（右） */
  margin-right: 20px;
}

ul.s_banner li{
  /* ボックス外　余白　（下） */
  margin-bottom: 20px;
}


/*common*/

.center{
  /* テキストの位置 */
  text-align: center;
}

.posi_rel{
  /* ボックスの配置（基準） */
  position: relative;
}

.posi_ab{
  /* ボックスの配置（基準） */
  position: absolute;
}

.bold{
  /* 文字の太さ */
  font-weight: bold;
}


/* 追加 */

.pc-only, .pc-only2{
  /* コンテンツのタイプ */
  display: block !important;
}

.sp-only, .sp-only2{
  /* コンテンツのタイプ */
  display: none !important;
}


/* 共通 */

.fixed{
  /* ボックスの配置（基準） */
  position: fixed;
  /* ボックス配置　距離（上） */
  top: -200px;
  /* ボックス配置　距離（左） */
  left: 0;
  /* 横幅 */
  width: 100%;
}

.fixed.is-slide{
  /* ボックス配置　距離（上） */
  top: 0;
}

.red{
  /* 文字色 */
  color: #ff0000;
}

.orange{
  /* 文字色 */
  color: #F39325;
}

.blue{
  /* 文字色 */
  color: #3524FB;
}

.green{
  /* 文字色 */
  color: #5BC287;
}

.pink{
  /* 文字色 */
  color: #ff6a6a;
}

.center{
  /* テキストの位置 */
  text-align: center;
}

.right{
  /* テキストの位置 */
  text-align: right;
}

.f-right{
  /* ボックス回り込み */
  float: right;
}

.f-right.small{
  /* 文字間 */
  letter-spacing: 0;
  /* 文字のサイズ */
  font-size: .9em;
}

img.center{
  /* コンテンツのタイプ */
  display: block;
  /* ボックス外　余白 */
  margin: 0 auto;
}

.line{
  /* 背景画像 */
  background-image: url("../../images/orange_dash1.png");
  /* 行間 */
  line-height: 25px;
  /* ボックス外　余白 */
  margin: 0px;
}

.line2{
  /* 線　（下） */
  border-bottom: 2px dashed #F39325;
}

.pageTop{
  /* ボックスの配置（基準） */
  position: absolute;
  /* ボックス配置　距離（上） */
  top: -4%;
  /* ボックス配置　距離（右） */
  right: 2%;
  /* カーソルのスタイル */
  cursor: pointer;
}

iframe{
  /* 横幅 */
  width: 100%;
}

.post-big{
  /* 文字のサイズ */
  font-size: 1.2em;
}

.small{
  /* 文字のサイズ */
  font-size: .85em;
}

div.flex_box >div.w30{
  /* 横幅 */
  width: 28%;
}

div.flex_box >div.w40{
  /* 横幅 */
  width: 38%;
}

div.flex_box >div.w60{
  /* 横幅 */
  width: 58%;
}

div.flex_box >div.w70{
  /* 横幅 */
  width: 68%;
}

.scroll_img{
  /* テキストの位置 */
  text-align: right;
  /* ボックス内　余白 */
  padding: 1em;
}

.scroll{
  overflow-x: scroll;
  /* 線 */
  border: 4px solid #ccc;
}

.scroll table tr th a{
  /* 文字色 */
  color: #fff;
  /* テキストのスタイル（装飾） */
  text-decoration: underline;
}

.scroll table tr th a:hover{
  /* テキストのスタイル（装飾） */
  text-decoration: none;
}

.post table{
  /* 線 */
  border: 1px solid #ddd;
}

.post .scroll table th, .post .scroll table td{
  /* 背景色 */
  background-color: #e6faff;
  /* 線 */
  border: 1px solid #ddd;
}

.post .scroll table th{
  /* 背景色 */
  background-color: #fd7987;
  /* 文字色 */
  color: #ffffff;
}

.post table{
  /* 線 */
  border: 1px solid #ddd;
}

.post table th, .post table td{
  /* 線 */
  border: 1px solid #ddd;
}


/* ヘッダー */

.h-banner{
  /* ボックス回り込み */
  float: right;
  /* コンテンツのタイプ */
  display: inline-block;
  /* ボックス外　余白（左） */
  margin-left: 10px;
}

.h-banner li{
  /* コンテンツのタイプ */
  display: inline-block;
  /* ボックス外　余白 */
  margin: 10px 3px 0;
}

.header2{
  /* 背景 */
  background: #fff;
  /* ボックス内　余白 */
  padding: 10px 0;
  /* ボックスの重なり順序 */
  z-index: 999;
  /* アニメーション・変化 */
  transition: 2s all ease;
}

.header2 .inner{
  /* ボックス外のオプション */
  overflow: hidden;
  /* コンテンツのタイプ */
  display: -ms-flexbox;
  /* コンテンツのタイプ */
  display: -webkit-flexbox;
  /* コンテンツのタイプ */
  display: flex;
  /* ボックス均等割り付け */
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: flex-end;
  /* 縦方向の揃え位置 */
  align-items: center;
}

.header2 p.h-mitsu{
  /* ボックス内　余白　（右） */
  padding-right: 10px;
}

.header2 .h-banner li{
  /* ボックス外　余白　（上） */
  margin-top: 0;
}


/* ヘッダーナビ */

span.nav-en{
  /* コンテンツのタイプ */
  display: block;
  /* 行間 */
  line-height: 0;
}

span.used-ban{
  /* ボックス回り込み */
  float: right;
}


/* サイドバー */

#sidebar ul li.side-bn{
  /* ボックス外　余白　（下） */
  margin-bottom: 10px;
}

#sidebar ul li.side-bn.disney-bn{
  /* ボックス外　余白　（下） */
  margin-bottom: 20px;
}

#sidebar .gmap-area{
  /* ボックス外　余白　（下） */
  margin-bottom: 10px;
  /* 線 */
  border: 1px solid #ccc;
  /* ボックス内　余白 */
  padding: 5px;
}

#sidebar .gmap-area .mochikomi{
  /* ボックスの配置（基準） */
  position: relative;
  /* ボックス配置　距離（上） */
  top: 8px;
}

#sidebar .side-con{
  /* 線 */
  border: 1px solid #ccc;
  /* ボックス外　余白 */
  margin: 30px 0 10px;
}

#sidebar .side-con p{
  /* ボックス外　余白 */
  margin: 0px 15px 15px 15px;
  /* ボックス内　余白 */
  padding: 0 5px;
  /* 文字のサイズ */
  font-size: .875em;
  /* 行間 */
  line-height: 26px;
}

#sidebar .side-con.side-last{
  /* ボックス外　余白　（下） */
  margin-bottom: 0;
}

#sidebar .side-con.side-last ul li{
  /* ボックスの配置（基準） */
  position: relative;
  /* フォントの大きさ */
  font-size: .8em;
}

#sidebar .side-con.side-last ul li a::before {
  /* ボックスの配置（基準） */
  position: absolute;
  /* コンテンツ */
  content:"";
  /* ボックス配置　距離（上） */
  top: 6px;
  /* ボックス配置　距離（左） */
  left: 5px;
  /* 横幅 */
  width: 5px;
  /* 縦幅 */
  height: 5px;
  /* 背景色 */
  background-color: #EF8DAA;
  /* ボックスのタイプ */
  display: inline-block;
}
#sidebar .side-con.side-last ul li a{
  /* ボックス外　余白　（左） */
  margin-left: 1em;
  /* 文字色 */
  color: inherit;
}

/* フッター */

footer .f-tel-text {}

footer p{
  /* 文字のサイズ */
  font-size: .8em;
}

footer h4{
  /* ボックス内　余白　（左） */
  padding-left: 30px;
  /* ボックス外　余白 */
  margin: 15px 0;
  /* 文字色 */
  color: #F35144;
  /* 文字のサイズ */
  font-size: 1.2em;
  /* 背景 */
  background: url(../../images/footerimg04.png) no-repeat left center;
}

footer .eigyo{
  /* 横幅 */
  width: 100% !important;
}

footer .footer-text{
  /* 文字色 */
  color: #FF7200;
  /* ボックス外のオプション */
  overflow: hidden;
  /* 背景画像 */
  background-image: url(../../images/orange_dash2.png);
  /* 背景　繰り返し */
  background-repeat: repeat-x;
}

footer .footer-text.black{
  /* 文字色 */
  color: #333;
  /* テキストの位置 */
  text-align: right;
}

footer .footer-text .f-right{
  /* 文字色 */
  color: #333;
  /* テキストの位置 */
  text-align: right;
  /* ボックス回り込み */
  float: right;
}

footer .line.small{
  /* 背景画像 */
  background-image: url(../../images/orange_dash2.png);
  /* 背景　繰り返し */
  background-repeat: repeat-x;
}

footer .line.small span.orange{
  /* 文字色 */
  color: #ff7200;
}

footer .gmap{
  /* 線 */
  border: 1px solid #FF6E00;
  /* 行間 */
  line-height: 0;
}

footer .gmap iframe{
  /* 横幅 */
  width: 100%;
  /* 縦幅 */
  height: 220px;
}

footer .footer-address{
  /* ボックス外　余白　（上） */
  margin-top: 20px;
  /* 背景画像 */
  background-image: url(../../images/orange_dash2.png);
}


/* トップ 買取できるもの..教材 */

#content .kyozai h2{
  /* コンテンツのタイプ */
  display: table;
  /* ボックス外　余白 */
  margin: auto;
  /* 文字のサイズ */
  font-size: 200%;
  /* ボックス内　余白 */
  padding: 10px 0;
  /* 文字色 */
  color: #fff;
  /* テキストの位置 */
  text-align: center;
}

#content .kyozai h2 span.small{
  /* 文字のサイズ */
  font-size: .75em;
}

.kyozai-body{
  /* ボックス内　余白 */
  padding: 20px 35px;
  /* 背景 */
  background: url(../../images/contentImg02-bg03.png) no-repeat center bottom, url(../../images/contentImg02-bg01.png) no-repeat center top, url(../../images/contentImg02-bg02.png) repeat-y;
  /* 背景　サイズ */
  background-size: 100%;
  /* 最大幅 */
  max-width: 800px;
  /* ボックス外　余白 */
  margin: auto;
}

.kyozai-list{
  /* ボックス内　余白 */
  padding: 5px 0;
  /* 線　（下） */
  border-bottom: 2px dashed #ab9857;
}

.kyozai-list.last{
  /* 線　（下） */
  border-bottom: 0;
}

#content .kyozai-body h3{
  /* 文字色 */
  color: #ff8817;
  /* 文字の太さ */
  font-weight: bold;
  /* ボックス外　余白 */
  margin: 13px 0;
  /* 線 */
  border: 0;
  /* ボックス内　余白 */
  padding: 0;
}

span.contact-bn img{
  /* ボックス外　余白 */
  margin: 5px 0;
}

.list-text{
  /* 文字のサイズ */
  font-size: 130%;
  /* 文字色 */
  color: #ff3a43;
  /* ボックス外　余白　（左） */
  padding-left: 30px;
}

li.contact-link{
  /* ボックス外　余白 */
  margin: 10px 0;
}

.kyozai-inner{
  /* ボックス内　余白　（左） */
  padding-left: 40px;
}

.kyozai-inner .telephone{
  /* ボックスの配置（基準） */
  position: relative;
  /* ボックス内　余白　（下） */
  padding-bottom: 0;
  /* ボックス外　余白　（下） */
  margin-bottom: 10px;
}

.kyozai-inner .telephone a.tel-link{
  /* ボックスの配置（基準） */
  position: absolute;
  /* ボックス配置　距離（左） */
  left: 0;
  /* ボックス配置　距離（右） */
  right: 41.5%;
  /* ボックス配置　距離（上） */
  top: 0;
  /* ボックス配置　距離（下） */
  bottom: 0;
  /* コンテンツのタイプ */
  display: block;
  /* 横幅 */
  width: 100%;
}

.kyozai-inner .telephone a:hover.tel-link{
  /* 背景 */
  background: rgba(255, 255, 255, .2);
}


/* トップ 教材の買取り方法、お急ぎのお客様 */

h2.title.method{
  /* ボックス外　余白　（下） */
  margin-bottom: 50px;
}

.urgency{
  /* ボックスの配置（基準） */
  position: relative;
}

span.urgency-customer{
  /* ボックスの配置（基準） */
  position: absolute;
  /* ボックス配置　距離（左） */
  left: 5%;
  /* ボックス配置　距離（上） */
  top: -5%;
  /* 文字のサイズ */
  font-size: 2em;
  /* 文字の太さ */
  font-weight: bold;
}

h3.urgency-catch{
  /* 文字色 */
  color: #ec3732;
  /* 文字の太さ */
  font-weight: bold;
  /* 文字のサイズ */
  font-size: 2.2em;
  /* 文字間 */
  letter-spacing: 3px;
  /* ボックス外　余白　（下） */
  margin-bottom: 20px;
}

ul li.urgency-list{
  /* ボックス内　余白 */
  padding: 5px 0 5px 30px;
  /* 文字色 */
  color: #4b5d85;
  /* 文字の太さ */
  font-weight: bold;
  /* 文字のサイズ */
  font-size: 1.1em;
}

.kyozai-kaitori p.small{
  /* ボックス外　余白　（上） */
  margin-top: 10px;
  /* 文字のサイズ */
  font-size: .75em;
}


/* トップ ママガレが選ばれる5つの理由 */

.reason h2.reason-head{
  /* テキストの位置 */
  text-align: center;
}

.reason .flex_box{
  /* ボックス外　余白 */
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  /* ボックス均等割り付け */
  justify-content: center;
}

.reason .flex_box >div{
  /* 背景 */
  background: #fee8ed;
  /* 横幅 */
  width: 30%;
  /* ボックス内　余白 */
  padding: 10px;
  /* 線　（角丸） */
  border-radius: 10px;
  /* ボックス外　余白 */
  margin: 0 10px 20px;
}

.reason .flex_box >div h3{
  /* 文字のサイズ */
  font-size: 1.5em;
  /* 文字の太さ */
  font-weight: bold;
  /* 文字色 */
  color: #ff629a;
  /* 背景 */
  background: #fff;
  /* テキストの位置 */
  text-align: center;
}

.reason .flex_box >div p{
  /* テキストの位置 */
  text-align: center;
}


/* トップ ただいま高価買取中！！ */

.kaitori-now{
  /* 背景 */
  background: url(../../images/contentImg06bg.png) no-repeat center center;
  /* ボックス内　余白 */
  padding: 150px 20px 50px;
  /* ボックスの配置（基準） */
  position: relative;
}

.kaitori-now .bxslider li{
  /* ボックス外　余白 */
  margin: 0 auto;
  /* ボックスの配置（基準） */
  position: relative;
}

.kaitori-now .bxslider li img{
  /* コンテンツのタイプ */
  display: block;
  /* ボックス外　余白 */
  margin: 0 auto;
  /* 高さ 最大の値 */
  max-height: 165px;
}

.kaitori-now .bxslider li p{
  /* ボックスの配置（基準） */
  position: absolute;
  /* ボックス配置　距離（下） */
  bottom: 0;
  /* ボックス配置　距離（左） */
  left: 5%;
  /* ボックス配置　距離（右） */
  right: 5%;
  /* テキストの位置 */
  text-align: center;
  /* ボックス内　余白 */
  padding: 5px 0;
  /* 文字のサイズ */
  font-size: .7em;
  /* 文字色 */
  color: #fff;
  /* 背景 */
  background: #489ae3;
  /* 線　（角丸） */
  border-radius: 15px;
}

.kaitori-now .priceup{
  /* ボックスの配置（基準） */
  position: absolute;
  /* ボックス配置　距離（右） */
  right: 2%;
  /* ボックス配置　距離（下） */
  bottom: 0%;
}


/* トップ 買取方法 */

.kaitori-method{
  /* ボックスの配置（基準） */
  position: relative;
  /* ボックス内余白 */
  padding: 20px 0;
}

.kaitori-method p{
  /* ボックスの配置（基準） */
  position: absolute;
  /* ボックス配置　距離（下） */
  bottom: 4%;
  /* ボックス配置　距離（右） */
  right: 5%;
  /* 文字のサイズ */
  font-size: .75em;
}

.kaitori-method ul.method-inner{
  /* ボックスの配置（基準） */
  position: absolute;
  /* ボックス配置 距離(左) */
  left:8%;
  /* ボックス配置 距離(上) */
  top:38%;
}

.kaitori-method ul.method-inner li{
  display: inline-block;
  margin: 0 10px;
}

.kaitori-method span.method-text{
  /* ボックスの配置（基準） */
  position: absolute;
  /* ボックス配置　距離（左） */
  left: 3%;
  /* ボックス配置　距離（上） */
  top: -3%;
}

.kaitori-method h2.method-head{
  /* 背景 */
  background: #BA8F7C;
  /* ボックス内　余白 */
  padding: 5px 0;
  /* ボックス外　余白　（下） */
  margin-bottom: 0;
}

.kaitori-method .method-body{
  /* ボックス内　余白 */
  padding: 25px;
  /* ボックス外のオプション */
  overflow: hidden;
}

.kaitori-method ul.flex_box.thcal{
  /* ボックス外　余白　（下） */
  margin-bottom: 20px;
}

.kaitori-method p.method-choice{
  /* コンテンツのタイプ */
  display: inline-block;
  /* 文字のサイズ */
  font-size: 1.1em;
  /* 線　（下） */
  border-bottom: 2px dashed #ab9857;
  /* ボックス内　余白　（下） */
  padding-bottom: 0;
  /* ボックス外　余白　（下） */
  margin-bottom: 20px;
}

.kaitori-method p.method-choice span{
  /* 文字のサイズ */
  font-size: 1.5em;
  /* 文字色 */
  color: #57BAA8;
}

.kaitori-method .method-box{
  /* ボックス外　余白　（下） */
  margin-bottom: 20px;
}


/* トップ まずはお電話を〜大量在庫・業者さん大歓迎！ */

.satei-text{
  /* 文字のサイズ */
  font-size: 0.7em; /* 文字のサイズはじめ 1.1em */
}

.satei-text.line{
  /* 背景 */
  background: url(../../images/gray_dash1.png);
  /* 行間 */
  line-height: 20px;  /* 行間はじめ35px */
  /* ボックスの配置（基準） */
  position: relative;
  /* ボックス配置　距離（上） */
  top: -30px;
}

.satei-text span.green{
  /* 文字色 */
  color: #0bbd99;
  /* 文字のサイズ */
  font-size: 0.8em;  /* 文字のサイズはじめ1.5em */
}

.quality-check{
  /* ボックス外　余白　（上） */
  margin-top: 20px;
  /* テキストの位置 */
  text-align: center;
}

.quality-check img{
  /* ボックス外　余白 */
  margin: 0 20px;
}


/* トップ　お電話で無料見積りいたします! 〜  お見積もりフォームバナー */

.mitsumori h2.mitsumori-head{
  /* テキストの位置 */
  text-align: center;
  /* ボックス外　余白　（下） */
  margin-bottom: 50px;
}

.mitsumori .flex_box{
  /* ボックス外　余白　（下） */
  margin-bottom: 20px;
}

.mitsumori .mitsumori-list{
  /* 線 */
  border: 1px solid #ccc;
}

.mitsumori .mitsumori-list .mitsumori-inner{
  /* 横幅 */
  width: 85%;
  /* ボックス外　余白 */
  margin: 0 auto;
  /* ボックス内　余白 */
  padding: 20px 0 10px;
}

.mitsumori .mitsumori-list .mitsumori-inner p{
  /* 文字間 */
  letter-spacing: 0;
  /* 文字のサイズ */
  font-size: .95em;
}

.mitsumori .mitsumori-list .mitsumori-inner p.line{
  /* 背景 */
  background: url(../../images/blue_dash1.png)
;
}

.mitsumori .mitsumori-list .mitsumori-inner img{
  /* ボックス外　余白　（下） */
  margin-bottom: 10px;
}


/* トップ ディズニー英語システム 〜 買取り商品一覧 */

.item-area ul {
  /* コンテンツのタイプ */
  display: -webkit-box;
  /* コンテンツのタイプ */
  display: -ms-flexbox;
  /* コンテンツのタイプ */
  display: flex;
  /* ボックス内改行 */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  /* 縦方向の揃え位置 */
  align-items: flex-end;
}

.item-area ul p{
  /* コンテンツのタイプ */
  display: inline-block;
  /* テキストの位置 */
  text-align: center;
  /* 文字のサイズ */
  font-size: .65em;
  /* ボックス内　余白　（下） */
  padding-bottom: 0;
  /* ボックス外　余白　（下） */
  margin-bottom: 10px;
}

.item-area li.itemList{
  /* 横幅 */
  width: 15.6%;
  /* ボックス外　余白　（下） */
  margin-bottom: 20px;
  /* テキストの位置 */
  text-align: center;
}

.item-area li.itemList.leftItem{
  /* 横幅 */
  width: 22%;
}

.item-area img{
  /* コンテンツのタイプ */
  display: block;
  /* ボックス外　余白 */
  margin: 0 auto;
}

.item-ichiran{
  /* 線 */
  border: 1px solid #F39325;
}

.item-ichiran h3{
  /* ボックス内　余白 */
  padding: 5px 0;
  /* ボックス外　余白 */
  margin: 0;
  /* テキストの位置 */
  text-align: center;
  /* 背景 */
  background: #F39325;
  /* 文字色 */
  color: #fff;
  /* 文字のサイズ */
  font-size: 1.3em;
  /* 文字の太さ */
  font-weight: bold;
  /* 文字間 */
  letter-spacing: 3px;
}

.item-ichiran .item-ichiran-body{
  /* ボックス内　余白 */
  padding: 20px;
}

.item-ichiran .item-ichiran-body p{
  /* 文字のサイズ */
  font-size: .745em;
  /* 文字の太さ */
  font-weight: normal;
  /* 行間 */
  line-height: 1.8;
}


/* お見積もりフォーム */

.contact-box{
  /* 線 */
  border: 1px solid #ddd;
  /* ボックス外　余白　（下） */
  margin-bottom: 30px;
  /* 線　（角丸） */
  border-radius: 4px;
}

.post h3.page-title{
  /* ボックス内　余白 */
  padding: 10px;
  /* ボックス内　余白　（上） */
  padding-top: 0;
  /* ボックス外　余白 */
  margin: 10px 0 20px;
  /* 文字の太さ */
  font-weight: bold;
  /* 線　（下） */
  border-bottom: 5px solid #FDCB43;
}

.post h3 span{
  /* 文字のサイズ */
  font-size: .85em;
  /* ボックス外　余白　（左） */
  padding-left: 30px;
}

p.soushin{
  /* テキストの位置 */
  text-align: center;
}

span.mwform-file-delete{
  /* コンテンツのタイプ */
  display: none;
}


/* お見積もりフォーム 確認画面 */

.confirm-img img{
  /* 横幅 */
  max-width: 400px;
  /* 縦幅 */
  height: auto;
  /* コンテンツのタイプ */
  display: block;
  /* ボックス外　余白 */
  margin: 0 auto 20px;
}

span.err{
  /* 文字色 */
  color: #f15446;
}


/* 下層共通 */

.breadcrumb{
  /* ボックス外　余白　（下） */
  margin-bottom: 15px;
  /* 文字のサイズ */
  font-size: .7em;
}

.breadcrumb ul li{
  /* コンテンツのタイプ */
  display: inline-block;
}

.breadcrumb ul li a{
  /* テキストのスタイル（装飾） */
  text-decoration: underline;
}

.breadcrumb ul li a:hover{
  /* テキストのスタイル（装飾） */
  text-decoration: none;
}

.breadcrumb ul li::before {
  /* コンテンツ */
  content: ">";
  /* ボックス内　余白 */
  padding: 0 10px;
}

.breadcrumb ul li:first-child::before {
  /* コンテンツ */
  content: "";
  /* ボックス内　余白 */
  padding: 0;
}

p.btn{
  /* テキストの位置 */
  text-align: center;
  /* ボックス外　余白 */
  margin: 20px 0;
}

p.btn a{
  /* 横幅 */
  max-width: 420px;
  /* コンテンツのタイプ */
  display: block;
  /* 文字色 */
  color: #333;
  /* 線 */
  border: 2px solid #FD7987;
  /* ボックス外　余白 */
  margin: 0 auto;
  /* ボックス内　余白 */
  padding: 15px;
  /* アニメーション・変化 */
  transition: .7s all ease;
  /* 背景 */
  background: #E35066;
  /* 文字色 */
  color: #fff;
}

div.flex_box p.btn a{
  /* 横幅 */
  width: 100%;
}

p.btn.gray a{
  /* 背景 */
  background: #f5f5f5;
  /* 線 */
  border:1px solid #ccc;
  /* 文字色 */
  color: #585b5d;
  /* ボックスの配置（基準） */
  position: relative;
}

p.btn.gray a:before{
  /* font指定 */
  font-family: FontAwesome;
  /* アイコンのユニコード */
  content: "\f138";
  /* ボックスの配置（基準） */
  position: absolute;
  /* 文字のサイズ */
  font-size: 1em;
  /* ボックス配置　距離（左） */
  left: 3%;
  /* ボックス配置　距離（上） */
  top: 30%;
  /* 文字色 */
  color: #585b5d;
}

p.btn a:hover{
  /* 文字色 */
  color: #333;
  /* 背景 */
  background: #f5f5f5;
}

.post .gmap{
  /* 線 */
  border: 1px solid #FF6E00;
  /* 行間 */
  line-height: 0;
  /* ボックス外　余白　（下） */
  margin-bottom: 20px;
}


/* タブ切り替え */

.tab, .tab-common{
  /* ボックス外のオプション */
  overflow: hidden;
}

.tab >li, .tab-common >li{
  /* 背景 */
  background: #d9f6ff;
  /* ボックス内　余白 */
  padding: 5px 25px;
  /* ボックス回り込み */
  float: left;
  /* ボックス外　余白　（右） */
  margin-right: 1px;
  /* 線 */
  border: 2px solid transparent;
  /* 線　（下） */
  border-bottom: none;
  /* 文字のサイズ */
  font-size: 1.5em;
}

.tab >li.select, .tab-common >li.select{
  /* 背景 */
  background: #c5f1fe;
  /* 線　（色） */
  border-color: #c5f1fe;
  /* 文字色 */
  color: #ff6a6a;
}

.tab >li:hover, .tab-common >li:hover{
  /* カーソルのスタイル */
  cursor: pointer;
  cursor: hand;
  /* 透過 */
  opacity: 0.8;
}

.content >li, .content-common >li{
  /* 線　（上） */
  border-top: 2px solid #c5f1fe;
  /* 背景色 */
  background-color: #f5f5f5;
  /* ボックス内　余白 */
  padding: 0 5px;
}

.hide{
  /* コンテンツのタイプ */
  display: none;
}


/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {
  nav#mainNav{
    /* 回り込み解除 */
    clear: both;
    /* ボックスの配置（基準） */
    position: relative;
    /* ボックスの重なり順序 */
    z-index: 200;
    /* ボックス内　余白 */
    padding: 10px 0 15px;
    /* 線　（上） */
    border-top: 2px solid #ccc;
    /* 背景 */
    background: url(../../images/line.png) repeat-x bottom center;
    /* 背景　サイズ */
    background-size: 100px;
  }
  .panel ul li{
    /* ボックス回り込み */
    float: left;
    /* ボックスの配置（基準） */
    position: relative;
    /* 横幅 */
    width: 210px;
    /* 文字のサイズ */
    font-size: 120%;
    /* 線　（右） */
    border-right: 1px solid #e4bc85;
  }
  .panel ul li:last-child{
    /* 線　（右） */
    border-right: 0;
  }
  .panel ul li span{
    /* 文字のサイズ */
    font-size: .85em;
  }
  .panel ul li a{
    /* コンテンツのタイプ */
    display: block;
    /* テキストの位置 */
    text-align: center;
    /* 文字色 */
    color: #333;
    /* ボックス内　余白 */
    padding: 10px 0;
  }
  .panel ul li a:hover img {
    /* 透過 */
    opacity: 1;
  }
  .panel ul li a span{
    /* 文字色 */
    color: #fb7f14;
    /* 文字間 */
    letter-spacing: 1px;
  }
  nav div.panel{
    /* コンテンツのタイプ */
    display: block !important;
    /* ボックス回り込み */
    float: left;
  }
  a#menu{
    /* コンテンツのタイプ */
    display: none;
  }
  /* 親メニュー */
  .panel ul li.current-menu-item a, .panel ul li a:hover, .panel ul li a:active, .panel ul li.current-menu-parent a{
    /* 背景 */
    background: url(../../images/nav-hover.png) no-repeat center center;
    /* 透過 */
    opacity: 1;
  }
  .panel ul ul{
    /* 横幅 */
    width: 160px;
  }
  .panel ul li ul{
    /* コンテンツのタイプ */
    display: none;
  }
  .panel ul li li{
    /* ボックス回り込み */
    float: none;
    /* 縦幅 */
    height: 40px;
    /* 行間 */
    line-height: 40px;
    /* 横幅 */
    width: 160px;
    /* ボックス内　余白 */
    padding: 0;
  }
  .panel ul li:hover ul{
    /* コンテンツのタイプ */
    display: block;
    /* ボックスの配置（基準） */
    position: absolute;
    /* ボックス配置　距離（上） */
    top: 40px;
    /* ボックス配置　距離（左） */
    left: -7px;
    /* ボックスの重なり順序 */
    z-index: 500;
  }
  .panel ul li li a{
    /* 横幅 */
    width: 100%;
    /* 縦幅 */
    height: 40px;
    /* ボックス内　余白 */
    padding: 0;
    /* 行間 */
    line-height: 40px;
    /* 文字のサイズ */
    font-size: 95%;
    /* テキストの位置 */
    text-align: left;
  }
  .panel ul li li a span{
    /* ボックス内　余白 */
    padding: 0 10px;
  }
  .panel ul li li a:hover, .panel ul li li.current-menu-item a{
    /* 文字色 */
    color: #fff;
  }
  .panel ul li:hover ul li{
    /* ボックス外　余白 */
    margin: 0;
    /* 背景 */
    background: #2d2c2d;
    /* 線　（下） */
    border-bottom: 1px dotted #4f4d4d;
  }
  .panel ul li:hover ul li:last-child{
    /* 線 */
    border: 0;
    /* 線　（角丸） */
    border-radius: 0 0 6px 6px;
  }
}
@media only screen and (max-width:1100px) {
  .inner{
    /* 横幅 */
    width: 95%;
  }
  .header2 .h-banner li{
    /* 横幅 */
    width: 23%;
  }
  .panel ul li{
    /* 横幅 */
    width: 180px;
  }
}
/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
  nav#mainNav{
    /* 回り込み解除 */
    clear: both;
    /* ボックスの配置（基準） */
    position: relative;
    /* ボックスの重なり順序 */
    z-index: 200;
    /* ボックス内　余白 */
    padding: 10px 0 15px;
    /* 線　（上） */
    border-top: 2px solid #ccc;
    /* 背景 */
    background: url(../../images/line.png) repeat-x bottom center;
    /* 背景　サイズ */
    background-size: 100px;
  }
  .panel ul li{
    /* ボックス回り込み */
    float: left;
    /* ボックスの配置（基準） */
    position: relative;
    /* 横幅 */
    width: 210px;
    /* 文字のサイズ */
    font-size: 120%;
    /* 線　（右） */
    border-right: 1px solid #e4bc85;
  }
  .panel ul li:last-child{
    /* 線　（右） */
    border-right: 0;
  }
  .panel ul li span{
    /* 文字のサイズ */
    font-size: .85em;
  }
  .panel ul li a{
    /* コンテンツのタイプ */
    display: block;
    /* テキストの位置 */
    text-align: center;
    /* 文字色 */
    color: #333;
    /* ボックス内　余白 */
    padding: 10px 0;
  }
  .panel ul li a:hover img {
    /* 透過 */
    opacity: 1;
  }
  .panel ul li a span{
    /* 文字色 */
    color: #fb7f14;
    /* 文字間 */
    letter-spacing: 1px;
  }
  nav div.panel{
    /* コンテンツのタイプ */
    display: block !important;
    /* ボックス回り込み */
    float: left;
  }
  a#menu{
    /* コンテンツのタイプ */
    display: none;
  }
  /* 親メニュー */
  .panel ul li.current-menu-item a, .panel ul li a:hover, .panel ul li a:active, .panel ul li.current-menu-parent a{
    /* 背景 */
    background: url(../../images/nav-hover.png) no-repeat center center;
    /* 透過 */
    opacity: 1;
  }
  .panel ul ul{
    /* 横幅 */
    width: 160px;
  }
  .panel ul li ul{
    /* コンテンツのタイプ */
    display: none;
  }
  .panel ul li li{
    /* ボックス回り込み */
    float: none;
    /* 縦幅 */
    height: 40px;
    /* 行間 */
    line-height: 40px;
    /* 横幅 */
    width: 160px;
    /* ボックス内　余白 */
    padding: 0;
  }
  .panel ul li:hover ul{
    /* コンテンツのタイプ */
    display: block;
    /* ボックスの配置（基準） */
    position: absolute;
    /* ボックス配置　距離（上） */
    top: 40px;
    /* ボックス配置　距離（左） */
    left: -7px;
    /* ボックスの重なり順序 */
    z-index: 500;
  }
  .panel ul li li a{
    /* 横幅 */
    width: 100%;
    /* 縦幅 */
    height: 40px;
    /* ボックス内　余白 */
    padding: 0;
    /* 行間 */
    line-height: 40px;
    /* 文字のサイズ */
    font-size: 95%;
    /* テキストの位置 */
    text-align: left;
  }
  .panel ul li li a span{
    /* ボックス内　余白 */
    padding: 0 10px;
  }
  .panel ul li li a:hover, .panel ul li li.current-menu-item a{
    /* 文字色 */
    color: #fff;
  }
  .panel ul li:hover ul li{
    /* ボックス外　余白 */
    margin: 0;
    /* 背景 */
    background: #2d2c2d;
    /* 線　（下） */
    border-bottom: 1px dotted #4f4d4d;
  }
  .panel ul li:hover ul li:last-child{
    /* 線 */
    border: 0;
    /* 線　（角丸） */
    border-radius: 0 0 6px 6px;
  }

  .inner{
    /* 横幅 */
    width: 95%;
  }

  #content, #sidebar, main, aside{
    /* 横幅 */
    width: 95%;
    /* 回り込み解除 */
    clear: both;
    /* ボックス回り込み */
    float: none;
    /* ボックス外　余白 */
    margin: 0 auto;
    /* ボックス内　余白 */
    padding: 10px 0;
  }
  #content{
    /* ボックス内　余白 */
    padding: 0 0 10px;
  }
  .kyozai-kaitori,
  .kaitori-method{
    /* 最大幅 */
    max-width: 800px;
    /* ボックス外　余白 */
    margin: auto;
  }

  .kaitori-now{
    /* 背景　サイズ */
    background-size: 100%;
  }
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px) {
  span.used-ban{
    /* 横幅 */
    width: 17%;
  }
  nav#mainNav{
    /* 回り込み解除 */
    clear: both;
    /* ボックスの配置（基準） */
    position: relative;
    /* ボックスの重なり順序 */
    z-index: 200;
    /* ボックス内　余白 */
    padding: 10px 0 15px;
    /* 線　（上） */
    border-top: 2px solid #ccc;
    /* 背景 */
    background: url(../../images/line.png) repeat-x bottom center;
    /* 背景　サイズ */
    background-size: 100px;
  }
  .panel ul li{
    /* ボックス回り込み */
    float: left;
    /* ボックスの配置（基準） */
    position: relative;
    /* 横幅 */
    width: 180px;
    /* 文字のサイズ */
    font-size: 120%;
    /* 線　（右） */
    border-right: 1px solid #e4bc85;
  }
  .panel ul li:last-child{
    /* 線　（右） */
    border-right: 0;
  }
  .panel ul li span{
    /* 文字のサイズ */
    font-size: .85em;
  }
  .panel ul li a{
    /* コンテンツのタイプ */
    display: block;
    /* テキストの位置 */
    text-align: center;
    /* 文字色 */
    color: #333;
    /* ボックス内　余白 */
    padding: 10px 0;
  }
  .panel ul li a:hover img {
    /* 透過 */
    opacity: 1;
  }
  .panel ul li a span{
    /* 文字色 */
    color: #fb7f14;
    /* 文字間 */
    letter-spacing: 1px;
  }
  nav div.panel{
    /* コンテンツのタイプ */
    display: block !important;
    /* ボックス回り込み */
    float: left;
  }
  a#menu{
    /* コンテンツのタイプ */
    display: none;
  }
  /* 親メニュー */
  .panel ul li.current-menu-item a, .panel ul li a:hover, .panel ul li a:active, .panel ul li.current-menu-parent a{
    /* 背景 */
    background: url(../../images/nav-hover.png) no-repeat center center;
    /* 透過 */
    opacity: 1;
  }
  .panel ul ul{
    /* 横幅 */
    width: 160px;
  }
  .panel ul li ul{
    /* コンテンツのタイプ */
    display: none;
  }
  .panel ul li li{
    /* ボックス回り込み */
    float: none;
    /* 縦幅 */
    height: 40px;
    /* 行間 */
    line-height: 40px;
    /* 横幅 */
    width: 160px;
    /* ボックス内　余白 */
    padding: 0;
  }
  .panel ul li:hover ul{
    /* コンテンツのタイプ */
    display: block;
    /* ボックスの配置（基準） */
    position: absolute;
    /* ボックス配置　距離（上） */
    top: 40px;
    /* ボックス配置　距離（左） */
    left: -7px;
    /* ボックスの重なり順序 */
    z-index: 500;
  }
  .panel ul li li a{
    /* 横幅 */
    width: 100%;
    /* 縦幅 */
    height: 40px;
    /* ボックス内　余白 */
    padding: 0;
    /* 行間 */
    line-height: 40px;
    /* 文字のサイズ */
    font-size: 95%;
    /* テキストの位置 */
    text-align: left;
  }
  .panel ul li li a span{
    /* ボックス内　余白 */
    padding: 0 10px;
  }
  .panel ul li li a:hover, .panel ul li li.current-menu-item a{
    /* 文字色 */
    color: #fff;
  }
  .panel ul li:hover ul li{
    /* ボックス外　余白 */
    margin: 0;
    /* 背景 */
    background: #2d2c2d;
    /* 線　（下） */
    border-bottom: 1px dotted #4f4d4d;
  }
  .panel ul li:hover ul li:last-child{
    /* 線 */
    border: 0;
    /* 線　（角丸） */
    border-radius: 0 0 6px 6px;
  }
  .inner{
    /* 横幅 */
    width: 95%;
  }
  #content, #sidebar, main, aside{
    /* 横幅 */
    width: 95%;
    /* 回り込み解除 */
    clear: both;
    /* ボックス回り込み */
    float: none;
    /* ボックス外　余白 */
    margin: 0 auto;
    /* ボックス内　余白 */
    padding: 10px 0;
  }
  #sidebar ul li.side-bn,
  #sidebar .fl_L{
    /* コンテンツのタイプ */
    display: inline-block;
    /* 横幅 */
    width: 48%;
    /* ボックス外　余白 */
    margin: 2px;
  }
  #sidebar .fl_L{
    /* ボックス回り込み */
    float: left;
  }
  #sidebar .clear{
    /* リセット */
    clear: both;
  }
  #sidebar ul li.side-bn.banners{
    /* 横幅 */
    width: 100%;
  }
  #sidebar .side-con p{
    /* 文字のサイズ */
    font-size: 1.5em;
  }
  #content{
    /* ボックス内　余白 */
    padding: 0 0 10px;
  }
  .kyozai-kaitori,
  .kaitori-method{
    /* 最大幅 */
    max-width: 800px;
    /* ボックス外　余白 */
    margin: auto;
  }
}
@media only screen and (max-width:958px) {
  nav#mainNav{
    /* コンテンツのタイプ */
    display: none;
  }
  main, #content{
    /* 横幅 */
    max-width: 700px;
  }
  .kaitori-now{
    /* 背景　サイズ */
    background-size: 100%;
  }
  .kyozai-kaitori{
    /* ボックス外　余白 */
    margin: 20px auto;
  }
  .kyozai-kaitori img{
    /* ボックス外　余白 */
    margin: auto;
  }
  .kyozai-kaitori p.small{
    /* テキストの位置 */
    text-align: center;
  }
}
/* iPad　ランドスケープ
------------------------------------------------------------*/
@media (min-width: 737px) and (max-width: 1024px) and (orientation: landscape) {
  .kaitori-method ul.method-inner {
    /* ボックス配置 距離(左) */
    left:3%;
    /* ボックス配置 距離(上) */
    top:37%;
  }
}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/

@media only screen and (max-width: 959px) {
  img.check-photo{
    /* コンテンツのタイプ */
    display: none;
  }
  .kaitori-method ul.method-inner{
    /* ボックス配置 距離(左) */
    left: 6%;
  }
  .kaitori-method ul.method-inner li{
    /* 横幅 */
    width: 26%;
  }
  .reason img.pc-only{
    /* コンテンツのタイプ */
    display: block!important;
  }
  .reason img.sp-only{
    /* コンテンツのタイプ */
    display: none!important;
  }
  .mainImg img{
    /* ボックス外　余白 */
    margin: auto!important;
  }
  section.kaitori-now{
    /* 縦幅 */
    height: 320px;
    /* ボックス外のオプション */
    overflow: hidden;
    /* 最大幅 */
    max-width: 800px;
    /* ボックス外　余白 */
    margin: auto;
  }
  .kaitori-now > img{
    /* 横幅 */
    width: 100%;
    /* 縦幅 */
    height: auto;
  }
  .kaitori-method > img{
    /* ボックス外　余白 */
    margin: auto;
  }
  #sidebar .side-con.side-last ul li a{
    /* 文字のサイズ */
    font-size:1.8em;
  }
  #wrapper, header, {
    /* 横幅 */
    width: 100%;
  }
  .inner{
    /* 横幅 */
    width: 100%;
    /* ボックス外　余白 */
    margin: 0 auto;
  }
  header h1, header h2{
    /* ボックス内　余白 */
    padding: 10px;
  }
  #headerInfo{
    /* ボックス内　余白　（右） */
    padding-right: 10px;
  }
  .panel ul{
    /* ボックス外　余白 */
    margin: 0 auto;
  }
  .panel ul ul{
    /* ボックス内　余白 */
    padding: 0;
  }
  nav div.panel{
    /* ボックス回り込み */
    float: none;
  }
  #mainImg img{
    /* 横幅 */
    width: 98%;
    /* 縦幅 */
    height: auto;
  }
  #banners{
    /* 横幅 */
    width: 100%;
    /* ボックス外　余白 */
    margin: 0 auto;
    /* テキストの位置 */
    text-align: center;
  }
  #banners p{
    /* 横幅 */
    width: 30%;
    /* ボックス回り込み */
    float: left;
    /* ボックス外　余白 */
    margin: 0 1% 0 2%;
  }
  #banners p img{
    /* 横幅 */
    width: 100%;
    /* 縦幅 */
    height: auto;
  }
  section.widget_search{
    /* テキストの位置 */
    text-align: center;
  }
  #contactBanner{
    /* ボックス外　余白 */
    margin: 0 auto;
  }
  footer{
    /* ボックス外　余白 */
    margin: 0;
    /* 線 */
    border: 0;
  }
  #footerLogo, footer ul{
    /* ボックス回り込み */
    float: none;
    /* 横幅 */
    width: auto;
    /* ボックス内　余白　（下） */
    padding-bottom: 20px;
    /* テキストの位置 */
    text-align: center;
  }
  footer ul{
    /* ボックス内　余白　（上） */
    padding-top: 20px;
    /* 線　（上） */
    border-top: 1px solid #ccc;
  }
  footer ul ul{
    /* ボックス内　余白　（上） */
    padding-top: 0;
    /* 線 */
    border: 0;
  }
  /* 調整 */
  #content, main{
    /* 背景 */
    background: none;
  }
  ul.c_banner li{
    /* ボックス回り込み */
    float: none;
    /* ボックス外　余白　（下） */
    margin-bottom: 20px;
  }
  ul.c_banner li:first-child{
    /* ボックス外　余白　（右） */
    margin-right: 0;
  }
  ul.c_banner li img, #sidebar img{
    /* コンテンツのタイプ */
    display: block;
    /* ボックス外　余白 */
    margin: 0 auto;
  }
  .pc-only{
    /* コンテンツのタイプ */
    display: none !important;
  }
  .sp-only{
    /* コンテンツのタイプ */
    display: block !important;
  }
  body {
    /* 文字のサイズ */
    font-size: 1.4rem;
  }
  section{
    /* ボックス外　余白 */
    margin: 20px 0;
  }
  header{
    /* ボックス内　余白 */
    padding: 10px 5px 5px;
  }
  .head-top {
    /* コンテンツのタイプ */
    display: -ms-flexbox;
    /* コンテンツのタイプ */
    display: -webkit-flexbox;
    /* コンテンツのタイプ */
    display: flex;
    /* 縦方向の揃え位置 */
    align-items: flex-end;
  }
  .h-banner{
    /* ボックス外　余白 */
    margin: 0 auto;
    /* ボックス回り込み */
    float: none;
    /* 回り込み解除 */
    clear: both;
    /* ボックス内改行 */
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /* ボックス均等割り付け */
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .h-banner li{
    /* 横幅 */
    width: 24%;
    /* ボックス外　余白 */
    margin: 5px 0 0;
    /* コンテンツのタイプ */
    display: inline-block;
  }
  .h-banner li:nth-child(1) {
    /* flex アイテム順序 */
    order: 3;
  }
  .h-banner li:nth-child(2) {
    /* flex アイテム順序 */
    order: 1;
  }
  .h-banner li:nth-child(3) {
    /* flex アイテム順序 */
    order: 2;
  }
  .h-banner li:nth-child(4) {
    /* flex アイテム順序 */
    order: 4;
  }
  .h-banner li img{
    /* 横幅 */
    width: 100%;
  }
  .header2{
    /* ボックス内　余白 */
    padding: 5px;
  }
  .header2 .h-banner li{
    /* ボックス外　余白　（上） */
    margin-top: 5px;
  }
  .fixed{
    /* ボックス配置　距離（上） */
    top: -35%;
  }
  /* メインビジュアル */
  .mainImg{
    /* 横幅 */
    width: 100%;
  }
  .mainImg img:nth-child(2){
    /* ボックス外　余白　（下） */
    margin-bottom: 0px;
  }
  .mainImg img:nth-child(3){
    /* 横幅 */
    width: 90%;
    /* ボックス外　余白 */
    margin: 0 auto;
  }
  /* トップ 買取できるもの..教材エリア */
  li.contact-link{
    /* 横幅 */
    width: 50%;
  }
  /* トップ 教材の買取り方法 */
  h2.title.method{
    /* テキストの位置 */
    text-align: center;
    /* ボックス外　余白　（下） */
    margin-bottom: 30px;
  }
  h2.title.method img{
    /* 横幅 */
    width: 75%;
  }
  /* トップ ただいま高価買取中!! */
  .kaitori-now{
    /* 背景 */
    background: none;
    /* 背景　サイズ */
    background-size: contain;
    /* ボックス内　余白 */
    padding: 0;
    /* ボックスの配置（基準） */
    position: relative;
  }
  .slick-slider{
    /* ボックスの配置（基準） */
    position: absolute !important;
    /* ボックス配置　距離（上） */
    top: 35%;
    /* ボックス配置　距離（左） */
    left: 0;
    /* ボックス配置　距離（右） */
    right: 0;
    /* 横幅 */
    width: 85% !important;
    /* ボックス外　余白 */
    margin: auto;
  }
  /* トップ まずはお電話を！〜 大量在庫・業者さん大歓迎まで */
  .satei-text {
    /* 文字のサイズ */
    font-size: 2vw;
  }
  .satei-text span.green{
    /* 文字のサイズ */
    font-size: 1.3em;
  }
  .quality-check{
    /* コンテンツのタイプ */
    display: -ms-flexbox;
    /* コンテンツのタイプ */
    display: -webkit-flexbox;
    /* コンテンツのタイプ */
    display: flex;
    /* ボックス均等割り付け */
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    /* ボックス外　余白　（上） */
    margin-top: -20px;
  }
  /* トップ お電話で無料見積もりいたします！ */
  .mitsumori h2.mitsumori-head{
    /* ボックス外　余白　（下） */
    margin-bottom: 50px;
  }
  .mitsumori .mitsumori-list .mitsumori-inner{
    /* ボックス内　余白 */
    padding: 50px 0 30px;
  }
  .mitsumori .mitsumori-list{
    /* 横幅 */
    width: 83%;
    /* ボックス外　余白 */
    margin: 0 auto 20px;
  }
  .mitsumori .mitsumori-list .mitsumori-inner p.line{
    /* 文字のサイズ */
    font-size: 1.6em;
    /* 文字間 */
    letter-spacing: 3px;
    /* 行間 */
    line-height: 1.8;
    /* 背景 */
    background: none;
  }
  .mitsumori-inner p.line span{
    /* 線　（下） */
    border-bottom: 2px dashed #6a7dca;
    /* コンテンツのタイプ */
    display: inline-block;
    /* 横幅 */
    width: 100%;
  }
  .kaitori-now .bxslider li p{
    /* 文字のサイズ */
    font-size: 1em;
  }
  .mitsumori .flex_box >li.mitsumori-link{
    /* 横幅 */
    width: 100%;
    /* テキストの位置 */
    text-align: center;
    /* ボックス外　余白　（下） */
    margin-bottom: 20px;
  }
  .mitsumori .flex_box >li.mitsumori-link img{
    /* ボックス外　余白 */
    margin: 0 auto 20px;
  }
  /* トップ ディズニー英語システム ~ 買取り商品一覧 */
  .item-area ul {
    /* ボックス均等割り付け */
    justify-content: space-between;
  }
  .item-area li.itemList.leftItem{
    /* 横幅 */
    width: 40%;
  }
  .item-area li.itemList{
    /* 横幅 */
    width: 33%;
  }
  .item-area img{
    /* 横幅 */
    width: 100%;
  }
  .item-area li.itemList.item2, .item-area li.itemList.item3, .item-area li.itemList.item8, .item-area li.itemList.item9{
    /* 横幅 */
    width: 30%;
  }
  .item-area ul p{
    /* 文字のサイズ */
    font-size: 1.5em;
  }
  .item1 {
    /* flex アイテム順序 */
    order: 1;
  }
  .item2 {
    /* flex アイテム順序 */
    order: 2;
  }
  .item3 {
    /* flex アイテム順序 */
    order: 3;
  }
  .item4 {
    /* flex アイテム順序 */
    order: 7;
  }
  .item5 {
    /* flex アイテム順序 */
    order: 8;
  }
  .item6 {
    /* flex アイテム順序 */
    order: 9;
  }
  .item7 {
    /* flex アイテム順序 */
    order: 4;
  }
  .item8 {
    /* flex アイテム順序 */
    order: 5;
  }
  .item9 {
    /* flex アイテム順序 */
    order: 6;
  }
  .item10 {
    /* flex アイテム順序 */
    order: 10;
  }
  .item11 {
    /* flex アイテム順序 */
    order: 11;
  }
  .item12 {
    /* flex アイテム順序 */
    order: 12;
  }
  .item1 {
    /* flex アイテム順序 */
    order: 1;
  }
  footer .f_top{
    /* ボックス内　余白 */
    padding: 30px 30px 130px 30px;
    /* 背景 */
    background: #FFE3CD url(../../images/footerimg06.png) no-repeat 90% 99%;
    /* 背景　サイズ */
    background-size: 25%;
  }
  footer .eigyo{
    /* 文字のサイズ */
    font-size: 1.6em;
  }
  div.flex_box >div.footer-left, div.flex_box >div.footer-right{
    /* 横幅 */
    width: 100%;
  }
  div.flex_box >div.footer-left{
    /* ボックス外　余白　（下） */
    margin-bottom: 30px;
  }
  footer .f_top .footer-right{
    /* 背景 */
    background: none;
  }
  footer h4{
    /* テキストの位置 */
    text-align: left;
  }
  footer .footer-text{
    /* 背景画像 */
    background-image: none;
    /* 行間 */
    line-height: 1.8;
    /* 線　（下） */
    border-bottom: 1px dashed #ff7200;
    /* ボックス内　余白　（下） */
    padding-bottom: 0;
  }
  footer .footer-address{
    /* 文字のサイズ */
    font-size: 1.5em;
    /* 行間 */
    line-height: 1.8;
    /* 背景 */
    background: none;
  }
  footer .footer-address span{
    /* コンテンツのタイプ */
    display: inline-block;
    /* 横幅 */
    width: 100%;
    /* 線　（下） */
    border-bottom: 2px dashed #eb812b;
  }
  footer .footer-address span.first{
    /* 線　（上） */
    border-top: 2px dashed #eb812b;
  }
  footer .gmap{
    /* 線 */
    border: 3px solid #ff6300;
  }
  footer .gmap iframe{
    /* 縦幅 */
    height: 350px;
  }
  /* スマホ用スライドナビゲーション */
  #drawernav{
    /* ボックスの配置（基準） */
    position: fixed;
    /* ボックス配置　距離（上） */
    top: 0;
    /* ボックス配置　距離（右） */
    right: -240px;
    /* 横幅 */
    width: 240px;
    /* 縦幅 */
    height: 100%;
    /* 背景 */
    background: rgba(253, 203, 67, 0.9);
    /* 文字色 */
    color: #fff;
    /* ボックスの重なり順序 */
    z-index: 30;
    /* ボックス内　余白　（上） */
    padding-top: 70px;
    /* アニメーション・変化 */
    -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    /* easeInOutExpo */
    -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    /* easeInOutExpo */
  }
  #drawernav ul li a{
    /* 文字色 */
    color: #fff;
    /* コンテンツのタイプ */
    display: block;
    /* ボックス内　余白 */
    padding: 15px 30px;
    /* 線　（上） */
    border-top: 1px solid #fff;
  }
  #drawernav ul li a.owner{
    /* 背景 */
    background: #2A365A;
  }
  #drawernav ul li a i{
    /* ボックス回り込み */
    float: right;
    /* 文字のサイズ */
    font-size: 1.5em;
  }
  /* スマホ用ナビゲーション表示 */
  #page, #drawernav{
    /* コンテンツのタイプ */
    display: block;
  }
  #humberger{
    /* ボックスの配置（基準） */
    position: absolute;
    /* ボックス配置　距離（上） */
    top: 3%;
    /* ボックス配置　距離（右） */
    right: 0;
    /* ボックスの重なり順序 */
    z-index: 39;
    /* ボックス内　余白 */
    padding: 17px 10px 10px;
    /* カーソルのスタイル */
    cursor: pointer;
  }
  .icon-bar{
    /* 縦幅 */
    height: 2px;
    /* 背景 */
    background: #333;
    /* コンテンツのタイプ */
    display: block;
    /* ボックス外　余白　（下） */
    margin-bottom: 6px;
    /* アニメーション・変化 */
    -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
  }
  #page{
    /* コンテンツのタイプ */
    display: block;
  }
  .page-id-9 div#mainImg{
    /* 背景 */
    background: transparent;
    /* 最小縦幅 */
    min-height: auto;
  }
  .page-id-9 section.mainImage{
    /* 縦幅 */
    height: auto !important;
    /* ボックス内　余白　（上） */
    padding-top: 0;
  }
  /* ドロワー開放時 */
  body.drawer-opened #page{
    /* ボックス配置　距離（左） */
    left: -240px;
    /* ボックスの影 */
    box-shadow: 1px 0 2px #000;
    -webkit-box-shadow: 1px 0 2px #000;
  }
  body.drawer-opened .fixed-content{
    /* ボックス配置　距離（左） */
    left: -240px;
  }
  body.drawer-opened #drawernav{
    /* ボックス配置　距離（右） */
    right: 0;
  }
  body.drawer-opened #overlay{
    /* ボックスの重なり順序 */
    z-index: 3;
    /* 透過 */
    opacity: 0.3;
    /* ボックス配置　距離（左） */
    left: -240px;
  }
  span.used-ban.sp-only{
    /* ボックス回り込み */
    float: none;
    /* 横幅 */
    width: 50%;
    /* コンテンツのタイプ */
    display: block;
  }
  span.used-ban.sp-only img{
    /* コンテンツのタイプ */
    display: block;
    /* ボックス外　余白 */
    margin: 0 auto;
  }
  header h1{
    /* 横幅 */
    width: 50%;
    /* ボックス外　余白　（下） */
    margin-bottom: 0;
  }
  header h1 img{
    /* 横幅 */
    width: 100%;
  }
  #sidebar h3, aside h3{
    /* 文字のサイズ */
    font-size: 4em;
  }
  #sidebar .side-con p{
    /* 文字のサイズ */
    font-size: 1.5em;
    /* 行間 */
    line-height: 1.8;
    /* ボックス外　余白 */
    margin: 10px;
  }
  #sidebar .side-con p >span{
    /* 横幅 */
    width: 100%;
    /* コンテンツのタイプ */
    display: inline-block;
    /* 線　（下） */
    border-bottom: 2px dashed #F39325;
  }
  #sidebar .side-con p >span.orange2{
    /* 横幅 */
    width: auto;
  }
  #sidebar .side-con p.line{
    /* 背景 */
    background: none;
  }
  #sidebar .side-last h3{
    /* 文字のサイズ */
    font-size: 3em;
  }
  #sidebar .side-con.side-last p{
    /* 文字のサイズ */
    font-size: 3em;
  }
  #mainImg{
    /* 横幅 */
    width: 80%;
    /* ボックス外　余白 */
    margin: 0 auto;
  }
  /* 下層 */
  .breadcrumb{
    /* 横幅 */
    width: 95%;
    /* ボックス外　余白 */
    margin: 0 auto 10px;
  }
  /* 下層　お見積もりフォーム */
  .page .post{
    /* 文字のサイズ */
    font-size: 1em;
  }
  .gmap{
    /* ボックスの配置（基準） */
    position: relative;
    /* ボックス内　余白　（下） */
    padding-bottom: 45.25%;
    /* ボックス内　余白　（上） */
    padding-top: 30px;
    /* 縦幅 */
    height: 0;
    /* ボックス外のオプション */
    overflow: hidden;
  }
  .gmap iframe, .gmap object, .gmap embed{
    /* ボックスの配置（基準） */
    position: absolute;
    /* ボックス配置　距離（上） */
    top: 0;
    /* ボックス配置　距離（左） */
    left: 0;
    /* 横幅 */
    width: 100%;
    /* 縦幅 */
    height: 100%;
  }
}


/* スマホ　ランドスケープ
------------------------------------------------------------*/
@media (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
  .reason img.pc-only{
    /* コンテンツのタイプ */
    display: block!important;
  }
  .reason img.sp-only{
    /* コンテンツのタイプ */
    display: none!important;
  }
  #content .slick-slider{
    /* 横幅 */
    width: 85%!important;
    /* ボックス配置　距離（上） */
    top:35%;
  }
  section.kaitori-now{
    /* 縦幅 */
    height: 280px;
    /* ボックス外のオプション */
    overflow: hidden;
  }
  .h-banner li {
    /* 横幅 */
    width: 24%;
  }
  .kaitori-method ul.method-inner {
    /* ボックス配置 距離(左) */
    left:3%;
    /* ボックス配置 距離(上) */
    top:37%;
  }
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width: 667px) {
  header{
    /* テキストの位置 */
    text-align: center;
  }
  header h2, #footerLogo{
    /* ボックス回り込み */
    float: none;
    /* ボックス内　余白 */
    padding: 0;
  }
  img.alignright, img.alignleft{
    /* コンテンツのタイプ */
    display: block;
    /* ボックス外　余白 */
    margin: 5px auto;
  }
  .alignright, .alignleft{
    /* ボックス回り込み */
    float: none;
  }
  footer ul{
    /* テキストの位置 */
    text-align: left;
    /* ボックス内　余白 */
    padding: 15px;
  }
  footer ul ul{
    /* ボックス内　余白 */
    padding: 0;
  }
  .h-banner li{
    /* 横幅 */
    width: 24%;
  }
  li.contact-link{
    /* 横幅 */
    width: 100%;
  }
  .mitsumori .mitsumori-list .mitsumori-inner p.line{
    /* 文字のサイズ */
    font-size: 1.4em;
    /* 文字間 */
    letter-spacing: 2px;
  }
  .slick-slider{
    /* ボックス配置　距離（上） */
    top: 30%;
  }
  .item-area ul p{
    /* 文字のサイズ */
    font-size: 1.2em;
  }

  .kaitori-method ul.method-inner li{
    /* 横幅 */
    width: 26%;
  }

  #sidebar .side-con p{
    /* 文字のサイズ */
    font-size: 1em;
  }
  #sidebar .side-con.side-last p{
    /* 文字のサイズ */
    font-size: 2.5em;
  }
  .slick-slider{
    /* ボックス配置　距離（上） */
    top: 25%;
  }
  #sidebar ul li.side-bn,
  #sidebar .fl_L{
    /* コンテンツのタイプ */
    display: block;
    /* 横幅 */
    width: 98%;
    /* ボックス外　余白 */
    margin: auto;
  }
  #sidebar .fl_L{
    /* ボックス回り込み */
    float: none;
  }
}


/* スマホ用レスポンシブ記述 */

@media only screen and (max-width:499px) {
  .reason img.pc-only{
    /* コンテンツのタイプ */
    display: none!important;
  }
  .reason img.sp-only{
    /* コンテンツのタイプ */
    display: block!important;
  }
  .post h2.title{
    /* ボックス外　余白　（上） */
    margin-top: 0;
    /* ボックス内　余白　（左） */
    padding-left: 4.5em;
    /* ボックス内　余白　（右） */
    padding-right: 0;
    /* ボックス内　余白　（上） */
    padding-top: 2em;
    /* 文字のサイズ */
    font-size: 1.2em;
    /* 背景 */
    background: url(../../images/bg_h2sp.png) no-repeat;
    /* 行内　位置 */
    vertical-align: middle;
  }

  .post h3.title{
    /* 文字のサイズ */
    font-size: 1.2em;
  }

  .post h3 span.small{
    /* ボックス内　余白　（左） */
    padding-left: 0;
  }

  .post h4{
    /* 文字のサイズ */
    font-size: 1em;
  }

  .pc-only2{
    /* コンテンツのタイプ */
    display: none !important;
  }
  .sp-only2{
    /* コンテンツのタイプ */
    display: block !important;
  }
  .sp-only.sp-only-n{
    /* コンテンツのタイプ */
    display: none !important;
  }
  #humberger{
    /* ボックス配置　距離（上） */
    top: 4%;
    /* ボックス内　余白 */
    padding: 0;
  }
  #humberger img{
    /* 横幅 */
    width: 60%;
  }
  .h-banner li{
    /* 横幅 */
    width: 49%;
  }
  span.used-ban.sp-only img{
    /* 横幅 */
    width: 70%;
  }
  .kyozai-body{
    /* 背景　サイズ */
    background-size: contain;
    /* ボックス内　余白 */
    padding: 15px;
  }
  .kyozai-body p{
    /* 文字のサイズ */
    font-size: .95em;
  }
  .kyozai-inner{
    /* ボックス内　余白　（左） */
    padding-left: 20px;
  }
  p.telephone{
    /* ボックス内　余白　（下） */
    padding-bottom: 5px;
  }
  .kyozai-body .kyozai-list1 h3{
    /* 横幅 */
    width: 100%;
  }
  .kyozai-body .kyozai-list3 h3, .kyozai-body .kyozai-list.last h3{
    /* 横幅 */
    width: 100%;
  }
  .kyozai-kaitori p.small{
    /* 文字間 */
    letter-spacing: 0;
    /* 文字のサイズ */
    font-size: .75em;
  }
  .slick-slider{
    /* ボックス配置　距離（上） */
    top: 30%;
  }
  .slick-prev:before, .slick-next:before{
    /* ボックス内　余白 */
    padding: 30px 5px !important;
  }

  .kaitori-method ul.method-inner{
    /* ボックス配置　距離（上） */
    top: 15%;
    /* ボックス配置　距離（左） */
    left:0;
    /* ボックス配置　距離（右） */
    right: 0;
    /* ボックス外　余白 */
    margin:0 auto;
    /* 横幅 */
    width: 192px;
  }

  .kaitori-method ul.method-inner li{
    /* ボックスのタイプ */
    display: block;
    /* ボックス外　余白 */
    margin: 30px 0;
    /* 横幅 */
    width: auto;
  }

  .kaitori-method p{
    /* 最大の横幅 */
    max-width: 80%;
    /* ボックス配置　距離（左） */
    left:0;
    /* ボックス配置　距離（右） */
    right: 0;
    /* ボックス外　余白 */
    margin: auto;
    /* 文字の大きさ */
    font-size: .875em;
  }

  .kaitori-now .bxslider li p{
    /* 文字のサイズ */
    font-size: .875em;
  }
  .satei-text{
    /* 文字間 */
    letter-spacing: 0;
    /* 文字のサイズ */
    font-size: 1em;
  }
  .satei-text.line{
    /* ボックス配置　距離（上） */
    top: 0;
    /* ボックス外　余白　（上） */
    margin-top: 20px;
    /* ボックス外　余白　（下） */
    margin-bottom: 30px;
  }
  .quality-check{
    /* コンテンツのタイプ */
    display: inline-block;
  }
  img.check-photo{
    /* コンテンツのタイプ */
    display: none;
    /* 横幅 */
    width: 15%;
    /* ボックス外　余白 */
    margin: auto;
  }
  img.check-bn{
    /* 横幅 */
    width: 100%;
    /* ボックス外　余白 */
    margin: 0 auto;
  }
  .mitsumori h2.mitsumori-head{
    /* ボックス外　余白 */
    margin: 0 auto 30px;
  }
  .mitsumori .mitsumori-list{
    /* 横幅 */
    width: 100%;
    /* 線 */
    border: 0;
  }
  .mitsumori .mitsumori-list .mitsumori-inner{
    /* 横幅 */
    width: 100%;
    /* ボックス内　余白 */
    padding: 0;
  }
  .mitsumori .mitsumori-list .mitsumori-inner p.line{
    /* 文字のサイズ */
    font-size: 1.2em;
    /* 文字間 */
    letter-spacing: 0;
  }
  .item-area li.itemList{
    /* 横幅 */
    width: 48% !important;
  }
  .item-area ul {
    /* 縦方向の揃え位置 */
    align-items: baseline;
  }
  .item-area ul p{
    /* 文字のサイズ */
    font-size: .875em;
  }
  .item-ichiran h3{
    /* ボックス内　余白 */
    padding: 0 10px;
    /* 文字間 */
    letter-spacing: 0;
  }
  .item-ichiran .item-ichiran-body p{
    /* 文字のサイズ */
    font-size: .85em;
  }
  #sidebar ul li.side-bn{
    /* ボックス外　余白　（下） */
    margin-bottom: 15px;
  }
  #sidebar h3, aside h3{
    /* 文字のサイズ */
    font-size: 1.6em;
    /* ボックス内　余白 */
    padding: .5em;
  }
  #sidebar .side-last h3{
    /* 文字のサイズ */
    font-size: 2em;
  }
  #sidebar .side-con p{
    /* 文字のサイズ */
    font-size: 1.2em;
  }
  #sidebar .side-con.side-last p{
    /* 文字のサイズ */
    font-size: 1.2em;
  }
  footer .f_top{
    /* ボックス内　余白 */
    padding: 15px 15px 60px 15px;
  }
  #footerLogo img{
    /* 横幅 */
    width: 90%;
  }
  footer h4{
    /* 文字のサイズ */
    font-size: .65em;
  }
  footer .footer-text{
    /* 文字のサイズ */
    font-size: 12px;
    /* 文字間 */
    letter-spacing: 0;
  }
  footer .line.small{
    /* 文字のサイズ */
    font-size: 12px;
    /* 文字間 */
    letter-spacing: .5px;
    /* 背景 */
    background: transparent;
  }
  footer .line.small >span{
    /* ボックス内　余白 */
    padding: 5px 0;
    /* 線　（下） */
    border-bottom: 1px dashed #ff7200;
  }
  footer .gmap{
    /* 線 */
    border: 1px solid #ff6300;
  }
  footer .gmap iframe{
    /* 縦幅 */
    height: 200px;
  }
  footer .footer-address{
    /* 文字のサイズ */
    font-size: .875em;
    /* 文字間 */
    letter-spacing: 1px;
  }
  /* 下層　お見積もりフォーム */
  input[type="text"], input[type="email"], input[type="tel"], textarea{
    /* 横幅 */
    width: 100%;
  }
  .post table th, .post table td{
    /* 横幅 */
    width: 100%;
    /* コンテンツのタイプ */
    display: block;
  }
  #content .slick-slider{
    /* 横幅 */
    width: 52%!important;
  }
  section.kaitori-now{
    /* 縦幅 */
    height: 280px;
    /* ボックス外のオプション */
    overflow: hidden;
  }
}

/* 小さいスマホ用 */
@media only screen and (max-width:350px) {
  .kaitori-method p{
    /* 文字のサイズ */
    font-size: .75em;
    /* ボックス配置　距離（下） */
    bottom: 1.5%
  ;
}
  .kaitori-method ul.method-inner li{
    /* ボックス外　余白 */
    margin: 10px 0;
  }
}
@font-face {
  font-family: 'mplus-1c-bold';
  src: url('http://mplus-webfonts.sourceforge.jp/mplus-1c-bold.eot');
  src: url('http://mplus-webfonts.sourceforge.jp/mplus-1c-bold.eot?#iefix') format('embedded-opentype'), url('http://mplus-webfonts.sourceforge.jp/mplus-1c-bold.woff') format('woff'), url('http://mplus-webfonts.sourceforge.jp/mplus-1c-bold.ttf') format('truetype');
}

    /* アイフラッグからもらった、スマホ用上の動くボタン */
@media only screen and (max-width:499px) {
 .header2 .h-banner li{
   width: 49%;
 }
}