@charset "UTF-8";
/*
Theme Name: Yamany
Description:レスポンシブのブルーテンプレート
Theme URI: http://yama-kawa.jp/
Author: PROMISE
Author URI: http://yama-kawa.jp/
Version: 0.9
License: ライセンス
License URI: http://yama-kawa.jp/
*/
/*=================================================================*/
/*　共通設定
/*=================================================================*/
body { font-size: 90%; font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif; }
/*=================================================================*/
/*　ヘッダー設定
/*=================================================================*/
.headline { background-color: #95c729; border-bottom: 1px #d2d0d0 solid; }
.headline P { padding: 10px; color: #717171;  font-size: 70%;}
.head { background-color: #ffdfb0; padding: 20px; }
.logo { float: left; }
.headertel { float: right;}
.headertel .tel { font-size: 28px; font-weight: bold; margin-bottom: 7px; color: #e04427; }
.headertel .telinfo { font-size: 12px; color: #5b7db0; font-weight: bold; }
.headertel .icon-phone { margin-right: 5px; font-size: 22px; background-color: #e04427; color: #FFFFFF; padding: 4px; border-radius: 4px;}

.header { position: relative; }
.menubtn { font-size: 48px; position: absolute; top: 45px; right: 40px; display: none; }
.menubtn a { text-decoration: none; }
/*=================================================================*/
/*　ナビゲーション設定
/*=================================================================*/
.navi { margin-bottom: 27px; border-top: 1px #ffdba4 solid; border-bottom: 1px #ffdba4 solid;  background-color: #ffcf88; }
.navi ul { border-left: 1px #ffdba4 solid;  }
.navi li { float: left;  border-right: 1px #ffdba4 solid; font-size: 80%; }
.navi li a { padding: 10px; display: block; padding: 10px; line-height: 2.8em;}
.navi li a { text-decoration: none; cursor:pointer; }
.navi li a:hover { background-color: #beddd7;}
.logo { font-weight: bold; font-size: 22px; margin-top: 10px;}
.logo span { margin-right: 10px;}
.logo a { text-decoration: none;}
.active { background-color: #523c2e; color: #ffffff; }
/*=================================================================*/
/*　コンテンツ設定
/*=================================================================*/
.container { width: 100%; padding: 0px 60px; margin-bottom: 37px; line-height: 2.1em; max-width: 1200px; margin: 0 auto; }
.container img { margin-bottom: 27px; }
.container img.sp-image, .container img.alignright { width: 100%; text-align: left; }
/* .container img.sp-image, .container img.size-full { width: 100%; } */
.container h1 { background-color: #aa9462; color: #ffffff; font-weight: bold; padding: 6px 14px; margin-bottom: 27px;font-size: 120%; }
.container h2 { background-color: #00a47f; color: #ffffff; font-weight: bold; padding: 6px 14px; margin-bottom: 27px;font-size: 100%; }
.container p, .container li, .container th, .container td { }
.container hr { margin-bottom: 27px; }
.container ul { margin-bottom: 27px; }
.container li { margin-bottom: 12px;}
/*=================================================================*/
/*　ブログ設定
/*=================================================================*/
.blog { width: 100%; padding: 0px 60px; margin-bottom: 37px; line-height: 2.4em; max-width: 1200px; margin: 0 auto; }
.blog h1 { background-color: #aa9462; color: #ffffff; font-weight: bold; padding: 6px 14px; margin-bottom: 27px;font-size: 120%; }
.blog h2 { background-color: #00a47f; color: #ffffff; font-weight: bold; padding: 6px 14px; margin-bottom: 27px;font-size: 100%; }
.blog h2 a { color: #ffffff; }
/*　アーティクルス定
/*=================================================================*/
.article2 { margin-bottom: 37px; }
.article2 h3 { font-size: 14px; font-weight: bold; margin-bottom: 27px; background-color: #f6f0e7; padding: 10px; border-bottom: 1px #ded6c7 solid; }
.article2 p  { margin-bottom: 27px; }
.article2 ol { margin: 0 0 27px 22px; }
.article2 ol li { list-style: decimal; }
.nodata { border: 1px #ded6c7 solid; background-color: #f6f0e7; padding: 60px; font-weight: bold; font-size: 16px; line-height: 1.8em; color: #670a1c; margin-bottom: 37px;}
/*=================================================================*/
/*　シングルページ設定
/*=================================================================*/
.single { width: 100%; padding: 0px 60px; margin-bottom: 37px; line-height: 2.4em; max-width: 1200px; margin: 0 auto; }
.single h1 { background-color: #aa9462; color: #ffffff; font-weight: bold; padding: 6px 14px; margin-bottom: 27px;font-size: 120%; }
.single img { margin-bottom: 27px; margin-top: 27px;}
.single .datatime { text-align: right; margin-top: -20px; }
#pagenavi { margin-bottom: 37px; border: 1px #CCCCCC solid; padding: 10px; background-color: #ffdfb0; border-radius: 4px; margin-top: 27px; }
#pagenavi .alignleft { width: 50%; float: left; }
#pagenavi .alignright { width: 50%; float: right; text-align: right; }
/*=================================================================*/
/*　ブログリスト設定
/*=================================================================*/
.bloglist { margin-bottom: 37px; }
.bloglistbox { }
.bloglistbox .bloglistimg  { width: 250px; float: left; margin-right: 17px;}
.bloglistbox .bloglistimg  img { width: 100%; border: 1px #ccc solid; padding: 2px; }
.bloglistbox .bloglistcont { }
.bloglistbox .bloglistcont .time { margin-bottom: 7px; }
.bloglistdeteals { position: relative; height: 25px;}
.bloglistdeteals ul { text-align: right; position: absolute; top: 0px; right: 0px;  }
.bloglistdeteals li { background-color: #5b7db0; float: left; font-size: 10px; padding: 2px 5px; border-radius: 2px;  }
.bloglistdeteals a { color: #FFFFFF; }
.bloglistsingle { }
.bloglistbox .bloglistsingle .time { margin-bottom: 7px; }
/*=================================================================*/
/*
/* ページャー設定
/*
/*=================================================================*/
.pagination { clear: both; padding: 20px 0; position: relative; font-size: 14px; line-height: 14px;  }
.pagination span, .pagination a { display: block; float: left; width: auto; margin: 2px 2px 2px 0; padding: 15px; background: #ffdba4; color:#333333; text-decoration: none; }
.pagination a:hover { background: #523c2e; color: #fff; }
.pagination .current { padding: 15px; background: #523c2e; color: #fff; }
/*=================================================================*/
/*　デザインボックス設定
/*=================================================================*/
.itembox dd, .itembox dl, .itembox dt { margin: 0px; padding: 0px;s}
.itembox img { margin: 0px; padding: 0px;}

.itembox dl {  margin-bottom: 17px; background-color: #d3e9f4; padding: 10px; }
.itembox dt { float: left; height: 180px; overflow: hidden; }
.itembox dt img { width: 200px; }
.itembox dd {  padding-left: 220px; }
.itembox dd h4 { background-color: #7cc5e6; padding: 0 7px; margin-bottom: 12px;}

.itembox2 dl {  margin-bottom: 17px; background-color: #ffebec; padding: 10px; }
.itembox2 dt { float: left; height: 180px; overflow: hidden; }
.itembox2 dt img { width: 200px; }
.itembox2 dd {  padding-left: 220px; }
.itembox2 dd h4 { background-color: #ffb7b8; padding: 0 7px; margin-bottom: 12px;}

.itembox5 dl {  margin-bottom: 17px; background-color: #9c632e; padding: 10px; }
.itembox5 dt { float: left; height: 180px; overflow: hidden; }
.itembox5 dt img { width: 200px; }
.itembox5 dd {  padding-left: 220px; color: #ffffff; }
.itembox5 dd h4 { background-color: #5e3b1d; padding: 0 7px; margin-bottom: 12px; color: #ffffff; }

.itembox10 dl {  margin-bottom: 17px; background-color: #215e4e; padding: 10px; }
.itembox10 dt { float: left; height: 180px; overflow: hidden; }
.itembox10 dt img { width: 200px; }
.itembox10 dd {  padding-left: 220px; color: #ffffff; }
.itembox10 dd h4 { background-color: #0c372c; padding: 0 7px; margin-bottom: 12px; color: #ffffff; }

.man { background-color: #286294; color: #ffffff; padding: 2px; border-radius: 4px; margin-left: 7px; }
.garl { background-color: #e95673; color: #ffffff; padding: 2px; border-radius: 4px; margin-left: 7px; }

.instructor dl {  margin-bottom: 17px; background-color: #fbeeff; padding: 10px; }
.instructor dt { float: left; height: 180px; overflow: hidden; }
.instructor dt img { width: 200px; }
.instructor dd {  padding-left: 220px; }
.instructor dd h4 { background-color: #c891e4; padding: 0 7px; margin-bottom: 12px; }

table.kuwagata th { width: 10%; }
table.kuwagata .td1 { width: 15%; }
table.kuwagata .td2 { width: 75%; }
/*=================================================================*/
/*　コンタクトボックス設定
/*=================================================================*/
.contactbox { background-color: #ffdfb0; padding: 60px; border-top: 1px #ded6c7 solid; line-height: 1.7em; margin-top: 37px;}
.contactconteiner h2 { font-size: 16px; font-weight: bold; margin-bottom: 17px; color: #670a1c; }

.contactinfo { width: 70%; float: left; padding-right: 20px; border-right: 1px #ffeacc solid;}
.contactinfo .tel { font-size: 32px; font-weight: bold; margin-bottom: 27px; color: #e04427; }
.contactinfo .mail { font-size: 16px; margin-bottom: 17px; font-weight: bold;  color: #5b7db0; }
.contactinfo .mail a { color: #5b7db0; }
.contactinfo .icon-mail { margin-right: 7px; }
.contactinfo .icon-phone { margin-right: 5px; font-size: 24px; background-color: #e04427; color: #FFFFFF; padding: 4px; border-radius: 4px;}

.contactlist { width: 30%; float: right; padding-left: 20px;  }
.contactlist h3 { margin-bottom: 17px; font-size: 16px; font-weight: bold; color: #670a1c; }
.contactlist .icon-circle-right { margin-right: 7px;}

.otherlinks { margin-top: 17px; }
.otherlinks ul { }
.otherlinks li { float: left; margin-right: 17px; }
.otherlinks .icon-play3 { margin-right: 7px; }

.fotterbox { background-color: #ffcf88; padding: 60px; line-height: 1.7em; }

.copyright { background-color: #aa9462; color: #ffffff; }
.copyright p { text-align: center; padding: 20px 10px;}
/*=================================================================*/
/*　Googlemap設定
/*=================================================================*/
.googlemap iframe { width: 100%; height: 450px; margin-bottom: 27px;}
/*=================================================================*/
/*　フォームテーブルレイアウト設定
/*=================================================================*/
table.formbox { width: 100%; margin: 0 auto; border-collapse: separate; border-spacing: 0px 2px; font-size: 12px; margin-bottom: 37px; font-size: 100%; }
table.formbox th, table.formbox td { padding: 10px; }
table.formbox td { width: 70% }
table.formbox th {background: #65a5e8; vertical-align: middle; text-align: left; width: 30%; overflow: visible; position: relative; color: #fff; font-weight: normal; }
table.formbox th:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #65a5e8; border-width: 10px; margin-top: -10px; }
/* firefox */
@-moz-document url-prefix() { 
	table.formbox th::after { float: right; padding: 0; left: 30px; top: 10px; content: " "; height: 0; width: 0; position: relative; pointer-events: none; border: 10px solid transparent; border-left: #295890 10px solid; margin-top: -10px;
	}
}
table.formbox td { background: #f8f8f8; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
table.formbox input { font-size: 12px; padding: 10px 10px; outline: none; border: 1px #ded6c7 solid; }
table.formbox textarea { width: 95%; padding: 2px 5px; outline: none; border: 1px #ded6c7 solid; padding: 10px 10px; }
table.formbox .textsp { width: 70%; }
table.formbox .mailsp { width: 95%; }
table.formbox .tel { width: 70%; }
.red { color: #ff0000; font-weight: bold; }
.soushinbtn { background-color: #ff7d05; border: 1px #ff7d05 solid; outline: none; cursor: pointer; padding: 10px 0px; color: #FFFFFF;font-size: 16px; font-weight: bold; width: 280px; margin-bottom: 27px; }
table.formbox td.colth { background-color: #f6f0e7; font-size: 16px; font-weight: bold; color: #670a1c; }
.wpcf7 span.wpcf7-not-valid-tip { font-weight: bold; padding: 5px 0; }
/* 詳細エラーメッセージ設定 */
.wpcf7 span.wpcf7-not-valid-tip { display: none; }
.wpcf7 .wpcf7-not-valid { background: #ffdede; }
/* 総合エラーメッセージ設定 */
.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    font-weight: bold;
}
.wpcf7 .wpcf7-mail-sent-ok {
    color: #3A87AD;
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    font-weight: bold;
}
/* Contact Form 7のラジオボタンを縦並びに */
.wpcf7-radio .wpcf7-list-item {
    margin-top:10px;
    display: block;
}

.snsbox { margin-top: 27px; }

.insta { float: left; width: 100%; margin-right: -330px; padding-right: 330px; box-sizing: border-box;}
.facebook { width: 300px; float: right; }
.facebook iframe { height: 500px; }



/*=================================================================*/
/*　レスポンシブデザイン設定
/*=================================================================*/

@media screen and (max-width: 880px) {
.contactbox { padding: 20px;}
.fotterbox { padding: 20px;}
.container { padding: 0 20px;}
.blog { padding: 0 20px;}
.single { padding: 0 20px;}
.single img { width: 100%; }
	.navi ul { display: none; }
	.navi li { float: none;}
	.headertel { display: none; }
	.menubtn { display: block; }
}
@media screen and (max-width: 580px) {
	.contactinfo { float: none; border-right: none; width: 100%; }
	.contactlist { float: none; width: 100%; margin-top: 27px; padding-left: 0px; }
	.copyright p { font-size: 12px;}
	.pagination { font-size: 12px;}
	.bloglistbox .bloglistimg  { float: none;}
	.itembox dt { float: left; }
}
@media screen and (max-width: 460px) {
	.itembox dt { width: 100%; height: 220px; float: none; margin-bottom: 17px; }
	.itembox dt img { width: 100%;  }
	.itembox dd {  width: 100%; padding-left: 0px;   }
	.itembox2 dt { width: 100%; height: 220px; float: none; margin-bottom: 17px; }
	.itembox2 dt img { width: 100%;  }
	.itembox2 dd {  width: 100%; padding-left: 0px;   }
	.itembox5 dt { width: 100%; height: 220px; float: none; margin-bottom: 17px; }
	.itembox5 dt img { width: 100%;  }
	.itembox5 dd {  width: 100%; padding-left: 0px;   }
	.itembox10 dt { width: 100%; height: 220px; float: none; margin-bottom: 17px; }
	.itembox10 dt img { width: 100%;  }
	.itembox10 dd {  width: 100%; padding-left: 0px;   }
	.instructor dt { width: 100%; height: 240px; float: none; margin-bottom: 17px; }
	.instructor dt img {width: 100%;  }
	.instructor dd {  width: 100%; padding-left: 0px; }
	
	table.kuwagata th { width: 33%;}
	table.kuwagata td { width: 33%;}
	table.canade th { width: 33%;}
	table.canade td { width: 33%;}
	table.resove th { width: 33%;}
	table.resove td { width: 33%;}
}

@media screen and (max-width: 642px) {
	.insta { float: none; width: 100%; margin-right: 0px; padding-right: 0px; margin-bottom: 27px;}
	.facebook { width: 300px; float: none; }
}