@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/****************************************************************
全体
*****************************************************************/
/*マウスホバー時の全体の背景色を消す*/
.a-wrap:hover { 
    background: none;
}

/* 波形分割 */
.wave {
  margin-top: 60px;
}

.wave svg {
  display: block;
  width: 100%;
  height: 80px;
}

/* 詳細はこちらボタン_角丸 */
.btn-kadomaru-main{
  text-align: center;
}

.btn-kadomaru-a {
  display: inline-block;
  width: 100%;
  padding: 10px 5px;
  border: 2px solid #313131;
  border-radius: 2rem;
  color: #2b2b2b;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  background: #ffffff57;
  transition: all 0.3s;
}


/***********************************************************************
** カスタムヘッダー
************************************************************************/
/* カスタムヘッダー_大元 */
.header-custom{
    border-top: solid 3px #855808;
}

/* カスタムヘッダー_メイン */
.menu-custom{
    width: 1206px;
    margin: 0 auto;
}

/* カスタムヘッダー_アイテム */
.menu-custom-list{
    width: 16.6667% !important;
    min-height: 50px;
    box-shadow: inset 1px 0 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;
    transition: 0.3s;
}

/* カスタムヘッダー_a */
.navi-itm-a{
    text-decoration: none;
}
/* カスタムヘッダー_メイン */
.navi-itm-a-main{
    padding: 0.7em 0.2em 0.3em 0.2em;
}

/* カスタムヘッダー_アイコン */
.navi-itm-a-main-icon{
    text-align: center;
}
/* カスタムヘッダー_アイコン_img */
.navi-itm-a-main-icon-img{
    max-width: 27%;
}
    
/* カスタムヘッダー_テキスト */
.navi-itm-a-main-txt{
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #917645;
}
/* カスタムヘッダー_hover ***************************************/
.menu-custom-1:hover{background: #ffcfbe;}
.menu-custom-2:hover{background: #d2eef6;}
.menu-custom-3:hover{background: #ffe7ab;}
.menu-custom-4:hover{background: #e3ddff;}
.menu-custom-5:hover{background: #d7f4bb;}
.menu-custom-6:hover{background: #fed2e3;}

/***********************************************************************
固定-「ポイント還元」「価格割引」Amazonでチェック
************************************************************************/
/* Amazonへボタン群の大元 */
.top-amzn, .free-amzn, .width-limit{
    width: 60%;
    margin: 0 auto;
}

/* Amazonへボタン群のライン */
.top-amzn::after {
    background-color: #ffa44c; /* 線色 */
    border-radius: 8px; /* 線幅の半分 */
	height: 20px; /* 線幅 */
    content: "";
    display: block;
	margin-top: -30px;
}

/* Amazonへボタン群のテキスト */
.top-amzn-text{
	min-width: 150px;
	margin: 0 0 0 15px;
}

/* Amazonへボタン群のテキストh2 */
.top-amzn-text-h2{
	text-align: left !important;
    margin: 0 !important;
    border-bottom: none !important;
	font-weight: bold !important;
	font-size: 48px !important;
	line-height: 1.05 !important;
	padding: 0 !important;
}

/* Amazonへボタン群のimg */
.top-amzn-btn-img{
	transition: 0.3s;
}

/* Amazonへボタン群のimgのhover */
.top-amzn-btn-img:hover{
	filter: saturate(430%) hue-rotate(-10deg);
}


/**************************************
固定-期間限定無料
***************************************/
/* Amazonへボタン群のメイン */
.free-amzn-oya{
	width: 55%;
	min-width: 560px;
}

/* Amazonへボタン群のライン */
.free-amzn-oya::after {
    background-color: #ffa44c; /* 線色 */
    border-radius: 8px; /* 線幅の半分 */
	height: 20px; /* 線幅 */
    content: "";
    display: block;
	margin-top: -30px;
}

/* Amazonへボタン群のボタンメイン */
.free-amzn-main-btn{
	margin-right: 2.5em;
	width: 60%;
}

/* Amazonへボタン群のボタン */
.free-amzn-btn{
    background: #f7f2ff;
    border: 3px solid #855808;
    border-radius: 0.8rem;
	box-shadow: 10px 10px 0 0 #ffa44c;
	transition: 0.3s;
}

/* Amazonへボタン群のボタンのhover */
.free-amzn-btn:hover{
	transform: translatey(-6px);
	box-shadow: 13px 19px 0 0 #ffa44c;
}

/* Amazonへボタン群のimg */
.free-amzn-main-btn11-img{
	padding: 0.5em;
}

/* Amazonへボタン群のテキスト */
.free-amzn-main-text{
	min-width: 235px;
}

/**************************************
固定-割引価格
***************************************/
/* Amazonへボタン群のメイン */
.discount-amzn-main-btn{
	flex-wrap: wrap;
	margin-right: 1em;
	width: 64%;
}

/* Amazonへボタン群のボタンの外枠 */
.discount-amzn-btn{
	flex: 1 1 calc(33.333% - 10px);
}

/* Amazonへボタン群のライン */
.discount-amzn::after{
	margin-top: -40px;
	height: 15px;
}

/* Amazonへボタン群のボタン-a */
.discount-amzn-btn-a{
	padding: 12px 20px;
}

/* Amazonへボタン群のボタン */
.discount-amzn-btn-in{
	margin: 12px;
    background: #ecf6fa;
    border: 3px solid #855808;
    border-radius: 0.5rem;
	box-shadow: 5px 5px 0 0 #ffa44c;
	transition: 0.3s;
}

/* Amazonへボタン群のボタンのhover */
.discount-amzn-btn-in:hover{
	transform: translatey(-3px);
	box-shadow: 8px 11px 0 0 #ffa44c;
}

/**************************************
固定-ポイント還元
***************************************/
/* Amazonへボタン群のボタンメイン */
.pointreturn-amzn-main-btn{
	margin-right: 2.5em;
	width: 60%;
}

/* Amazonへボタン群のボタン */
.pointreturn-amzn-btn{
	width: 100%;
	max-width: 170px;
    background: #fff7eb;
    border: 3px solid #855808;
    border-radius: 0.8rem;
	box-shadow: 10px 10px 0 0 #ffa44c;
	transition: 0.3s;
}

/* Amazonへボタン群のボタンのhover */
.pointreturn-amzn-btn:hover{
	transform: translatey(-6px);
	box-shadow: 13px 19px 0 0 #ffa44c;
}

/* Amazonへボタン群のボタン21 */
.pointreturn-amzn-main-btn21{
	margin: 0 3em;
}

/* Amazonへボタン群のimg */
.pointreturn-amzn-main-btn11-img{
	padding: 0.5em;
}


@media screen and (max-width: 1240px){
/***********************************************************************
** カスタムヘッダー 1240px
************************************************************************/
/* カスタムヘッダー_メイン */
.menu-custom{
    width: auto;
}


	
/***********************************************************************
固定-「ポイント還元」「価格割引」Amazonでチェック 1240px
************************************************************************/
/* Amazonへボタン群の大元 1240px*/
.top-amzn, .free-amzn, .width-limit{
    width: 79%;
}

}
@media screen and (max-width: 1030px){
/***********************************************************************
** カスタムヘッダー 480px
************************************************************************/
/* カスタムヘッダー_テキスト 1030px*/
.navi-itm-a-main-txt{
	line-height: 1.2;
}
/***********************************************************************
固定-「ポイント還元」「価格割引」Amazonでチェック 1030px
************************************************************************/
/* Amazonへボタン群のテキストh2 1030px*/
.top-amzn-text-h2{
	font-size: 36px !important;
}
	
/**************************************
固定-期間限定無料 1030px
***************************************/
/* Amazonへボタン群のメイン */
.free-amzn-oya{
	min-width: 500px;
}
	
/**************************************
固定-割引価格 1030px
***************************************/
/* Amazonへボタン群のボタン-a */
.discount-amzn-btn-a{
	padding: 12px 10px;
}
	
/**************************************
固定-ポイント還元 1030px
***************************************/

	
}
@media screen and (max-width: 834px){
/***********************************************************************
固定-「ポイント還元」「価格割引」Amazonでチェック 834px
************************************************************************/
/* Amazonへボタン群の大元 834px*/
.top-amzn, .free-amzn, .width-limit{
    width: 89%;
}	

/* Amazonへボタン群のテキスト 834px*/
.top-amzn-text{
	margin: -20px 0 0 0;
}
	
/* Amazonへボタン群のテキストh2 834px*/
.top-amzn-text-h2{
	font-size: 30px !important;
}
	
/* Amazonへボタン群のボタンメイン 834px*/
.top-amzn-btnarea{
	margin-right: 1.5em;
	width: 65%;
}

/**************************************
固定-期間限定無料 834px
***************************************/
/* Amazonへボタン群のメイン */
.free-amzn-oya{
	min-width: 400px;
}	
	
/**************************************
固定-ポイント還元 834px
***************************************/
/* Amazonへボタン群のライン 834px*/
.pointreturn-amzn::after {
	height: 15px; /* 線幅 */
	margin-top: -25px;
}

/* Amazonへボタン群のボタン21 834px*/
.pointreturn-amzn-main-btn21{
	margin: 0 2em;
}	
/* Amazonへボタン群のボタン 834px*/
.pointreturn-amzn-btn{
	width: 100%;
	border-radius: 0.6rem;
	box-shadow: 7px 7px 0 0 #ffa44c;
}
	
/* Amazonへボタン群のボタンのhover 834px*/
.pointreturn-amzn-btn:hover{
	transform: translatey(-3px);
	box-shadow: 9px 11px 0 0 #ffa44c;
}
	
	
}
@media screen and (max-width: 768px){
	
}

@media screen and (max-width: 480px){
/***********************************************************************
** カスタムヘッダー 480px
************************************************************************/
/* カスタムヘッダー_メイン 480px*/
.navi-itm-a-main{
    padding: 0.7em 0.2em 0.7em 0.2em;
}
	
/* カスタムヘッダー_アイコン 480px*/
.navi-itm-a-main-icon{
    margin-bottom: 5px
}
/* カスタムヘッダー_アイコン_img 480px*/
.navi-itm-a-main-icon-img{
    max-width: 70%;
}
    
/* カスタムヘッダー_テキスト 480px*/
.navi-itm-a-main-txt{
    font-size: 12px;
	line-height: 1.1;
}
	
	
/***********************************************************************
固定-「ポイント還元」「価格割引」Amazonでチェック 480px
************************************************************************/
/* Amazonへボタン群の大元 480px*/
.top-amzn, .free-amzn, .width-limit{
    width: 80%;
	min-width: 310px;
}
	
/* Amazonへボタン群のライン */
.top-amzn::after, .free-amzn-oya::after{
	height: 0px; /* 線幅 */
}
	
/* Amazonへボタン群のテキスト 480px*/
.top-amzn-text{
	margin: 0 0 20px 0;
}

/* Amazonへボタン群のテキストにラインを入れる 480px***********************/
.top-amzn-text:before, .top-amzn-text:after {
    content: "";
    height: 3px;
	width: 25px;
    flex-grow: 0.23;
    background-color: #8a7059;
}
 
.top-amzn-text:before {
    margin-right: 0.7rem;
}
 
.top-amzn-text:after {
    margin-left: 0.4rem;
}
	
/* Amazonへボタン群のテキストh2 480px*/
.top-amzn-text-h2{
	font-size: 24px !important;

}/* Amazonへボタン群のボタンメイン 480px*/
.top-amzn-btnarea{
	margin-right: 7px;
	width: 99%;
}
/* Amazonへボタン群のメイン 480px*/
.top-amzn-main{
	flex-direction: column;
}
	


/**************************************
固定-期間限定無料 480px
***************************************/
/* Amazonへボタン群のメイン */
.free-amzn-oya{
	width: 100%;
	min-width: 0px;
}
	
/* Amazonへボタン群のメイン */
.free-amzn-main-btn{
	justify-content: center !important;
}
	
/* Amazonへボタン群のボタン */
.free-amzn-btn{
	width: 30%;
    border-radius: 0.4rem;
	box-shadow: 5px 5px 0 0 #ffa44c;
}
	
/* Amazonへボタン群のボタンのhover 480px*/
.free-amzn-btn:hover{
	transform: translatey(-3px);
	box-shadow: 6px 9px 0 0 #ffa44c;
}
/**************************************
固定-割引価格 480px
***************************************/
/* Amazonへボタン群のボタン-a */
.discount-amzn-btn-a{
	padding: 12px 4px;
}
	
/* Amazonへボタン群のボタン */
.discount-amzn-btn-in{
	margin: 8px;
    border-radius: 0.4rem;
	box-shadow: 4px 4px 0 0 #ffa44c;
}
	
/* Amazonへボタン群のボタンのhover */
.discount-amzn-btn-in:hover{
	transform: translatey(-3px);
	box-shadow: 6px 9px 0 0 #ffa44c;
}
	
/**************************************
固定-ポイント還元 480px
***************************************/
/* Amazonへボタン群のボタン 480px*/
.pointreturn-amzn-btn{
	width: 100%;
	border-radius: 0.4rem;
	box-shadow: 5px 5px 0 0 #ffa44c;
}
	
/* Amazonへボタン群のボタンのhover 480px*/
.pointreturn-amzn-btn:hover{
	transform: translatey(-3px);
	box-shadow: 6px 9px 0 0 #ffa44c;
}
	
/* Amazonへボタン群のボタン21 */
.pointreturn-amzn-main-btn21{
	margin: 0 2em;
}
	
/* Amazonへボタン群のimg 480px*/
.pointreturn-amzn-main-btn11-img{
	padding: 0.3em;
}	
}






/***********************************************************************
** カテゴリページ全般
************************************************************************/
/*カテゴリページのサイドバー非表示***********************/
.category .sidebar {
	display: none;
}

/*カテゴリページのcontent-inを中央へ***********************/
.category .main {
	margin: 0 auto;
	width: 1000px;
}

/*カテゴリページのpostサイズ***********************/
.category .post{
	width: 100%;
}


/***********************************************************************
** 投稿リストページ全般
************************************************************************/
/*投稿リストページのサイドバーを消す***********************/
.public-page .sidebar{
	display: none;
}

/*投稿リストページのcontent-inを中央へ***********************/
.public-page .main{
	margin: 0 auto;
	width: 1000px;
}


/*投稿リストページのcontent***********************/
.public-page .content{
	border-bottom: 1px solid #d7a69c;
}

/***********************************************************************
** 投稿ページ全般
************************************************************************/
/*投稿ページの横幅を画面いっぱいに***********************/
.content .content-in {
	width: auto;
	margin-bottom: 0;
	justify-content: center;
}

/*本文の幅***********************/
.single-post .main{
	margin: 50px auto 0 auto !important;
	width: 1000px;
}

/*記事下の線消す***********************/
.post .article-footer, .page .article-footer{
	border: none;
	margin-top: 0;
    padding-top: 0;
}

/*カテゴリーの四角***********************/
.cat-link {
    background-color: #ff7e7e;
}


/***********************************************************************
** 投稿-セール（カテゴリID169）全般
************************************************************************/
/*セール記事(カテゴリID169)のcontent-in***********************/
.categoryid-169 .content-in{
	display: block;
}

/*セール記事(カテゴリID169)のmain***********************/
.categoryid-169 .main{
	max-width: 1460px;
	padding: 0 30px;
	width: auto;
}
/***********************************************************************
** ポップアップ
************************************************************************/
/* 閉じるボタン */
.pum-close{
	background: #81664e !important;
}

/***********************************************************************
** レスポンシブでの要素の表示/非表示設定
************************************************************************/
.spview { display: none !important; }	 /* 480pxで切替え */
.sp2view { display: none !important; }	 /* 768pxで切替え */
.tbtbview { display: none !important; }	 /* 834pxで切替え */
.tbytbview { display: none !important; } /* 1030pxで切替え */
.tbytbview-block { display: none !important; } /* 1030pxで切替え block*/

/***********************************************************************
** サイドバー
************************************************************************/
/* サイドバーの大本div */
.sidebar-menu-content{
	background-color: #fffae9;
}

/* サイドバーのウィジェット追加部分 */
.sidebar{
	background: none;
}

/* メニューの大本div */
.mbsidebar-main{
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
	width: 260px;
    margin: 10px auto 40px auto;
}

/* メニューのa */
.mbsidebar-main-menu{
	text-align:center;
	height:110px;
	width:110px;
    margin: 10px;
    border-radius: 5%;
	text-decoration: none;
	border: 3px solid #8a7059;
	color: #8a7059;
}

/* メニューのアイコン */
.mbsidebar-main-menu-icon{
	font-size: 40px;
	margin-bottom: 5px;
}

.mbsidebar-main-menu-icon-img{
	width:70%;
}

/* メニューの文字 */
.mbsidebar-label{
	font-size: 14px;
	font-weight:bold;
}



/***********************************************************************
** ヘッダー
************************************************************************/
/*横幅を画面いっぱいに***********************/
.header-in {
	border-bottom: solid 3px #855808;
    width: auto !important;
}
/*
/*ヘッダー下の線を消す***********************/
.header-container {
    box-shadow: none;
}


/*ヘッダーのロゴサイズを規制***********************/
.header-site-logo-image{
	position: relative;
	max-width: 40%;
    right: 30px;
	margin-bottom: 13px;
}

/*ヘッダーのアイテム個別***********************/
.menulabel{
	border: 3px solid #855808;
    border-radius: 0.5rem;
    padding: 5px 10px 4px 10px;
}

/***********************************************************************
** コンタクトフォーム全般
************************************************************************/
.wpcf7-spinner::before {
    background-color: #f95663;
}

/***********************************************************************
** フッターメニュー
************************************************************************/
.footer-custom{
	display: flex;
	justify-content: space-between;
	align-items: start;
	width: 700px;
	flex-wrap: wrap;
}

.footer-custom-main{
	display: flex;
	justify-content: center;
	align-items: start;
	flex-direction: column;
}

/* フッターの1要素のマージン***********************/
.footer-custom-left{ margin: 0 0 20px 0; }
.footer-custom-center{ margin: 0px; }
.footer-custom-right{ margin: 0px; }

/* フッターメニューの大見出し***********************/
.footer-midashi{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}

/* 大見出しliの点 */
.footer-midashi::before{
	position: relative;
	top: -5px;
	left: -7px;
	display: inline-block;
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #5a4742;
}

/* フッターメニューの小見出し***********************/
.footer-menu-a{
	font-size: 16px;
	font-weight: 500;
}

/* 小見出しul */
.footer-menu-ul{
	padding: 0 0 0 20px;
}
.footer-center-menu-ul, .footer-right-menu-ul{
	padding: 0;
}

/* 小見出しliの点消す */
.footer-menu-li, .footer-center-menu-li, .footer-right-menu-li{
	list-style-type: none!important;
}

/* フッター下の線を消す */
.footer-widgets {
	border-bottom: none;
}

/***********************************************************************
** 全般
************************************************************************/
/*flexの中央ぞろえ***********************/
.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
/*flexの中央上ぞろえ***********************/
.flex-centerstart {
	display: flex;
	justify-content: center;
	align-items: start;
}
/*flexの左ぞろえ***********************/
.flex-left {
	display: flex;
	justify-content: left;
	align-items: center;
}
/*flexの右ぞろえ***********************/
.flex-right {
	display: flex;
	justify-content: right;
	align-items: center;
}
/*flexのbetween***********************/
.flex-between {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

/*flexのbetween上揃え***********************/
.flex-betweenstart {
	display: flex;
    justify-content: space-between;
    align-items: start;
}

/* 色関連***********************/
/* color*/
.color-white { color:#fff !important; }
.color-txtbrown { color:#745336 !important; }
.color-txtbrown2 { color:#512907 !important; }
.color-txtred { color:#f65555 !important; }
.color-txtorange { color:#FF6201 !important; }


/* 背景色*/
.bg-red { background-color:#ff5e5e !important; }
.bg-green { background-color:#5ab95c !important; }
.bg-blue { background-color:#21b8f8 !important; }
.bg-yellow { background-color:#f9ac25 !important; }
.bg-pink { background-color:#ff8099 !important; }
.bg-gray { background-color:#fbfbfb !important; }

.bg-card-color-red{background: #ffcfbe !important;}
.bg-card-color-blue{background: #d2eef6 !important;}
.bg-card-color-yellow{background: #ffe7ab !important;}
.bg-card-color-yellow2{background: #fff5c0 !important;}
.bg-card-color-pink{background: #f7cbd3 !important;}
.bg-card-color-green{background: #c7f5f0 !important;}
.bg-card-color-violet{background: #e3ddff !important;}
.bg-card-color-limegreen{background: #d7f4bb !important;}
.bg-card-color-pink{background: #fed2e3 !important;}

/* フォントサイズ ***********************/
.font-10px{ font-size:10px; }
.font-12px{ font-size:12px; }
.font-14px{ font-size:14px; }
.font-16px{ font-size:16px; }
.font-18px{ font-size:18px; }


/* ボックスシャドウ*/
.sh-pink { box-shadow: 15px 15px 0 0 #ffd1d1; }


/* フォント関連***********************/
.font-size14{font-size: 14px;}
.font-size16{font-size: 16px;}
.font-size18{font-size: 18px;}


/* 要素の周りにライン【class="card-border"】***********************/
.card-border {
    border: 3px solid #8a7059;
    border-radius: 0.8rem;
}

/* 要素の前後にラインを入れる【class="line-h"】***********************/
.line-h:before, .line-h:after {
    content: "";
    height: 2px;
    flex-grow: 0.23;
    background-color: #8a7059;
}
 
.line-h:before {
    margin-right: 1rem;
}
 
.line-h:after {
    margin-left: 1rem;
}

/* 文字をshadowを使ってむりやり太くする【class="mock_bold"】***********************/
.mock_bold{
  text-shadow: 
    0.3px 0.3px 0, 
    0.3px -0.3px 0px,
    -0.3px 0.3px 0,
    -0.3px -0.3px 0px,
    0.3px 0px 0px,
    0px 0.3px 0px,
    -0.3px 0px 0px,
    0px -0.3px 0px;
  letter-spacing: 1px;
}

/* tabel関連*************************************************************************/
/* テーブル-全体*/
table{
	border: none;
}

/* テーブル-見出しと中身*/
table th, table td{
	border: none !important;
	background: none;
	color: #745336;
}

/* テーブル-中身*/
table tr{
	background: none !important;
}

/***********************************************************************
** 固定ページ全般
************************************************************************/
/*SNS,タイトル、公開日時等を非表示*/
.page .sns-share,
.page .sns-follow {
	display: none;
}

.page .date-tags,
.page .author-info {
	display: none;
}

.page h1.entry-title {
	display: none;
}
/*固定ページの横幅を画面いっぱいに***********************/
.page .content-in {
	width: auto;
	margin-bottom: 0;
}

.main{
	padding: 0;
	border: none;
}

/* 固定ページのh2カスタマイズ******************************/
/* 固定-h2-div***********************/
.koteih2-div{
	margin-bottom: 50px;
}

/* 固定-h2***********************/
.page-h2 {
	position: relative !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	font-size: 34px !important;
	border-bottom: none !important;
}

/*固定ページのh1 大元***********************/
.headline{
	width: 60%;
    margin: 0 auto 90px auto;
}

/*固定ページのh1***********************/
.headline-h1{
	width: 1206px;
    margin: 50px auto 100px auto;
	border-radius: 0.8rem;
	border: 3px solid #855808;
	
}

.headline-h1-main{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	border-radius: 10px;
	margin: 8px 0;
}

.headline-h1-main-txt{
	margin-left: 15px;
}

.headline-h1-maintxt{
	top: 12px;
}

.headline-h1-subtxt{
	position: relative;
	margin: 0 !important;
	top: -28px;
	font-size: 20px;
}

/* 固定ページのメインコンテンツ下のマージンを消す ***********************/
.page{
	margin-bottom: 0 !important;
}

.page .entry-content{
	margin-bottom: 0 !important;
}

/***********************************************************************
** 固定ページ_メインコンテンツページ_全般
************************************************************************/
/*************************************************
** 固定ページ_メインコンテンツページ-トップロゴ
**************************************************/
/* トップロゴ */
.kotei-logo {
  text-align: center;
  margin-bottom: 30px;
}

/* トップロゴ_メイン */
.kotei-logo-icon {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  padding: 5px 0 15px 0;
  border: 3px solid #855808;
  border-top: none;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

/* トップロゴ_テキスト */
.kotei-logo-text {
  font-size: 14px;
  font-weight: bold;
  color: #917645;
}

/* トップロゴ_img */
.kotei-logo-img {
  width: 47%;
}

/*************************************************
** 固定ページ_メインコンテンツページ_ページ幅
**************************************************/
/* 固定記事_コンテンツの横幅 */
.kotei-contents-width{
    width: 1206px;
    margin: 0 auto;
}

/***********************************************************************
** トップページ
************************************************************************/
/*ヘッダーとの隙間をなくす***********************/
.content {
    margin-top: 0px;
}

.entry-content {
    margin-top: 0px;
}

/*メニューの文字***********************/
.navi-in .menu-header .item-label{
	font-size: 16px;
	padding-top: 15px;
	font-weight: 600;
}
/*トップページのh2***********************/
.top-h2{
	font-weight: 600 !important;
}

/*メニューの幅調整***********************/
#navi .navi-in>ul>li>a {
    padding: 0 2.5em;
}
/**************************************
トップ上テキスト
***************************************/
.top-text {
    margin: 0.5em 0 !important;
	font-size: 16px;
    font-weight: bold;
    color: #6e4804;
}

/**************************************
Power
***************************************/
.power{
	display: flex;
	justify-content: center;
}

.power-main{
	width:60%;
}

.power-main-area{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1em 0 5em 0;
}

.power-copy{
	display: flex;
	justify-content: center;
	position: relative;
	top: -60px;
}

.power-info{
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
	height: 100%;
	transition: all .2s;
}

.power-copyimg{
	background-color: rgb(255, 255, 255);
}

/*カードメイン***********************/
.card-main{
	flex: 1 1 calc(33.333% - 10px);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .2s;
	margin-bottom: 3em;
    padding: 0 1em;
}

.card-box{
	max-width: 290px;
	width: 100%;
	height: 160px;
	background:none;
	border: 3px solid #855808;
	border-radius: 0.8rem;
}

/*カード塗り***********************/
.power-info::after{
	position: absolute;
  	top:10px;
 	left:10px;
	width: 102%;
	height: 102%;
  	content:"";
	border-radius: 0.8rem;
	z-index:-99;
	transition: all .3s;
}

.card-color-red::after{background: #ffcfbe;}
.card-color-blue::after{background: #d2eef6;}
.card-color-yellow::after{background: #ffe7ab;}
.card-color-yellow2::after{background: #fff5c0;}
.card-color-pink::after{background: #f7cbd3;}
.card-color-green::after{background: #c7f5f0;}
.card-color-violet::after{background: #e3ddff;}
.card-color-limegreen::after{background: #d7f4bb;}
.card-color-pink::after{background: #fed2e3;}
 

/*イラスト部分***********************/
.power-info-element-r{
	margin: 1.2em auto 0.5em auto;
}

/*コピーとテキストの間の線***********************/


/*テキストイメージ部分***********************/
.power-info-element-l{
    border-top: 3px solid #855808;
    padding-top: 0.3em;
	margin: 0 auto;
}

/*ホバーアニメーション***********************/
.power-info:hover::after{
	transform: translate(-11px, -11px);
}

.card-main:hover{
	transform: scale(1.07);
}


/**************************************
学びのトビラ
***************************************/
/*背景画像***********************/
.cginfo-txt{
	margin: 2em 0 1em 0 !important;
}

/*背景画像***********************/
.cginfo{
	/*background-image: url("https://prograffi.com/wp-content/uploads/2023/04/img-top-door-bg.jpg");*/
	background-size: contain;
	margin-bottom: 0 !important;
	padding-bottom: 200px !important;
}

/*画像の親要素をflexにし、子要素を縦配置にする***********************/
.cginfo-main-img-chara, .cginfo-main-copy{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*フレックス要素の画面横サイズを設定***********************/
.flex-door{
  width: 75%;
}

/*コピー部分全体のdivの位置調整***********************/
.cginfo-main-copy-size{
  width: 670px;
  margin: 0 0 0 auto;
}

/*画像部分全体の位置調整***********************/
.cginfo-main-img{
  margin-top: -200px;
}

/*各キャラ画像の位置調整***********************/
.door-right {
  text-align: right;
}
.door-right {
    text-align: right;
}
.img-door1 {
  height: 360px;
}

.img-door2 {
  height: 500px;
}

.img-door3 {
  height: 350px;
}

/**************************************
カリキュラム
***************************************/
/*カリキュラム要素全体***********************/
.curriculum{
	margin-bottom: 0;
}

.curriculum-h3 {
	font-size: 24px;
}

/*stepのテキストまわり***********************/
.step-txt{
	margin: 0 0 40px 0;
}

/*stepのh3******************/
.curriculum-h3{
	position: relative;
	top: -3px;
	margin: 0 !important;
}

/*カリキュラム要素全体の背景色***********************/
.curriculum-main{
  background-color: #fffae9;
  padding: 0 10px 120px 10px;
}

/*カリキュラムのh2***********************/
.curriculum-main-copy-h2{
	letter-spacing: -0.1em;
}

/*カードのデザイン***********************/
/*step123のdiv******************/
.curriculum-main-area-step1{ margin: 0 0 160px 0; }
.curriculum-main-area-step23{ margin: 0 0 80px 0; }


.curriculum-main-copy {
  text-align: center;
  margin: 0 auto;
  padding-top: 100px;
}

/*メインカードの下地******************/
.curriculum-card-main{
	max-width: 350px;
	min-width: 300px;
	border: 3px solid #8a7059;
	border-radius: 0.7rem;
	margin: 0 40px;
	transform: rotate(3deg);
	box-shadow: 15px 15px 0px 0 #cce198;
}

/*メインカード123の背景色******************/
.cardmain-step1{ background-color: #fdecb4; }
.cardmain-step2{ background-color: #b4e9fd; }
.cardmain-step3{ background-color: #ffc5c5; }

/*カード中全般******************/
.curriculum-card-in{
  margin: 15px 10px;
}

.curriculum-card-name, .curriculum-card-img, .curriculum-card-txt {
  border: 3px solid #8a7059;
  border-radius: 0.5rem;
  background-color: #fff;
}

/*カード名前部分******************/
.curriculum-card-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto 0;
}

.card-name{
	margin: auto 0 auto 8px !important;
	line-height: 1.3 !important;
	font-weight: bold;
}

.card-stepimg{
  margin: 5px 8px 5px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.stepimg-img{
  width: 70%;
}

/*カード画像部分******************/
.curriculum-card-img {
  margin: 10px 0;
}

.card-img{
  width: 90%;
  margin: 5px auto;
}

/*カードテキスト部分******************/
.curriculum-card-txt{
  height: 150px;
}

.card-txt{
  margin: 10px !important;
}

/**************************************
料金-授業概要
***************************************/
.price-overview-main{
	padding: 120px 0 150px 0;
    background-color: #fff;
	margin-bottom: 0;
}

.price-overview{
	display: flex;
	justify-content: center;
	width: 80%;
	margin: 90px auto 200px auto;
}

/*メインカードの下地******************/
.main-card {
	width: 530px;
	height: 500px;
	border: 3px solid #8a7059;
	border-radius: 1rem;
	background-color: #fffae9;
	background-repeat: no-repeat, no-repeat;
	box-shadow: 15px 15px 0px 0 #ffd1d1;
	margin: 0 auto;
	display: flex;
	align-items: center;
	margin: 0 0 60px 0;
}

.price-main-card{
	background-image: url("https://prograffi.com/wp-content/uploads/2023/05/img-yen.png");
	background-position: 165px 110px;
	background-size: 90%
}

.overview-main-card{
	background-image: url("https://prograffi.com/wp-content/uploads/2023/05/img-clock.png");
	background-position: 170px 110px;
}

.main-card-in {
  width: 100%;
  height: 90%;
  /*background-color: #fffae9;*/
}

/*料金と概要のmaindiv******************/
.p-o-div{
  margin: 0 40px;  
}

/*文字全体のdiv******************/
.main-card-main{
  width: 80%;
  margin: 40px auto;  
}

/*文字******************/
.p-o-txt {
  font-size: 24px;
  font-weight: bold;
  margin: 0 !important;
  color: #745336;
}

/*文字-左******************/
.p-o-txt-l{
  text-align: left;
  position: relative;
  top: -6px;
}

.meishou-color{
	background-color: #ffe9b9;
	border-radius: 4rem;
	padding: 0 15px;
	position: relative;
	left: 5px;
	top: -7px;
	height: 29px;
}

/*文字-右******************/
.p-o-txt-r{
  text-align: right;
  position: relative;
  left: -5px;
}

/*料金文字-右******************/
.price-txt-r{
  text-align: right;
  position: relative;
  left: 10px;
}

/*文字のdiv******************/
.price-bar {
  display: flex;
  justify-content: space-between;
  align-items: end;
  border-bottom: 3px solid #8a7059;
}

/*文字の間隔******************/
.p-o-in{
  margin-top: 60px;  
}

/**************************************
トップ下テキスト
***************************************/
.topsita{
	display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 0;
}

.topsita-main{
	width: 1150px;
    margin: 0 20px;
}

.topsita-text{
	font-size: 14px;
	color: #6e4804;
}

/**************************************
体験教室
***************************************/
/*体験教室順番 */
.trial-order{
	margin-bottom: 0;
}

.trial-order-main{
	width: 460px;
	margin: 0 auto;
}

/* 数字と文字のpタグ*/
.order-txt{
	margin: 0 !important;
}

/* 文字のpタグ*/
.order-text-txt{
	font-size: 16px;
	color: #ccc;
}

/* 数字のpタグ*/
.order-num-txt{
	border-radius: 50%;
	background: #e8e8e8;
	color: #ccc;
	width: 30px;
    height: 30px;
}

/* 数字と文字の親divタグ*/
.order-num-div{
	width: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
  }

/* 数字同士を繋ぐ線のpタグ*/
.order-space-txt{
	background-color: #e8e8e8;;
	height: 5px;
	width: 150px;
	position: relative;
	top: -13px;
	border-radius: 20px;
}

/**************************************
固定-教室紹介
***************************************/
/* 教室紹介全体***********************/
.introduction-main {
    width: 1140px;
    margin: 90px auto 200px auto;
}

/* 各メイン要素***********************/
.introduction-main-power-souzou, .introduction-main-power-ronri{
	margin-bottom: 100px;
}

/* 教室紹介全体-テキスト***********************/
.introduction-main-txt{
	width: 65%;
}

/* 教室紹介全体-イラストカード***********************/
.pos-relative{ position: relative; }

.introduction-card{
	border: 3px solid #8a7059;
    border-radius: 0.8rem;
}

.introduction-card:after{
	position: absolute;
  	top:13px;
 	left:13px;
	width: 101%;
	height: 101%;
  	content:"";
	border-radius: 0.8rem;
	z-index:-99;
}

.introduction-card-img {
	padding: 20px;
}

.introduction-main-ele-card{
	margin: 0 15px 0 40px
}

/* power-全体***********************/
.introduction-main-power-ele{
	display: flex;
    justify-content: space-between;
    align-items: start;
}

/* power-イラスト***********************/
.introduction-main-power-ele-card{
	margin-right: 60px; 
}
.introduction-main-power-ele-card-img{
	padding: 30px;
}

.img-imagination{
	top: 10px;
	right: 6px
}

.img-logical{
	left: 3px;	
}

.img-communication{
	top: 10px;
	left: 6px;
}

/* 教室紹介全体-h2***********************/
.introduction-maint-sub{
	margin-bottom: 50px;
}

/* 育む力-powertxt***********************/
.introduction-power{
	color: #f65555 !important;
	font-size: 26px;
	margin: 0 0 -15px 0 !important;
}

/* aboutイラスト***********************/
.introduction-main-about-ele-card-img{
	top: 10px;
}

/* 3DCG-テキスト***********************/
.introduction-main-3dcg-ele-txt{
	margin: 0 20px 0 0;
}
/* 3DCG-img***********************/
.introduction-main-3dcg-ele-img{
	flex-basis:60%;
}

/* 3dcg-イラスト***********************/
.introduction-main-3dcg-ele-card-img{
	padding: 30px;
	text-align: center;
	left: 3px;
}

.introduction-main-3dcg-ele-card{
	margin: 0 15px 0 30px;
}

.introduction-main-3dcg-ele-card:first-child{
	margin-bottom: 60px;
}

/* 講師紹介-flex***********************/
.introduction-main-teacher-ele{
    align-items: start;
}
/* 講師紹介-名前***********************/
.teacher-name{
	font-size: 26px;
	margin: 5px 0 !important;
}

/* 講師紹介-イラスト***********************/
.teacher-card{
	margin: 0 50px 0 0px;
}

.introduction-main-teacher-ele-card-img{
	padding: 20px;
	top: 13px;
}

/**************************************
固定-カリキュラム
***************************************/
/* 固定カリキュラム全体のmain幅***********************/
.fixcurriculum-main {
    width: 1140px;
    margin: 90px auto 80px auto;
}

/* 固定カリキュラム全体の赤文字***********************/
.curr-sub{
    font-size: 26px;
    margin: 0 0 -15px 0 !important;
}

/* 固定カリキュラム全体のマージン***********************/
.curr-card-rmargin{ margin: 0 60px 0 0; }
.curr-card-bmargin{ margin: 0 0 80px 0; }

/* 授業についてのdiv***********************/
.classabt-main{
	margin-bottom: 200px;
}

/* stepカードimgの角丸***********************/
.curr-step-raddius{
    border-radius: 0.5rem;
}

/* カード***********************/
.classabt-main-card-page, .timetable-main-card-page{
    width: 95%;
    height: 100%;
    padding: 40px 30px 60px 30px;
	margin:	0 auto;
}

.classabt-main-card-page { padding: 40px 30px 60px 30px; }
.timetable-main-card-page{ padding: 60px 30px 40px 30px; }


/* 授業についてのカード-中身flex***********************/
.classabt-main-card-main {
	justify-content: space-between;
}

/* 授業についてのカード-中身div***********************/
.classabt-main-card-main-1, .classabt-main-card-main-2{
	width: 50%;
	margin: 40px 50px;
}

/* 時間割のカード-tb1の上を空ける***********************/
.tb1 {
	padding-top: 20px;
}

/* ソフトについて***********************/
.aboutsoft-main-scratch, .aboutsoft-main-blender{
	margin: 0 0 100px 0;
}

.aboutsoft-card-div{
    width: 300px;
    height: 300px;
    padding: 10px;
}
	
.aboutsoft-img{
	border-radius: 0.6rem;
}

/* step***********************/
.currdetail-card{
	width: 400px;
}

/**************************************
固定-ポイント還元 戻し場所----------------------------------------------------------------------------------------------------
***************************************/



/**************************************
固定-よくある質問
***************************************/
.faq-main-sub{
	margin: 110px 0 20px 0;
}

.post-6164 .qanda{
	padding: 0 0 120px 0;
}

/***********************************************************************
** サイドバーのSNSボタンの設定
************************************************************************/
.ss-bottom .sns-share-buttons, .sns-follow-buttons, .sidebar .sns-follow-buttons, .footer .sns-follow-buttons {
    justify-content: center;
}

.sns-share-buttons a, .sns-follow-buttons a, .sidebar .sns-follow-buttons a, .footer .sns-follow-buttons a {
	width: 50px !important;
    height: 50px;
    background-color: transparent;
}
.sns-follow-buttons a {
    font-size: 30px !important;
}

/***********************************************************************
** サイトの背景色
************************************************************************/
body {
    background-color: #ffffff !important;
}

/***********************************************************************
** メディアのキャプション
************************************************************************/
/* 中央揃え***********************/
.wp-block-embed figcaption {
  color: #555d66;
  text-align: center;
  font-size: 13px;
}

.wp-block-gallery figcaption {
  color: #555d66;
  text-align: center;
  font-size: 13px;
}

.wp-block-video figcaption{
  color: #555d66;
  text-align: center;
  font-size: 13px;
}

.wp-block-image figcaption {
  color: #555d66;
  text-align: center;
  font-size: 13px;
}


/*ウィジェットのラベル*/
.widget-title {
	text-align: center;/*中央揃え*/
}

/*広告のラベル*/
.ad-area {
	letter-spacing: 4px;
    margin-bottom: 0.5em;
    font-size: 1.5em;
    font-weight: bold;
	color: #0ea0c5;
}


/***********************************************************************
** 人気記事カスタマイズ
************************************************************************/
#popular_entries-2 .popular-entry-cards.large-thumb {
  display: flex;
  flex-wrap: wrap;
}

#popular_entries-2 .popular-entry-cards.large-thumb a {
  width: 16.66%;
}

.widget h2 {
	text-align: center;/*中央揃え*/
	
	letter-spacing: 10px;
	position: relative;
	margin-bottom: 0.5em;
	margin-top: -0.3em;
	font-size: 2.0em;
	font-weight: bold;
}

.widget h2:before {
  content: '';
  position: absolute;
  bottom: -1px;
  display: inline-block;
  width: 50px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #894537;
  border-radius: 1px;
}

/*サムネイルの角丸く*/
.widget-entry-cards.card-large-image figure img {
	border-radius: 10px; 
}

/*文字の大きさ小さく+ 表示を2行に*/
.widget-entry-cards.card-large-image .e-card {
    font-size: 35%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/*文字消しても出てkるから行間開けて無理やり消す*/
.widget-entry-cards .a-wrap {
    line-height: 1.9;
	border-bottom: none !important;
}

/***********************************************************************
** 投稿者を消す場合
************************************************************************/
.page .author-info {
    display: none;
}
.post .author-info {
    display: none;
}

/***********************************************************************
** 引用ソース文の設定
************************************************************************/
cite {
	color: #a7a7a7;
}

/***********************************************************************
** YouTubeを中央配置
************************************************************************/
.video-container {
	margin: 0px auto;
	max-width: 1000px;
	width: auto;
}

/***********************************************************************
** エントリーカード
************************************************************************/
/*余白***********************/
.ect-vertical-card .entry-card-wrap {
	margin-top: 20px; /*上の余白*/
	margin-bottom: 20px; /*下の余白*/
	margin-right: -5px; /*右の余白*/
	margin-left: -5px; /*左の余白*/
}

/*タイトル文字***********************/
.entry-card-title {
	font-size: 19px;
	font-weight: bold;
    line-height: 1.5; /*行間を広く*/
}
.entry-card-title:hover {
    color: #49add1; /*マウスホバー時の色*/
}
@media screen and (max-width: 768px){
    .entry-card-title {
        font-size: 14px; /*スマホでの文字の大きさ*/
        line-height: 1.4; /*スマホでの行間*/
    }
}

/*文字***********************/
.entry-card-snippet {
	opacity: .7;
	font-size: 12px;
	margin: 10px; /*文字の周りのスペース*/
}

/*文字の周りのスペース***********************/
.ect-vertical-card.ect-tile-card .card-snippet {
	margin: 10px; /*文字の周りのスペース*/
}

/*文字行間***********************/
.list .entry-card-snippet {
	line-height: 2; /*行間*/
}

/*日付***********************/
.e-card-info {
 	opacity: .7; /*色を薄く*/
}
@media screen and (max-width: 768px){
    .e-card-info {
  font-size: 11px; /*スマホでの文字サイズ*/
    }
}

/*タグ非表示***********************/
.cat-label {
display: none;
}

/***********************************************************************
** 行間
************************************************************************/
/*行間*/
.entry-content p {
    line-height: 1.75;
    margin: 2em 0;
}

/***********************************************************************
** 見出し
************************************************************************/
/*h1の見出し*/
.article h1 {
    font-size: 42px;
    margin: 16px 0;
    line-height: 1.4;
    padding: 0 0 15px 0;
    position: relative;
}

/*h2の見出し*/
.article h2 {
	position: relative;
	font-weight: 500;
	background-color: transparent;
}

/*h3の見出し*/
.article h3 {
	font-size: 24px;
	background-color: transparent;
}


/*h4の見出し*/
.article h4{
    font-size: 1.143em;/* 文字の大きさ */
    font-weight: bold;/* 文字の太さ */
    color: #086FAE;/* 文字の色 */
	background-color: #EBF5FC; /* 背景色 */
    position: relative;
}

/*h5の見出し*/
.article h5 {
	color: #086FAE;/* 文字の色 */
	background-color: #EBF5FC; /* 背景色 */
	border-bottom: 2px solid #D26466;/* 文字下の点線の太さ・種類・カラー */
}

/*サイドバーの見出し*/
.sidebar h3 {
	color: #894537;
	position: relative;
	font-size: 2.0em;
	border-bottom: none;
}

.sidebar h3:before {
  content: '' ;
  position: absolute;
  bottom: -1px;
  display: inline-block;
  width: 50px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #894537;
  border-radius: 1px;
}

.sidebar h3::after {
	border-bottom: none;
}


/***********************************************************************
** レスポンシブデザイン用のメディアクエリ
************************************************************************/
/*1240px以下****************************************************************************************************************************************/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
.mblt-header-mobile-buttons {
    margin-top: 0;
}
	

	
/***********************************************************************
** フッターメニュー 1240px
************************************************************************/
	/* フッターFlexの幅調整***********************/
	.footer-left{
		flex-basis: 100% !important
	}
	
	.footer-center, .footer-right{
		width: 0% !important;
    	padding: 0 !important
	}
	
	.footer-custom {
		margin: 0 auto;
	}
	
	
/***********************************************************************
** 全般 1240px
************************************************************************/
		
/**************************************
Power 1240px
***************************************/
.power-main{
	width:90%;
}

/**************************************
学びのトビラ 1240px
***************************************/
.cginfo-main{
	padding: 0 30px;
}

/*コピーのテキスト部分のdiv***********************/
.cginfo-main-copy-txt{
	margin: 0 12px;
}
	
/*フレックス要素の画面横サイズを設定***********************/
.flex-door{
	width: 100%;
	position: relative;
}

/*画像部分全体の位置調整***********************/
.cginfo-main-img{
	margin-top: 0;
}
	
/*各キャラ画像の位置調整***********************/
.img-door1 {
  height: 550px;
}

.img-door2 {
  height: 650px;
}

.img-door3 {
  height: 550px;
}
	
/**************************************
カリキュラム 1240px
***************************************/
/*メインカードの下地******************/
.curriculum-card-main{
	max-width: 304px;
	min-width: 304px;
	margin: 0 15px;
}
	
.cardmain-step1, .cardmain-step2, .cardmain-step3 {
    box-shadow: 10px 10px 0 0 #cce198;
}
	
/*カードの文字******************/
.curriculum-card-name, .curriculum-card-img, .curriculum-card-txt {
  font-size: 16px;
}
	
/***********************************************************************
** 固定ページ全般 1240px
************************************************************************/
/*固定ページのh1の大元***********************/
.headline-h1{
	width: 90%;
}	
/*************************************************
** 固定ページ_メインコンテンツページ_ページ幅 1240px
**************************************************/
/* 固定記事_コンテンツの横幅 1240px */
.kotei-contents-width{
	width: 100%;
}
/**************************************
料金-授業概要 1240px
***************************************/

/*メインカード******************/
	.main-card {
		width: 420px;
	}
	
/*カードの下地の位置******************/	
	.price-main-card{
		background-position: 165px 140px;
	}

	.overview-main-card{
		background-position: 110px 130px;
	}
	
/**************************************
よくある質問 アコーディオン 1240px
***************************************/
	.qanda-main{
		margin: 0 145px;
	}

	
/**************************************
個別-教室紹介 1240px
***************************************/
/* 教室紹介全体***********************/
.introduction-main {
    width: 85%;
    margin: 110px auto 80px auto;
}	
	
/**************************************
固定-カリキュラム 1240px
***************************************/
/* 固定カリキュラム全体のmain幅***********************/
.fixcurriculum-main {
    width: 85%;
    margin: 110px auto 80px auto;
}

/* 授業について-中の文字調整***********************/
.classabt-main-card-page, .timetable-main-card-page {
    width: 100%;
}
	
	
}/*1240px以下ここまで****************************************************************************************************************************************/


/*1030px以下*************************************************************************************************************************************************/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
/***********************************************************************
** タブレット横用レスポンシブでの要素の表示/非表示設定
************************************************************************/
.tbypcview { display: none !important; }
.tbytbview { display: flex !important; }
.tbytbview-block { display: block !important; }

/***********************************************************************
** フッターメニュー 1030px
************************************************************************/
    /*フッターの幅***********************/
    .footer{
        width: auto;
        margin: 20px auto 0 auto;
        padding: 0 25px;
        
    }
/***********************************************************************
** 固定ページ全般 1030px
************************************************************************/
/*固定ページのh1***********************/
.headline-h1{
	border-radius: 0.8em
}
/**************************************
全般 1030px
***************************************/
	/* モバイルヘッダーボタンを表示 */
	.mobile-menu-buttons {
		display: flex;
		align-items: stretch;
		top: 0;
    	bottom: auto;
	}
	
	
/***********************************************************************
** 投稿ページ全般 1030px
************************************************************************/
/*本文、パンくず、関連記事の幅***********************/
	.single-post .post, .breadcrumb, .related-entries{
		width: auto;
		padding: 0 25px;
	}

/***********************************************************************
** 投稿-セール（カテゴリID169）全般 1030px
************************************************************************/
/*セール記事(カテゴリID169)のmain 1030px***********************/
.categoryid-169 .main{
	padding: 0;
}
	
/***********************************************************************
** 投稿リストページ全般 1030px
************************************************************************/
	/*投稿リストページのcontent-inを中央へ***********************/
	.public-page .main{
		width: auto;
	}

/**************************************
特徴 1030px
***************************************/
/*コピーimgの微調整***********************/
.topfuture-main-copyimg{
	margin: 0 0 4em 4.2em;
}
	
/*イラストの位置調整***********************/
.topfuture-main-img {
    margin: -5em 5em 1em 2em;
}
	
/**************************************
** power 1030px
***************************************/
/*カード内のテキストイメージ***********************/
.power-info-element-l{
    width: 80%;
}

/**************************************
料金-授業概要 1030px
***************************************/
	.price-overview{
		flex-direction: column; 

	}

/*メインカードの下地******************/
	.main-card {
		width: 100%;
	}
	
	.price-main-card{
	background-position: 430px 0px;
	background-size: 50%
	}

	.overview-main-card{
		background-position: 340px 130px;
	}

/*料金と概要のmaindiv******************/
	.p-o-div{
	  margin: 0 10px;
	}

	.overview{
		margin-top: 150px;
	}
	
/*料金のカード******************/
	.price-main-card{
		height: 300px;
	}
	
/**************************************
よくある質問 アコーディオン 1030px
***************************************/
	.qanda-main{
		margin: 0 120px;
	}
	

/**************************************
固定-教室紹介 1030px
***************************************/
/* 3DCG-flexをcolumnに変更***********************/
.introduction-main-3dcg-ele{
	flex-direction: column;
}
/* 3DCG-テキスト***********************/
.introduction-main-3dcg-ele-txt{
	margin: 0 40px;
}
/* 3DCG-img***********************/
.introduction-main-3dcg-ele-img{
	display: flex;
}

/* 3dcg-イラスト***********************/
.introduction-main-3dcg-ele-card-img{
	padding: 30px;
	text-align: center;
	left: 3px;
}

.introduction-main-3dcg-ele-card{
	margin: 0 30px;
}

.introduction-main-3dcg-ele-card:first-child{
	margin-bottom: 0px;
}

/**************************************
固定-カリキュラム 1030px
***************************************/
/* 授業について-flex-colmunに***********************/
.classabt-main-card-main {
    flex-direction: column;
}
	
/* 授業について-中の文字調整***********************/
.classabt-main-card-main-1, .classabt-main-card-main-2 {
    width: 80%;
}
.classabt-main-card-main-1{ margin: 40px 50px 30px 50px}
.classabt-main-card-main-2{ margin: 30px 50px 40px 50px}
	
	
}/*1030px以下ここまで***************************************************************************************************************************************/


/*834px以下*************************************************************************************************************************************************/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
/***********************************************************************
** 全般 834px
************************************************************************/
	
/*mainエリアのpaddingを0にする***********************/
main.main{
	padding: 0;
}

/***********************************************************************
** 固定ページ全般 834px
************************************************************************/
/*固定ページのh1の大元***********************/
.headline{
	width: 90%;
}	
	
	
/***********************************************************************
** ヘッダーメニュー 834px
************************************************************************/
/*ロゴのサイズ***********************/
.header-site-logo-image{
	max-width: 40%;
	right: 15px;
}
	
/***********************************************************************
** フッターメニュー 834px
************************************************************************/
    .footer-custom{
        width: auto;
    }

	
/***********************************************************************
** フッターメニュー 834px
************************************************************************/
	/* フッター表示***********************/	
	.footer-widgets {
    	display: flex;
	}
	
/***********************************************************************
** タブレット用レスポンシブでの要素の表示/非表示設定 834px
************************************************************************/
.tbpcview { display: none !important; }
.tbtbview { display: flex !important; }
	
/**************************************
トップ上テキスト 834px
***************************************/
.top-text {
	font-size: 14px;
}
/**************************************
特徴 834px
***************************************/
.topfuture {
	padding: 0 16px;
}   

/*コピーimgの微調整***********************/
.topfuture-main-copyimg{
	margin: 0 0 4em 0;
}
	
/*コピーimgの微調整***********************/
.topfuture-main-copyimg{
	justify-content: center;
    align-items: center;
}
	
/*特徴エリアの微調整***********************/
.topfuture-main-flex {
    flex-direction: column; 
}    

/*特徴文字とイラストの調整***********************/
.topfuture-main-copy{
    margin: 0 12px;
}
.topfuture-main-img{
	margin: 0;
	width: 60%
}

/*特徴のイラスト調整***********************/
.topfuture-main-copyimg{ order: 1; }
.topfuture-main-img{ order: 2; }
.topfuture-main-copy{ order: 3; }
.topfuture-main-viewmoresp{ order: 4; }
	
/**************************************
** power 834px
***************************************/
.power-main{
	width:100%;
	padding: 0 16px;
}

.power-main-area{
	margin: 3em 0 1em 0;
}
	
/**************************************
学びのトビラ 834px
***************************************/
.cginfo-main-copy{
	margin: 0 0 50px 0;
}
	
/*各キャラ画像の位置調整***********************/
.img-door1 {
  height: 380px;
}

.img-door2 {
  height: 440px;
}

.img-door3 {
  height: 380px;
}
	
/**************************************
カリキュラム 834px
***************************************/
.curriculum-main-area-step1, .curriculum-main-area-step23, .curriculum-main-area-step3 {
    flex-direction: column; 
}
	
.curriculum-main-area-step23{
	margin: 0 0 40px 0;	
}

/*メインカードの下地******************/
.curriculum-card-main {
	border: 2px solid #8a7059;
	box-shadow: 10px 10px 0px 0 #cce198;
    margin: 0 21px 40px 21px;
	transform: rotate(0deg);
}

/*カード中全般******************/
.curriculum-card-name, .curriculum-card-img, .curriculum-card-txt {
  border: 2px solid #8a7059;
}
	
/*コピー部分のdiv******************/
.curriculum-main-copy {
    margin: 0 20px;
}
	
.curriculum-main-copy-txt-p{
	text-align: left;
}
	
.curriculum-main-area-step1, .curriculum-main-area-step2{
	margin: 0 0 20px 0;
}
	
	
/**************************************
料金-授業概要 834px
***************************************/
/*料金と概要のmaindiv******************/
.overview{
	margin-top: 110px;
}

/*メインカードの下地******************/
.price-main-card{
	background-position: 344px 7px;
	background-size: 60%;
}

.overview-main-card{
	background-position: 260px 130px;
}	
	
/**************************************
体験教室　834px
***************************************/
	/* 順番の文字サイズ*/
	.order-text-txt {
		font-size: 12px;
	}
	
	/* 数字同士を繋ぐ線のpタグ*/
	.order-space-txt{
		top: -10px;
	}
	
/**************************************
固定-カリキュラム 834px
***************************************/
/* カードのマージン***********************/
	.curr-card-rmargin{
		margin: 0 0 20px 0;
	}
	
/* sub文字をセンターに***********************/
.curr-sub {
    text-align: center;
	margin-bottom: 20px !important;
}
	
/* カードのサイズ***********************/
.currdetail-card {
    width: 500px;
}
	
	
	
}/*834px以下ここまで****************************************************************************************************************************************/


/*768px以下************************************************************************************************************************************************/
@media screen and (max-width: 768px){
/*必要ならばここにコードを書く*/
	
/**************************************
全般 768px
***************************************/
	
/***********************************************************************
** タブレット用レスポンシブでの要素の表示/非表示設定 768px
************************************************************************/
.sp2pcview { display: none !important; }
.sp2view { display: flex !important; }

/***********************************************************************
** 固定ページ全般 768px
************************************************************************/
/**************************************
学びのトビラ 768px
***************************************/
/*コピー部分全体のdivの位置調整***********************/
.cginfo-main-copy-size{
  width: 100%;
}	
	
/**************************************
固定-教室紹介 768px
***************************************/
/* 講師紹介-flex***********************/
.introduction-main-teacher-ele{
	flex-direction: column;
	align-items: center;
}

/* 講師紹介-名前***********************/
.teacher-name{
	font-size: 24px;
	margin: 5px 0 0 10px !important;
	text-align: center;
}

/* 講師紹介-イラスト***********************/
.teacher-card{
	margin: 0 auto 20px auto;
}

.introduction-main-txt {
    width: 90%;
}
	
	
/**************************************
固定-よくある質問 768px
***************************************/
	.faq-main-sub{
		margin: 50px 0 10px 0;
	}
	
	.post-6164 .page-h2{
		font-size: 20px !important;
	}
	
	.post-6164 .line-h:before {
    margin-right: 0.1rem;
	}
 
	.post-6164 .line-h:after {
		margin-left: 0.1rem;
	}
	
	
/*タブレット用人気記事調整*/
.widget-entry-cards.card-large-image .e-card {
	font-size: 65%;
}
	
h2.widget-content-top-title:before,
h2.widget-content-top-title:after {
	width: 276px;
}
.widget h2::before {
  margin-right: 25px;
}
 
.widget h2::after {
  margin-left: 10px;
}
/*スマホ用人気記事調整--ここまで----*/
}/*768px以下ここまで******************************************************************************************************************************************/

	
/*480px以下***************************************************************************************************************************************************/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/***********************************************************************
** スマホ用レスポンシブでの要素の表示/非表示設定
************************************************************************/
.pcview { display: none !important; }
.spview { display: block !important; }

/***********************************************************************
** スマホ用レスポンシブでの要素の順番
************************************************************************/	
.sp-order1 {order: 1;}
.sp-order2 {order: 2;}
	
/***********************************************************************
** 全般 480px
************************************************************************/	
/* 要素の前後にラインを入れる【class="line-h"】***********************/
 .line-h:before {
    margin-right: 0.4rem;
}
 
.line-h:after {
    margin-left: 0.4rem;
}
	
/***********************************************************************
** 投稿リストページ全般 480px
************************************************************************/
	/*投稿カードのflex全般***********************/
	.ect-vertical-card {
		justify-content: center;
	}

	/*投稿カードの大きさ***********************/
	.ect-vertical-card.sp-entry-card-1-column .entry-card-wrap{
		width: 90%;
	}

/***********************************************************************
** ヘッダーメニュー 480px
************************************************************************/
/*ロゴのサイズ***********************/
.header-site-logo-image{
	max-width: 70%;
}
	
/***********************************************************************
** フッターメニュー 480px
************************************************************************/
	/* フッターの上スペース */	
	.footer { margin-top: 20px; }
	
	/* フッター幅 */	
	.footer-custom {
		width: 310px;
	}
	
	/* 文字サイズ */
	.footer-midashi { font-size: 14px; }
	.footer-menu-a  { font-size: 14px; }
	
	/* 見出しの点 */
	.footer-midashi::before { left: -2px; }
	
    /* SNSぼたん ***************************************/
    .snsbtn17{
        width:36px;
        height:36px;
        font-size:23px;
    }


/***********************************************************************
** 固定ページ全般 480px
************************************************************************/
/*固定ページのh1の大元***********************/
.headline{
	width: 80%;
	min-width: 310px;
	margin-bottom: 60px;
}

.headline-h1-maintxt{
	font-size: 22px !important;
	margin: 8px 0 !important;
	top: 8px;
}
.headline-h1-main-img{
	width: 22%;
	margin: 0 5px 0 0;
}
	
.headline-h1-subtxt{
	font-size: 18px;
	top: -28px;
}
	
.headline-h1-img{
	width: 40px;
}

/* 固定ページのh2***********************/	
.page-h2{
	font-size: 24px !important;
}	
	
/**************************************
トップページ全般 480px
***************************************/

/*200pxのスペース***********************/
.space-200px{
	height: 100px !important;
}
	
/**************************************
特徴 480px
***************************************/
.topfuture {
	padding: 0 16px;
	margin-bottom: 0;
}    
	
/*特徴エリアの微調整***********************/
.topfuture-main-flex {
    flex-direction: column; 
}    

/*特徴文字とイラストの調整***********************/
.topfuture-main-img{
	width: 80%
}

/**************************************
** power 480px
***************************************/
.power-main{
	width:100%;
	padding: 0 16px;
}

.power-main-area{
	margin: 2em 0 1em 0;
}

/*カードのメイン 480px***********************/	
.card-main {
	flex: 1 1 calc(50% - 10px);
	margin-bottom: 2em;
	padding: 0;
}
	
/*カード内のimg 480px***********************/
.power-info-element-r{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 55%;
	margin: 1em auto 0.5em auto;
}
	
/*カード内のテキストイメージ 480px***********************/
.power-info-element-l{
    width: 80%;
	padding: 0.2em 0;
}

/*カードのボックス 480px***********************/
.card-box{
	width: 85%;
	height: 105%;
	border: 3px solid #855808;
}

	
/*カード塗り 480px***********************/
.power-info:after{
	min-height: 100px;
	top:6px;
 	left:6px;
}

/*ホバーアニメーション 480px***********************/
.power-info:hover::after{
	transform: translate(-7px, -7px);
}

/**************************************
学びのトビラ 480px
***************************************/
	
.cginfo-main{
	padding: 0 16px;
}
	
/*コピーのテキスト部分のdiv 480px***********************/
.cginfo-main-copy-txt{
	margin: 0 12px;
}

/*画像部分全体の位置調整 480px***********************/
.cginfo-main-img{
	margin-top: 0;
}

/*各キャラ画像の位置調整 480px***********************/
.img-door1, .img-door2, .img-door3, .img-door4 {
	height: auto;
	top: -20px;
	margin-bottom: 20px;
}
	
/**************************************
カリキュラム 480px
***************************************/
/*メインカードの下地 480px******************/
.curriculum-card-main{
	max-width: 350px;
	min-width: 300px;
}
	
.cardmain-step1, .cardmain-step2, .cardmain-step3{
    box-shadow: 15px 15px 0 0 #cce198;
}
	
/**************************************
料金-授業概要 480px
***************************************/
.price-overview{
	flex-direction: column; 
	width: 90%;
	margin-top: 50px;
}

/*メインカードの下地******************/
.main-card {
	width: 100%;
	max-width: 350px;
	min-width: 310px;
	border: 2px solid #8a7059;
	box-shadow: 10px 10px 0px 0 #ffd1d1;
	margin: 0 auto 20px auto;
}
	
.price-main-card{
	background-position: 150px 25px;
	background-size: 80%
}

.overview-main-card{
	background-position: 130px 130px;
    background-size: 90%;
}
	
.main-card-in{
	display: flex;
  	justify-content: center;
 	align-items: center;
}
/*料金のカード******************/
.price-main-card{
	height: 240px;
}

/*概要のカード******************/
.overview-main-card {
	height: 360px;
}
	
/*料金と概要のmaindiv******************/
.p-o-div{
  margin: 0 auto;
}
	
.overview{
	margin-top: 110px;
}

/*文字全体のdiv******************/
.main-card-main{
    position: relative;
    top: -5px;
}

/*文字******************/
.p-o-txt {
  font-size: 18px;
}

/*文字-左******************/
.p-o-txt-l{
  top: -5px;
}

.meishou-color{
	left: 3px;
	height: 20px;
	padding: 0 10px;
}

/*文字-右******************/
.p-o-txt-r{
  left: -3px;
}

/*料金文字-右******************/
.price-txt-r{
  left: 10px;
}

/*文字のdiv******************/
.price-bar {
  border-bottom: 2px solid #8a7059;
}
	
/*文字の間隔******************/
.p-o-in{
	margin-top: 40px;
}
	
/**************************************
よくある質問 アコーディオン 480px
***************************************/
	.qanda-main{
		margin: 0 30px;
	}	
	
	.qa-list-main {
    margin-bottom: 40px;
	}
	
/**************************************
体験教室　480px
***************************************/
/*体験教室順番 */
	.trial-order-main{
		width: 280px;
		margin: 0 auto;
	}

/* 数字同士を繋ぐ線のpタグ*/
	.order-space-txt{
		width: 60px;
	}
	
/**************************************
固定-教室紹介 480px
***************************************/
/* 教室紹介全体***********************/
.introduction-main {
    width: 90%;
    margin: 60px auto 80px auto;
}	
	
.introduction-main-about-subh2, .introduction-main-power-subh2, .introduction-main-3dcg-subh2, .introduction-main-teacher-subh2{
	font-size: 24px !important;
}
	
.introduction-main-txt{
	width: 95%;
}
	
/* カード全体***********************/
.introduction-main-ele-card, .introduction-main-power-ele-card {
	margin: 0 auto 20px auto;
	max-width: 70%;
}
	
.introduction-main-about-ele, .introduction-main-power-ele{
	flex-direction: column;
	align-items: center;
}
	
/* power-subh2***********************/	
.introduction-power {
    font-size: 22px;
    margin: 0 0 5px 0 !important;
    text-align: center;
}	

/* power-カード***********************/		
.introduction-main-power-ele-card-img {
    padding: 20px;
}	
	
/* 3DCG-flexをcolumnに変更***********************/
.introduction-main-3dcg-ele{
	flex-direction: column;
}
/* 3DCG-テキスト***********************/
.introduction-main-3dcg-ele-txt{
	margin: 0 10px;
}
/* 3DCG-img***********************/
.introduction-main-3dcg-ele-img{
	display: block;
}


/* 3dcg-イラスト***********************/
.introduction-main-3dcg-ele-card:first-child{
	margin-bottom: 40px;
}
	
.introduction-main-3dcg-ele-card{
	margin: 0 auto;
    max-width: 80%;
}	

/* 講師紹介-名前***********************/
.teacher-name{
	font-size: 20px;
}	
	
/**************************************
固定-カリキュラム 480px
***************************************/
/* カリキュラムのメインdiv***********************/
.fixcurriculum-main {
    width: 90%;
    margin: 60px auto 80px auto;
}
	
/* 授業について-中の文字調整***********************/
.classabt-main-card-main-1, .classabt-main-card-main-2 {
    width: 90%;
}
.classabt-main-card-main-1{ margin: 40px 20px 20px 20px}
.classabt-main-card-main-2{ margin: 20px 20px 40px 20px}

.classabt-main-card-page { padding: 20px 30px 30px 30px; }
	
/* 時間割-中の文字調整***********************/
.timetable-main-card-page { padding: 60px 30px 30px 30px; }
	
/* カードのマージン***********************/
	.curr-card-rmargin{
		margin: 0 0 20px 0;
	}
	
/* sub文字をセンターに***********************/
.curr-sub {
    font-size: 22px;
}
	
/* カードのサイズ***********************/
.currdetail-card {
    width: 360px;
}


	
/**************************************
固定-料金 480px
***************************************/
/* クレカロゴ***********************/
.pay-main-img-img{
	max-width: 18%;
	box-shadow: 3px 3px 0px 0 #ffd1d1;
}
	
/*カードのdiv******************/
	.post-6162 .price-main-card-page{
		height: auto;
	}

/*お支払方法のカードin******************/
	.pay-main-card-main{
		margin: 60px auto 40px auto;
	}
	
/* 料金の備考***********************/
.price-main-card-main-remarks{
	margin-top: 50px !important;
}
	
/*備考の文字******************/
.remarks-main-text-txt{
	font-size: 14px !important;
}

/***********************************************************************
** 見出し 480px
************************************************************************/
    /*h1の見出し*/
    .article h1 {
        font-size: 20px;
    }

}/*480px以下ここまで***************************************************************************************************************************************************/
	
	
	
	
	
/*スマホ用人気記事調整*/
#popular_entries-2 .popular-entry-cards.large-thumb a {
  width: 33.33%;
}
.widget-entry-cards.card-large-image .e-card {
	font-size: 65%;
}
	
h2.widget-content-top-title:before,
h2.widget-content-top-title:after {
	width: 85px;
}
.widget h2::before {
  margin-right: 15px;
}
 
.widget h2::after {
  margin-left: 5px;
}
.widget-entry-cards.card-large-image .e-card {
    font-size: 50%;
}

.widget-entry-cards.card-large-image figure img {
	border-radius: 5px; 
	box-shadow: 2px 2px 2px 0 	rgba(0,0,0,0.3);
}
/*スマホ用人気記事調整--ここまで----*/


/************************************
** スマホのエントリーカード表示を見やすくする
************************************/
/*480px以下*/
@media screen and (max-width: 480px){

.entry-card-thumb{
float: none;
width:100%;
}

.entry-card-content{
float: none;
width: 100%;
margin-left: 0;
margin-top: .8em;
}
}

/************************************
** ブログカードを見やすく
************************************/
.blogcard {
	padding: 1rem;
	color: #666;
	position: relative;
	border-color: #7ED1E6 !important; /* 枠線の色を変更 */
}

a.blogcard-wrap:hover{
	background-color: transparent!important;
	opacity: 0.8;
}

a.blogcard-wrap:hover img.blogcard-thumb-image{
	transform: scale(1.1);
	transition: .3s;
}

.blogcard-thumbnail {
	line-height: 0;
	margin-right: 1rem;
	overflow: hidden;
}

.blogcard-title{
	margin-bottom: .5rem;
}

.blogcard-snipet{
	font-size: 70%;
	line-height: 1.7;
	padding-right: 10%;
}

@media screen and (max-width: 480px){
	.blogcard-thumbnail{
		width: 40%;
	}
	.blogcard-snipet{
		display: none;
	}
}

.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}

.blogcard::before{
	content: 'あわせて読みたい'; /* タイトルの文言 */
	position: absolute;
	top: -.8rem;
	left: auto;
	font-size: 50%;
	background-color: #0ea0c5; /* タイトルの背景色 */
	padding: .6em 1em;
	font-weight: bold;
	color: #fff;  /* タイトルの文字色 */
	border-radius: 2px;
}

/**********************************
カテゴリーウィジェット
*********************************/
/*親カテゴリ用のコード*/
.widget_categories ul li a{
	color: #222222;/*文字色*/
	text-decoration: none;
	display: block;
	padding: 0px;/*上下余白*/
	padding-right: 6px;
	padding-left: 6px;
	border-top: 1px dotted #cccccc; /*上部にボーダーを引く*/
	font-size: 16px;/*文字サイズ*/
}

/*親カテゴリのボックス*/
.widget_categories ul li a:first-child{
	border-top: none; /*最初の親カテゴリは上部ボーダーを消す*/
}
.widget_categories ul li a:last-child {
	border-bottom: 1px dotted #cccccc; /*最後の親カテゴリは下部ボーダーを引く*/
}

/*親カテゴリのアイコン*/
.widget_categories ul li a::before {
    font-family: FontAwesome;
    content: "\f10c";
    padding-right: 5px;
	color: #894537;
}

/*子カテゴリ用のコード*/
.widget_categories ul li ul li a {
	color: #222222;/*文字色*/
	text-decoration: none;
	padding: 0 6px;
	display: block;
	border: none;
	font-size: 14px;/*文字サイズ*/
}

/*子カテゴリのボックス*/
.widget_categories ul li ul {
	border-bottom: 1px dotted #cccccc;/*子カテゴリは下部ボーダー*/
}
.widget_categories ul li ul a:last-child {
	border-bottom: none; /*最後の子カテゴリはボーダーを消す*/
}

/*子カテゴリのアイコン*/
.widget_categories ul li ul li a::before {
    font-family: FontAwesome;
    content: "・";
    padding: 0;
}