@charset "UTF-8";
@import url("destyle.css");
/*
Theme Name: Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme that graced version 1.5 to version 2.9, based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.7.2
*/



body {
    	width: 100%;
    	height: 100%;
    	margin: 0;
		font-family: "游ゴシック体",Yu Gothic,"Noto Sans JP",sans-serif;
    }
	
.footerFixed{
    	min-height: 100vh; /*コンテンツの高さの最小値＝ブラウザの高さに指定*/
    	position: relative;/*相対位置*/
    	padding-bottom: 360px; /*フッターの高さを指定*/
    	box-sizing: border-box;/*ヘッダーやフッターを含むすべての要素の高さ＝min-height:100vhになるように指定*/
	}
	
/*下層ページ*/
	/*メインイメージ*/
	.lowerpage-mainimg {
		width: 100%;
		height: auto;
		background-color: #ebeddf;
	}
	
	.lowerpage-mainimg img {
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}

	.khakibox {
		background-color: #f5f2e9;
	}

	.syucchoukitsuke-sub-contents .infograph img {
		width: 100%;
		margin-top: 2%;
	}


/*PC表示*/
/*@media screen and ( min-width:769px ){*/

	/*ヘッダーメニュー*/
    .MBheader-wrapper{
        display: none;/*スマホヘッダー非表示*/
    }

    .PCheader-wrapper{
        width: 1200px;
        max-width: 100%;
        margin:0 auto;
    }
    .PCheader-upper{
        display: flex;
        width: 100%;
    }
	
	.PCheader-logo {
		width: 70%;
	}
	
    .PCheader-logo img{
		width: 100%;
        height: auto;
        padding: 4% 8% 2% 2%;
    }
	
    .PCheader-contact{
		width: 30%;
		padding: 0% 2% 0% 0%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }
	
    .PCheader-contact img{
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
	
 	.PCheader-bottom {
		width: 100%;
		display: flex;
		justify-content: space-evenly;
		padding: 1em 0;
		color: #595757;
	}

	a {
		transition : all 0.3s;
	}

	a:hover {
		color: #cfd0d0; /* ホバー時の色 */
	}

	ul li{
        list-style: none;
    }
	/*ヘッダーメニューここまで*/

	/*全ページ共通*/
    .page-wrapper{
        width: 1000px;
        max-width: 100%;
        margin: 6% auto;
    }

	.page-wrapper.subpage{
        width: 1000px;
        max-width: 100%;
        margin: 3% auto;
    }

	.kiji-wrapper{
		background-image: url(./images/midashi_bg_1000×700.png);
		background-repeat: no-repeat;
	}

	h2.kiji-title img {
		display: block;
		width: 80%;
		margin: 0 auto;
		padding: 4% 0;
	}

	.shirowaku-wrapper {
		background-color: #ffffff;
		border-radius: 1em 1em 0% 0%;
		margin: 0 auto;
		width: 90%;
	}

	.shirowaku-contents {
		width: 90%;
		margin: 0 auto;
		padding: 3% 0;
	}

	h3.midashi-1 {
		padding: 0 2%;/*上下 左右の余白*/
		color: #5c7795;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 6px #5c7795;/*左線*/
		font-size: 180%;
		line-height: 140%;
	}

	h4.midashi-2 {
		color: #79895f;
		font-weight: bold;
		font-size: 140%;
		line-height: 150%;
		border-bottom:solid 1px;
		padding-bottom: 2%;
	}

	span.txt {
		display: block;
		color: #595757;
		font-size: 100%;
		line-height: 180%;
		margin-top: 3%;
	}

	.khakibox .txt {
   		color: #595757;
   		font-size: 94%;
   		line-height: 170%;
	}

	.width100bn .toiawaselink img {
        display: block;
        margin: 5% auto;
        width: 50%;
	}

	.txt .tantousya-pic img {
		width: 100%;
	}

    .headcopy {
        width: 100%;
        max-width: 1000px;
        margin: 2% auto;
        font-size: 165%;
        font-weight: 400;
        line-height: 160%;
        letter-spacing:2px;
        color: #66784c;
        padding: 0.4em 1em;
        border-top: solid 3px #c0cf92;
        border-bottom: solid 3px #c0cf92;
    }

	/*tableデザイン*/
	.table_design08 {
        margin: 0 auto;
        border-collapse: collapse;
        /* table-layout: fixed; */
        width: 100%;
        max-width: 810px;
        /* text-align: center; */
    }
	.table_design08 th, .table_design08 td {
		background-color: #fff;
		border: 1px solid #d6e2c0;
		padding: 1em;
		color: #595757;
		}
    .table_design08 thead th {
		background-color: #ebf5ec;
        color: #595757;
        border: 1px solid #d6e2c0;
        border-right: 1px solid #d6e2c0;
        border-bottom: 1px solid #d6e2c0;
		font-weight: normal;
    }
	.table_design08 thead th:last-of-type {
		border-right: 1px solid #d6e2c0;
	}
    .table_design08 tbody th {
		background-color: #fff;
        color: #595757;
        font-weight: normal;
        /* text-align: center; */
	}

	/*トップページ*/
	.top-mainimg{
		position: relative;
	}
	
	.top-mainimg .maincopy img{
    	position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin:0;
		padding:0;
        width: 100%;
        max-width: 1200px;
    }

	.top-mainimg .mainimg img{
    	width: 100%;
    	height: 620px;
    	object-fit: cover;
    }
	
	.syucchoukitsuke-contents.flexbox {
		display: flex;
		margin-top: 6%;
	}

	.bridal-content.flexbox {
		display: flex;
		align-items: center;
		margin-top: 6%;
	}

	.syucchoukitsuke-contents.flexbox_pic {
		width: 45%;
	}

	.bridal-content.flexbox_pic {
		width: 45%;
	}

	.syucchoukitsuke-contents.flexbox_pic img {
		width: 100%;
	}

	.bridal-content.flexbox_pic img {
		width: 94%;
	}

	.syucchoukitsuke-contents.flexbox_doc {
		width: 55%;
		padding-left: 3%;
	}

	.bridal-content.flexbox_doc {
		width: 55%;
		padding-left: 3%;
	}

	.syucchoukitsuke-contents.khakibox-wrapper {
		display: flex;
		margin-top: 4%;
	}

	.syucchoukitsuke-contents.khakibox {
		display: flex;
		background-color: #f5f2e9;
        border-radius: 8px;
		flex-direction: column;
		padding: 2%;
		width: 30%;
		margin: 0.4%;
		flex: 1;
	}

	.syucchoukitsuke-contents.khakibox .PCMB img {
		width: 100%;
	}

	.bridal-content.khakibox {
		display: flex;
        background-color: #f5f2e9;
        border-radius: 8px;
        padding: 2%;
		margin-top: 2%;
	}

	.khakibox .txt span {
		display: block;
        font-size: 130%;
        font-weight: bold;
        color: #5c7795;
		text-align: center;
		padding: 5%;
	}

	.bridal-content.txt {
		margin-top: 5%;
	}

	.bridal-content.txt span {
		display: block;
        font-size: 130%;
        font-weight: bold;
        color: #5c7795;
		text-align: center;
		padding: 1%;
	}

	.bridal-content .arrow-1 img {
		display: block;
		margin: 0 auto;
		width: 10%;
	}

	.bridal-content.khakibox .txt {
        display: flex;
        color: #595757;
        font-size: 94%;
        line-height: 170%;
        align-items: center;
        padding-left: 2%;
    }

	.khakibox .arrow-1 img {
		display: block;
		margin: 0 auto;
		width: 20%;
	}

	/*新着ニュース一覧*/
	.top-post_wrapper {
	    margin: 3% auto 6%;
	}

    .top-post_title {
        display: flex;
        border-bottom: 3px solid #919f62;
        padding-bottom: 1em;
    }
	
    .top_newstitle {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        align-items: center;
    }
	
    .top_newstitle img {
        width: 50%;
    }
	
    .ichiran_btn {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
	
    .ichiran_btn img {
        width: 40%;
    }

	.ichiran_btn a {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}	

    .top-post_dayandtitle{
        padding: 1em 2em;
    }
	
    .top-post_copy{
        margin-top: 0.8em;
        font-size: 1.1em;
        color: #ffffff;
        background-color: #595757;
        padding: 0.4em;
        text-align: center;
    }
	
	.top-post_1post {
		display: flex;
		align-items: center;
	}
	
	.top-post_day {
    	font-size: 80%;
    	line-height: 3em;
    	color: #595757;
	}
	
	.top-post_kijititle {
    	margin-left: 1em;
	}

	/*出張着付け*/
	
	.syucchoukitsuke-sub-contents.flexbox {
		display: flex;
	}
	
	.syucchoukitsuke-sub-contents.flexbox_pic {
		display: flex;
        width: 45%;
        align-items: center;
	}
	
	.syucchoukitsuke-sub-contents.flexbox_pic img {
		width: 100%;
	}
	
	.syucchoukitsuke-sub-contents.flexbox_doc {
        display: flex;
        width: 55%;
        padding-left: 3%;
        flex-direction: column;
        justify-content: center;
	}
	
	.syucchoukitsuke-sub-contents.flexbox_doc span {
    	display: block;
    	font-size: 130%;
    	font-weight: bold;
    	color: #5c7795;
    	padding-bottom: 5%;
	}

	.syucchoukitsuke-sub-contents.khakibox-wrapper {
		display: flex;
		margin-top: 4%;
	}

	.syucchoukitsuke-sub-contents.khakibox {
        background-color: #f5f2e9;
        width: 100%;
        /*border-radius: 2% 2% 0% 0%;*/
		padding: 3% 5%;
    }

	.syucchoukitsuke-sub-contents.khakibox .flexbox {
    	display: flex;
	}

	.syucchoukitsuke-sub-contents.khakibox .txt {
        color: #595757;
        font-size: 94%;
        line-height: 170%;
	}

    .syucchoukitsuke-sub-contents .tejun-wrapper {
        margin: 0 auto;
        width: 100%;
    }

    .syucchoukitsuke-sub-contents .tejun-wrapper .tejun {
        background-color: #b5c27b;
        width: 100%;
        padding: 2%;
        border-radius: 6px;
        color: white;
        font-weight: bold;
        font-size: 120%;
        text-align: center;
    }

    .syucchoukitsuke-sub-contents .tejun-wrapper .arrow-1 img {
        padding: 1%;
        display: block;
        margin: 0 auto;
        width: 10%;
    }

	.menu-wrapper {
	    background-color: #f6faed;
	    width: 100%;
	}

    .menu-wrapper span {
        background-color: #509296;
        display: block;
        font-size: 130%;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 1%;
    }

	.menu-contents {
	    padding: 4% 0;
	}

	.border_under {
		border-bottom: solid 1px;
		color: #5c7795;
		margin: 5% 0;
	}

	/*着付養成講座*/

    .youseikouza-contents.flexbox {
        display: flex;
    }

    .youseikouza-contents.flexbox_doc {
        width: 55%;
        padding-right: 3%;
    }

	.youseikouza-contents.flexbox_doc img {
		margin: 3% auto 0;
		display: block;
		width: 80%;
	}

    .youseikouza-contents.flexbox_pic {
		display: flex;
        width: 45%;
        align-items: center;
    }

	.youseikouza-contents.flexbox_pic img {
		width: 100%;
	}

	.youseikouza-contents .shirowaku-wrapper .shirowaku-contents .table_design08 {
		margin-top: 3%;
	}

	.youseikouza-contents.khakibox-wrapper {
		display: flex;
		width: 100%;
        justify-content: space-between;
		align-items: stretch;
	}

	.youseikouza-contents.khakibox {
		width: 49%;
	}

	.youseikouza-contents.khakibox .contents {
		padding: 4%;
		margin: 0 auto;
	}

	.youseikouza-contents.khakibox .contents span {
		display: block;
		background-color: #66aeb3;
		background-size: cover;
		padding: 0.6em;
	}

	.youseikouza-contents.khakibox span {
        display: block;
        margin-top: 1em;
        background-color: #66aeb3;
        padding: 0.6em;
        font-weight: bold;
        color: #ffff;
        text-align: center;
        font-size: 120%;
    }

    .youseikouza-contents.khakibox span.sp0 { display: block; margin-top: 1em; background-color: #749278; padding: 0.6em; font-weight: bold; color: #ffff; text-align: center; font-size: 120%; }

	.youseikouza-contents.khakibox .contents img {
		width: 100%;
		padding: 1.4em 0;
	}

	.kamokuichiran-contents {
		background-image: url(./images/kamokui_bg1000×200.png);
        background-repeat: no-repeat;
		margin-bottom: 5%;
	}

	.kamokuichiran-contents .flexbox {
		display: flex;
	}
	
	.kamokuichiran-contents .flexbox .flexbox_doc {
		width: 100%;
	}
	
	.kamokuichiran-contents .flexbox .flexbox_doc span {
    	display: block;
    	margin-top: 3%;
    	padding: 2% 2% 2% 6%;
    	font-weight: bold;
    	color: #ffff;
    	text-align: center;
    	font-size: 120%;
	}
	
	.kamokuichiran-contents .shotouka .flexbox .flexbox_doc span {
	   	background-color: #40a2bf;
	}
	
	.kamokuichiran-contents .senkouka .flexbox .flexbox_doc span {
    	background-color: #cf9297;
	}
	
	.kamokuichiran-contents .kenshuka .flexbox .flexbox_doc span {
    	background-color: #9cb97b;
	}
	
	.kamokuichiran-contents .shihanka .flexbox .flexbox_doc span {
    	background-color: #d0a262;
	}
	
	.kamokuichiran-contents .koutou-shihanka .flexbox .flexbox_doc span {
    	background-color: #e29676;
	}
	
	.kamokuichiran-contents .flexbox .flexbox_pic {
        padding: 2% 3% 0 5%;
    }

	.kamokuichiran-contents .flexbox .flexbox_pic img {
		width: 100%;
	}

	.kamokuichiran-contents .flexbox .flexbox_doc .txt {
		padding: 0 7%;
        color: #595757;
        font-size: 94%;
        line-height: 170%;
	}

    .kamokuichiran-contents .flexbox .flexbox_doc .txt .midashi {
        padding: 5% 0;
        font-weight: bold;
        font-size: 130%;
    }

.btn-container { text-align: center; margin: 20px 0; width:100%; display:block; }
.taiken-btn { display: inline-block; background-color: #568b9d; color: #ffffff !important; text-decoration: none !important; font-size: 23px; font-weight:400; padding: 15px 60px; border-radius: 6px; transition: background-color 0.3s; letter-spacing: 0.1em; }
.taiken-btn span { margin-left: 10px; font-weight: normal; }
.taiken-btn:hover { background-color: #4d7586; }
.btn-subtext { color: #5d8ca0; font-size:15px; font-weight:400; margin-top: 15px; letter-spacing: 0.05em; }


.school { margin:0 auto; padding:3.5% 0; }
.school h4 { margin:0 0 1rem; padding:1rem; font-size:1.8rem; color:#3e5169; font-weight:300; background-image: url(./images/line.gif); background-repeat:no-repeat; background-position: 0% 50%; background-size:5px 30px; box-sizing:border-box; }
.school ul { margin:0 auto; padding:0; width:100%; display:flex; justify-content:space-between; align-items: center; }
.school ul li { margin:0; padding:0; }
.school ul li.lir { width:55%; }
.school ul li.lil { width:45%; }
.school ul li img { margin:0 auto; width:90%; height:auto; display:bloc; }
.school ul li h5 { margin:0 0 1rem; padding:0 0 1rem; font-size:1.6rem; color:#657758; font-weight:400; line-height:130%; border-bottom:2px solid #79895f; }
.school ul li p { font-size:0.93rem; letter-spacing:1px; line-height:160%; color:#333; }


	/*教室案内・アクセス*/
	.map-wrapper {
	    width: 100%;
	    background-color: #ebf5e5;
	}

	.map {
	    position: relative;
	    width: 100%;
	    padding-top: 56.25%;/* 16:9のアスペクト比 */
	    height: 0;
	}

	.map iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	/*table（アクセスページ用）デザイン*/
	.table_design_nores {
        margin: 4% auto;
        border-collapse: collapse;
        /* table-layout: fixed; */
        width: 100%;
        /* max-width: 810px; */
        /* text-align: center; */
    }
	.table_design_nores th, .table_design_nores td {
		background-color: #fff;
		border: 1px solid #d6e2c0;
		padding: 1em;
		color: #595757;
		font-size: 90%;
	}
    .table_design_nores th {
		background-color: #ebf5ec;
        color: #595757;
        font-weight: normal;
		font-weight: bold;
        /* text-align: center; */
	}

	/*footer*/

	.contact_btn_ft img {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 404px;
	}

	.tel_ft .PCMB img {
		display: block;
		margin: 2% auto;
		width: 100%;
		max-width: 628px;
	}

	.kitsukesi_bn {
		width: 100%;
		background-color: #ebf5e5;
	}

	.kitsukesi_bn .PCMB img {
        display: block;
        margin: 0 auto;
        padding: 3%;
        width: 100%;
        max-width: 1000px;
    }

	.PCfooter-wrapper {
		margin-top: 3%;
		width: 100%;
		position: absolute;/*絶対位置・PCフッター固定*/
    	bottom: 0;/*PCフッター固定*/
	}

    .PCfooter-bg_upper{
        background-color: #ebeddf;
        width: 100%;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
	
    .PCfooter_logo{
        padding-bottom: 1em;
    }
	
	.PCfooter_logo img {
		display: block;
		width: 100%;
		height: auto;
	}
	
    .PCfooter-bg_upper_txt{
        font-size: 90%;
        line-height: 1.8em;
        text-align: center;
    }
	
    .PCfooter-bg_middle{
        font-size: 80%;
        background-color: #6e8192;
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
	
	.PCfooter-bg_middle span {
		width: 90%;
		font-size: 88%;
		display: flex;
		justify-content: center;
	}
	
     .PCfooter-bg_bottom {
        background-color: #919f62;
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 76%;
    }
	
	.MBfooter_btn {
		display: none;
	}
	
	/*お問い合わせ・お申し込み*/

		/*コンタクトフォーム*/
		.cf7__list {
		  display: flex;
		  flex-wrap: wrap;
		  margin-bottom: 60px;
		}
		
		.cf7__list dt:nth-of-type(n + 2),
		.cf7__list dd:nth-of-type(n + 2) {
		  margin-top: 30px;
		}
		
		.cf7__list dt {
		  width: 35%;
		  padding-top: 15px;
		}
		
		.cf7__list dd {
		  width: 65%;
		}
		
		/* 必須・任意 */
		.cf7__required,
		.cf7__optional {
		  margin-right: 15px;
		  padding: 6px 14px;
		  color: #fff;
		  font-size: 12px;
		  vertical-align: 1px;
		}
		
		.cf7__required {
		  background: #BE1D1D;
		}
		
		.cf7__optional {
		  background: #878D8E;
		}
		
		/* input・textarea */
		.cf7__list dd input[type="text"],
		.cf7__list dd input[type="tel"],
		.cf7__list dd input[type="email"],
		.cf7__list dd textarea {
		  width: 100%;
		  padding: 15px 20px;
		  background: #F4F4F4;
		}
		
		/* ドロップダウンメニュー */
		.cf7__select {
		  position: relative;
		}
		
		.cf7__select:before {
		  position: absolute;
		  top: 50%;
		  right: 20px;
		  z-index: 10;
		  transform: translateY(-50%);
		  width: 0;
		  height: 0;
		  border-top: 8px solid #000;
		  border-right: 6px solid transparent;
		  border-left: 6px solid transparent;
		  pointer-events: none;
		  content: '';
		}
		
		.cf7__select select {
		  width: 100%;
		  padding: 19px 20px;
		  background: #F4F4F4;
		  color: #a5a5a5;
		  -webkit-appearance: none;
			 -moz-appearance: none;
				  appearance: none;
		}
		
		/* チェックボックス・ラジオボタン */
		.cf7__list dd .wpcf7-checkbox,
		.cf7__list dd .wpcf7-radio {
		  display: block;
		  padding: 15px 0 10px;
		}
		
		/* 縦並び（チェックボックス・ラジオボタン） */
		.cf7__list dd .wpcf7-list-item {
		  display: block;
		  margin: 0;
		}
		
		.cf7__list dd .wpcf7-list-item:nth-child(n + 2) {
		  margin-top: 18px;
		}
		
		/* マウスカーソル（チェックボックス・ラジオボタン） */
		.cf7__list dd .wpcf7-list-item label {
		  cursor: pointer;
		}
		
		/* チェックボックス・ラジオボタン */
		input[type="checkbox"],
		input[type="radio"] {
		  position: relative;
		  width: 18px;
		  height: 18px;
		  margin-right: 8px;
		  border: 1px solid #bcbcbc;
		  vertical-align: -3px;
		  cursor: pointer;
		  -webkit-appearance: none;
			 -moz-appearance: none;
				  appearance: none;
		}
		
		/* チェックボックス */
		input[type="checkbox"]:checked {
		  border: 1px solid #000;
		  background: #000;
		}
		
		input[type="checkbox"]:checked:before {
		  position: absolute;
		  top: 2px;
		  left: 5px;
		  transform: rotate(50deg);
		  width: 6px;
		  height: 10px;
		  border-right: 2px solid #fff;
		  border-bottom: 2px solid #fff;
		  content: '';
		}
		
		/* ラジオボタン */
		input[type="radio"] {
		  border-radius: 50%;
		}
		
		input[type="radio"]:checked:before {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  width: 9px;
		  height: 9px;
		  border-radius: 50%;
		  background: #000;
		  content: '';
		}
		
		/* プレースホルダー */
		/* Google Chrome / Safari / Mozilla Firefox / Opera */
		.cf7__list dd input[type="text"]::placeholder,
		.cf7__list dd input[type="tel"]::placeholder,
		.cf7__list dd input[type="email"]::placeholder,
		.cf7__list dd textarea::placeholder {
		  color: #a5a5a5;
		}
		
		/* Microsoft Edge */
		.cf7__list dd input[type="text"]::-ms-input-placeholder,
		.cf7__list dd input[type="tel"]::-ms-input-placeholder,
		.cf7__list dd input[type="email"]::-ms-input-placeholder,
		.cf7__list dd textarea::-ms-input-placeholder {
		  color: #a5a5a5;
		}
		
		/* Internet Explorer */
		.cf7__list dd input[type="text"]:-ms-input-placeholder,
		.cf7__list dd input[type="tel"]:-ms-input-placeholder,
		.cf7__list dd input[type="email"]:-ms-input-placeholder,
		.cf7__list dd textarea:-ms-input-placeholder {
		  color: #a5a5a5;
		}
		
		/* 送信ボタン */
		.cf7__button {
		  padding-left: 72px;
		  text-align: center;
		}
		
		input[type="submit"] {
		  width: 260px;
		  height: 60px;
		  background: #000;
		  color: #fff;
		  transition: opacity .6s;
		}
		
		input[type="submit"]:hover {
		  opacity: .6;
		}
		
		/* ajax-loader */
		.wpcf7-spinner {
		  vertical-align: middle;
		}
	
	/*投稿ページ*/
	/*アイキャッチサイズ*/
	.entry .eyecatch img {
		height: auto;
		width: 100%;
		padding: 4% 8% 8%;
	}

	.news-kiji .entry {
		color: #595757;
		font-size: 100%;
		line-height: 170%;
		padding: 2%;
	}

	.news-kiji h2 {
		color: #79895f;
		font-size: 140%;
		line-height: 150%;
		border-bottom: solid 1px;
		padding-bottom: 1%;
	}

	.news-kiji .post-date {
		text-align: right;
		color: #595757;
		font-size: small;
		padding: 2% 0 0;
	}


	.navigation {
		width: 40%;
		margin: 10% auto;
		display: flex;
		justify-content: space-between;
	}

	/*ニュース一覧*/

	.news-kiji {
		margin-bottom: 10%;
	}

	.pagination {
		text-align: center;
	}

	.page-numbers.current, a.page-numbers {
    padding: 2em;
	}

	/*プライバシーポリシー*/
	.privacypolicy .title {
		display: flex;
		color: #595757;
		font-size: 110%;
		justify-content: center;
	}

	.privacypolicy .txt {
		display: block;
		color: #595757;
		font-size: 96%;
		line-height: 200%;
		padding: 2% 5% 5%;
	}

	.privacypolicy .txt span {
		display: block;
		padding-top: 6%;
		font-weight: bold;
		text-indent: -1em;
	}

	.privacypolicy .txt ul li {
		list-style: square;
		list-style-position: inside;
	}

/*}*//*PC表示ここまで*/

/*PC表示のみ*/
@media screen and ( min-width:769px ){
	.top-mainimg .maincopy .MB {
		display: none;
	}
	
	.syucchoukitsuke-contents.khakibox .SP img {
	    display: none;
	}
	
	.bridal-content.flexbox_pic .SP {
		display: none;
	}
	
	.tel_ft .SP {
		display: none;
	}
	
	.kitsukesi_bn .SP {
		display: none;
	}

	.MBfooter-wrapper{
		display: none;
	}
}

/*タブレット表示*/
@media screen and ( max-width:768px ){

	/*ヘッダーメニュー*/
    .PCheader-wrapper{
        display: none;/*PCヘッダー非表示*/
    }
	
	.MBheader-wrapper{
		width: 100%;
		display: flex;
	}
	
	.MB_logo {
    	width: 80%;
        height: auto;
        display: flex;
        justify-content: center;
        padding: 1em;
	}
	
	.MB_logo img {
		width: 100%;
        height: auto;
	}

	.MB_menu{
		width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
	}

	/*バーガーメニュー*/
	.menu-btn {
		right: 0;
		display: flex;
		height: 40px;
		width: 40px;
		justify-content: center;
		align-items: center;
		z-index: 90;
		background-color: #919f62;
	}
	
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #ffffff;
		position: absolute;
	}

	.menu-btn span:before {
		bottom: 8px;
	}

	.menu-btn span:after {
		top: 8px;
	}
	
	#menu-btn-check:checked ~ .menu-btn span {
    	background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}

	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}

	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}

	#menu-btn-check {
    	display: none;
	}

	/*メニュー*/
	.menu-content {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	  	  top: 0;
	    left: 100%;/*leftの値を変更してメニューを画面外へ*/
	    z-index: 80;
	    background-color: #f5f2e9;
	    transition: all 0.5s;/*アニメーション設定*/
	}
	
	.menu-content ul {
	    padding: 20% 10%;
	}
	
	.menu-content ul li {
	    border-bottom: solid 1px #79895f;
	    list-style: none;
	}
	
	.menu-content ul li a {
	    display: block;
	    width: 100%;
	    font-size: 15px;
	    box-sizing: border-box;
	    color:#79895f;
	    text-decoration: none;
	    padding: 5% 4%;
	    position: relative;
	}
	
	.menu-content ul li a::before {
		content: "";
        width: 8px;
        height: 8px;
        border-top: solid 2px #79895f;
        border-right: solid 2px #79895f;
        transform: rotate(45deg);
        position: absolute;
        right: 4%;
        top: 45%;
	}
	
	#menu-btn-check:checked ~ .menu-content {
	    left: 0;/*メニューを画面内へ*/
	}
	/*メニューここまで*/

	/*全ページ共通*/
	.page-wrapper {
		width: 96%;
		margin: 6% auto 0;
	}
	
	.kiji-wrapper {
	    background-image: url(./images/midashi_bg_800×970.png);
	    background-size: 100%;
	    background-repeat: no-repeat;
	}

	h3.midashi-1 {
		font-size: 140%;
	}

	h4.midashi-2 {
		padding:1rem 0;
		font-size: 120%;
	}

	span.txt {
		font-size: 90%;
	}

	.headcopy {
        font-size: 120%;
		border-top: solid 2px #c0cf92;
		border-bottom: solid 2px #c0cf92;
		padding: 0.8em 2em;
    }

	/*トップページ*/

	.top-mainimg .maincopy .PC {
		display: none;
	}

	.top-mainimg .maincopy img{
		max-width: 90%;
	}

	.top-mainimg .mainimg img {
		height: 550px;
	}

	.border{
		border: none;
		height: 2px;
		background-color: #919f62;
		margin: 2em 0;
	}
	
	.syucchoukitsuke-contents.flexbox {
		margin-top: 4%;
	}
	
	.syucchoukitsuke-contents.flexbox_pic {
        width: 50%;
        display: flex;
        align-items: center;
    }
	
	.syucchoukitsuke-contents.flexbox_doc {
		width: 50%;
	}

	.khakibox .txt {
    	font-size: 86%;
	}

	.bridal-content.khakibox .txt {
		font-size: 86%;
	}
	
	.bridal-content.txt span {
		font-size: 120%;
	}
	
	.bridal-content.khakibox .tantousya-pic {
		width: 100%;
	}

	.width100bn .toiawaselink img {
		width: 70%;
	}
	
	.bridal-content.txt {
		margin-top: 3%;
	}
	
	/*新着ニュース一覧*/
	.top-post_wrapper {
		width: 96%;
	}

    .top-post_title {
        display: flex;
        border-bottom: 3px solid #919f62;
        padding-bottom: 0.4em;
    }
	
	.top_newstitle {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
	}
	
	.top_newstitle img {
		display: block;
        width: 63%;
        height: auto;
	}
	
	.ichiran_btn {
        width: 100%;
        display: flex;
        justify-content: flex-end;
	}
	
	.ichiran_btn img {
		width: 60%;
        height: auto;
	}
	
    .top-post_copy {
        margin: 0.4em 0;
        font-size: 90%;
        color: #ffffff;
        background-color: #595757;
        padding: 0.4em;
        text-align: center;
    }
	
	.top-post_1post {
		display: flex;
		align-items: center;
	}
	
	.top-post_day {
    	font-size: 80%;
    	line-height: 3em;
    	color: #595757;
	}
	
	.top-post_kijititle {
    	margin-left: 1em;
		font-size: 90%;
	}
	
	/*footer（MB）*/
	.PCfooter-wrapper {
		display: none;
	}
	
	.MBfooter-wrapper{
		width: 100%;
	}
	
	.MBfooter_menu span {
		display: flex;
        background-color: #6e8192;
        font-size: 0.9em;
        color: white;
        padding: 1.6em;
        justify-content: center;
        margin-bottom: 1px;
	}
	
	.MBfooter_logo {
		background-color: #ebeddf;
	}
	
    .MBfooter_logo img {
        width: 40%;
        padding: 2%;
        height: auto;
        margin: 0 auto;
        display: block;
    }
	
	.MBfooter_address span{
    	display: flex;
	    flex-direction: column;
	    align-items: center;
	    font-size: 0.9em;
		color: #595757;
	}
	
	.MBfooter_copyright {
	    display: flex;
		justify-content: center;
		color: #595757;
		font-size: 0.8em;
		padding: 2em;
	}
	
	.MBfooter_btn {
        display: flex;
        background-color: #919f62;
        justify-content: center;
		position: sticky;/*最下部固定*/
		position: -webkit-sticky; /* Safari 12.1 */ 
		bottom: 0;/*最下部固定*/
    }
	
	.MBfooter_btn img {
		width: 100%;
		height: auto;
		padding: 0.8em;
	}
	
	.footerFixed{
		padding-bottom: 0px; /*フッターの高さを指定*/
	}
	
	.MBfooter_btn a {
		width: 100%;
	}

	/*着付養成講座*/
	
	.youseikouza-contents.flexbox_doc img { margin:0 auto; width: 100%; }
	.youseikouza-contents.flexbox_doc span.txt { font-size:12.5px; line-height:160%; }

	.btn-container { margin:20px auto; width:80%; }
	.taiken-btn { font-size:15px; padding:13px 2rem; }
	.btn-subtext { font-size:13px; }

	.school { padding:2% 0; }
	.school h4 { font-size:1.35rem; background-size:5px 50px; }
	.school ul { align-items:stretch; }
	.school ul li h5 { margin:0 0 0.5rem; padding:0 0 0.5rem; font-size:1.3rem; }
	.school ul li p { font-size:0.8rem; letter-spacing:0.1px; line-height:165%; }
	




	/*教室案内・アクセス*/
	.table_design_nores th, .table_design_nores td {
    	font-size: 96%;
	}
	
	/*お問い合わせ・お申し込み*/
  	.cf7__list dt {
		width: 100%;
		margin-bottom: 15px;
		padding-top: 0;
  	}

  	.cf7__list dd {
		width: 100%;
  	}

  	.cf7__list dd:nth-of-type(n + 2) {
		margin-top: 0;
  	}

  	.cf7__list dd .wpcf7-checkbox,
  	.cf7__list dd .wpcf7-radio {
		padding: 15px 0 0;
  	}

  	/* 送信ボタン */
  	input[type="submit"] {
		width: 180px;
		height: 56px;
  	}

	/*ニュース*/
	.news-kiji {
		margin: 0 auto 10%;
		width: 90%;
	}
	
}/*タブレット表示ここまで*/

/*タブレット表示のみ*/
@media only screen and (min-width: 501px) and (max-width: 768px) {

	.syucchoukitsuke-contents.khakibox .SP img {
	    display: none;
	}
	
	.bridal-content.flexbox_pic .SP {
		display: none;
	}
	
	.tel_ft .SP {
		display: none;
	}
	
	.kitsukesi_bn .SP {
		display: none;
	}
	
	/*着付養成講座*/

	.page-wrapper.subpage {
	    width: 768px;
	    max-width: 96%;
	}
	
	.youseikouza-contents.khakibox {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.youseikouza-contents.khakibox span { font-size:0.85rem; }
	.youseikouza-contents.khakibox span.sp0 { font-size:0.85rem; }

	/*出張着付け*/
	.table_design08 {
	    width: 90%;
	}

}

/*スマホ表示*/
@media screen and ( max-width:500px ){
	
	/*全ページ共通*/
	h2.kiji-title img {
		width: 94%;
	}
	
	h3.midashi-1 {
		display: none;
	}
	
	h3.midashi-1sp {
		padding: 0 2%;
		color: #5c7795;
	    background: transparent;
	    border-left: solid 6px #5c7795;
	    font-size: 110%;
	    line-height: 140%;
	}
	
	h4.midashi-2 {
		font-size: 110%;
	}
	h4.midashi-2 br { display:none; }
	
	.width100bn .toiawaselink img {
        width: 100%;
    }
	
	.page-wrapper.subpage {
	    width: 500px;
	    max-width: 96%;
	}
	
	.headcopy {
		max-width: 500px;
		font-size: 100%;
		border-top: solid 1px #c0cf92;
		border-bottom: solid 1px #c0cf92;
		padding: 0.8em 1.2em;
	}

	/*新着ニュース一覧*/
	.top_newstitle img {
        width: 80%;
	}

	.ichiran_btn img {
		width: 90%;
	}
	
    .top-post_copy {
        font-size: 70%;
        padding: 1em;
		text-align: left;
    }
	
	.top-post_1post {
		display: flex;
		flex-direction: column;
        align-items: flex-start;
		margin-bottom: 1em;
    }
	
	.top-post_day {
		font-size: 80%;
        line-height: 1.4em;
        color: #595757;
    }
	
	.top-post_kijititle {
    	margin-left: 0;
		font-size: 80%;
	}

	/*footer（スマホ）*/
	.MBfooter_menu span {
        font-size: 0.8em;
        padding: 2em;
	}

	.MBfooter_logo img {
        width: 60%;
    }
	
	.MBfooter_address {
	    font-size: 0.7em;
	}
	
	.MBfooter_copyright {
		font-size: 0.6em;
	}
	
	.MBfooter_btn img {
        width: 100%;
        padding: 0.4em;
	}
	
	.tel_ft .PCMB {
		display: none;
	}

	.contact_btn_ft img {
	    width: 80%;
	}
	
    .tel_ft .SP img {
        width: 100%;
        padding: 4% 0;
    }

	.kitsukesi_bn .PCMB {
		display: none;
	}
	
	.kitsukesi_bn .SP img {
	    width: 100%;
	    padding: 4%;
	}

/*トップページ*/
	.top-mainimg .mainimg img {
		height: 268px;
	}
	
	.syucchoukitsuke-contents.flexbox {
	    flex-direction: column;
	}

	.syucchoukitsuke-contents.flexbox_pic {
		width: 100%;
	}

	.syucchoukitsuke-contents.flexbox_pic img {
	    padding: 6% 0;
	}

	.syucchoukitsuke-contents.flexbox_doc {
		width: 100%;
		padding: 0;
	}
	
	.syucchoukitsuke-contents.khakibox-wrapper {
	    flex-direction: column;
	}
	
	.syucchoukitsuke-contents.khakibox {
	    width: 100%;
		margin-bottom: 2%;
	}

	.syucchoukitsuke-contents.khakibox .PCMB img {
	    display: none;
	}

	.syucchoukitsuke-contents.khakibox .SP img {
	    width: 100%;
		padding: 2%;
	}

	.syucchoukitsuke-contents.khakibox .txt {
		padding: 0 4% 4%;
	}
	
	.syucchoukitsuke-contents.khakibox .txt span {
	    font-size: 160%;
	}
	
	.bridal-content.flexbox {
	    flex-direction: column;
	}
	
	.bridal-content.flexbox_pic {
	    width: 100%;
	}
	
	.bridal-content.flexbox_pic img {
		width: 100%;
	}
	
	.bridal-content.flexbox_pic .PCMB {
		display: none;
	}
	
	.bridal-content.flexbox_doc {
	    width: 100%;
		margin-top: 4%;
	}
	
	.bridal-content.khakibox {
	   flex-direction: column;
	}

	.bridal-content.khakibox .txt {
		padding: 0 4% 4% 4%;
	}

    .ichiran_btn img {
        width: 100%;
    }

	/*テーブルレイアウト（スマホ表示）*/
	.table_design08 {
	    text-align: left;
	}
	.table_design08 thead {
	    display:none;
	}
	.table_design08 th, .table_design08 td {
	    display: block;
	    border: 0;
	    border-bottom: 2px solid #d6e2c0;
	}
	.table_design08 tbody th{
		background: #EBF5ED;
	  }
	.table_design08 td::before{
	    content: attr(data-label);
	    color: #79895f;
	    font-weight: bold;
	    display: inline-block;
	    width: 20%;
	    min-width: 4em;
		line-height: 2em;
	}

	/*着付け教室*/

	.youseikouza-contents.flexbox {
	    flex-direction: column;
	}

	.youseikouza-contents.flexbox_doc {
		width: 100%;
		padding: 0;
	}

	.youseikouza-contents.flexbox_pic {
	    width: 100%;
	    padding: 3% 0;
	}

	.youseikouza-contents.khakibox-wrapper {
        flex-direction: column;
        width: 96%;
        margin: 0 auto;
    }

	.youseikouza-contents.khakibox {
	    width: 100%;
		margin-top: 4%;
	}

	.kamokuichiran-contents .flexbox {
		flex-direction: column;
	}

	.kamokuichiran-contents {
	    background-size: 100%;
	}

	.kamokuichiran-contents .flexbox .flexbox_doc span {
	    font-size: 96%;
	    padding: 2% 0;
	}

	.kamokuichiran-contents .flexbox .flexbox_doc .txt .midashi {
	    padding: 4% 0;
	    font-size: 110%;
	}

	.kamokuichiran-contents .flexbox .flexbox_doc .txt {
	    padding: 0 5% 5%;
	    font-size: 90%;
	}

	.btn-container { margin: 1rem auto; width:100%; }
	.taiken-btn { font-size: 20px; padding: 15px 0; width:100%; }
	.btn-subtext { text-align:left; font-size:14px; }
	.school { padding:2% 0; }
	.school h4 { margin:0.5rem 0; font-size:19px; background-size:5px 50px; }
	.school ul { display:block; }
	.school ul li { width:100%; }
	.school ul li img { marign:0 auto; width:100%; height:auto; }
	.school ul li.lir { width:100%; }
	.school ul li p { font-size:0.92rem; }
	.school ul li.lil { width:100%; }
	.school ul li h5 { margin:1rem 0; font-size:17.5px; line-height:140%; color:#657758; }

	/*出張着付け*/
	.syucchoukitsuke-sub-contents.khakibox .flexbox {
	    display: flex;
	    flex-direction: column;
	}

	.syucchoukitsuke-sub-contents.flexbox_pic {
    	width: 100%;
	}

	.syucchoukitsuke-sub-contents.khakibox {
	    padding: 5%;
	}
	
	.syucchoukitsuke-sub-contents.flexbox_doc {
	    width: 100%;
	    padding: 5% 0;
	}
	
	.syucchoukitsuke-sub-contents.flexbox_doc span {
	    margin: 0 auto;
	}

	.syucchoukitsuke-sub-contents .shirowaku-wrapper .menu-wrapper {
		background-color: transparent;
		margin-top: 2%;
	}

	.syucchoukitsuke-sub-contents.table_design08 td::before {
		content: none;
	}

	.syucchoukitsuke-sub-contents.table_design08 th, .syucchoukitsuke-sub-contents.table_design08 td {
		font-size: 94%;
		line-height: 170%;
	}

	.syucchoukitsuke-sub-contents.khakibox .txt {
    	font-size: 90%;
    	line-height: 180%;
	}
	
	.syucchoukitsuke-sub-contents .tejun-wrapper .tejun {
	    padding: 4%;
	    font-size: 100%;
	}

	.syucchoukitsuke-sub-contents .menu-wrapper span {
	    font-size: 120%;
	    padding: 2%;
	}

	/*教室案内・アクセス*/
	
	.map {
    	padding-top: 100%;
	}
	
	.table_design_nores th {
		white-space: nowrap;
	}

    .table_design_nores th, .table_design_nores td {
        font-size: 80%;
    }

	/*ニュース*/
	
	.news-kiji h2 {
		font-size: 120%;
		line-height: 140%;
	}

	.news-kiji .entry {
		font-size: 90%;
	}

	.navigation {
		width: 100%;
	}

	.pagination {
		text-align: center;
		margin-bottom: 10%;
	}

	/*プライバシーポリシー*/
	.privacypolicy .txt {
		font-size: 88%;
		line-height: 180%;
	}

	.privacypolicy .txt span {
		padding-top: 12%;
	}

}/*スマホ表示ここまで*/

/*スマホサイズのみ非表示*/
@media screen and ( min-width:501px ){

	h3.midashi-1sp {
		display: none;
	}

}
