/* Theme Name: Divi child theme Author: Divi theme examples Author URI: http://www.divithemeexamples.com Template: Divi Version: 1.0 */ @import url("../Divi/style.css"); /* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ @import url(https://fonts.googleapis.com/css?family=Lato:400,700); body, button, input, select, textarea { color: #111; font-family: Lato, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;; /*font-family: "Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;*/ /* font-size: 14px;*/ /* line-height: 1.2em;*/ word-wrap: break-word; } /* Headers */ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: Lato, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;; /* font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif !important; *//* font-family: "Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;*/ } /* テキストエリアでどうしても明朝にしたいとき */ p.minchou { font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; } /* */ /* top-header 調整 */ #et-info-phone::before { position: relative; top: 2px; margin-right: 2px; content: "\e090"; display: none;  /* <-追加 */ } #et-info { float: none;  } #et-info-phone { text-align: center; display: block; } #main-content .container { /*コンテンツ上余白調整 */ padding-top: 50px;  /* org 53 */ } .clear {clear: both; } /* ページ ポストタイトル */ .page h1.entry-title { padding-top: 4px; padding-left: 45px; padding-bottom: 5px; background-image: url(img/wood1_40.png); background-position: 10 0px; background-repeat: no-repeat; border-bottom: solid 2px #DBBC86; } .post h1.entry-title { padding-top: 4px; padding-left: 0px; padding-bottom: 5px; border-bottom: solid 2px #DBBC86; } .page h1.entry-title2 { padding-top: 4px; padding-left: 45px; padding-bottom: 5px; background-image: url(img/wood2_40.png); background-position: 10 0px; background-repeat: no-repeat; border-bottom: solid 2px #DBBC86; } body.archive h2.entry-title, body.category h2.entry-title { padding-top: 4px; padding-left: 0px; padding-bottom: 5px; border-bottom: solid 2px #DBBC86; } .page h1.entry-title3 { padding-top: 4px; padding-left: 45px; padding-bottom: 5px; background-image: url(img/wood3_40.png); background-position: 10 0px; background-repeat: no-repeat; border-bottom: solid 2px #DBBC86; } /* =Main content and comment content -------------------------------------------------------------- */ .page h2 { font-size: 24px; line-height: 30px; background: url(img/mk_h2_p.gif) no-repeat left top; font-weight: normal; color: #111; margin-top:10px; margin-bottom:30px; display: inline-block; padding-left: 25px; text-indent: -5px; } .page h3 { font-size: 18px; line-height: 30px; background: url(img/mk_h3.gif) no-repeat left center; height: 30px; font-weight: normal; text-indent: 20px; color: #111; margin-top:0px; margin-bottom:0px; display: inline-block; padding-left: 28px; text-indent: -5px; } .page h4 { font-size: 16px; line-height: 24px; background: url(img/mk_h4.gif) no-repeat left center; height: 32px; font-weight: normal; text-indent: 20px; color: #111; margin-top:0px; margin-bottom:0px; display: inline-block; padding-left: 25px; text-indent: -5px; } /* トップページだけ別 */ .home h2, .home h3 { background: none; text-indent: 0px; } /* = トップ スライダー -------------------------------------------------------------- */ #bg_slider_txt { background: rgba(0,0,0,0.5); padding: 10px; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ } /* = バナーエリア -------------------------------------------------------------- */ #banner-area a:hover { opacity:0.5; filter: alpha(opacity=50); } /* -- 汎用table .normal70%wide ---*/ table.normal70 { border: 1px solid #999; width: 100%; font-size: 14px; color: #000; background: #FFF; text-align: center; } table.normal70 tr th, table.normal70 tr td { padding-left: 10px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; font-size:14px; color:#000; } table.normal70 tr th { width: 30% !important; } table.normal70 tr td { width: 70% !important; } /* -- 汎用table .normal100%wide ---*/ table.normal100 { border: 1px solid #888; width: 100%; font-size: 14px; color: #000; background: #FFF; text-align: center; } table.normal100 tr th, table.normal100 tr td { padding-left: 10px; border-top: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; border-left: 1px solid #888; font-size:14px; color:#000; } /* -- 汎用table .rank-1 ---*/ table.rank-1 { border: 1px solid #999; width: 400px; font-size: 14px; color: #000; background: #FFF; text-align: left; } @media only screen and ( max-width: 480px ) { table.rank-1 { width: 100%; } } table.rank-1 tr td { padding-left: 10px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; font-size:14px; color:#000; } table.rank-1 tr td img { vertical-align: middle; } table.rank-1 tr td.x1st { width: 15%; } table.rank-1 tr td.x2nd { width: 15%; text-align: center; } table.rank-1 tr td.x3rd { width: 70%; } /* -- 汎用table .rank-1b ---*/ table.rank-1b { border: none !important; width: 400px; font-size: 14px; color: #000; background: #FFF; text-align: left; } @media only screen and ( max-width: 480px ) { table.rank-1b { width: 100%; } } table.rank-1b tr td { padding-left: 10px; border-top: none; border-right: none; border-bottom: 1px solid #999; border-left: none; font-size:14px; color:#000; } table.rank-1b tr td img { vertical-align: middle; } table.rank-1b tr td.x1st { width: 15%; } table.rank-1b tr td.x2nd { width: 15%; text-align: center; } table.rank-1b tr td.x3rd { width: 70%; } img.float_l30x50per { float:left; left;max-width:35%; margin-right:3%; } @media only screen and ( max-width: 480px ) { img.float_l30x50per { float:left; left;max-width:50%; margin-right:3%; } } /* = 協会案内:活動方針 -------------------------------------------------------------- */ dl.housin dt { color: #c73576; font-size: 20px; font-weight: normal; padding-left:5px; } dl.housin dd { font-size: 14px; margin-bottom:10px; } /* -- 沿革 table enkaku ---*/ .enkaku_tbl table { border: 1px solid #999; width: 610px; margin-left: 5px; font-size: 12px; color: #000; background: #FFF; text-align: center; } .enkaku_tbl table tr th.year { width: 80px; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } .enkaku_tbl table tr th.month { width: 80px; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } .enkaku_tbl table tr th.contents { text-align: center; background: #f8f8f8; /*padding-left: 30px;*/ } .enkaku_tbl table tr td { padding-left: 10px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; vertical-align: top; /* ------------ */ text-align: left; } .enkaku_tbl table tr td.year { text-align: center; } .enkaku_tbl table tr td.month { text-align: center; } .enkaku_tbl table tr td p { font-size: 12px; } /*.year_tbl table tr td.date, .year_tbl table tr td.shusai, .year_tbl table tr td.contents { border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; } */ .enkaku_tbl table tr td img { vertical-align: top; } /* -- 入会 table enkaku ---*/ table.joinfee_tbl, table.yearfee_tbl { border: 1px solid #999; width: 420px; margin-left: 5px; font-size: 12px; color: #000; background: #FFF; text-align: center; } table.joinfee_tbl tr td, table.yearfee_tbl tr td { padding-left: 10px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; } table.joinfee_tbl tr td.koumoku, table.yearfee_tbl tr td.koumoku { width: 170px; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } table.joinfee_tbl tr td.contents, table.yearfee_tbl tr td.contents { width: 250px; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } /* = 年間予定 year_tbl -------------------------------------------------------------- */ .year_tbl table { border: 1px solid #999 !important; width: 100%; margin-left: 5px; font-size: 12px; color: #000; background: #FFF; text-align: center; } .year_tbl table tr td { z-index: -1; /* for firefox */ padding-left: 10px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; vertical-align: top; /* ------------ */ } .year_tbl table tr td img { vertical-align: top; } .year_tbl table tr th.date { width: 10%; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } .year_tbl table tr th.shusai { width: 15%; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } .year_tbl table { border: 1px solid #999 !important; } .year_tbl table tr th.contents { text-align: center; background: #f8f8f8; /*padding-left: 30px;*/ } .year_tbl table tr td.contents { text-align: left; background: #FFF; padding-left: 20px !important; } .year_tbl table tr td p { font-size: 12px; } /* = コンクール予定 contest_tbl -------------------------------------------------------------- */ .contest_tbl table { border: 1px solid #333 !important; width: 100%; margin-left: 5px; font-size: 12px; color: #000; background: #FFF; text-align: center; font-weight: 400; } .contest_tbl table tr th.date { width: 15%; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } .contest_tbl table tr th.title { text-align: center; background: #f8f8f8; /*padding-left: 30px;*/ } .contest_tbl table tr td { z-index: -1; /* for firefox */ padding-left: 10px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; font-weight: 400; vertical-align: top; /* ------------ */ } .contest_tbl table tr td.date { text-align: center; } .contest_tbl table tr td img { vertical-align: top; } .contest_tbl table tr td p { font-size: 12px; } /*-- アコーディオンプラグインの左マージン0に変更 --*/ .collapseomatic_content { margin-top: 0px; margin-left: 0px;/* 16px */ padding: 0px; } /* = 資格分類 sikaku_bunrui_tbl -------------------------------------------------------------- */ table.sikaku_bunrui0_tbl { border: 1px solid #EEE; width: 50%; margin-left: 5px; font-size: 16px; color: #000; background: #FFF; text-align: center; } table.sikaku_bunrui_tbl { border: 1px solid #EEE; width: 100%; margin-left: 5px; font-size: 16px; color: #000; background: #FFF; text-align: center; } table.sikaku_bunrui0_tbl tr td, table.sikaku_bunrui_tbl tr td { width: 50%; padding: 20px !important; border-top: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; vertical-align: top; } table.sikaku_bunrui0_tbl tr td img, table.sikaku_bunrui_tbl tr td img { vertical-align: top; } table.sikaku_bunrui0_tbl tr td, table.sikaku_bunrui_tbl tr td { background: #FFF; } /* = 認定講師試験 table partner_tbl -------------------------------------------------------------- */ table.partner_tbl { border: 1px solid #999; width: 100%; margin-left: 0px; font-size: 12px; color: #000; background: #FFF; } table.partner_tbl tr th { width: 120px; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } table.partner_tbl tr td { text-align: left; } table.partner_tbl tr th, table.partner_tbl tr td { padding-left: 10px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; } table.partner_tbl tr td ul, table.partner_tbl tr td ol { margin-bottom: 0px; } table.partner_tbl tr td ul li, table.partner_tbl tr td ol li { margin-left: 15px; } /* -- 朗読コンクールtable contest_ ---*/ table.contest_youkou_tbl1 { width: 100%; font-size: 14px; color: #000; background: #ddeeba; text-align: center; } table.contest_youkou_tbl1 tr th, table.contest_youkou_tbl1 tr td { padding-left: 10px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; font-size:14px; color:#000; } table.contest_youkou_tbl1 tr th { font-size:18px; font-weight:normal; } table.contest_youkou_tbl2, table.contest_youkou_tbl3, table.contest_youkou_tbl4, table.contest_youkou_tbl5, table.contest_youkou_tbl6, table.contest_youkou_tbl7 { border: 1px solid #999; width: 100%; font-size: 14px; color: #000; background: #FFF; } table.contest_youkou_tbl2 tr th, table.contest_youkou_tbl2 tr td, table.contest_youkou_tbl3 tr th, table.contest_youkou_tbl3 tr td, table.contest_youkou_tbl4 tr th, table.contest_youkou_tbl4 tr td, table.contest_youkou_tbl5 tr th, table.contest_youkou_tbl5 tr td, table.contest_youkou_tbl6 tr th, table.contest_youkou_tbl6 tr td, table.contest_youkou_tbl7 tr th, table.contest_youkou_tbl7 tr td { padding-left: 10px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; color:#000; word-wrap:break-word; } table.contest_youkou_tbl2 tr th, table.contest_youkou_tbl3 tr th, table.contest_youkou_tbl4 tr th { width: 15%; font-weight:normal; background: #F8F8F8; } table.contest_youkou_tbl5 tr th, table.contest_youkou_tbl6 tr th, table.contest_youkou_tbl7 tr th { width: 30%; font-weight:normal; background: #F8F8F8; } table.contest_youkou_tbl3 tr td.kadai { width: 15%; } table.contest_youkou_tbl1, table.contest_youkou_tbl2, table.contest_youkou_tbl3, table.contest_youkou_tbl4, table.contest_youkou_tbl5, table.contest_youkou_tbl6, table.contest_youkou_tbl7 { border: 1px solid #999 !important; /* 外枠上書き */ } table.joinfee_tbl tr td.koumoku, table.yearfee_tbl tr td.koumoku { width: 170px; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } table.joinfee_tbl tr td.contents, table.yearfee_tbl tr td.contents { width: 250px; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } /* -- 朗読コンクール よくある質問 table ---*/ table.contest_faq_tbl1 { border: none; width: 100%; font-size: 14px; color: #111; background: #fff; text-align: left; } table.contest_faq_tbl1 tr th { width: 10%; } table.contest_faq_tbl1 tr th, table.contest_faq_tbl1 tr td { padding-left: 10px; border-top: 1px solid #DDD; vertical-align:text-top; } table.contest_faq_tbl1 tr.quest th, table.contest_faq_tbl1 tr.quest td { font-size:14px; font-weight:normal; color: #F00; border-top: 1px solid #999; } /* ------------------------ */ /* -- table school_bunpu -*/ /* ------------------------ */ .school_bunpu table { border: 1px solid #999; width: 100%; font-size: 12px; color: #000; background: #FFF; text-align: left; } .school_bunpu table tr th, .school_bunpu table tr td { border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; padding: 4px 10px 0px !important; } .school_bunpu table tr th { width: 17%; background: #FFCCDD; color: #000; text-align: center; } .school_bunpu table tr td { border-right: 1px solid #999; vertical-align: top; /*word-break: keep-all;*/ } .school_bunpu table tr td p { font-size: 12px; line-height: 1.5em; margin-bottom: 0px; } /* ------------------------ */ /* -- table school_list ---*/ /* ------------------------ */ .school_list_tbl table { border: 1px solid #999; width: 100%; font-size: 12px; color: #000; background: #FFF; text-align: center; } .school_list_tbl table tr th { background: #FFCCDD; color: #000; max-width: 100%; padding: 1px; border: solid 1px #999; } .school_list_tbl table tr th.shozaichi { width: 17%; text-align: center; padding-left: 20px; } .school_list_tbl table tr th.daihyousha { width: 18%; text-align: center; padding-left: 20px; } .school_list_tbl table tr th.name { /* width: 250px; */ text-align: center; padding-left: 20px; } .school_list_tbl table tr th.link { width: 6%; text-align: center; /*padding-left: 30px;*/ } .school_list_tbl table tr td.name, .school_list_tbl table tr td.daihyousha, .school_list_tbl table tr td.shozaichi { text-align: left; padding-left: 20px; border: solid 1px #999; } .school_list_tbl table tr td.link { text-align: center; border: solid 1px #999; } .school_list_tbl table tr td p { font-size: 12px; } .school_list_tbl table tr td { border: 1px solid #999; vertical-align: top; padding: 4px 10px 0px !important; } .school_list_tbl table tr td img { vertical-align: center; box-shadow: none; } /* ------------------------ */ /* -- table school_shousai -*/ /* ------------------------ */ .school_shousai_tbl table { border: 1px solid #999; width: 100%; font-size: 12px; color: #000; background: #FFF; text-align: left; } .school_shousai_tbl table tr th, .school_shousai_tbl table tr td { border: 1px solid #999; padding-top: 1px; padding-bottom: 1px; padding-left: 20px; } .school_shousai_tbl table tr th { width: 15%; background: #FFCCDD; color: #000; text-align: center; } .school_shousai_tbl table tr td { border-right: 1px solid #999; vertical-align: top; } .school_shousai_tbl table tr td.classroom { background: #FFCCDD; } .school_shousai_tbl table tr td.photo img { } .school_shousai_tbl table tr td p { font-size: 12px; line-height: 1.5em; margin-bottom: 0px; } .school_shousai_tbl table tr td img { vertical-align: top; } /* ------------------------ */ /* -- table good_tbl ---*/ /* ------------------------ */ .goods_tbl table { border: 1px solid #999; /*width: 100%;*/ max-width: 792PX; font-size: 12px; color: #000; background: #FFF; text-align: center; } .goods_tbl table tr th { text-align: center; padding: 4px 10px 0px !important; border-top: solid 1px #999; border-right: solid 1px #999; } .goods_tbl table tr th.photo, .goods_tbl table tr td.photo { width: 30%; text-align: center; border-left: solid 1px #999; } .goods_tbl table tr th.contents { width: 55%; } .goods_tbl table tr th.price { width: 15%; } .goods_tbl table tr td { border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; vertical-align: top; padding: 4px 10px 20px !important; } .goods_tbl table tr td.contents, .goods_tbl table tr td.price { text-align: left; } .goods_tbl table tr td p { font-size: 12px; } .goods_tbl table tr td img { vertical-align: center; box-shadow: none; } .sample_voice { width:80%; } /* ----------------------------*/ /* -- table good_detail_tbl ---*/ /* ----------------------------*/ .goods_detail_tbl table { border: 1px solid #999; width: 100%; font-size: 12px; color: #000; background: #FFF; text-align: center; } .goods_detail_tbl table tr th { text-align: left; width: 100%; padding: 4px 10px 0px !important; border-left: solid 1px #999; } .goods_detail_tbl table tr td { text-align: left; border-left: solid 1px #999; } .goods_detail_tbl table tr td p { font-size: 12px; } .goods_tbl table tr td img { text-align: center; vertical-align: center; box-shadow: none; } /* ----------------------------*/ /* -- table yourread kadai_tbl ---*/ /* ----------------------------*/ table.kadai_tbl { border: 1px solid #999; width: 600px; margin-left: 5px; font-size: 12px; color: #000; background: #FFF; text-align: center; } table.kadai_tbl tr td { padding-left: 10px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; } table.kadai_tbl tr th { text-align: center; background: #f8f8f8; border-right: 1px solid #999; } table.kadai_tbl tr td.textbook { width: 150px; text-align: center; background: #fff; border-right: 1px solid #999; } table.kadai_tbl tr td.contents { width: 300px; text-align: center; background: #fff; border-right: 1px solid #999; } table.kadai_tbl tr td.fee { width: 150px; text-align: center; background: #fff; border-right: 1px solid #999; } /* = 水平線 -------------------------------------------------------------- */ hr.style-s { border-top: 1px solid #AAA; margin:40px 0px 30px 0px; } hr.style-w { border-top: 1px solid #888; border-bottom: 1px solid #fff; margin:40px 0px 30px 0px; } hr.style-dot { background-color: #fff; border-top: 1px dotted #888; margin:20px 0px 20px 0px; } .content_text { margin: 10px; } /* Navi */ #top-menu li { display: inline-block; width:150px; /*padding: 6px 20px !important;*/ padding: 3px 10px !important; font-size: 14px; border-radius: 18px; /* CSS3草案 */ -webkit-border-radius: 18px; /* Safari,Google Chrome用 */ -moz-border-radius: 18px; /* Firefox用 */ background-color: #dbbc86; margin-bottom:10px; margin-left: 5px; } /* Mobile Navi 3line color */ .mobile_menu_bar:before { color: #330000; } /* top画像のコピー背景 */ .top_copy { /*background: rgba(255,255,255,0.4);*/ background: rgba(0,0,0,0.6); padding:10px; display: inline-block; } /* top画像のコピー横幅拡大 */ .et_pb_fullwidth_header .et_pb_fullwidth_header_container { width: 90%; /* org:80% */ } /* フッター */ p.ft-address { text-align: center; line-height: 1.5em; } p.ft-tel { text-align: center; font-family: Times New Roman; font-size: 24px; border: solid 1px #cc9966; margin-bottom: 6px; padding: 2px 0px; margin-left:20px; margin-right:15px; border-radius: 4px; /* CSS3草案 */ -webkit-border-radius: 4px; /* Safari,Google Chrome用 */ -moz-border-radius: 4px; /* Firefox用 */ } p.ft-tel:before { margin-right: 10px; content: url("img/ft-tel2.gif"); vertical-align: middle; } p.ft-mail { text-align: center; font-family: Times New Roman; font-size: 18px; border: solid 1px #cc9966; margin-bottom: 6px; padding: 3px 0px; margin-left:20px; margin-right:15px; border-radius: 4px; /* CSS3草案 */ -webkit-border-radius: 4px; /* Safari,Google Chrome用 */ -moz-border-radius: 4px; /* Firefox用 */ } p.ft-mail:before { margin-right: 10px; content: url("img/ft-mail.gif") } /* サイドバー ------------------------------------*/ h4.widgettitle { font-size: 16px; color: #333; font-weight: 500; line-height: 20px; padding-top: 4px; padding-left: 10px; padding-bottom: 6px; border-bottom: solid 1px #DBBC86; background: url(img/ico_bar_10x16.png) no-repeat left center; margin-bottom: 10px; text-indent: 0px; height: 30px; display: flex; } /* サイドバー トピック エリア*/ #advwidget-2 a:hover { opacity:0.5; filter: alpha(opacity=50); } /* アーカイブ、カテゴリー、ドロップダウン表示 タイトル消す */ #archives-2 label, #categories-2 label { display:none; } /* 最近の投稿 */ .et_pb_widget ul li { padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #ccc; } /* お知らせ、ブログ テーブル */ #info_title, #blog_title { padding:3px 5px 3px 40px; background-position: 10 0px; background-position: 3px 8px; background-repeat: no-repeat; } #info_title h3, #blog_title h3 { font-size: 18px; line-height: 40px; height: 40px; font-weight: normal; color: #111; margin-top:0px; margin-bottom:0px; display: block; padding-left: 0px; text-indent: 0px; } #info_title .btn a, #blog_title .btn a { float: right; margin-top: 10px; margin-right: 5px; padding: 3px 5px; border: solid 1px #888; } #newslist table, #bloglist table { width: 100%; margin: 0px 0 0 0; border: none; text-align: left; background-color:#FFF; background: linear-gradient(#FFFFFF,#f3f3f3); } #bloglist table { background-color:#FFF; } #newslist table tr.news_split, #bloglist table tr.news_split { line-height:1em; } #newslist table tr.news_split2, #bloglist table tr.news_split2 { line-height:1em; } #newslist table tr.news_split td, #bloglist table tr.news_split td { padding: 3px 20px 0px 20px; color: #111; font-weight: normal; border-top: 1px solid #eee; } #newslist table tr.news_split td img, #bloglist table tr.news_split td img { vertical-align: bottom; } #newslist table tr.news_spilit2 td, #bloglist table tr.news_spilit2 td{ padding: 0px 20px 3px 20px; border-top: none; border-bottom: 1px solid #eee; } #newslist td.title a, #bloglist td.title a { display:block; } #newslist td.title a:hover, #bloglist td.title a:hover { text-decoration: underline; } #newslist .more a, #bloglist .more a { display:none; /* タイトルに組み込んだので非表示 */ } /* サイドの余白(スマホ?) */ .et_pb_row { position: relative; width: 84%; max-width: 1080px; margin: auto; } /* トップ画像のテキスト枠調整 */ .et_pb_fullwidth_header .et_pb_fullwidth_header_container { position: relative; z-index: 3; width: 100%; /* org:80% */ max-width: 1080px; margin-right: auto; margin-left: auto; } /* トップスライダ画像のテキスト枠調整高さ */ .home .et_pb_slide_description { padding: 6% 0 !important; min-height: 400px; } /* フッターウィジェット リンク */ #footer-widgets .footer-widget li a:hover { color: #DDAA33; text-decoration:underline; } .test{ background: url(img/ft-tel.gif) no-repeat 5px 5px; } /* 投稿ページ下 ナビゲーション */ .cf a{ padding: 1px 10px; margin-right:5px; background:#EEE; } /* Contact form7 -----------------------------------------------------*/ .form-width { width: 100%; } .wpcf7-submit { font-size: 1.2em; padding: 5px 30px; background-color: #DBBC86; color: #300; border-style: none; } .wpcf7-submit:hover:enabled { background-color: #FED580; color: #300; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 textarea { background-color: #fff; color: #333; width: 95%; border: 1px solid #ddd; font-size: 100%; padding: 0.5em; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset; } /* BreadCrumb */ .breadcrumbs { font-size:smaller; color: #0066FF; margin-left: 5%; margin-right: 5%; margin-top: 3px; } .breadcrumbs a { padding: 0px 8px 2px 8px; background-color: #f3f3f3; border-radius: 6px; } /* 共通装飾 -----------------------------------------------------*/ /* 水色囲み */ .note { background: #def2fd; border: 1px solid #aee0fa; border-radius: 3px; color: #222222; font-size: 14px; margin: 1em 0; padding: 10px 10px; padding-bottom:10px !important; } .note-pink { background: #FFF0F0; border: 1px solid #ff6699; border-radius: 3px; color: #222222; font-size: 14px; margin: 0px; padding: 10px 10px; padding-bottom:10px !important; } .note-white { background: #FFF; border: 1px solid #333; border-radius: 3px; color: #222222; font-size: 14px; margin: 0px; padding: 10px 10px; padding-bottom:10px !important; } /* リンク用文字囲み ピンク囲み */ p.linkframe_pink { background: #FFF0F0; border: 1px solid #fff6699; border-radius: 3px; color: #ff3366; font-size: 14px; margin: 2em 0; padding: 10px 10px; padding-bottom:10px !important; } p.linkframe_pink a { display:block; } /* flexbox 2列→1列 */ .flexcontainer { display: flex; flex-wrap: nowrap; } .flexitem2x1 { width: 48%; margin-right:1%; margin-left:1%; text-align: center; } @media only screen and ( max-width: 479px ) { .flexcontainer { flex-wrap: wrap; } .flexitem2x1 { width: 100%; text-align: center; margin-top:0px; } } /* カートボタン装飾 */ .cart_button.in::before { display:none !important; /* ボタン前アイコン非表示 */ } .cart_button_in_value::after { font-size: 12px; } .cart_button.in { letter-spacing: 0.0em !important; padding: 3px 5px 8px 5px !important; min-width: 100px !important; font-size: 12px; line-height: 1; text-align: center; vertical-align: middle; } @media only screen and (min-width: 1350px){ } @media only screen and ( min-width: 981px ) { /*------------------------------------------------*/ /*------------------[FLUID GRID]------------------*/ /*------------------------------------------------*/ /* 左エリア */ .et_right_sidebar #left-area { float: left; padding-right: 40px; } #left-area { width: 77%; padding-bottom: 23px; } /* 右エリア:サイドバー */ .et_right_sidebar #sidebar { padding-left: 20px; padding-top: 10px; } #sidebar { float: left; width: 22%; } /* 右エリア左側の縦線位置調整 */ .et_right_sidebar #main-content .container:before { right: 23% !important; } /* Navi 文字下余白 */ .et_header_style_centered #top-menu > li > a { padding-bottom: 0px !important; } /* top画像のコピー縦幅調整 */ .et_pb_fullwidth_header { padding: 100px 0; /* 50px */ } /* NAVI リンク領域調整 */ #top-menu a { display: block; position: relative; color: rgba(0, 0, 0, 0.6); text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 20px; /* */ /*background-color: #CCAE8A; /* */ border-radius: 18px; /* */ -webkit-border-radius: 18px; /* */ -moz-border-radius: 18px; /* */ } #top-menu a:hover { display: block; position: relative; color: rgba(0, 0, 0, 1.0); text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 20px; /* */ background-color: #FFF; /* */ border-radius: 18px; /* */ -webkit-border-radius: 18px; /* */ -moz-border-radius: 18px; /* */ } /* 2階層目以下のメニュー幅 全域 */ .nav li ul { visibility: hidden; z-index: 9999; width: 200px; border-top: 3px solid #2ea3f2; opacity: 0; background: #fff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding: 30px 10px 10px 10px; } /* 2層目と3層目の横隙間 */ .nav li li ul { z-index: 1000; top: -23px; left: 180px; width: 220px; /* 3層目の枠幅 */ } /* 2階層目以下のメニュー幅 個別 */ #top-menu li li { width:180px; } #top-menu li li a { width: 160px; padding: 0px 10px; } #top-menu li li li { width:200px; } #top-menu li li li a { width: 180px; padding: 0px 10px; } /* 2階層目以下のメニュー高さ */ .nav li li { line-height: 1em; } /* 2階層目以下のメニューの下隙間 */ #top-menu li li { margin: 0; margin-bottom: 2px; } /* 2層目左、下階層マーク 調整 */ #top-menu li .menu-item-has-children > a:first-child::after { top: 0px; right: 20px; } /* スライダー 右コンテンツ域 */ .et_pb_slide_with_image .et_pb_slide_description { float: right; width: 50%; /* 47.25%; */ padding-right: 0; padding-left: 0; text-align: left; } .et_pb_slider_with_text_overlay .et_pb_slide_content { padding: 20px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } /* 各項目 メニュータイトル */ #banner-area .title, #kyoukai-area .title, #info-area .title_n, #gallery-area .title { display:none; } /* フッターウィジェット サポートメニュータイトル */ #nav_menu-2 h4.title { display:none; } } @media only screen and (min-width: 981px) and ( max-width: 1080px ) { /* ipad 横対応 */ } @media only screen and ( max-width: 1079px ) { /* 597 サイドエリアの縦線 */ } /* L3456 */ /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { /* header */ #main-header { position: relative; z-index: 99999; top: 0; width: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); font-weight: 500; line-height: 14px !important; /* トップ下とロゴの間 */ } .et_header_style_centered header#main-header .logo_container { height: auto; max-height: 100px; padding-top: 10px; /* スマホ幅で余白が無くなるのを回避 */ } /* モバイルメニュー 3本線 */ .mobile_menu_bar:before { position: relative; top: 0; left: 0; font-size: 26px; content: "\61"; cursor: pointer; font-weight: 600; } /* NAVI背景色 */ #main-header .mobile_nav { background-color: #dbbc86 !important; } .et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page { display: inline-block; color: #666; line-height: 1.2em; font-size: 14px; } .et_header_style_centered #main-header { padding: 0px 0 15px 0; } .et_header_style_centered #et_mobile_nav_menu { float: none; position: relative; margin-top: 5px; /* org:20px */ margin-left: 25px; margin-right: 10px; } .et_header_style_centered #main-header .mobile_nav { display: block; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.05); text-align: left; } /* top画像のコピー縦幅調整 */ .et_pb_fullwidth_header { padding: 40px 0; /* 50px */ } /* 通常ページに内枠(not Builder) */ .container { position: relative; width: 84%; max-width: 1080px; margin: auto; } } @media (max-width: 980px){ } @media only screen and ( max-width: 479px ) { .container { position: relative; width: 94%; /* org 84% */ max-width: 479px; margin: auto; } .et_header_style_centered #main-header .container { height: inherit; text-align: center; width: 80%; } .et_pb_slider .et_pb_container { position: relative; z-index: 2; width: 90%; max-width: 420px; margin: 0 auto; padding-top:20%; } #banner-area .et_pb_row, #kyoukai-area .et_pb_row, #info-area .et_pb_row, #gallery-area .et_pb_row { position: relative; width: 100%; max-width: 1080px; margin: auto; padding: 0px 0px; /* org:30px */ } /*#banner-area .et_pb_module,*/ #banner-area .et_pb_column { margin-bottom: 1px; /* org:30px */ } #info-area .et_pb_column { margin-bottom: 0px; /* org:30px */ } /* トップスライダ画像のテキスト枠調整高さ */ .home .et_pb_slide_description { /* padding: 6% 0;*/ min-height: 320px; } /* info blog 背景 */ #newslist table, #bloglist table { background-color:#FFF; background: linear-gradient(#FFFFFF, #eeeeee); } /* フッター 横余白調整 */ #main-footer .container { position: relative; width: 100%; max-width: 479px; margin: auto; } #nav_menu-2, #nav_menu-3 { width: 100%; } /* 3列目 */ #text-2 { width: 80%; margin-top:40px; margin-left:9%; padding-bottom: 30px; } /* フッター メニュー段組み */ #footer-widgets .footer-widget li { position: relative; padding-left: 14px; float: left; width: 50%; background: linear-gradient(#FFFFFF, #E0E0E0); border-right: solid 1px #F8F8F8; } #footer-widgets .footer-widget li.ftm23, #footer-widgets .footer-widget li.ftm24 { /* ラスト2ボタン */ background: linear-gradient(#807176, #4F474A); border-right: solid 1px #817076; } /* ボタン文字色 */ #footer-widgets .footer-widget li a { color: #330000; line-height: 3em; /* これ変更するとサポートメニュー高さ変る */ display:block; /* padding: 0px 5px; */ } #footer-widgets .footer-widget li.ftm23 a, #footer-widgets .footer-widget li.ftm24 a { /* ラスト2ボタン */ color: #FFF; } #footer-widgets .et_pb_widget ul li { margin-bottom: 0px; /* 0.5em; */ } #footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget { margin-bottom: 0% !important; /* 9.5% !important; */ } #footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget { margin-bottom: 0% !important; /* 11.5% !important; */ } #footer-widgets { padding: 0% 0 6% 0 !important; /* 6 0 0 */ } /* リストマーク非表示 */ #footer-widgets .footer-widget li:before { position: absolute; top: 9px; left: 0; border-width: 3px; border-style: solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; content: ""; display:none; /* 非表示 */ } #banner-area .title h3, #kyoukai-area .title h3, #info-area .title_n h3, #gallery-area .title h3 { font-size: 22px; color: #FFF; font-weight: 500; line-height: 1em; line-height: 1em; height: 40px; margin-bottom: 0% !important; padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 8px !important; padding-left: 25px !important; background-color: #CC9866; background-image: url(http://roudokudaisuki.or.jp/wpx/wp-content/uploads/ico_bar_15x30.png); background-position: 10 0px; background-position: 3px 5px; background-repeat: no-repeat; display:block; } /* information area */ #info-area .info_conts, #info-area .blog_conts { background-color: #FFF; } /* フッターウィジェット サポートメニュータイトル */ #nav_menu-2 h4.title { font-size: 22px; color: #FFF; font-weight: 500; line-height: 1em; height:40px; background-color: #CC9866; background-image: url(http://roudokudaisuki.or.jp/wpx/wp-content/uploads/ico_bar_15x30.png); margin-bottom: 0% !important; padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 8px !important; background-position: 10 0px; background-position: 3px 5px; background-repeat: no-repeat; display:block; /* text-indent: 20px; */ } /* BreadCrumb */ .breadcrumbs { margin-left: 1%; margin-right: 1%; margin-top: 3px; } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { } @media only screen and ( max-width: 480px ) { #main-content .container { /* スマホでコンテンツ上余白調整 */ padding-top: 30px; } .et_header_style_centered header#main-header .logo_container { height: auto; max-height: 100px; padding-top: 5px; /* スマホ幅で余白が無くなるのを回避 */ } /* 投稿タイトル フォントサイズ */ .post h1.entry-title { padding-top: 4px; padding-left: 0px; padding-bottom: 5px; border-bottom: solid 2px #DBBC86; font-size: 24px; } /* -- 沿革 table enkaku ---*/ .enkaku_tbl table { border: 1px solid #999; width: 100%; margin-left: 5px; font-size: 12px; color: #000; background: #FFF; text-align: center; } .enkaku_tbl table tr th.year { width: 20%; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } .enkaku_tbl table tr th.month { width: 10%; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } .enkaku_tbl table tr th.contents { text-align: center; background: #f8f8f8; /*padding-left: 30px;*/ } .enkaku_tbl table tr td { padding-left: 5px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; vertical-align: top; /* ------------ */ text-align: left; } .enkaku_tbl table tr td.year { text-align: center; } .enkaku_tbl table tr td.month { text-align: center; } .enkaku_tbl table tr td p { font-size: 12px; } .enkaku_tbl table tr td img { vertical-align: top; } /* -- 入会 table enkaku ---*/ table.joinfee_tbl, table.yearfee_tbl { width: 100%; margin-left: 5px; text-align: left; } table.joinfee_tbl tr td, table.yearfee_tbl tr td { padding-left: 5px; } table.joinfee_tbl tr td.koumoku, table.yearfee_tbl tr td.koumoku { width: 40%; text-align: left; } table.joinfee_tbl tr td.contents, table.yearfee_tbl tr td.contents { width: 60%; text-align: left; } /* -- 資格分類 sikaku_bunrui_tbl ---*/ table.sikaku_bunrui_tbl tr td { padding: 5px !important; } /* -- 朗読コンクール よくある質問 table ---*/ table.contest_faq_tbl1 tr th { width: 15%; } /* ------------------------ */ /* -- table school_bunpu -*/ /* ------------------------ */ .school_bunpu table tr th { width: 30%; background: #FFCCDD; color: #000; text-align: left; } /* ------------------------ */ /* -- table school_list for SP ---*/ /* ------------------------ */ .school_list_tbl table { width: 100%; font-size: 12px; color: #000; background: #FFF; text-align: left; } .school_list_tbl table tr th, .school_list_tbl table tr td { width: 100% !important; display:block; border-top: none !important; border-right: 1px solid #999 !important; border-bottom: 1px solid #eee !important; border-left: 1px solid #999 !important; padding: 2px !important; text-align: left !important; } .school_list_tbl table tr th.shozaichi{ border-top: 1px solid #999 !important; } .school_list_tbl table tr th { background: #FFCCDD; } .school_list_tbl table tr td{ background: #FFF; } .school_list_tbl table tr th.link, .school_list_tbl table tr td.link { border-bottom: 1px solid #999 !important; } .school_list_tbl table tr td p { font-size: 12px; } .school_list_tbl table tr td.link img { width:16px; height:16px; vertical-align:middle; } /* ------------------------ */ /* -- table school_shousai -*/ /* ------------------------ */ .school_shousai_tbl table { width: 100%; font-size: 12px; color: #000; background: #FFF; text-align: left; border: 1px solid #999 !important; } .school_shousai_tbl table tr th, .school_shousai_tbl table tr td { width: 100% !important; display: block; text-align: left; padding: 2px 5px !important; border-top: none !important; border-right: none !important; border-bottom: 1px solid #eee !important; border-left: none !important; } .school_shousai_tbl table { border: 1px solid #999 !important; } /* ------------------------ */ /* -- table good_tbl ---*/ /* ------------------------ */ .goods_tbl table { width: 100%; font-size: 12px; color: #000; background: #FFF; text-align: center; } .goods_tbl table tr th.photo, .goods_tbl table tr th.contents, .goods_tbl table tr th.price { display: none; } .goods_tbl table tr td { width: 100%; display: block; text-align: left; max-width: 100% !important; padding: 5px !important; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: none; border-left: 1px solid #999; } .goods_tbl table tr td.photo { width: 100%; display: block; text-align: center; border-left: 1px solid #999; } .goods_tbl table { border-bottom: 1px solid #999 !important; } /* ----------------------------*/ /* -- table yourread kadai_tbl ---*/ /* ----------------------------*/ table.kadai_tbl { border: 1px solid #999; width: 100%; margin-left: 5px; font-size: 12px; color: #000; background: #FFF; text-align: center; } table.kadai_tbl tr td { padding: 1px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; } table.kadai_tbl tr th { padding: 1px; text-align: center; background: #f8f8f8; border-right: 1px solid #999; } table.kadai_tbl tr td.textbook { width: 25%; text-align: center; background: #fff; border-right: 1px solid #999; } table.kadai_tbl tr td.contents { width: 50%; text-align: center; background: #fff; border-right: 1px solid #999; } table.kadai_tbl tr td.fee { width: 25%; text-align: center; background: #fff; border-right: 1px solid #999; } /* -- 汎用table .normal70%wide ---*/ table.normal70 { width: 100%; } /* トップ キャラリー 縮小 */ .et_pb_column .et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(n), .et_pb_column .woocommerce ul.products li.product:nth-child(n), .woocommerce-page ul.products li.product:nth-child(n), .et_gallery_item:nth-child(n) { width: 47% !important; margin: 0 0 2.5% 2% !important; } }