/*
Theme Name:canvas child
Theme URI:
Description:WordPressテーマ「canvas」の自作子テーマです。
Template:canvas_tcd017
Author:Takashi Yamada
Author URI:https://tcd-theme.com/
Version:2.4.2
*/

/* product list */
.tcdw_product_list_widget li { background:#f1f1f1; padding:5px; margin:0 0 1px 0; line-height:100%; }
.tcdw_product_list_widget a.title { float:left; width:165px; margin:5px 0; text-decoration:none; font-size:14px; line-height:160%; color:#000; }

/* menulist */
.tcd_menu_widget a { display:block; text-decoration:none; color:#000; background:#f1f1f1; padding:10px 15px; -webkit-transition: background-color 400ms ease-in-out; -moz-transition: background-color 400ms ease-in-out; -o-transition: background-color 400ms ease-in-out; -ms-transition: background-color 400ms ease-in-out; transition: background-color 400ms ease-in-out; }
.tcd_menu_widget a:hover, .tcd_menu_widget li.current-menu-item a { background-color:#00a2d9; color:#000; }

/* 追加CSS */
/* 固定ページタイトル */
.title_box{border: #aae6fe solid 1px; border-left: #aae6fe solid 13px; padding: 10px; background: #ffffff;}

/* 沿革ページ */
.enkaku_box {padding: 0.5em 1em; margin: 2em 0; color: #2c2c2f; background: #dcdcdc;}
.enkaku_box p {margin: 0; padding: 0;}

/* 教室ページ */
.google-map {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;  overflow: hidden;}
.google-map iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* SNS */
.socialAnchor dl{margin-bottom: 10px;}
.socialAnchor dd{display: inline-block; padding-right: 20px; text-align: center;}


/* ブログカード 教室一覧 */
.flexbox {display: flex; flex-wrap: wrap;}
.card {width: 300px; background: #fff; border-radius: 5px; box-shadow: 0 2px 5px #ccc; margin: 10px}
.card-img {border-radius: 5px 5px 0 0; max-width: 100%; height: auto;}
.card-content {padding: 10px;}
.card-title {font-size: 20px; margin-bottom: 10px; text-align: center; color: #333;}
.card-text {color: #777; font-size: 14px; line-height: 1.2; text-align: center;}
.card-text-left {color: #777; font-size: 14px; line-height: 1.5; text-align: left;}
.card-link {text-align: center; padding: 20px;}

/*Contactform7 レイアウト*/
.form-width { max-width: 90%;}