@charset "utf-8";
/*
Theme Name:responsive_021
Theme URI:http://c-tpl.com/
Description:responsive_021
Version:1.0
Author:Cloud template
Author URI:http://c-tpl.com/
Tags:simple
Cloud template v1.0
http://c-tpl.com/
This theme was designed and built by Cloud template,
whose blog you will find at http://c-tpl.com/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0; font-family:inherit; font-size:16px; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;text-align:left;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {font-family:'Noto Sans JP',sans-serif;color:#333; background:url(images/bodybgimg2.jpg);}

/* リンク設定
------------------------------------------------------------*/
a {margin:0;padding:0;text-decoration:none;outline:0;vertical-align:baseline;background:transparent;
font-size:100%;color:#666;}
a:hover, a:active {
-webkit-transition:opacity 1s;
-moz-transition:opacity 1s;
-o-transition:opacity 1s;
outline:none;color:#333;}
/**** Clearfix ****/
nav .panel:before, nav .panel:after,
nav#mainNav:before, nav#mainNav:after,
.newsTitle:before, .newsTitle:after,
#footerInfo:before, #footerInfo:after {content:"";display:table;}
nav .panel:after, nav#mainNav:after,
.newsTitle:after, #footerInfo:after {clear:both;}
nav .panel, nav#mainNav, .newsTitle, #footerInfo {zoom:1;}
/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea {vertical-align:middle;max-width:90%;line-height:30px;
height:30px;padding:1px 5px;border:1px solid #d4d4d7;border-radius:3px;
font-size:100%;color:#555;background:#fff url(images/inputBg.png) repeat-x;}
textarea {height:auto;line-height:1.5;}
input[type="submit"], input[type="reset"], input[type="button"] {padding:3px 10px;color:#fff;background:#498cbd;
background:-moz-linear-gradient(top, #498cbd 0%, #6cb4de 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #498cbd), color-stop(100%, #6cb4de));
background:-webkit-linear-gradient(top, #498cbd 0%, #6cb4de 100%);
background:-o-linear-gradient(top, #498cbd 0%, #6cb4de 100%);
background:-ms-linear-gradient(top, #498cbd 0%, #6cb4de 100%);
background:linear-gradient(to bottom, #498cbd 0%, #6cb4de 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#498cbd', endColorstr='#6cb4de', GradientType=0 );
border:0;border-radius:3px;font-size:100%;}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background:#498cbd;
background:-moz-linear-gradient(top, #6cb4de 0%, #498cbd 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #6cb4de), color-stop(100%, #498cbd));
background:-webkit-linear-gradient(top, #6cb4de 0%, #498cbd 100%);
background:-o-linear-gradient(top, #6cb4de 0%, #498cbd 100%);
background:-ms-linear-gradient(top, #6cb4de 0%, #498cbd 100%);
background:linear-gradient(to bottom, #6cb4de 0%, #498cbd 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cb4de', endColorstr='#498cbd', GradientType=0 );
}
/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner {background:#fff; box-sizing:border-box; margin:0 auto; overflow:hidden; padding:10px; width:960px;}
#header {background:#fff; box-sizing:border-box; margin:0 auto; overflow:hidden;}
#header .bg_w{margin:0 auto; padding:0 10px; width:960px;}
#content {float:right;width:625px; margin-bottom:50px;}
#sidebar {float:left;width:300px;padding-top:30px;}
#footer {background:#fff; clear:both;}
#main_area{background:#fff; margin:0 auto; padding:10px; width:980px;}

/* ヘッダー
*****************************************************/
p#mainImg img{width:100%;}

/* サイト説明文
----------------------------------*/
#header h1 {padding:0; font-size:13px; font-weight:300; color:#444;}

/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2 {float:left;padding:0;font-size:160%;font-weight:bold;}

/* コンタクトインフォメーション
----------------------------------*/
#headerInfo {float:right;padding:0 10px 20px 0;text-align:right;}
.tel {display:inline;margin-left:10px;padding-left:45px;font:40px "Palatino Linotype", "Book Antiqua", Palatino, serif;
background:url(images/tel.png) no-repeat 0 50%;}

/* トップナビゲーション
*****************************************************/
nav#mainNav {clear:both;/*margin-bottom:20px; background:url(images/navBg.png) repeat-x;*/ position:relative; border-top:2px solid #E85E00; border-bottom:2px solid #E85E00; background:linear-gradient(#fff,#FFCE80);}
nav#mainNav .inner{padding:0 10px;}
.panel ul li {float:left;position:relative; /*height:66px;line-height:66px;*/}
.panel ul li a {display:block; /*height:66px;*/ text-align:center; float:left; color:#666;}
#searchHead input {margin-top:15px;line-height:30px;}
#searchHead input.searchBox[type="text"] {vertical-align:top;width:140px;}
#post-34 p{font-size:14px;}
a.link_map{box-sizing:border-box; float:right; border:1px solid #3dab4a; padding:3px 20px; border-radius:5px; color:#3dab4a; font-size:14px;}
a.link_map:hover{background: #3dab4a; color:#fff; transition:0.3s;}

/* タイポグラフィ
*****************************************************/
h2.title {clear:both; margin:30px 0 20px; padding:3px 5px; line-height:2;font-family:'Noto Sans JP',sans-serif; font-size:20px; font-weight:500; border:1px solid #E85E00; background:linear-gradient(#fff,#FFCE80);}
h2.title span,
.newsTitle h3 span,
section.widget h3 span {padding:6px 5px 6px 26px; color:#E85E00; background:url(images/span.png) no-repeat 0 50%;font-family:'Noto Sans JP',sans-serif; font-weight:500; font-size:18px;}
.dateLabel {margin:-10px 0 10px;text-align:right;font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;}
.post p {padding-bottom:15px;line-height:2; font-weight:300; text-align:justify; text-justify:inter-ideograph; width:96%; margin:0 2%;}
.post ul {margin:0 0 10px 10px;}
.post ul li {margin-bottom:5px;padding-left:15px;background:url(images/bullet.png) no-repeat 0 8px;}
.post ol {margin:0 0 10px 30px;}
.post ol li {list-style:decimal;}
.post h1 {margin:20px 0;padding-left:26px;font-size:140%;color:#555;border-bottom:1px solid #dadade;background:url(images/span.png) no-repeat 0 50%;}
.post h2 {margin:10px 0;padding-bottom:2px;font-size:130%;font-weight:normal;color:#555;background:url(images/border.png) repeat-x 0 100%;}
.post h3 {margin:10px 0;font-size:120%;font-weight:normal;color:#555;}
.post blockquote {clear:both;padding:10px 0 10px 15px;margin:10px 0 25px 30px;border-left:5px solid #ccc;}
.post blockquote p {padding:5px 0;}
.post table {border:1px #d2d2d6 solid;border-collapse:collapse;border-spacing:0;margin:10px 0 20px;}
.post table th {padding:7px 5px;border:#d2d2d6 solid;border-width:0 0 1px 1px;font-weight:bold;color:#fff;background:#5399ca;}
.post table td {padding:7px 5px;border:1px #d2d2d6 solid;border-width:0 0 1px 1px;background:#fff;}
.post dt {font-weight:bold;}
.post dd {padding-bottom:10px;}
.post img {max-width:100%;height:auto;}
img.aligncenter {display:block;margin:5px auto;padding:4px;background:#fff;border:1px solid #ccc;}
img.alignright, img.alignleft {padding:4px;margin:0 0 2px 7px;display:inline;background:#fff;border:1px solid #ccc;}
img.alignleft {margin:0 7px 2px 0;}
.alignright {float:right;}
.alignleft {float:left;}

/* サイドバー　ウィジェット
*****************************************************/
section.widget {padding-bottom:20px;margin-bottom:20px;}
section.widget h3 {margin:0 0 10px; padding:5px; line-height:2; font-size:15px; font-weight:normal; border:1px solid #E85E00; background:linear-gradient(#fff,#FFCE80);}
section.widget a {display:block; padding:10px 5px; border-bottom:dotted 1px #e85e00; font-size:15px;}
/* 更新情報
-------------*/
.newsTitle {margin:0 0 20px;padding:5px;line-height:33px;font-size:120%;border:1px solid #dadade;background:url(images/headingBg.png) repeat-x 0 100%;}
.newsTitle h3 {float:left;font-weight:normal;}
.newsTitle p {float:right;padding:0 10px 0 13px;font-size:.8em;background:url(images/arrow.png) no-repeat 0 50%;}
.newsTitle p:hover {background-position:4px 50%}
.news {padding-bottom:40px;}
.news p {clear:both;padding:5px; border-bottom:1px solid #e85e00; }
.news p a {display:block;color:#333; /*font-style:italic;font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;*/}
.news a span {color:#666;font-family:'Noto Sans JP',sans-serif; font-size:15px;}
.news span {padding-left:10px;}
.news a:hover span {color:#333;}

/* ページ上部へ戻る
*****************************************************/
#pagetop {clear:both; display:block; overflow:hidden; padding-top:0;}
#pagetop .inner{padding:0 10px; }
#pagetop a {float:right;display:block;position:relative;padding:5px 15px 2px;font-size:13px;
border:1px solid #e85e00; border-bottom:0;border-radius:5px 5px 0 0;background:#fff;}/* フッター
*****************************************************/
#footerInfo { padding:0px 10px; margin-bottom:20px; border-top:2px solid #E85E00; border-bottom:2px solid #E85E00; background:linear-gradient(#fff,#FFCE80);/*background:#fff url(images/headingBgg.png) repeat-x 0 100%;*/}
#footerInfo .inner{background:inherit;}
#footerLogo {float:left;padding:10px;}
.contactInfo {float:right; margin-top:20px; text-align:right;}
#footer ul {text-align:center;font-size:95%;padding-bottom:20px;}
#footer ul ul {padding-bottom:0;}
#footer ul li {display:inline-block;vertical-align:text-top;text-align:left;padding:5px 0;background:url(images/bullet.png) no-repeat 0 12px;}
#footer ul li a {display:block; font-size:14px; padding:0 20px 0 12px; overflow:hidden;}
#footer ul li li {display:block;padding:0;margin-left:3px;background:url(images/sub1.png) no-repeat 0 50%;}
#footer ul li li:last-child {background-image:url(images/subLast.png);}
#footer ul li li a {padding:0 10px;}
#copyright {clear:both;padding:5px;text-align:center;font-style:normal;font-size:13px; color:#fff; background:#3DAB4A;}

/* page navigation
------------------------------------------------------------*/
.pagenav {clear:both;width:100%;height:30px;margin:5px 0 20px;}
.prev {float:left;}
.next {float:right;}
#pageLinks {clear:both;color:#666;text-align:center;}

/* トップページ 最新記事3件 + お勧め商品
------------------------------------------------------------*/
.thumbWrap {width:650px;margin-right:-25px;}
.thumbWrap_PR {width:645px;margin-right:-20px;}
ul.thumb {margin-top:0;margin-right:0;margin-bottom:0px;margin-left:0;}
/*おすすめ商品の見出しがない場合*/
ul.gap {margin-top:40px;}
ul.thumb li {background:none;float:left;padding:0;margin:0;}
ul.thumb li img.wp-post-image {float:left;display:inline;padding:0;margin-bottom:20px;height:142px;width:190px;}
ul.thumb h3 {font-weight:normal;font-size:110%;}
.thumbWrap ul.thumb h3 {padding:0 15px 0 0;display:inline;background:url(images/arrow.png) no-repeat 100% 50%;}
.thumbWrap_PR ul.thumb li {width:195px;margin:0 20px 0 0;}
.box_home{display:block; overflow:hidden;}
.box_home div{float:left; margin:0 2% 0 0; width:32%;}
.box_home div:nth-of-type(3n){margin-right:0;}
.box_home div img{width:100%; height:auto;}

/* メインメニュー + 検索ボックス　PC用
------------------------------------------------------------*/
@media only screen and (min-width:1025px) {
nav div.panel {display:block !important;float:left;}
#mainNav .inner{background:inherit;}
a#menu {display:none;}
.panel ul {width:1000px;}
.panel ul li {margin:0;}
.panel ul li a{padding:3px 10px; margin:10px;}
.panel ul li a span {margin:0 10px 0 -5px;padding:0 3px 0 10px; position:relative; float:left;}
/* 親メニュー */
.panel ul li a:hover{background:#E85E00; border-radius:10px; color:#fff; padding:3px 10px; margin:10px; transition:0.3s;}
.panel ul li a:active{background:#E85E00; border-radius:10px; color:#fff; padding:3px 10px; margin:10px;}
.panel ul li.current-menu-item a{background:#E85E00; color:#fff; border-radius:10px; padding:3px 10px; margin:10px;}
.panel ul li.current-menu-parent a {background:#E85E00; border-radius:10px; color:#fff; padding:3px 10px; margin:10px;;}
.panel ul li.current-menu-item a span,
.panel ul li a:hover span{}
.panel ul li a:active span{}
.panel ul li.current-menu-parent a span {}
.panel ul li.current-menu-parent li a,
.panel ul li.current-menu-item li a,
.panel ul li.current-menu-item li a span,
.panel ul li.current-menu-parent li a span,
.panel ul li.current-menu-item li.current-menu-item a span,
.panel ul li li a:hover span,
.panel ul li li a:active span {background:none;}
.panel ul li.current-menu-item li a {color:#fff;}
.panel ul li.current-menu-item li.current-menu-item a,
.panel ul li li a:hover,
.panel ul li.current-menu-parent li.current-menu-item a {color:#fff; background:#e85e00; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#FFCE80', GradientType=0 );}
.panel ul li.current-menu-parent:hover li a span,
.panel ul li.current-menu-parent li a {color:#fff;}
.panel ul li.current-menu-parent:hover li.current-menu-item a span,
.panel ul li.current-menu-parent li a:hover {color:#fff;}
#searchHead {float:right;width:215px;height:64px;}

/*子メニュー 30*/
nav#mainNav .inner{overflow:visible;}
li#menu-item-85 {position:relative;}
li#menu-item-85 ul.sub-menu{background:#e85e00; display:none; left:0; position:absolute; top:52px; width:190px; transition:0.3s;}
li#menu-item-85:hover ul.sub-menu{display:block;}
li#menu-item-85:hover ul.sub-menu li{}
li#menu-item-85:hover ul.sub-menu li:hover{background:#fb9855; transition:0.3s;width:190px;}
li#menu-item-85 ul.sub-menu li a{margin:10px;}
li#menu-item-85 ul.sub-menu li a span{color:#fff;}
}

/* メインメニュー + 検索ボックス iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px) {
nav#mainNav {background:none;border:0;padding:0;margin:0;width:100%;}
nav#mainNav a.menu {width:100%;display:block;height:40px;line-height:40px;font-weight:bold;text-align:left;color:#fff; background:#FFCE80; border:1px solid #e85e00;
background:url(images/menuOpen.png) no-repeat 1em 50%, -moz-linear-gradient(top, #fff 0%, #FFCE80 100%);
background:url(images/menuOpen.png) no-repeat 1em 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #FFCE80));
background:url(images/menuOpen.png) no-repeat 1em 50%, -webkit-linear-gradient(top, #fff, #FFCE80);
background:url(images/menuOpen.png) no-repeat 1em 50%, -o-linear-gradient(top, #fff, #FFCE80);
background:url(images/menuOpen.png) no-repeat 1em 50%, -ms-linear-gradient(top, #fff, #FFCE80);
background:url(images/menuOpen.png) no-repeat 1em 50%, linear-gradient(to bottom, #fff, #FFCE80);}
nav#mainNav a#menu span { color:#444; padding-left:3em;}
nav#mainNav a.menuOpen {
background:url(images/menuClose.png) no-repeat 1em 50%, -moz-linear-gradient(top,#fff,#FFCE80);
background:url(images/menuClose.png) no-repeat 1em 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #FFCE80));
background:url(images/menuClose.png) no-repeat 1em 50%, -webkit-linear-gradient(top,#fff,#FFCE80);
background:url(images/menuClose.png) no-repeat 1em 50%, -o-linear-gradient(top,#fff,#FFCE80);
background:url(images/menuClose.png) no-repeat 1em 50%, -ms-linear-gradient(top,#fff,#FFCE80);
background:url(images/menuClose.png) no-repeat 1em 50%, linear-gradient(to bottom,#fff,#FFCE80);}
nav#mainNav a#menu:hover {cursor:pointer;}
nav .panel {display:none;width:100%;position:relative;right:0;top:0;z-index:1;border-bottom:1px solid #ccc;}
.panel ul {margin:0;padding:0;}
.panel ul li {float:none;clear:both;width:100%;height:auto;line-height:1.4;}
.panel ul li a, .panel ul li.current-menu-item li a {display:block;width:100%;padding:1em 0;height:auto;text-align:left;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f7f6));
background:-webkit-linear-gradient(top, #fff, #f6f7f6);
background:-moz-linear-gradient(top, #fff, #f6f7f6);
background:-o-linear-gradient(top, #fff, #f6f7f6);
background:-ms-linear-gradient(top, #fff, #f6f7f6);
background:linear-gradient(top, #fff, #f6f7f6);
border-top:1px solid #ccc;
border-bottom:1px solid #fff;}
.panel ul li a span {padding-left:1em;}
.panel ul li.current-menu-item a, .panel ul li a:hover,
.panel ul li.current-menu-item a, .panel ul li a:active,
.panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover,
.panel ul li.current-menu-item li a:active {color:#498cbd;}
.panel ul li.current-menu-item li a {color:#666;}
.panel ul li li {float:left;border:0;}
.panel ul li li a, .panel ul li.current-menu-item li a, .panel ul li li.current-menu-item a, .panel ul li li a:hover, .panel ul li.current-menu-item li a:hover {border-top:1px dotted #ccc;border-bottom:1px dotted #fff;background:url(images/sub1.png) no-repeat 15px 50%;}
.panel ul li li:last-child a, .panel ul li li:last-child a:hover,
.panel ul li.current-menu-item li:last-child a:hover {background:url(images/subLast.png) no-repeat 15px 50%;}
.panel ul li li a span {padding-left:25px;}
nav div.panel, #searchHead {float:none;}
#searchHead {text-align:right;}

}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width:959px) {
#wrapper, #header, .inner {width:100%;}
#header h1, #header h2 {padding-left:10px;}
.panel ul, .thumbWrap, .thumbWrap_PR {margin-top:0;margin-right:auto;margin-bottom:0px;margin-left:auto;}
.panel ul ul {padding:0;}
nav div.panel, #searchHead {float:none;}
#searchHead {text-align:center;margin:0 auto;}
p#mainImg img {width:100%; height:auto;}
#content, #sidebar {clear:both;float:none;width:95%;margin:0 auto;padding:10px 0;}
#footer {margin:0;text-align:center;background-color:#D6EBD6;}
#footerInfo, #footer ul {float:none;width:auto;text-align:center;background-color:#D6EBD6;}
#pagetop a {margin-right:15px;}
}


/* 幅648px以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width:648px) {
.thumbWrap, .thumbWrap_PR {width:100%;margin:0 auto;text-align:center;}
.thumbWrap_PR ul.thumb li {width:30%;}
.thumbWrap_PR ul.thumb li {margin:0 1% 0 2%;}
.thumbWrap_PR img {width:100%;height:auto;}
.thumbWrap ul.thumb li {width:100%;margin:0 auto;text-align:left;}
#footerInfo .contactInfo {float:none;text-align:center;}
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width:644px) {
#header {text-align:center;}
#header h2, #headerInfo, #footerLogo {float:none;padding:0;text-align:left;}
#headerInfo p, #footerInfo p {font-size:90%;}
#headerInfo p.tel, #footerInfo p.tel {font-size:200%;}
img.alignright, img.alignleft {display:block;margin:5px auto;}
.alignright, .alignleft {float:none;}
#footer ul {text-align:left;padding:15px;}
#footer ul ul {padding:0;}
.box_home div{width:48%;margin:0 0 5px 2%; }
.box_story{background: url(images/story_bg_sp.jpg) no-repeat top left !important; padding:0 !important;}
span.story_mt{padding-top:0 !important;}
}


.embed-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;max-width:100%;height:auto;}
.embed-container iframe,
.embed-container object,
.embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.hdinfo {/*background-color:#A4CAEC;*/ padding:3px 0 3px 10px;}
#mainNav .inner .panel .menu ul {font-weight:bold;}

/*ヘッダー*/
.bg_w{background:#fff;}
/*青い目の人形物語*/
h3.tit_story{color:#E45826; font-size:20px; font-weight:600; width:96%; margin:0 2%; border:none;font-family:'Noto Sans JP',sans-serif;}
.box_story{background:url(images/story_bg.jpg) no-repeat top left; padding:0 0 0 250px; margin-bottom:30px;}
.pdfemb-poweredby{display:none !important;}
img.story_photo{float:left; margin:0 15px 0 0; width:37%;}
span.story_mt{display:block; padding-top:5em;}