/*
Template:mesocolumn
Theme Name:mesocolumn_child
*/
body {
    font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
    color: #333;
}
blockquote {
    font-style: initial;
}
aside.home-feat-cat h2.homefeattitle {
    font-size: 1.7em; color: #222;
    margin: 0px 0px 1em;
    padding: 0px 0px 0.5em;
    float: left;
    width: 100%;
    border-bottom: 2px solid #e67f00;
}
aside.home-feat-cat a {
    color: #333;
}
.post-content a {
    text-decoration: none;
}
.ad-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.fbottom {
    background-color: #993300!important;
}
.ad-content {
    float: left;
    width: 50%;
    height: auto;
    padding: 1%;
    box-sizing: border-box;
    overflow: hidden;
}
#siteinfo {
    width: 45%;
    padding: 10px 20px 20px;
    margin: 0!important;
}
.header-seo-span h1 {
    display: inline;
}
abbr.published {
    color: #777;
}
#topbanner {
    width: 30%;
    padding: 10px 2% 20px;
    height: 100%;
    max-height: 130px;
    overflow: hidden;
    margin: 0!important;
    text-align: right;
}
ul {
    list-style: none;
}
.all-title {
    font-size: 1.2em;
    line-height: 2em;
}
.back_number {
    padding: 20px 20px 0;
    border: 1px solid #DDD;
    margin: 20px 0;
}
.back_number ul {
    margin: 0 0 1.6em 0;
}
.publish-day {
    font-size: 0.9em;
}
/*cart*/
.goods-title {
    text-align: center;
}
.masonry {
    margin: 0 auto;
    margin-bottom: 30px;
}
.entry {
    width: 180px;
    padding: 0;
}
.shopcontain {
    float: none!important;
    margin: 10px!important;
    padding: 0 5px!important;
}
.shopcontain-image {
    margin: 0;
}
.shopcontain-title {
    text-align: center;
    margin: 0!important;
    font-size: 1em!important;
}
.shopcontain-title a {
    text-decoration: none;
    font-weight: bold;
}
.price {
    font-size: 1em;
    font-weight: bold;
    color: #ED5B14;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.hanbaibi {
    margin: 0;
    text-align: center;
    font-size: 0.9em;
}
#top-navigation {
    background-color: #993300;
}
.menuTab {
    background-color: darkorange;
    color: #FFF;
    padding: 10px;
    font-size: 1.5em;
    margin-bottom: 10px;
    clear: both;
}
.shopcontain {
    background-color: #ffefd4;

}
.post-content .yarpp-related h3 {
    font-size: 1.1em;
}
.yarpp-thumbnails-horizontal, .yarpp-related h3 {
    text-align: center;
}
.img-wrap {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-size: cover;
    background-color: #FFF;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    background-color: #ffefd4;
    margin: 0 5px;
    display: block;
}
.yarpp-thumbnails-horizontal h4.thumbnail-title {
    line-height: 1.8em;
    font-size: 0.9em;
    padding: 1em 0.5em;
}
.shopcontain-image {
    text-align: center;
}
.yarpp-related-none {
    display:none;
}
hr {
    height: 0;
    border: 1px solid #ddd;
}
a[href$=".pdf"], .pdf-link {
    display: inline-block;
    padding-right: 55px;
    line-height: 58px;
    background: url(./images/pdf.png) no-repeat right center;
    margin: 1em 0;
}
#main-navigation .sf-menu a {
    border-bottom: none!important;
    background-color: #00a6c1;
    color: #FFF!important;
    box-shadow: 2px 2px 2px #555;
}
#top-navigation .sf-menu a {
    padding: 0.75em 0.9em!important;
}
.kaitou {
    text-align: center;
    padding-bottom: 20px;
}
.sharedaddy {
    padding-top: 10px;
}
span.wpcf7-list-item {
display: block;
}
.gyouji_all {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 20px;
    border: 1px solid #DDD;
}
.gyouji_all p {
    margin: 0;
    line-height: 2.5em;
}
.pc {
    display: block;
}
.smp {
    display: none;
}
#post-2246 {
    background: url(./images/digtal_back.jpg) no-repeat right top;  
}
.modal-content{
    display: none;
}
.post-content .gyouji_title th {
    font-weight:bold;
    text-align:center;
    border: 1px solid #DDD;
    vertical-align: middle;
    font-size: 0.8em;
}
.post-content .gyouji_title td {
    border: 1px solid #ddd;
}
.my-calendar-prev .mcajax, .my-calendar-next .mcajax {
background-color: #993300!important;
color:#FFF!important;
}
.post-content h2, .post-content h3 {
    clear:both;
	line-height: 1.5em;
}
.alignright {
    margin-right: 0;
}
.alignleft {
    margin-left: 0;
}
.yarpp-related {
    margin-top: 5em!important;
    clear: both;
}
.wp-caption .wp-caption-text {
    margin: 0;
    padding: 5px 10px;
    text-align: center;
}
.wp-caption .wp-caption-text:before {
    content: none;
}
.page-single {
    clear:both;
}
.post-content h4 {
    font-size: 1.2em;
}
.header-seo-span {
    margin: 0 20px;
    font-size: 0.9em;
}
.header-seo-span h1, .header-seo-span {

    font-weight: normal;
    letter-spacing: normal;
}
.header-seo-span h1{
    font-size: 1em;
}
#right-sidebar h4.widget-title, .popular-posts h2 {
    padding: 0% 0% 10px;
    font-size: 1.5em;
    margin: 0px 0px 0.5em;
    float: left;
    width: 100%;
    color: #333;
    border-bottom: 2px solid #993300;
}
.ftop h5.widget-title {
    color: #181919;
    font-size: 1.5em;
    padding: 0px 0px 10px;
    float: left;
    margin: 0px 0px 1em;
    width: 100%;
    font-weight: bold;
    line-height: 1.2em;
    border-bottom: 2px solid #993300;
}
#toc_container {
    width: 80%;
    margin: 0 auto;
    padding: 15px;
    margin-bottom: 20px;
}
.top-nav .sf-arrows .sf-with-ul:after {
    right: 0!important;
}
.print-gide {
    float: left;
    width: 100%;
    height: auto;
}
.gide-inner {
    height: auto;
    background-color: #e67f00;
    text-align: center;
    line-height: 3em;
    border-radius: 0.5em;
    font-weight: bold;
    font-size: 1.2em;
}
aside.home-feat-cat .gide-inner a {
    color: #FFF;
    display: block;
}
.pdf-wrap {
    position: relative;
    width: 100%;
    padding: 133% 0 0 0;
    margin: 3em 0;
    display: inline-block;
}
.pdf-wrap object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.info-wrap {
    clear: both;
    margin-bottom: 1em;
    border: 1px solid #CCC;
    padding: 0.5em;
}
.info-wrap ul {
    max-width: 100%;
    margin: 0 auto;
}
p.info-menu {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: red;
    margin-bottom: 0.5em;
}
.info-wrap li {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
.info-wrap li a {
    color: #993300;
}
.yarpp-thumbnails-horizontal ul {
    display: inline-block;
    width: 100%!important;
    margin: 1em 0;
}
.yarpp-thumbnails-horizontal li {
    width: 25%;
    float: left;
}
a.block-button.application, input.block-button.application {
    margin: 1em auto;
    text-align: center;
    width: 100%;
    max-width: 250px;
    background-color: #e67f00;
    border: none;
    border-radius: 5px;
    font-size: 1.1em;
    box-shadow: 2px 2px 2px #555;
    padding: 1em;
}
input.wpcf7-form-control {
    max-width: 100%;
}
.skubutton {
    color: #FFF;
    font-weight: bold;
	margin: 1em auto;
    text-align: center;
    background-color: #e67f00;
    border: none;
    border-radius: 5px;
    font-size: 1.1em;
    box-shadow: 2px 2px 2px #555;
    padding: 1em;
}
#main-navigation #menu-item-21694 a {
	background-color: #e67f00;
    margin-left: 1.5em;
}
#main-navigation .sf-menu li {
    margin-bottom: 0.3em;
}
ol.commentlist li {
    width: 96%;
    border-radius: 10px;
    font-size: 0.8em;
}
blockquote {
    font-size: 1em;
}
.scrollbar {
    display: none;
}
.skuform .button, .skuform .button:hover {
    background-color: #FFF;
	border: none;
    cursor: initial;
    display: table-cell;
}
.skubutton {
    cursor: pointer;
}
#siteinfo img {
    width: 100%;
    max-width: 500px;
}
aside.home-feat-cat .homefeat article, .sidebar-inner aside ul, .post-content, #search-2 .search-form,.archive #post-entry article {
    box-shadow: 0 2px 4px 1px rgba(221,221,221,0.5);
    border-radius: 6px;
    padding: 0.5em!important;
    border: 1px solid #E9E9E9!important;
    box-sizing: border-box;
    margin-bottom: 1em!important;
}
.archive #post-entry article .post-content {
    box-shadow: none;
    border-radius: 0;
    padding: 0!important;
    border: none!important;
    box-sizing: border-box;
    margin-bottom: 0;
}
#search-2 form.search-form {
    clear: both;
    display: block;
    padding: 2em 1em!important;
}
.sidebar-inner aside ul {
    padding: 2em 1em!important;
}
#post-entry article.post-single h1.post-title, h1.folio {
    font-size: 2em;
    padding: 0.5em 0;
}
#post-entry article div.post-meta {
    padding: 0 0 2em;
}
.menu-wrap {
    width: 100%;
    display: inline-block;
}
.menu-inner {
    float: left;
    width: 50%;
}
.lp .post-content h2, .lp .post-content h3 {
    clear: both;
    text-align: center;
    padding: 1em 0;
    font-family: serif;
}
table.entry-form th {
    border: 1px solid #333;
    font-size: 12px;
    padding: 0.5em;
    text-align: center;
    vertical-align: middle;
}
table.entry-form td {
    border: 1px solid #333;
    padding: 0.5em;
    vertical-align: middle;
}
table.entry-form td.cell-2nd {
    width: 55%;
    border-right: none;
}
table.entry-form td.cell-3rd {
    width: 17%;
    border-left: none;
}
table.entry-form input[type="email"], table.entry-form input[type="text"], table.entry-form textarea {
    width: 98%;
}
table.entry-form .mwform-tel-field input[type=text] {
    width: auto;
}
table.entry-form span.mwform-radio-field {
    font-size: 9px;	
}
.submit-wrap {
    width: 100%;
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
}
#mw_wp_form_mw-wp-form-24599 input[type="submit"] {
    background-color: #e67f00;
    font-size: 16px;
    padding: 0.5em 1em;
    margin: 0 5px;
    border: none;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    box-shadow: 2px 2px 2px #555;
}
span.must {
    font-size: 9px;
    color: #fff;
    padding: 2px 4px;
    margin-left: 4px;
    background-color: #E91E63;
}
.entry-form span.mwform-radio-field-text {
    font-size: 14px;
}
.mc-main .my-calendar-nav {
    width: 100%;
}
div.mc-main .mc_rel_mcat7 h3.event-title a {
    background: #87ceea !important;
    color: #000000 !important;
}
div.mc-main .mc_rel_mcat8 h3.event-title a {
    background: #69ea47 !important;
    color: #000000 !important;
}
div.mc-main .mc_rel_mcat1 h3.event-title a {
    background: #ffb6c1 !important;
    color: #000000 !important;
}
.cancel td {
    background-color: #ccc;
}
.widget-area aside.widget_media_image {
    margin-bottom: 0.25em;
}
.twitter-timeline {
	max-height: 550px;
    overflow-y: scroll;
}
.sns-wrap {
    clear: both;
    text-align: center;
    display: block;
    width: 100%;
}
.sns-wrap ul {
    display: inline-block;
    margin: 0.5em 0;
}
.sns-wrap li {
    display: inline-block;
}
.sns-wrap a {
    padding: 0 0.5em;
    display: block;
}
 #post-entry .calendar-events article {
    padding: 0;
    margin: 0;
}
.time-block span.time-wrapper {
    display: none;
}
.time-block span.time-wrapper br {
    display: none;
}
.mc-main button.mc-date {
    margin: 0;
}
.mc-main.mini .close, .dashicons-dismiss:before {
    z-index: 99;
}
.calendar-events .dashicons-dismiss:before {
    content: "✖";
}
table.member-list ul {
	width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
}
table.member-list ul li {
    margin: 0 1.5em 0 0;
    padding: 0;
	float: left;
}
.entry-content .mc-main .my-calendar-nav ul {
    width: 100%;
    justify-content: center;
}
.entry-content .mc-main .my-calendar-nav li {
    margin: 0 0.5%;
    width: 30%;
    box-sizing: border-box;
}
.mc-main .my-calendar-navigation>div {
    clear: both;
}
.entry-content .mc-main .my-calendar-prev, .entry-content .mc-main .my-calendar-next {
    position: relative;
}
@media only screen and (max-width: 1118px) and (min-width: 768px){
header #topbanner {
    float: right;
    padding: 10px 2% 20px;
}
}
@media only screen and (min-width: 768px){
#post-entry article.post-style-magazine {
    width: 100%!important;
    height: auto!important;
    display: inline-flex;
}
#post-entry article .post-more {
    width: 300px!important;
    margin-left: 150px;
}
#post-entry article .post-more a {
    float: none;
}

}
@media only screen and (max-width: 768px){
.yarpp-thumbnails-horizontal li {
    width: 50%;
}
}
@media only screen and (max-width: 640px){
#post-entry article.post-single h1.post-title, h1.folio {
    font-size: 2em;
}
.post-content h2 {
    font-size: 1.5em;
}
p.all-title {
    font-size: 1em;
}
.entry {
    width: 150px;
}
#topbanner {
    padding: 0;
    margin-top: 10px!important;
}
.pc {
    display: none;
}
.smp {
    display: block;
}
.smp-head {
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #993300;
    text-align: center;
}
.smp-head .smp-navi {


}
.smp-head .smp-navi ul {
    margin: 0 auto;
    display: inline-block;
    width: 100%;
}
.smp-head .smp-navi li {
    width: 33.3%;
    float: left;
}
.smp-head .smp-navi a {
    line-height: 60px;
    width: 100%;
    display: block;
}
.smp-head img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
#bodywrap {
    margin-top: 60px!important;
    max-width: 100%!important;
}
.modal-content {
    z-index: 9999;
    position: relative;
    display: none;
    left: 0 !important;

margin-left: 14%;
    background: #fff;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-content a {
    color: #993300;
    line-height: 2em;
}
.modal-overlay {
    z-index:999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-wrap {
    z-index: 9999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0px);
}
.modal-open {
    color:#00f;
    text-decoration:underline;
}
.modal-open:hover {
    cursor:pointer;
    color:#f00;
}
.modal-close {
    color:#00f;
    text-decoration:underline;
}
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
#batsu {
    position: absolute;
    top: 10px;
    left: -35px;
}
.modal-head ul {
    margin: 0 auto;
    display: inline-flex;
    width: 100%;
}
.modal-head li {
    width: 33.3%;
    padding: 15px 15px 15px 0;
}
.modal-head li:first-child {
    padding-left: 15px;
}
.modal-head li img {
    width: 100%;
    height: auto;
}
.modal-navi {
    padding: 15px;
}
.modal-navi ul {
    margin: 0 auto;
    display: block;
    padding-left: 15px;
}
.modal-navi li {
    width: 100%;
    padding-right: 15px;
}
.modal-foot ul {
    margin: 0 auto;
    display: block;
    text-align: center;
}
.modal-foot li {
    padding-right: 15px;
    line-height: 2em;
}
.to_top {
    padding: 15px;
}
.to_top a {
    width: 100%;
    text-align: center;
    background-color: #FFF;
    color: #878787;
    font-size: 18px;
    line-height: 3em;
    display: block;
    border: 1px solid #DDD;
}
.footer-top {
    display: none!important;
}
.sns_icon_wrap {
    padding-bottom: 20px;
    text-align: center;
}
.lock {
    overflow:hidden;
}
.ad-content {
    width: 100%;
}
.menu-inner {
    width: 100%;
}
body footer.footer-bottom {
    background: #6e625c;
}
#custom #header .innerwrap {
    padding-top: 0.5em;
}
.masonry li {
    overflow: hidden;
}
.entry-form span.mwform-radio-field-text {
    font-size: 12px;
}
}
@media only screen and (max-width: 500px){
.post-content .yarpp-related h3 {
    font-size: 0.9em;
}
.entry-form span.mwform-radio-field-text {
    display: block;
}
}
@media only screen and (max-width: 350px){
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    min-width: 130px;
}
.wpcf7-textarea {
    max-width: 99%;
}
}