/*
Template:twentyseventeen
Theme Name: twentyseventeen_child
Author: HINTO inc.
Author URI: http://www.hinto.co.jp/
Description: 食の健康ひろば専用の、twentyseventeen子テーマです。
Version: 1.0.0
Text Domain: kenko
*/

/* ==============
親テーマのstyle.css読込はfunctions.phpで実施のためコメント化
============== */
/*
@import url('../twentyseventeen/style.css');
*/

/* ==============
惣菜アイコン定義
============== */
/* 国栄協 */
.sozai1 {
    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2020/10/sozai2_2.png);
	background-repeat: no-repeat; 
    vertical-align: middle;
	width: 9em;
	height: 2em;
	background-size: 100%; 
    display: inline-block;
}

@media screen and (max-width: 47em) {
.sozai1 {
/*    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2020/10/sozai2_2.png);	*/
    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2021/02/sozai2_2_sp-2-e1614237520459.png);
	background-repeat: no-repeat; 
    vertical-align: middle;
	width: 3em;
	height: 1.3em;
	background-size: 100%; 
    display: inline-block;
}
}
/* バランス弁当 */
.sozai2 {
    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2019/04/sozai3-e1556086402885.png);
	background-repeat: no-repeat; 
    vertical-align: middle;
	width: 9em;
	height: 1.8em;
	background-size: 100%; 
    display: inline-block;
}

@media screen and (max-width: 47em) {
.sozai2 {
/*    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2019/04/sozai3-e1556086402885.png);	*/
    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2021/02/sozai3_sp-1-e1614237534190.png);
	background-repeat: no-repeat; 
    vertical-align: middle;
	width: 3em;
	height: 1.3em;
	background-size: 100%; 
    display: inline-block;
}
}
/* からだアップ */
.sozai3 {
    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2019/07/sozai4-e1562295635468.png);
	background-repeat: no-repeat; 
    vertical-align: middle;
	width: 7em;
	height: 1.8em;
	background-size: 100%; 
    display: inline-block;
}

@media screen and (max-width: 47em) {
.sozai3 {
/*    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2019/07/sozai4-e1562295635468.png);	*/
    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2021/02/sozai4_sp-1-e1614237546943.png);
	background-repeat: no-repeat; 
    vertical-align: middle;
	width: 3em;
	height: 1.3em;
	background-size: 100%; 
    display: inline-block;
}
}
/* 冷凍 */
.reito {
    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2019/03/reito2-e1551680832245.png);
	background-repeat: no-repeat; 
    vertical-align: middle;
	width: 3em;
	height: 1.8em;
	background-size: 100%; 
    display: inline-block;
}

@media screen and (max-width: 47em) {
.reito {
    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2019/03/reito2-e1551680832245.png);
	background-repeat: no-repeat; 
    vertical-align: middle;
	width: 2em;
	height: 1.4em;
	background-size: 100%; 
    display: inline-block;
}
}

/* ==============
惣菜アイコン定義（未使用）
============== */
img.sozai {
    background-image: url(http://karadadeli.com/kenko/wp-content/uploads/2017/04/sozai1-e1509072910933.png);
    vertical-align: middle;
}

/* ==============
ホバー効果（縮み）
============== */
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

/* ==============
MV仕様変更に伴うナビ他の変更
============== */
header#masthead {
    line-height: 0;
}
.main-navigation li {
    line-height: 1.5;
}
.main-navigation a {
	padding: 0.4em 1.25em;
}
img.pc {
    display: none;
}
header#masthead {
    text-align: center;
	background: url(../../../img/mv_bg_20190221.gif);
}
p.top_txt {
    line-height: 1.5;
    text-align: left;
    background: rgba(255,255,255,.6);
    font-size: 1rem;
    margin: 0 0 1em;
    padding: .5em;
}
@media screen and (min-width: 48em) {
p.top_txt {
	display: none;
}
.home.blog img.pc {
    display: inline;
}
.home.blog img.sp {
    display: none;
}
.site-navigation-fixed.navigation-top {
    position: static;
    line-height: 1.5;
}
body:not(.home) header#masthead {
  background-image:
    url(../../../img/HIROBA_HEADER_INSIDE_OL_dishes.png),
    /* 20190220 変更 START */
    /* url(../../../img/mv_bg.gif); */
       url(../../../img/mv_bg_20190221.gif);
    /* 20190220 変更 END */
	/* 20210226 追加 */
	height: 40vh;
	/* 20210226 追加 */

  background-repeat:
    repeat,
	repeat;

  background-size:
    cover,
	auto;
	
  background-position: 1px;
}
}

/* ==============
ヘッダーメニュー
============== */
ul#top-menu li a {
    color: #DA3B15;
}

/* ==============
パン屑
============== */
.breadcrumbs {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1em;
    padding: 0 1em;
}
.breadcrumbs a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.breadcrumbs a:hover, a:active {
    color: #000;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* ==============
ページタイトル
============== */
header h1.page-title {
    font-size: 1.2rem;
}

/* ==============
スマホ,メインエリアの余白調整
============== */
main#main {
    margin-bottom: 2em;
}
.wrap {
    padding: 0 1em;
}
@media screen and (min-width: 48em) {
.wrap {
    padding-top: 3em;
}
}

/* ==============
スマホ,singleページ用の余白調整
============== */
.single article.hentry {
    padding: 1em;
}

/* ==============
全体背景,レイアウト
============== */
.single.has-sidebar:not(.error404) #primary {
    background-color: #fff;
}
div#content {
    /* 20190218 変更 START */
    /* background-color: #FEF6ED; */
    background-color: palegreen;
    /* 20190218 変更 END */
	padding: 1em 0 0;
}
.navigation-top {
    box-shadow: 0 3px 6px #eee;
}
@media screen and (min-width: 48em) {
.has-sidebar:not(.error404) #primary {
    width: 64%;
    padding: 1.4em;
}
.has-sidebar #secondary {
    width: 32%;
}
div#content {
    padding-bottom: 3em;
}
.site-footer {
	margin-top: 0;
}
}


/* ==============
一覧ページメイン部
============== */
.home.blog article.hentry,
.search article.hentry,
.archive article.hentry {
    background-color: #fff;
    padding: 1em;
    margin-bottom: 1.6em;
}
.home.blog.has-sidebar #primary,
.search.has-sidebar #primary,
.archive.has-sidebar #primary  {
    padding: 0;
}
span.my_cat_name {
    background-color: #DA3B15;
    color: #fff;
    padding: .2em .5em;
    float: left;
    margin-right: 1em;
}
.home.blog .entry-meta,
.search .entry-meta,
.archive .entry-meta {
    padding: .2em 0;
    font-size: 1rem;
}
.home.blog h2.entry-title,
.search h2.entry-title,
.archive h2.entry-title {
    margin-top: .5em;
}
.home.blog h2.entry-title a,
.search h2.entry-title a,
.archive h2.entry-title a{
    color: #DA3B15;
}
.home.blog p.link-more,
.search p.link-more,
.archive p.link-more {
    text-align: right;
}

/* ==============
ページめくりボタン
============== */
.prev.page-numbers, .next.page-numbers {
    background-color: #DA3B15;
    color: #fff;
}

/* ==============
サイドウィジエットタイトル
============== */
.textwidget .pc {
    display: none;
}
@media screen and (min-width: 48em) {
#secondary h2.widget-title {
    font-size: 1rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: .5em;
    margin-bottom: .4em;
}
.textwidget .pc {
    display: block;
}
.textwidget .sp {
    display: none;
}
}

/* ==============
サイドウィジエット内リンク付画像
============== */
#secondary .widget a img {
    -webkit-box-shadow: none;
    box-shadow: none;
	display: block;
	margin: 0 auto;
}

/* ==============
サイドウィジエット内リスト
============== */
#secondary .widget ul li {
    border: none;
    text-indent: -1em;
    margin-left: 1em;
}
#secondary .widget ul li:before {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 8px solid #DA3B15;
}

/* ==============
検索ボタン
============== */
button, input[type="button"], input[type="submit"] {
    background-color: #DA3B15;
}

/* ==============
フッターウィジエット2（からだデリの惣菜が購入できる店）
============== */
.footer-widget-2 h2 {
    color: #DA3B15;
    background-color: #FEF6ED;
    font-size: 1rem;
    padding: .5em 1em;
    display: inline-block;
    border: 1px solid #DA3B15;
    margin-bottom: 1em;
}
.footer-widget-2 {
	text-align: center;
}
.footer-widget-2 .super_txt, ul#super_list {
	text-align: left;
}
ul#super_list {
    display: table;
    margin-left: 1.4em;
}
ul#super_list li {
    display: inline-block;
    vertical-align: top;
    border: none;
    width: 50%;
    position: relative;
    text-align: left;
    padding-right: 2em;
}
ul#super_list li:before {
    content: url(../../../img/bullet_shop.svg);
    position: absolute;
    left: -1.3em;
    width: 1em;
}
@media screen and (min-width: 48em) {
.footer-widget-2 {
	text-align: left;
}
ul#super_list li {
    width: 34%;
}
ul#super_list li:nth-child(3n) {
    padding-right: 0;
	width: 32%;
}
}

/* ==============
ソーシャルリンクメニュー周り
============== */
footer nav.social-navigation {
    width: 100%;
    text-align: center;
}
footer nav.social-navigation a {
    margin: .5em;
}
footer .site-info {
    text-align: center;
    width: 100%;
    margin-left: 0 !important;
}

/* ==============
投稿タイトル等
============== */
.entry-meta {
    font-size: .75em;
}
h1.entry-title {
    color: #DA3B15;
}

/* ==============
投稿フッターカテゴリリスト
============== */
.entry-footer {
    padding: 1em 0;
}
.entry-footer .cat-links a {
    background-color: #DA3B15;
    color: #fff;
	padding: .45em .7em;
}
.post-navigation {
    margin: 1em 0 0;
    padding-bottom: 1em;
}

/* ==============
投稿フッター下ナビゲーション
・次の記事への画像を左右反転
・余白調整
============== */
.nav-previous .nav-title-icon-wrapper img {
    margin-right: 1em;
}
.nav-next .nav-title-icon-wrapper img {
    transform: scale(-1, 1);
    margin-left: .5em;
}
span.nav-title-icon-wrapper img {
    vertical-align: middle;
}
.post-navigation .nav-links {
    padding: 1em 2em;
}

/* ==============
問合せ画面（入力・共通）
============== */
@media screen and (min-width: 48em) {
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column:not(.archive) #primary .entry-content {
float: none;
width: 100%;
}
}
body.page-two-column:not(.archive) #primary .entry-header {
    text-align: center;
}
body.page-two-column:not(.archive) #primary .entry-header h1 {
    color: #DA3B15;
    border-bottom: 2px solid #DA3B15;
    padding-bottom: .1em;
    margin-bottom: .7em;
    display: inline-block;
    font-size: 1.4rem;
	margin-top: 1em;
}
@media screen and (min-width: 48em) {
body.page-two-column:not(.archive) #primary .entry-header h1 {
    text-align:center;
	margin-top:0;
    font-size: 1.625rem;
}
}
body.page-two-column:not(.archive) #primary .entry-content {
    background-color: #fff;
    padding: 1em 1em 2em;
}
@media screen and (min-width: 48em) {
body.page-two-column:not(.archive) #primary .entry-content {
    padding: 2em;
}
}
.inq_title {
    border-left: 7px solid #DA3B15;
    padding: .3em 0 .3em .8em;
    margin-bottom: .5em;
	display: inline-block;
}
.inq_title.hissu:after {
    content: " （必須）";
    color: #DA3B15;
}
span.mwform-radio-field.vertical-item {
    margin-left: 1em;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ddd;
}
form dd {
    margin: 0 0 1.5em 0;
}

input[type="radio"] {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
}
dd.doui input[type="checkbox"] {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
}
dd.doui a {
    margin-left: 1em;
}
dd.doui {
    margin-left: 1em;
}
@media screen and (min-width: 48em) {
dd.doui label {
    float: left;
}
}

/* ==============
問合せ画面（確認）
============== */
.inq_btns {
    position: relative;
    min-height: 4em;
    text-align: center;
}

.inq_btns input[name="submitConfirm"] {
	padding: 1.4em 4em;
	font-size:120%;
}
.inq_btns input[name="submitBack"] {
    position: absolute;
    left: 0;
    background-color: #aaa;
}
.inq_btns input[name="conf_sub_btn"] {
    font-size: 120%;
    padding: 1em 2em;
    position: absolute;
    right: .5em;
}

.mw_wp_form_confirm dd.doui a {
    display: none;
}

@media screen and (min-width: 48em) {
.inq_btns input[name="conf_sub_btn"] {
    padding: 1.4em 4em;
	position: static;
}
}

/* ==============
問合せ画面（完了）
============== */
.mw_wp_form_complete {
    text-align: center;
}
.mw_wp_form_complete p {
    text-align: left;
}


/* ==============
ビジュアルエディター用プレスタイル
============== */
.entry-content h1 {
	color: #DA3B15;
    background-color: #FAFAFA;
    border-left: 5px solid #DA3B15;
    font-size: 1.4375em;
    padding: .35em .75em;
}
.entry-content h2 {
	color: #DA3B15;
    border-bottom: 3px solid #DA3B15;
    font-size: 1.4375em;
    padding: .3em .2em .25em .125em;
}
.entry-content h3 {
    color: #323333;
	font-size: 1.125em;
    background-color: #FEF6ED;
	padding: .35em .75em;
}
.entry-content h4 {
    color: #323333;
	font-size: 1.125em;
    border-left: 3px solid #DA3B15;
	padding: .35em .75em;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-top: 1.5em;
}
.single .entry-content dt {
    background-color: #DA3B15;
    color: #fff;
    padding: .25em .25em .25em .75em;
}
.single .entry-content dd {
    border-left: 1px solid #DA3B15;
    border-bottom: 1px solid #DA3B15;
    border-right: 1px solid #DA3B15;
    margin: 0;
	padding: .25em .25em .25em .75em;
}
.entry-content li {
    list-style-position: inside;
    padding-left: 1em;
}
.entry-content ul li {
    list-style: none;
}
.entry-content ul li:before {
    display: inline-block;
    vertical-align: middle;
    content: "●";
    color: #DA3B15;
    font-size: .8em;
    margin-bottom: .2em;
    margin-right: 1em;
}
blockquote {
    color: #666;
    font-size: 1.125rem;
    font-style: italic;
    position: relative;
    margin: 2em .75em;
    padding: 1.2em;
    border: 1px solid #CCC;
    background: rgba(238,238,238,.6);
}
blockquote p:first-child {
    margin-top: -1em;
}
blockquote:before {
    content: "”";
    font-size: 40px;
    display: inline-block;
}
blockquote:after {
    content: "”";
    position: absolute;
    right: 1em;
    bottom: 0;
    font-size: 40px;
}