@charset "utf-8";
  .sp {display: none;}
@media screen and (max-width: 767px) { img {
max-width: 100%;
height: auto;
}
img.full {
width: 100%;
}
iframe {
width: 300px;
height: 169px;
}
.pc {display: none;}
.sp {display: block;}
.js-hiraku-header-fixed {
z-index: 5;
}
#wrapper,
.container {
width: auto;
}
#wrapper {
min-width: inherit;
}
#header {
width: auto;
height: auto;
background: none;
border-bottom: 2px solid #8d6238;
}
#header .container {
width: auto;
height: auto;
position: static;
}
#logo {
width: auto;
height: auto;
padding: 3% 70px 3% 3%;
float: none;
position: static;
}
#logo a {
width: auto;
height: auto;
}
#guide,
#gnavi,
#leftNavi {
display: none;
}
#mainWrap {
width: auto;
float: none;
}
#mainWrap h2 img {
width: 100%;
}
#mainWrap p.maincopy {
padding: 0 3% 20px;
font-size: 20px !important;
line-height: 1.6em !important;
text-align: left !important;
}
#mainWrap p.maincopy span {
display: block;
padding: 0 0 5%; font-size: 27px;
}
#mainWrap p.maincopy img {
width: 48%;
float: left;
}
#mainWrap address {
padding: 3%;
font-size: 12px;
}
#main,
#content-bottom-widgets {
padding: 0 3%;
}
#main input,
#main textarea {
max-width: 97%;
margin-bottom: 3%;
}
#copy01 {
padding: 3%;
border-top: 5px solid #FC0;
background: #ff3019; background: -moz-radial-gradient(center, ellipse cover, #ff3019 0%, #cf0404 100%); background: -webkit-radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%); background: radial-gradient(ellipse at center, #ff3019 0%,#cf0404 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); }
#copy01 img {
display: none;
}
#copy01 span {
color: #FFF;
font-size: 20px;
line-height: 1.4em;
font-weight: bold;
}
#copy02 {
margin: 0 1% 3%;
border: 3px solid #E73527;
border-radius: 8px;
}
#copy02 span {
padding: 3%;
color: #7D4B16;
font-size: 18px;
line-height: 1.4em;
}
#copy02 span em {
color: #E73527;
font-size: 24px;
font-weight: bold;
font-style: normal;
}
.btnArea {
padding: 0 0 7%;
}
.btnArea p,
#btnArea p {
float: none;
width: 268px;
margin: 0 auto !important;
padding: 0 0 3%;
}
#voice {
width: auto;
margin: 5px 0 10%;
}
#voice p {
width: auto !important;
min-height: auto;
margin: 0 3% 3%;
float: none;
}
#voice p#voiceTxt {
padding: 0 3%;
}
#voice #voiceTxt img {
display: none;
}
#voice #voiceTxt:after {
content: "その他にも、たくさんのうれしいお声をいただいています！";
color: #E53828;
font-size: 21px;
line-height: 1.4em;
font-weight: bold;
}
#movie {
padding: 0 0 10%;
text-align: center;
}
#movie div {
margin: 0 auto 5%;
margin-right: auto !important;
background: url(//miichanmama.jp/wp-content/themes/miichanmama/img/top/movbg.jpg) no-repeat center top;
background-size: contain;
width: 320px;
padding-left: 0;
padding-top: 60px;
height: auto;
float: none;
}
#movie div p {
padding: 5px 0;
font-size: 16px;
height: auto;
line-height: 1.1em;
margin-left: 0;
}
#lsnMov {
width: auto;
padding-left: 0;
padding-bottom: 0;
background: #ffcbed;
}
#lsnMov p {
float: none;
margin: 0 3% 10%;
width: auto;
}
#lsnMov p span {
margin: 0 auto;
padding-top: 1%;
}
#lsnMov iframe {
width: 300px;
height: 225px;
}
.mAfi {
width: auto;
margin-left: 0;
padding: 5% 0;
}
.mAfi div {
text-align: center;
padding: 1%;
width: 45%;
margin: 0 1% 3% !important;
}
#ftInner {
width: auto;
}
ul#ftNav {
padding: 5% 0 0;
}
ul#ftNav li {
margin: 0 0 3%;
display: block;
}
footer small {
font-size: 10px;
}
#topTopics {
width: auto;
margin: 0 1% 10%;
padding: 3%;
}
#topTopics dt {
margin: 0 0 3%;
padding: 0 0 3%;
width: 80px;
}
#topTopics dd {
margin: 0 0 3%;
padding: 0 0 3% 85px;
} #mainWrap p.maincopy:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#mainWrap p.maincopy {zoom:100%;} .entry-content .thumb img {width: 100%;}
.fluid-width-video-wrapper {
margin: auto;
width: 90%;
}
.fluid-width-video-wrapper iframe {
height: 90%;
}
#movie div.fluid-width-video-wrapper {
height: 0 !important;
margin: auto !important;
width: 290px !important;
}
#movie div.fluid-width-video-wrapper iframe {
height: 94% !important;
width: 100% !important;
} .entry-title {font-size:22px;}
div.entry-content h2 {font-size:22px;}    #mainWrap .phonics-content {width: auto; float: none;}
#mainWrap .phonics-content h1{ margin-bottom: 20px; }
#mainWrap .phonics-content h2{font-size: 18px; line-height: 1.2;}
.phonics-content h2 span{font-size: 15px;}
.phonics-content ul{font-size: 14px; margin-top: 0;}  
.phonics-content ul li::before{width: 7px; height: 7px;}
.phonics-lists img{width: 70px;}
.phonics-lists .last-row img{width: 174px;}
}