@charset "UTF-8";

/*
Version: 240826
*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 600;}

.h2, h2 {font-size: 20px;}
.h3, h3 {font-size: 18px;}


.hentry {/* padding-top: 0; */}

h1.pageTitle,
.entry-header.pageTitle {background-image:url(images/bg-dot2.png);padding: 20px;background-color: #fdfde1;background-color: #88be02;color: #fff;font-weight: 400;font-size: 22px;font-size: 1.375rem;margin-bottom: 25px;line-height: 1.35;}
.page-template-page-fixed-feature h1.pageTitle {margin-bottom: 0;}
.entry-header.pageTitle .entry-title {font-size: 1.125rem;font-weight: 500;}
.page-template-page-fixed01 .page h2,
.page-template-page-feature h2.pageTitle,
.page h2.pageTitle,
.product__note__ttl{background-image:url(images/bg-dot2.png);padding: 15px;border-top: 1px solid #89ba2a;border-bottom: 1px solid #89ba2a;/* color: #89ba2a; */margin-top: 36px;font-size: 22px;font-size: 1.375rem;}
.page-template-page-fixed01 .page h2:before,
.page-template-page-feature h2.pageTitle:before,
.product__note__ttl:before{
    font-family: FontAwesome;
    content: "\f10c";
    font-size: 20px;
    float: left;
    margin-top: 2px;
    margin-right: 7px;
    margin-bottom: 2px;
    font-weight: 600;
    color: #89ba2a;
}
.page-template-page-fixed01 .philosophy h2:before {font-size: 0;}

.page h1:first-child,
.page h2:first-child {margin-top:0;}


.row {list-style-type: none; padding:0;}
.rowS {margin-left:-3px;margin-right:-3px;}
.rowS .col {padding: 3px;}
.rowM {margin-left:-10px;margin-right:-10px;}
.rowM .col {padding: 10px;}

p {text-align: justify;text-justify: inter-ideograph;margin-bottom: 18px;margin-bottom: 1.125rem;}
p:last-child { margin-bottom:0;}

ol,
ul {margin-bottom: 18px;padding-left: 24px;}
ul.defo li {margin: 5px 0;}
ol.defo li {padding-left: 3px;margin: 5px 0;}

.pcBlock, .pc {display: none !important;}
.spBlock, .sp {display: block !important;}
.textLC {text-align:left !important;}

/*ボタン関係*/
.btnBox,
input[type=submit] {
    margin: 24px auto;
    padding: 15px;
    max-width: 300px;
    display: block;
    background-color: #009944;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
    font-size: .875rem;
    font-weight: 400;
}
input[type=submit] {transition: color .2s,background-color .2s,border-color .2s,text-decoratin .2s;}
.btnBox:hover,
input[type=submit]:hover {background-color: #89bb2a;color: #FFF;text-decoration: none;}
.btnBox:before {font-family: FontAwesome;content: "\f105";font-size: 18px;float: right;margin-top: -2px;font-weight: 400;}
.DL:before {font-family: FontAwesome;content: "\f1c1";font-size: 18px;float: right;margin-top: -2px;font-weight: 400;}
.btnBox.pageBack {color: #fff;background-color: #f15923;border: 1px solid #fff;font-size: 1.0rem;font-weight: 600;text-decoration: none;max-width: 240px;text-align: center;position: relative;margin-top: 40px;margin-bottom: 10px;}
.btnBox.pageBack:hover {color: #fff;background-color: #f7931d;border: 1px solid #fff;}
.btnBox.pageBack:before {font-family: "Font Awesome 5 Free";content: "\f3e5";font-weight: 600;position: absolute;top: 50%;right: 15px;margin-top: -14px;}

/*ホバー動作*/
.entry-content a {color: #FF780B;text-decoration: underline;}
.entry-content a:hover {color: #88ba2a;text-decoration: none;}

a img {-webkit-transition: opacity .3s ease-out;-moz-transition: opacity .3s ease-out;-ms-transition: opacity .3s ease-out;transition: opacity .3s ease-out;}
a:hover img {opacity: .6;-webkit-opacity: .6;-moz-opacity: .5;filter: alpha(opacity=50);/* IE lt 8 */-ms-filter: "alpha(opacity=50)";/* IE 8 */}

a img.site-branding__logo { background-color:transparent;}

.mt0 { margin-top:0 !important}
.w10 {width: 10% !important;}
.w20 {width: 20% !important;}
.w30 {width: 30% !important;}
.w40 {width: 40% !important;}
.w70 {width: 70% !important;}
.w100 {width: 100% !important;}

.red { color:#FF0000;}


/*テーブルレイアウト*/
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {line-height: 1.55;}

.table-01 {border: 1px solid #E5E5E5;}
.table-01 th,
.table-01 td {display: block;border: 0 !important;padding: 12px !important;}
.table-01 th {background-color: #E5E5E5;border: 0;}
.table-01 td {background-color: #F7F7F7;}
.table-01 th {border-left: 2px solid #89ba2a !important;}

.tableDaizu {margin-bottom:6px;}
.tableDaizu th,
.tableDaizu td {display: table-cell;border: 1px solid #FFF !important;}
.tableDaizu th {white-space:nowrap;vertical-align: middle !important;}

.table-responsive {overflow-x: auto;min-height: 0.01%;}

@media (max-width: 640px) {
h1.pageTitle {padding: 20px;}
.table-responsive table {width: 680px;}
}


.shokumu {list-style-type: none;margin: 0;padding: 0;}

.pankuzu {padding-top: 5px;padding-bottom: 7px;background-color: #F5F5F5;}
.pankuzu .breadcrumbs {margin: 0;line-height: 1.0;}
.blog .pankuzu,.archive .pankuzu {margin-bottom: 40px;}
.blog .sub-page-contents,.archive .sub-page-contents {padding-top: 0;}


@media (min-width: 768px) {
    .pcBlock, .pc {display:block !important;}
    .spBlock, .sp {display:none !important;}
    .entry-header.pageTitle .entry-title {font-size: 1.375rem;}
}


/*--------------------------------------------------
 * ヘッダー
 *------------------------------------------------*/
.header {background-color: #009944;}
.site-branding__heading {width:100px;}
.page-header {padding: 0;height: 0;margin-top: 58px;}
.page-header__title {display:none;;}
.site-branding {padding: 0;}
.habakiri-slider__transparent-layer {height: 160px;}

/*--------------------------------------------------
 * スライダー
 *------------------------------------------------*/
.habakiri-slider {background-color: #edf5df;}
.habakiri-slider__list {max-width: 990px;margin: auto;}
.habakiri-slider__item-wrapper {width: 100%;margin: 0;padding: 0;}

/*.habakiri-slider__link .habakiri-slider__item-wrapper {
    -webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}*/
.habakiri-slider__link:hover .habakiri-slider__item-wrapper {
	background-color:#FFF;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	opacity: .3;-webkit-opacity: .3;-moz-opacity: .3;filter: alpha(opacity=30);/* IE lt 8 */-ms-filter: "alpha(opacity=30)";/* IE 8 */
}


/*--------------------------------------------------
 * ナビゲーション
 *------------------------------------------------*/
.responsive-nav .menu>.menu-item>a:hover, .responsive-nav .menu>.menu-item>a:active, .responsive-nav .menu>.current-menu-item>a, .responsive-nav .menu>.current-menu-ancestor>a, .responsive-nav .menu>.current-menu-parent>a, .responsive-nav .menu>.current_page_item>a, .responsive-nav .menu>.current_page_parent>a, .header--transparency.header--fixed--is_scrolled .responsive-nav .menu>.menu-item>a:hover, .header--transparency.header--fixed--is_scrolled .responsive-nav .menu>.menu-item>a:active, .header--transparency.header--fixed--is_scrolled .responsive-nav .menu>.current-menu-item>a, .header--transparency.header--fixed--is_scrolled .responsive-nav .menu>.current-menu-ancestor>a, .header--transparency.header--fixed--is_scrolled .responsive-nav .menu>.current-menu-parent>a, .header--transparency.header--fixed--is_scrolled .responsive-nav .menu>.current_page_item>a, .header--transparency.header--fixed--is_scrolled .responsive-nav .menu>.current_page_parent>a {background-color: transparent;color: #FFF;font-weight: 600;}
.responsive-nav .sub-menu a {background-color: #dceabf;color: #555;}
.responsive-nav .sub-menu a:hover, .responsive-nav .sub-menu a:active, .responsive-nav .sub-menu .current-menu-item a, .responsive-nav .sub-menu .current-menu-ancestor a, .responsive-nav .sub-menu .current-menu-parent a, .responsive-nav .sub-menu .current_page_item a, .responsive-nav .sub-menu .current_page_parent a {background-color: #009944;color: #FFF;}
#responsive-btn {background-color: transparent;border-color: #eee;color: #FFF;}

@media (max-width: 954px) {
.main-navigation ul ul {
	display: block;
	margin-left: 0.8em;
}
	.main-navigation ul .news > a {background-color: #f8cd2d;border: 0;}
.main-navigation ul .navMain {background-color: rgba(137, 184, 46, 0.15);}
.main-navigation ul .navMain > a {background-color: #89b92c;color: #fff;border-top: 1px solid #fff;}
.main-navigation .sub-menu {
	border: 0;
	padding: .5rem 0 1.5rem;
	}
	.main-navigation .sub-menu li a {padding: .25rem 0 .25rem 20px;}
	
}


/*--------------------------------------------------
 * サイドバー
 *------------------------------------------------*/
.sideTitle,
.widget_recent_entries h2 {
	text-align:center;
	padding: 40px 0;
	background-color: #89ba2a;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
	margin-bottom:0;
}
.sideTitle span {display: block;font-size: 14px;font-weight: normal;}
.sideNav {list-style-type: none;margin: 0;padding: 0;}
.sideNav li,
.widget_recent_entries li {margin: 2px 0;padding:0 !important;}
.sideNav li a,
.widget_recent_entries li a {background-color: #FFF;color: #333;padding: 15px;font-weight: 400;display: block;border: 1px solid #89ba2a;}
.sideNav li a:hover,
.sideNav li.current-menu-item a,
.widget_recent_entries li a:hover,
.widget_recent_entries li.current-menu-item a {background-color: rgba(137, 186, 42, 0.3);/* color: #555; */text-decoration: none;}

.sidebar-widget .bnr {padding: 0;}
.sidebar-widget .bnr li {float: left;width:50%;}

.sideNav li a:before {font-family: FontAwesome;content: "\f10c";font-size: 14px;float: left;margin-top: 0px;margin-right: 7px;font-weight: 600;color: #89ba2a;height: 42px;}




/*--------------------------------------------------
 * 最新情報｜投稿
 *------------------------------------------------*/
.blog .page-header,
.single .page-header,
.archive .page-header {display:none;}
.entry__title {margin: 0 0 10px;font-size: 18px;font-weight: 600;}
.vCard.author { display:none;}
.hentry.category_header_bnr {padding: 30px 20px 10px;background-color: transparent;}
@media (min-width: 620px) {
.hentry.category_header_bnr {padding: 0 100px;}
}

/*--------------------------------------------------
 * ホーム画面
 *------------------------------------------------*/
.home section.news,
.home section.index,
.home section.bnr,
.page-id-585 section.news,
.page-id-585 section.index,
.page-id-585 section.bnr {padding: 36px 0;}

.home section.index,
.page-id-585 section.index {background-image:url(images/bg-dot.png);}

.home section.bnr,
.page-id-585 section.bnr {background-color: rgba(137, 186, 42, 0.15);}
.home section ul,
.page-id-585 section ul {/* margin-bottom:0; */}

.home section.news h2,
.page-id-585 section.news h2 {
    font-size: 18px;
    color: #89ba2a;
    letter-spacing: 1.2px;
    margin-bottom: 16px;
}
.home section.news h2 span,
.page-id-585 section.news h2 span {font-size: 14px;margin-left: 10px;}
.home section .newsIndex .inner,
.page-id-585 section .newsIndex .inner {display: block;padding: 16px 0;border-bottom: 1px solid #E5E5E5;}
.home section .newsIndex .inner .date,
.page-id-585 section .newsIndex .inner .date {margin-right: 15px;}

.home section.news .entry__content,
.page-id-585 section.news .entry__content {margin-bottom: 12px;}
.home .news .pickUp .footerSns,
.page-id-585 .news .pickUp .footerSns {float: none;width: 150px;margin: auto;margin-top: 6px;}
.home .news .pickUp .footerSns .col,
.page-id-585 .news .pickUp .footerSns .col {clear: none;float: left;width: 33.33%;}
.home .news .pickUp .box,
.page-id-585 .news .pickUp .box {background-color: #edf5df;max-width: 600px;margin: auto;padding: 5px;}
.home .news .pickUp .col,
.page-id-585 .news .pickUp .col {float: left;padding: 5px;width: 50%;}
 
 
 /*ページインデックス*/
.home .pageIndex .col .box,
.page-id-585 .pageIndex .col .box {background-color: #FFF;}
.home .pageIndex .col .box h3,
.page-id-585 .pageIndex .col .box h3 {margin: 0;padding: 10px;font-size: 14px;font-weight: 600;}
.home .pageIndex .col .box h3 span,
.page-id-585 .pageIndex .col .box h3 span {font-size: 13px;font-weight: 500;margin-left:5px;}
.home .pageIndex .col .box p,
.page-id-585 .pageIndex .col .box p {font-size: 12px;margin-bottom: 0;padding: 0 13px 13px;}

/*バナー*/
.home .bnrIndex .col {
}



/*--------------------------------------------------
 * 企業理念
 *------------------------------------------------*/
.philosophy h2,
.philosophy p {text-align: center;}
.philosophy h2 {border-bottom: 1px solid #D5D5D5;margin: 60px 0 24px;padding-bottom: 12px;}
.philosophy .title {margin-bottom: 24px;}
.philosophy .text {margin-bottom: 24px;}


/*--------------------------------------------------
 * リクルート
 *------------------------------------------------*/
.shokumu li {}
.shokumu h4 {font-size: 14px;margin: 18px 0 4px 0;}
.torikumi li {}
.torikumi li h4 {font-size: 14px;margin: 6px 0;}
.rikunaviBox {}
.rikunaviBox p {text-align:center; font-weight:600;}
.rikunaviBox p img {}

/*GoogleMap*/
.map-embed {max-width: 100%;height: 0;margin: 0;padding: 0 0 56.25%;overflow: hidden;position: relative;top: 0;left: 0;display: none;}
.map-embed > div {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 100% ;
	margin: 0 ;
	padding: 0 ;
}
.map-embed img {max-width: none ;}

/*先輩メッセージ*/
.page .message h3 {margin-bottom: 6px;/* font-size: 18px; */font-size: 1.25rem;font-weight: 500;}
.page .message .pict {margin-bottom: 1px;}
.page .message .suki {background-color: rgba(137, 186, 42, 0.15);padding: 15px 17px;}
.message02 span {font-weight:600;font-size: 18px;color: #89ba2a;}


/*--------------------------------------------------
 * 会社概要
 *------------------------------------------------*/
.gaiyo dt { margin-top:10px;}
.books p {font-size: 12px;}


/*English ページ*/
.page-id-4601 .entry-content {padding-bottom: 0;}

.en .rowBtn2 {max-width: 640px;margin: 0 auto !important;}
.en .rowBtn2 .col {padding: 7px 10px !important;}
.en .btnBox {color: #fff;text-decoration: none;font-size: .875rem;font-weight: 600;max-width: 280px;margin: 0 auto;}
.en .btnBox:hover {color: #fff;background-color: #ff7800;}
.en .btnBox:before {font-size: 29px;margin-top: -13px;}

.en.en01 .wrap {margin: 0 -15px;padding: 30px 15px;}
.en.en01 .header {margin-top: -25px;padding: 0;background-color: transparent;}
.en.en01 .header div {
}
.en.en01 .header img {}
.en.en01 section h2 {background: none;border: 0;padding: 0;margin: 0;color: #89ba2a;text-align: center;font-size: 1.5rem;margin: 0 0 10px;}
.en.en01 section h2:before {content: none;}
.en.en01 .wrap.product {margin-top: -70px;}
.en.en01 .wrap.product .h2 {margin: 30px 0 5px;}
.en.en01 .wrap.product .row {
}
.en.en01 .wrap.product .col {padding: 15px 10px 0;}
.en.en01 .wrap.product .col span {font-weight: 600;font-size: .75rem;line-height: 1.4;display: block;margin-top: 3px;}

.en.en01 .wrap {}
.en.en01 .wrap h3 {font-size: 1.0rem;font-weight: 600;color: #333;padding: 0;margin: 18px 0 5px;border: 0;}
.en.en01 .wrap .row {margin-top: -15px;}
.en.en01 .wrap .col {padding: 15px 10px 0;}

.en.en01 .ingredients {background-color: #0098440a;}
.en.en01 .ingredients h2 {color: #009844;}
.en.en01 .skill {background-color: #d369811c;}
.en.en01 .skill h2 {color: #d36981;}
.en.en01 .hygienic {background-color: #3071b71c;}
.en.en01 .hygienic h2 {color: #3071b7;}
.en.en01 .hygienic .h3 {color: #3071b7;}
.en.en01 .distribution {background-color: #f2971b1c;}
.en.en01 .distribution h2 {color: #f2971b;}
.en.en01 .distribution ul {padding: 0;margin: 0 0 0 20px;}
.en.en01 .distribution ul li {
}


.tab_area {overflow:hidden;/* border-collapse: collapse; */margin: 0 !important;/* width: 100%; */font-size: .875rem;font-weight: 400;color: #fff;line-height: 1.4;display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;align-content: space-around;padding: 0 !important;}
.tab_area li {/* width: 25%; *//* float: left; */text-align:center;font-weight: 600;cursor: pointer;vertical-align:middle;padding: 17px 5px 13px;background-color: #ccc;/* border-right: 1px solid #fdf7ef; */-webkit-box-flex: 25%;-ms-flex: 25%;flex: 25%;margin: 0 2px 0 0;list-style: none;}
.tab_area li span {text-align: center;}
.tab_area li:last-child {border-right: 0;margin: 0;}
.tab_area li:hover {background-color: #c1d49b;}
.all_area {overflow: hidden;}
.all_area div.content_area {/* border: 1px solid #88be02; */border-top: 3px solid #88be02;}
.tab_area li.select {background-color: #88be02;}
.hide {display:none;}

.gaiyo.enHistory {margin: 0 0 20px;}

@media (min-width: 619px) {
	.en.en01 .wrap {margin: 0 -50px;padding: 60px 50px;}
    .en.en01 .header {margin-top: -25px;padding: 0;}
    .en.en01 .wrap.product {margin-top: -130px;}
}


/*--------------------------------------------------
 * メディア
 *------------------------------------------------*/
.page.media .collapseomatic_content {padding: 0 15px;}
.page.media .line01 {border-bottom: 1px dotted #ccc;margin-top: 1.5rem;margin-bottom: 1.0rem;font-size: 1.0rem;font-weight: 500;}
.page.media ul {list-style-type: disc;padding-left: 12px;}
.page.media ul li {display: block;list-style-type: disc;margin: 10px 0;line-height: 1.35;}
.page.media ul li a {text-decoration: none;color: #555;}
.page.media ul li a:hover {color: #ff7800;text-decoration: underline;}
#target-tv,
#target-ajina {padding-bottom: 1.0rem;}

@media (max-width: 620px) {
	.page.media .collapseomatic_content {padding: 0;}
	.page.media ul {margin: 0 12px 0 0;}
	.page.media #target-ajina ul {margin: 0; padding: 0;}
}


/*--------------------------------------------------
 * 取扱商品
 *------------------------------------------------*/
.products .col {}
.products .col .box {border: 1px solid #E5E5E5;border-radius: 5px;}
.products .col .box img {/* vertical-align: bottom; */border-radius: 5px 5px 0 0;}
.products .col .box h4 {font-size: 11px;margin: 0;font-weight:500;padding: 10px 12px;border-top: 1px solid #E5E5E5;background-color: #F5F5F5;}

/*きらず揚げ 誕生秘話*/
.post-4791 {/* background-image: url("images/product/kirazu/header-bg.jpg"); */background-position: center 79px;background-repeat: no-repeat;background-size: contain;}
.post-4791 h2 {background-image: none !important;border: 0 !important;padding: 60px 0 80px !important;width: 330px;}
.post-4791 h2 img {
}
.post-4791 h2:before {display: none;}
.post-4791 .en {margin: 40px 0 0;}

@media (max-width: 620px) {
    .post-4791 {background-position: center 64px;}
    .post-4791 h2 {padding: 30px 0 20px !important;width: 180px;}
    .post-4791 .en {margin: 30px 0 20px;}
}


/*--------------------------------------------------
 * オンライン
 *------------------------------------------------*/
.online li a { display:block;}
.online li a h4 {display:block;margin: 3px 0 12px;font-size: 14px;}
.online li a img {border: 3px solid #c10001;}
.online li.yahoo a img {border-color: #fe0136;}
.online li.amazon a img {border-color: #fe9901;}
.online li.foodmarche a img {border-color: #000000;}


/*--------------------------------------------------
 * 使用大豆について
 *------------------------------------------------*/
.tableDaizu th,.tableDaizu td {text-align: center;vertical-align: middle !important;}
.tableDaizu th {background-color: #89BA2A; color: #FFF;}
.tableDaizu td {background-color: #F5F9EA;}
.tableDaizu .A {background-color: #E6F0CC;}

/*--------------------------------------------------
 * 製造所固有記号について
 *------------------------------------------------*/
.tableSymbol th {text-align: center;vertical-align: middle !important;}
.tableSymbol th {background-color: #89BA2A;}
.tableSymbol td {background-color: #F5F9EA; text-align: left;vertical-align: middle !important;}
.tableSymbol .A {background-color: #E6F0CC;}


/*--------------------------------------------------
 * 25周年
 *------------------------------------------------*/
.camp25thBg { background-image:url(images/25th/bg.jpg); background-repeat:repeat-y;}


/*--------------------------------------------------
 * まめぞうエコプロジェクト
 *------------------------------------------------*/
.eco {background-image:url(http://www.otoufu.co.jp/wordpress/wp-content/themes/isikawa/images/2015_yunabe/bg_img.jpg); background-repeat:repeat-y;}
.eco h1 {padding-left:60px;width:560px;font-size:20px;text-align:left;font-weight:bold;}
.eco p {padding: 0 10px;max-width: 560px;font-size:16px;text-align:left;margin: auto;}
.eco .haikei {background-image:url(http://www.otoufu.co.jp/wordpress/wp-content/themes/isikawa/images/2016_eco/eco_05.jpg); background-repeat:no-repeat;}


/*--------------------------------------------------
 * 「おとうふ工房いしかわ」年商50億のまっすぐ経営術
 *------------------------------------------------*/
img.nensho50Book {height: auto;border: 1px solid #0f397a;}


/*--------------------------------------------------
 * 朝市
 *------------------------------------------------*/
.asaichi .kaisai{border:dotted 3px;padding:10px 15px 5px 15px; margin:20px 0; border-color:#d43428;}
.asaichi {max-width:780px;}
.asaichi h4 {color:#aa1f22; margin: 0;}
.asaichi h5 {color:#007189; margin:0px;}
p.asaichi {font-size:18px; font-size: 1.125rem; color:#aa1f22;}
.asaichi span {font-size:16px; font-size: 1rem; color:#333;}
.asaichi span.blue{font-size:20px; font-size: 1.25rem; color:#3786c3; font-weight:700;}
.asaichi p.maker{font-size:16px; font-size: 1rem; color: #fff; background-color: #3786c3; padding-left: 10px; margin-bottom: 0;}
.asaichi .pcBlock {color:#aa1f22; margin:10px 0 ;}
.asaichi .spBlock {color:#aa1f22; margin:10px 0 ;}
.kadomaru { border-radius: 20px; border: 2px #aa1f22 solid; background-color: #fff; padding:10px; max-width:500px;}
.asaichi li {display: inline-block;padding: 4px; font-size: 14px; font-size: .875rem;}
.kaisai ul {margin: 0px 0 0px;padding: 0;}
.kaisai ul li {margin-right: 15px;padding-left: 0;padding-top: 0;}
.kaisai .kengaku {margin-bottom: 20px;}


.post-1961 .entry-content {padding-bottom: 0;}
.asaichiFactory {margin: 30px -15px 0;}
.asaichiFactory .flow {padding: 50px 0;}
.asaichiFactory .titleBox {margin-bottom: 30px;}
.asaichiFactory .titleBox h3,
.asaichiFactory .titleBox p {text-align: center;color: #fff;}
.asaichiFactory .titleBox h3 {padding: 0;margin: 0;font-size: 1.75rem;font-weight: 600;}
.asaichiFactory .titleBox p {font-size: 1.0rem;font-weight: 600;}
.asaichiFactory .flow.flowHonkakuha .yoyakufuyo {display: none;}


@media screen and (min-width: 620px) {
    .asaichiFactory {margin: 30px -30px 0;}
}

@media screen and (min-width: 761px) {
    .asaichiFactory {margin: 30px -50px 0;}
}


/*--------------------------------------------------
 * 簡単・手軽な国産大豆100%のおから生活レシピ
 *------------------------------------------------*/
.page-id-3708 h1.pageTitle {margin-bottom: 0;}

.feature .headerPic {margin: 0 -50px;}
.feature .headerPic img {}

.okaraSeikatsu .seibun {}
.okaraSeikatsu .seibun,
.okaraSeikatsu .seibun th,
.okaraSeikatsu .seibun td {text-align: center;border-color: #c5bd87;font-size: .75rem;}
.okaraSeikatsu .seibun th {font-weight: 500;background-color: #fff8e5;}
.okaraSeikatsu .seibun td {}
.okaraSeikatsu .seibun .att {background-color: #fcde1b;}
.okaraSeikatsu .seibun .att2 {background-color: rgba(252, 222, 27, 0.3);}
.okaraSeikatsu .btn {margin: 20px auto;max-width: 450px;display: block;}
.okaraSeikatsu .btn2 {margin: 20px auto;max-width: 600px;display: block;}

.recipe .wrap { max-width:800px; margin:auto;}
.recipe section {border-bottom: 1px dashed #ffdd1a;padding: 36px 0;}
.recipe section .cap {margin-bottom: 32px;margin-bottom: 1.0rem;}
.recipe section .cap .name {font-size: 16px;font-size: 1.0rem;font-weight: 600;}
.recipe section .pict {margin-bottom: 18px;margin-bottom: 1.125rem;}
.recipe h3.taisyo {font-size: 24px;font-size: 1.5rem;font-weight: 300;text-align: center;color: #f3a919;margin-bottom: 16px;margin-bottom: 1.0rem;}
.recipe h3.taisyo .win {color: #f35d00;}
.recipe section h3 {font-size: 1.125rem;font-weight: 600;color: #ffffff;margin: 0 0 5px;padding: 7px 10px;background-color: #88ba2a;border-left: 3px solid #fcde1b;}
.recipe section h3 .win {color: #f35d00;}
.recipe section h4 {font-size: 14px;font-size: .875rem;background-color: #ffdd1a;display: inline-block;padding: 5px 10px;border-radius: 3px;font-weight: 500;margin: 0 0 .625rem;}
.recipe section .material {}
.recipe section .material .mateList {border: 0;}
.recipe section .material .mateList th.cell,
.recipe section .material .mateList td.cell {background-color: #fbebc3;text-align:center;border-bottom: 0;border: 0;}
.recipe section .material .mateList th.cell {border-right: 1px solid #fffef5;}
.recipe section .material .mateList th,
.recipe section .material .mateList td {padding: 7px;text-align: left;border: 0;border-bottom: 1px dashed #debb65;letter-spacing: 0;font-weight: 500;line-height: 1.5;}
.recipe section .material .mateList th {}
.recipe section .material .mateList td {text-align: center;background-color: #fef8e6;/* white-space: nowrap; */}
.recipe section .material .att span {color: #f35d00; font-weight:500;}
.recipe section .material .att {font-size: 12px;font-size: .75rem; margin-top:-10px;}

.recipe section .make {}
.recipe section .make ul {margin: 0;padding: 0;list-style-type: none;}
.recipe section .make ul li {background-color: #fbebc3;margin: 0;padding: 7px 10px;}
.recipe section .make ul li:nth-child(even) {background-color: rgba(251, 235, 195, 0.3);}
.recipe section .makePoint {margin-top: 24px;border: 3px solid #fbebc3;border-radius: 6px;background-color: #fef8e6;padding: 10px 12px;}
.recipe section .makePoint h3 {background-color: transparent;color: #ff521a;margin-bottom: 6px;padding: 0;}
.recipe section .makePoint p {margin-bottom: 0;}

@media (max-width: 640px) {
	.feature .headerPic {margin: 0 -15px;}
}

/*--------------------------------------------------
 * 工場見学・お豆腐教室
 *------------------------------------------------*/
.tour h3 {border-left: 0;padding: 7px 0;font-weight: 600;border-top: 2px solid #89ba2a;border-bottom: 2px solid #89ba2a;}
.goyoyaku {margin: 18px 0;color: #FF7800;font-weight: 500;}

.tourIndex h3 {font-weight: 500;color: inherit;border-left: inherit;padding: inherit;margin: 12px 0;}
.tourIndex h3 a {padding: 20px 15px;border-radius: 5px;background-color: #009944;color: #FFF;display:block; font-size:14px;}
.tourIndex h3 a.summer {background-color: #0084C5;}
.tourIndex h3 a.factory {background-color: #FF7800;}
.tourIndex h3 a span { display:block; text-indent:-8px;}
.tourIndex h3 a.summer span {color: #ffe400;font-weight: 600;}
.tourIndex h3 a:hover {opacity:0.7;text-decoration:none;}

.page-template-page-factory-tour .pageTitle,
.classroomIndex .pageTitle,
.otoufu_classroom-template-default .pageTitle {margin-bottom: 0;}
.otoufu_classroom-template-default .pageTitle span {
    display: inline-block;
    background-color: #f7cd2c;
    padding: .25rem .75rem;
    font-size: .875rem;
    line-height: 1.0;
    border-radius: 2px;
    margin-bottom: .25rem;
    letter-spacing: 1.1px;
    margin-right: 5px;
    vertical-align: top;
    color: #333;
}
.otoufu_classroom-template-default .pageTitle span.end {background-color: #333;color: #fff;}
.otoufu_classroom-template-default .pageTitle span.special {background-color: #2c8ef7;color: #fff;}
.otoufu_classroom .thumb {background-color: #fff;position: relative;}
.otoufu_classroom .thumb .day {position: absolute;top: 0;left: 0;padding: 2px 5px;background-color: #2f8ef7;font-size: .75rem;font-weight: 600;color: #fff;}
.flow {background-color: #8ab63c;}
.flow .headPict {margin-bottom: 2.0rem;}
.flow .position {position: relative;}
.flow .headPict img {}
.flow h2 {color: #ffffff;font-size: 1.125rem !important;font-weight: 500;text-align: center;}
.flow .lead {color: #fff;/* max-width: 547px; */margin: 0 auto 1.5rem;font-weight: 500;}
.flow .time {max-width: 182px;margin: 0 auto 1.5rem;}
.flow .yoyakufuyo {background-color: #ed4b24;color: #fff;font-size: .75rem;font-weight: 300;max-width: 280px;margin: 0 auto 1.5rem;padding: .875rem 1.25rem;border-radius: 8px;position: absolute;top: 355px;right: 50px;}
.flow .startF1,
.flow .startF2 {max-width: 282px;margin: auto;}
.flow .kaisaichu {max-width: 300px;margin: 2.5rem auto 1.5rem;}
.flow .end {max-width: 200px;margin: auto;}
.flow .flowBox figcaption {text-align: justify;text-justify: inter-ideograph;margin: .25rem 0 1.125rem;color: #fff;font-weight: 300;}
.flow .flowBox figure {max-width: 280px;}
.flow .flowBox figure img {border: 2px solid #fff;border-radius: 8px;}
.flow .flowBox figure:nth-child(even) {float: right;}

.factoryTour .flowBox {background-image: url(images/factory-tour/line01.png);background-repeat: no-repeat;background-position: center top;background-size: 142px;padding-bottom: 30px;}
.factoryTour .flowBox figure.p01 {padding-top: 45px;}
.factoryTour .flowBox figure.p02 {margin-top: -115px;}
.factoryTour .flowBox figure.p03 {margin-top: 50px;}
.factoryTour .flowBox figure.p04 {margin-top: -110px;}
.factoryTour .flowBox figure.p05 {margin-top: 47px;}
.factoryTour .flowBox2 {background-image: url(images/factory-tour/line02.png);padding-bottom: 30px;}
.factoryTour .flowBox2 figure:nth-child(odd) {float: right;}
.factoryTour .flowBox2 figure:nth-child(even) {float: inherit;}
.factoryTour .flowBox2 figure.p06 {margin-top: 35px;}
.factoryTour .flowBox2 figure.p07 {margin-top: 188px;}
.factoryTour .flowBox2 figure.p08 {margin-top: -127px;}
.factoryTour .flowBox2 figure.p09 {margin-top: 42px;}
.factoryTour .flowBox2 figure.p10 {margin-top: -77px;}

.flowTour.mankitsu {background-color: #ba9d2a;margin-top: 0;padding-top: 3.0rem;}
.flowTour.mankitsu h2 {max-width: 334px;margin: 0 auto 1.0rem;}
.flowTour.mankitsu .col img {border: 2px solid #fff;border-radius: 8px;}

.pageFactoryTour {/* padding-top: 2.5rem; */}

.tantouTour {text-align: center;font-size: 1.25rem;font-weight: 500;}
.telTour {text-align: center;margin-bottom: 2.5rem;}
.telTour img {width: 100%;max-width: 430px;}

.attTour {padding: 0;background-color: #ffe5e5;border: 1px solid #ff5252;/* border-radius: 7px; */margin: 0 0 2.5rem;font-size: .875rem;font-style: normal;}
.attTour p {font-size: 1.0rem;font-weight: 600;color: #ffffff;margin-bottom: .75rem;padding: .5rem 1.0rem;background-color: #ff5353;/* border-radius: 6px 6px 0 0; */}
.attTour ul {margin: 0 0 0 1.25rem;padding: 5px 15px 15px;list-style: disc;}
.attTour ul li {line-height: 1.45;margin: 7px 0;color: #333;}
.attTour ul li strong {font-weight: 600;color: #f74e4e;}

.classroomIndex .otoufu_classroom {margin: 0 !important;background-color: transparent;box-shadow: none;border-bottom: 1px solid #fff;}
.classroomIndex .otoufu_classroom .box {margin: 10px -10px;}
.classroomIndex .otoufu_classroom .thumbPict,
.classroomIndex .otoufu_classroom .list-article-content {float: left;padding: 10px;}
.classroomIndex .otoufu_classroom .thumbPict {width: 30%;}
.classroomIndex .otoufu_classroom .list-article-content {width: 70%;position: relative;}
.classroomIndex .otoufu_classroom .list-article-content .detail {display: block;position: absolute;top: 123px;right: 10px;padding: .3rem .5rem;background-color: #ffffff;color: #8ab63c;font-size: .75rem;font-weight: 500;border-radius: 2px;text-decoration: none;}
.classroomIndex .otoufu_classroom .list-article-content .detail:hover {background-color: #fee237;}
.classroomIndex .otoufu_classroom .entry-header {background-color: transparent;padding: 0;margin-bottom: .7rem;}
.classroomIndex .otoufu_classroom .entry-header .entry-title {font-size: 1.0rem !important;font-weight: 600;text-align: left;}
.classroomIndex .otoufu_classroom .entry-header .entry-title a {border: 0;text-decoration: none;}
.classroomIndex .otoufu_classroom .termCate span,
.archiveClassroom .termCate span {display: inline-block;background-color: #f7cd2c;padding: .25rem .75rem;font-size: .75rem;line-height: 1.0;border-radius: 2px;margin-bottom: .25rem;letter-spacing: 1.1px;margin-right: 5px;}
.classroomIndex .otoufu_classroom .termCate .special,
.archiveClassroom .termCate .special {background-color: #2c8ef7;color: #fff;}
.classroomIndex .otoufu_classroom .termCate .end,
.archiveClassroom .termCate .end {background-color: #333;color: #fff;}

.metaBottom span {font-size: .875rem;display: block;margin: 0 !important;color: #fff;font-weight: 400;}
.metaBottom span.capa {color: rgb(183, 0, 0);letter-spacing: -.5px;font-size: .8125rem;}

.lunchYoyaku,
.lunchYoyaku:focus {color: #ff5353;font-size: 1.0rem;border: 0 !important;text-decoration: underline;}
.lunchYoyaku:hover {color: #FFC107;text-decoration: none;}

.archiveClassroom .entry-content {padding-bottom: 1.0rem;}
.archiveClassroom .col {padding: 10px;margin: 0 !important;background-color: transparent;box-shadow: none;border: 0;}
.archiveClassroom {padding-top: 2.5rem;}
.archiveClassroom .entry-header {background-color: transparent;padding: 0;margin-bottom: .75rem;}
.archiveClassroom .entry-header .entry-title {font-size: .875rem !important;font-weight: 300;text-align: left;margin-top: .25rem;}
.archiveClassroom .entry-header .entry-title a {border: 0;}
.archiveClassroom .termCate {margin-top: .4rem;}
.archiveClassroom .termCate span {padding: .25rem .5rem;}

.flowHonkakuha .tabHonkaku .flowBox {background-image: url(images/classroom/line.png);background-repeat: no-repeat;background-position: center top;background-size: 142px;padding-bottom: 30px;}
.flowHonkakuha .headPict {background-image: url(images/classroom/class1-head-pict.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 50px 15px 50px;margin-bottom: 0;}
.flowHonkakuha .headPict h2,
.flowHonkakuha .headPict .lead,
.flowHonkakuha .headPict .time {color: #333;margin-bottom: 1.0rem;}
.flowHonkakuha .headPict h2 {}
.flowHonkakuha .headPict .time {max-width: 202px;margin-bottom: 0;}
.flowHonkakuha .tabHonkaku .flowBox figure:nth-child(even) {float: right;}
.flowHonkakuha .tabHonkaku .flowBox figure.p01 {padding-top: 45px;}
.flowHonkakuha .tabHonkaku .flowBox figure.p02 {margin-top: -92px;}
.flowHonkakuha .tabHonkaku .flowBox figure.p03 {margin-top: 67px;}
.flowHonkakuha .tabHonkaku .flowBox figure.p04 {margin-top: -135px;}
.flowHonkakuha .tabHonkaku .flowBox figure.p05 {margin-top: 25px;}
.flowHonkakuha .tabHonkaku .flowBox figure.p06 {margin-top: -120px;}
.flowHonkakuha .tabHonkaku .flowBox figure.p07 {margin-top: 43px;}
.flowHonkakuha .tabHonkaku .flowBox figure.p08 {margin-top: -95px;}
.flowHonkakuha .tabHonkaku .flowBox figure.p09 {margin-top: 65px;}
.flowHonkakuha h2.books {max-width: 313px;margin: 1.0rem auto;}
.flowHonkakuha .booksPict {max-width: 580px;margin: auto;}
.flow.flowHonkakuha .yoyakufuyo {background-color: #fff;color: #333;top: 115px;right: 50px;}
.flow.flowHonkakuha .yoyakufuyo a {color: #ff5353;text-decoration: underline;}
.flow.flowHonkakuha .yoyakufuyo a:hover {text-decoration: none;color: #FFC107;}

/*フローチャート・タブコンテンツ*/
.jsTab {margin-bottom: 20px;}
.jsTab > div {float:left;width: 50%;background: #f9f1e7;color: #fff;text-align: center;padding:15px 0;cursor:pointer;}
.jsTab > div.active {background: #933123;}
.jsTabContent {display:none;padding:20px 0;}
.jsTabContent.active {display:block;}

.flowWrap {margin-top: -53px;}
.flowWrap .jsTab {margin-bottom: 0;max-width: 90%;margin: auto;}
.flowWrap .jsTab > div {-webkit-transition: opacity .3s ease-out;-moz-transition: opacity .3s ease-out;-ms-transition: opacity .3s ease-out;transition: opacity .3s ease-out;zoom: 1;background: transparent;}
.flowWrap .jsTab > div:hover {/* opacity: .7; */background-color: #f7b52c;}
.flowWrap .jsTab > div.active {cursor: default;opacity: 1.0;}
.flowWrap .jsTab > div {background: #999;border-radius: 10px 10px 0 0;}
.flowWrap .jsTab > div i {vertical-align: bottom;font-size: 1.5rem;margin-right: 3px;}
.flowWrap .jsTab > div.tabHonkaku.active {background: #8ab63c;}
.flowWrap .jsTab > div.tabFactory.active {background-color: #8ab63c;}
.flowWrap .jsTabContent {padding-top: 2.5rem;}
.flowWrap .jsTabContent.tabHonkaku,
.flowWrap .jsTabContent.tabFactory {padding-top: 2.5rem;}
.flowWrap .jsTabContent.tabFactory h2 {color: #1d9961;}
.flowWrap .jsTabContent.tabHonkaku h2.planPrice,
.flowWrap .jsTabContent.tabFactory h2.planPrice {padding: 0;margin-top: -1.5rem;margin-bottom: 1.75rem;text-align: center;}

.class_cancel {display: block;background-color: #fb5353;border: 1px solid #fff;padding: 15px;margin: 50px auto 0;max-width: 570px;text-decoration: none !important;}
.class_cancel .h3 {font-size: 1.25rem;margin-bottom: 10px;text-align: center;}
.class_cancel p {text-align: left;color: #fff;font-weight: 600;}

.btnFactory {display: block;background-color: #2f8ef7;border: 1px solid #fff;padding: 15px;margin: 30px auto 0;max-width: 570px;text-decoration: none !important;}
.btnFactory:hover {border: 1px solid #fff !important;background-color: #74b2f7;}
.btnFactory .h3 {font-size: 1.0rem;margin-bottom: 10px;}
.btnFactory .h3 span {font-weight: 600;font-size: 1.25rem;display: block;}
.btnFactory p {text-align: center;color: #fff;font-weight: 600;}
.btnFactory p.bt {background-color: #fff;color: #2f8ef7;padding: 3px;max-width: 150px;margin: 10px auto 0;}




@media (max-width: 767px) {
	.flowWrap {margin-top: -51px;}
	.flowWrap .jsTab {/* max-width: 100%; */}
}

@media (max-width: 640px) {
    .otoufu_classroom .thumb .day {padding: 3px 10px;font-size: .9375rem;}
	.flow .position {position: inherit;}
	.flow .yoyakufuyo {max-width: 500px;margin: 0 auto 2.0rem;padding: .875rem 1.0rem;position: inherit;}
	.flow .end {margin-bottom: 1.5rem;}
	.flow .flowBox figure:nth-child(even),
	.flowHonkakuha .tabHonkaku .flowBox figure:nth-child(even){float: initial;}
	.flow.factoryTour .flowBox2 figure:nth-child(odd) {float: initial;}
	.flow.factoryTour .flowBox,
	.flow.factoryTour .flowBox2 {background-image: none;background-repeat: no-repeat;background-position: center top;background-size: 142px;padding: 2.5rem 0;}
	.flow.factoryTour .flowBox2 {padding: 2.5rem 0 0;}
	.flow.factoryTour .flowBox figure,
	.flow.factoryTour .flowBox2 figure {margin: 0 auto 1.75rem !important;padding: 0 !important;}
	
	.flowWrap {/* margin-top: -51px; */}
	.flowWrap .jsTab {max-width: 100%;}
	
	.classroomIndex .otoufu_classroom .thumbPict {width: 100%;}
	.classroomIndex .otoufu_classroom .list-article-content {width: 100%;position: inherit;}
	.classroomIndex .otoufu_classroom .list-article-content .detail {position: inherit;font-size: .875rem;text-align: center;max-width: 180px;margin: .875rem auto 0;}
    
    .btnFactory {margin-top: 30px;margin-bottom: 15px !important;}
}


/*--------------------------------------------------
 * お問い合わせ先一覧
 *------------------------------------------------*/
.tour .collapseBox,
.contact .collapseBox {margin-bottom:12px;}
.tour .collapseomatic_content,
.contact .collapseomatic_content {margin: 0px;padding: 0;}
.tour #target-tourEntry3.collapseomatic_content {padding-top: 30px;}
.contact .collapseomatic_content {margin-bottom:42px;padding-bottom: 12px;}
p.contactInfo {font-size: 16px;font-weight: 600;margin-bottom: 0;}
p.contactInfo strong {color: #FF7800;text-decoration: underline;}
.contact .tel {text-align: center;padding-top: 36px;margin-bottom: 30px;}
.contact .tel .tantouTour {margin-bottom: 10px;display: block;}

.collapseomatic,
.tour .tourEntry {background-image:none;padding: 14px;background-color: #094;color: #FFF;/* font-size: 18px; */font-size: 1.0rem;font-weight: 600;line-height: 1.35;display: block;border-left: 5px solid #89ba2a;margin-top: 24px;}
.tour .collapseomatic {background-color: #FF7800;border-left: 5px solid #FFC149;padding: 14px;font-size: 1.0rem;font-weight: 600;}
.tour .collapseomatic#tourEntry3 {background-color: #094;border-left: 5px solid #89ba2a;}
.tour.cancel .collapseomatic {/*margin-top: 50px;*/}
.tour.cancel .collapseomatic#tourEntry4 {background-color: #fb5353;border-left: 5px solid #f38989;}
.tour .colomat-hover {opacity: .6;text-decoration: none;}
.contact .collapseomatic {background-color: #89BA2A;border-left: 5px solid #094;}
.contact #contact04 {background-color: #2a8aba;border-left: 5px solid #005099;} /*企業様向け窓口*/
.contact .colomat-hover,
.contact .colomat-close,
.contact #contact04.colomat-hover,
.contact #contact04.colomat-close {background-color: #FF7800;color: #FFF;text-decoration:none;}
.collapseomatic:before {font-family: FontAwesome;content: "\f107";font-size: 30px;float: right;margin-top: -9px;/* margin-right: 10px; */font-weight: 600;color: #FFF;}
.colomat-close:before {font-family: FontAwesome;content: "\f106";margin-top: -11px;}
.collapseomatic_content {margin: 0px;padding: 0px;}


/*--------------------------------------------------
 * お問い合わせフォーム
 *------------------------------------------------*/
button, input, select, textarea {width: 100%;padding: 7px 10px;font-size: 14px;}
.tableContact th span {color: #FF0000;padding: 5px 0 0 5px;}
.tableContact td .caption,.tableContact td p {padding: 5px 0 0;font-size: 12px;margin-bottom:0;}

.tour .tel {text-align: center;margin: 18px 0 48px;}
.taiou {/* margin: 0 0 18px; */padding-top: 18px;}
.taiou li span {color: #FF0000;font-weight: 600;padding: 0 3px 0 0;}
form .privacy h4 {text-align: center;}
form .privacy .box {background-color: rgb(255, 255, 255);padding: 20px;border-radius: 7px;font-size: 13px;border: 1px solid #E5E5E5;}
.privacy .box .defo {overflow: auto;height: 175px;margin-bottom:0;}

.sanka-o-k  span {display: inline-block;width: 70px;}
.sanka-o-k .sanka-o {margin-bottom: 7px;}
.sanka-o-k .sanka-k {
}

.taiken .taiken_01 {/* display: block; */padding: 0;}
.taiken .taiken_02 {/* display: block; */}
.taiken .checkbox_en {display: inline-block;margin-right: 10px;}
.taiken .checkbox_en .first {margin: 0;}
.taiken .checkbox_en input[type="checkbox"] {width: 15px;font-size: 30px;}
.taiken .number-nin {display: inline-block;margin-left: 10px;margin-right: 5px;}
.taiken .number-nin .wpcf7-number {width: 70px;}
.taiken .calculated-total {display: inline-block;margin-left: 5px;margin-right: 5px;}
.taiken .calculated-total .wpcf7-total {width: 70px;}
.taiken .caption span {border-bottom: 1px solid #fb0002;}

.tour input[type=submit],
.contact input[type=submit] {border: 0;}

.checkBox {text-align: center;margin-top: 12px;font-weight: 400;background-color: #ffb7b7;padding: 7px;border-radius: 5px;}
.checkBox .check {width: auto;}

.submitBox {padding: 0;margin: 0;}
.submitBox input[type=submit] { margin-bottom:0;}

div.wpcf7-mail-sent-ok {border: 2px solid #009944;background-color: #fff;}
div.wpcf7-validation-errors {border: 2px solid #f00;background-color: #F7E700;}
div.wpcf7-response-output {margin: 0em 0.5em 1em;padding: 5px;text-align: center;font-weight: 500;color: #000;}

@media (max-width: 499px) {
.w10 {width: 15% !important;}
.w20 {width: 30% !important;}
.w30 {width: 40% !important;}
.w40 {width: 50% !important;}
.w70 {width: 100% !important;}
}


/*--------------------------------------------------
 * 404
 *------------------------------------------------*/
.page404 {padding: 50px 0 24px;}
.page404 p {text-align: center;}



@media (min-width: 400px) {
.habakiri-slider__transparent-layer {height: 200px;}
}

@media (min-width: 719px) {
.pcBlock {display:block;}
.pcNone {display:none;}
.textLC {text-align:center !important;}
.habakiri-slider__transparent-layer {height: auto;}

/*テーブル*/
.table-01 th,
.table-01 td {display: table-cell;border: 1px solid #FFF !important;}
.table-01 th {white-space:nowrap;vertical-align: middle !important;width: 32%;}
.table-01 td {}

/*お豆腐教室*/
.tourIndex h3 a {font-size:18px;}
.tourIndex h3 a span {display:inline-block;}

/*フッターSNS*/
.footerSns { float:right; width:15%; margin-bottom:0;}

}

@media (min-width: 992px) {
.habakiri-slider__transparent-layer {height: auto;}
	
.container {/* width: 1020px; */}
.container .col-md-9 {width: 745px;}
.container .col-md-3 {width: 265px;float: right;}

.page .h2, .page h2 {font-size: 22px;}
.h3, h3 {font-size: 20px;}

.products .col .box h4 {font-size: 12px;}
	
/* =ヘッダー
----------------------------------------------- */

.site-branding {padding: 0;}
.site-branding__heading {width: 110px;}
.responsive-nav a {font-size: 14px;color: #FFF;font-weight: 500;}
.responsive-nav a:hover {color: #FFF;}
.page-header {padding: 100px 0;}
.page-header {
    background-image: url(images/bg-sample.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    display: none;
}

/* =ホーム｜最新情報
----------------------------------------------- */
.home section.news .entry__content,
.page-id-585 section.news .entry__content {margin-bottom: 0;float: left;width: 690px;}
.home .news .pickUp,
.page-id-585 .news .pickUp {float: right;width: 270px;}
.home .news .pickUp .col,
.page-id-585 .news .pickUp .col {width: 100%;clear: both;}

/* =最新情報｜投稿
----------------------------------------------- */	
.entry__title {font-size: 20px;}

.gaiyo {border-bottom: 1px solid #e5e5e5;}
.gaiyo dt,
.gaiyo dd {padding: 20px 0;border-top: 1px solid #E5E5E5;float: left;display: block;}
.gaiyo dt:first-child,
.gaiyo dd:first-child {border-top: 0;}
.gaiyo dd.first {border-top: 0;}
.gaiyo dt {float: left;margin-top:0;clear: left;width: 21%;}
.gaiyo dd {margin-bottom: 0px;width: 79%;}

.gaiyo.enAbout dt {width: 28%;}
.gaiyo.enAbout dd {width: 72%;}
    
.gaiyo.enHistory dt {width: 15%;}
.gaiyo.enHistory dd {width: 85%;}
    
.sidebar-widget .bnr li {width:100%;}

/* =お問い合わせフォーム
----------------------------------------------- */
button, input, select {width: 70%;}
.w100 {width: 100%;}
}


@media (min-width: 1200px) {
.habakiri-slider__transparent-layer {height: 450px;}
.container {/* width: 1020px; */}
}




/*--------------------------------------------------
 * 特集ページ
 *------------------------------------------------*/

/* =糖質制限
----------------------------------------------- */
.toshitsu-s .h1.redTitle {background-color: #ce171c;color: #FFF;font-size: 15px;font-weight: 600;padding: 7px 10px;text-align: left;}
.toshitsu-s .pict.pictHead {margin-top: -12px;}
.toshitsu-s .h1 {text-align: center;font-size: 28px;font-weight: 600;color: #252525;}
.toshitsu-s .pict {text-align: center;margin: 12px 0;}
.toshitsu-s .pict img {}
.toshitsu-s .sec02 h2 {font-size: 24px;font-weight: 600;color: #252525;border-left: 7px solid #fdd000;background-color: #fbedab;padding: 7px 15px;margin: 36px 0 18px;background-image: none;border-bottom: 0;border-top: 0;}
.toshitsu-s .sec02 h2:before {content: none;}
.toshitsu-s .sec02 h2 span {font-size: 16px;margin-left: 10px;float: right;display: block;display: inline-block;}
.toshitsu-s .sec02 h2 span.point {float: none;color: #ce171c;margin: 0;font-size: 22px;font-weight: 600;letter-spacing: -1px;}
.toshitsu-s .sec02 h3 {font-size: 18px;font-weight: 600;color: #ce171c;margin: 12px 0;border: 0;padding: 0;}
.toshitsu-s .zairyo {border: 3px solid #fdd000;padding: 15px 15px 12px;margin-top: 24px;}
.toshitsu-s .zairyo p {font-size: 18px;font-weight: 600;border-bottom: 1px solid #fdd000;padding-bottom: 3px;margin-bottom: 6px;}
.toshitsu-s .zairyo ul {margin: 0;padding: 0;list-style-type: none;}
.toshitsu-s .zairyo ul li {display: inline-block;margin-right: 18px;line-height: 2.0;}
.toshitsu-s .setNaiyo .inner {padding: 0 50px;}
.toshitsu-s .btnBox {max-width: 624px;margin: auto;padding: 0;background-color: transparent;}
.toshitsu-s .rowBtn {margin-left: -10px;margin-right: -10px;}
.toshitsu-s .rowBtn .col {padding: 0 10px 20px;}
.toshitsu-s .konyuBox {background-color: #fbedab;padding: 20px;}
.toshitsu-s .konyuBox .btnKonyu {text-align: center;margin-bottom: 36px;}
.toshitsu-s .konyuBox .btnKonyu img {border-radius: 10px;}
.toshitsu-s .konyuBox.konyu02 {}
.toshitsu-s .konyuBox.konyu02 .lead,
.toshitsu-s .konyuBox.konyu03 .tokutenBox .detail .lead {font-size: 14px;margin-bottom: 0px;font-weight: 500;}
.toshitsu-s .konyuBox.konyu02 .lead span {display: inline-block;padding: 2px 5px;background-color: #cfab02;color: #FFF;font-weight: 600;margin-right: 5px;}
.toshitsu-s .konyuBox.konyu02 .lead span.osusume {background-color: #cf0202;}
.toshitsu-s .konyuBox.konyu02 .lead span.honkide {background-color: #021fcf;}

.toshitsu-s .konyuBox.konyu02 h2,
.toshitsu-s .konyuBox.konyu03 .tokutenBox .detail h2{background-color: transparent;border: 0;padding: 0;margin: 0 0 12px;line-height: 1.55;background-image: none;}
.toshitsu-s .konyuBox.konyu02 h2 span,
.toshitsu-s .konyuBox.konyu03 .tokutenBox .detail h2 span{display: inline-block;float: right;}
.toshitsu-s .konyuBox.konyu02 .set {line-height: 1.25;}
.toshitsu-s .sec03 .kazoku {text-align: center;}
.toshitsu-s .sec03 .kazoku p {float: left;width: 390px;}
.toshitsu-s .sec03 .kazoku p span {font-size: 18px;font-weight: 600;display: block;}
.toshitsu-s .sec03 .kazoku img {float: right;}
@media (max-width: 640px) {
.toshitsu-s .konyuBox.konyu02 h2 span {float: none;display: block;margin: 5px 0 0;}
.toshitsu-s .sec03 .kazoku p {width: 100%;float: none;}
.toshitsu-s .sec03 .kazoku img {float: none;}
}

.toshitsu-s .tokutenBox {background-color: #fecbc2;padding: 15px;margin-bottom: 36px;}
.toshitsu-s .tokutenBox img {float: left;}
.toshitsu-s .tokutenBox .detail {padding-left: 190px;}
.toshitsu-s .tokutenBox .detail h2 {font-size: 18px;color: #ce171c;}
.toshitsu-s .tokutenBox .detail .att {/* font-size: 12px; */text-decoration: underline;}
@media (max-width: 640px) {
.toshitsu-s .tokutenBox {text-align: center;}
.toshitsu-s .tokutenBox .detail h2 {text-align: left;padding: 12px 0 0;}
.toshitsu-s .tokutenBox img {float: none;}
.toshitsu-s .tokutenBox .detail {padding: 0;}
}

.toshitsu-s .konyuBox.tanpin {padding-bottom: 0;}
.toshitsu-s .konyuBox.tanpin .col {text-align: center;}
.toshitsu-s .konyuBox.konyu01 .name,
.toshitsu-s .konyuBox.tanpin .name {font-size: 18px;font-weight: 600;text-align: center;margin: 6px 0;line-height: 1.25;}
.toshitsu-s .konyuBox.konyu01 .name span,
.toshitsu-s .konyuBox.tanpin .name span {font-size: 14px;display: block;margin-bottom: 6px;}
.toshitsu-s .konyuBox.tanpin a.btnKonyu {display: block;margin: 12px 0 0;}

/*.toshitsu-s .konyuBox.konyu03 {font-size: 12px;padding: 15px;}
.toshitsu-s .konyuBox.konyu03 .tokutenBox {padding: 0;background-color: transparent;}
.toshitsu-s .konyuBox.konyu03 .tokutenBox .detail {}
.toshitsu-s .konyuBox.konyu03 .tokutenBox .detail img {border-radius: 10px;}
.toshitsu-s .konyuBox.konyu03 .tokutenBox .detail .lead {}
.toshitsu-s .konyuBox.konyu03 .tokutenBox .detail h2 {color: #252525;}
.toshitsu-s .konyuBox.konyu03 .tokutenBox .detail h2 span {}
.toshitsu-s .konyuBox.konyu03 .tokutenBox .detail .btnKonyu {}
.toshitsu-s .konyuBox.konyu03 .tokutenBox .detail .btnKonyu img {}*/


.toshitsu-s .mottoSWrap {background-image: url(images/feature/toshitsuseigen/sec03-pict04.jpg);background-repeat: no-repeat;background-position: right top;}
.toshitsu-s .mottoSWrap h1 {margin-bottom: 26px;}
.toshitsu-s .mottoS h2 {font-size: 18px;border-bottom: 3px solid #fdd000;background-image: none;border-top: 0;padding: 0 0 4px;}
.toshitsu-s .mottoS h2:before {content: none;}
.toshitsu-s .mottoS h2 span {margin-left: 10px;font-size: 16px;font-weight: 400;}
.toshitsu-s .mottoS h3 {text-align: center;background-color: #fdd000;padding: 10px 25px;border-radius: 26px;border: 0;color: #252525;margin: 6px auto 36px;font-size: 16px;max-width: 580px;}
@media (max-width: 767px) {
.toshitsu-s .mottoSWrap {background-image: none;}
}
	
@media (max-width: 640px) {
.toshitsu-s p {font-size: 13px;}
.toshitsu-s .pict.pictHead {margin-top: -24px;}
.toshitsu-s .h1 {/* text-align: left; */font-size: 20px;}
.toshitsu-s h2 {font-size: 16px;padding: 7px;}
.toshitsu-s h2 span {font-size: 14px;margin-left: 10px;float: none;}
.toshitsu-s h3 {font-size: 15px;}
.toshitsu-s .zairyo {padding: 12px 12px 10px;margin-top: 20px;}
.toshitsu-s .zairyo p {font-size: 15px;}
.toshitsu-s .zairyo ul li {font-size: 13px;margin-right: 15px;line-height: 1.75;}
.toshitsu-s .setNaiyo .inner {padding: 0;}
.toshitsu-s .rowBtn {margin-left: -5px;margin-right: -5px;}
.toshitsu-s .rowBtn .col {padding: 0 5px 20px;text-align: center;}
.toshitsu-s .btnKonyu img {max-width: 250px;}
.toshitsu-s .konyuBox.tanpin a.btnKonyu {margin: 12px 0;}
}



/* =ReNew
----------------------------------------------------------------------------------------- */
body {
	background-image: url(images/common/bg-common.jpg);
	background-position: center top;
	background-attachment: fixed;
	font-size: 14px;
    font-size: .875rem;
    line-height: 1.65;
    font-weight: 400;
}

.floatR {float: right !important;}

/*------------------------------
  Clearings
------------------------------*/
.row:before,
.row:after,
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	clear: both;
}

.row:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.row_flex:before,
.row_flex:after {
	content: "";
	display: inherit;
	clear: inherit;
}

.row_flex:after {
	clear: inherit;
}


/*------------------------------
  カラムレイアウト
------------------------------*/
.row {margin: 0 -10px;}
.col {float: left; padding: 10px;}
.col-xs-12 {width: 100%;}
.col-xs-6 {width: 50%;}
.col-xs-4 {width: 33.333%;}

.col-xs-6:nth-child(2n+1) {clear: left;}
.col-xs-4:nth-child(3n+1) {clear: left;}
.col-xs-3:nth-child(4n+1) {clear: left;}

@media screen and (min-width: 620px) {
.row {margin: 0 -10px;}
.col {/* float: left; */padding: 10px;}
.col-sm-12 {width: 100%;}
.col-sm-9 {width: 75%;}
.col-sm-8 {width: 66.666667%;}
.col-sm-7 {width: 58.33333%;}
.col-sm-6 {width: 50%;}
.col-sm-5 {width: 41.66667%;}
.col-sm-4 {width: 33.333%;}
.col-sm-3 {width: 25%;}

.col-xs-6:nth-child(2n+1) {clear: inherit;}
.col-xs-4:nth-child(3n+1) {clear: inherit;}
.col-xs-3:nth-child(4n+1) {clear: inherit;}
/*.col-sm-6:nth-child(2n+1) {clear: left;}*/
.col-sm-4:nth-child(3n+1) {clear: left;}
.col-sm-3:nth-child(4n+1) {clear: left;}

}

@media screen and (min-width: 955px) {
}


/*------------------------------
  サイドバー
------------------------------*/
.site-header {margin: 0;padding: 15px;background-color: #89ba2a;}
.site-title a {
	background-image: url(images/common/logo-main-sp.png);
	background-size: 250px;
	background-repeat: no-repeat;
	/* width: 250px; */
	height: 36px;
	display: block;
	text-indent: -9999px;
	/* margin: auto; */
}

.nav-menu {}
.navMain .sub-menu .toggled-on {
}
.navMain .sub-menu li a {border-top: 0;font-size: 16px;font-size: 1.0rem;}
.navMain .sub-menu li a:before {
    font-family: FontAwesome;
    content: "\f105";
    float: left;
    font-weight: 600;
    color: #999;
    margin-right: 7px;
}
.navMain .sub-menu li a:hover {
    color: #8cc63f;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
    font-weight: 300;color: #8cc63f;
}
.main-navigation .navMain.current-menu-item > a,
.main-navigation .navMain.current-menu-ancestor > a {font-weight: 300;color: #8cc63f;}

/*ECサイトリンク*/
.main-navigation .ec {display: none;}

/*Movieバナー*/
.movieBnr {border-top: 1px dashed #FFF;padding: 20px 15px;}
.movieBnr a {color: #8cc63f;font-size: .75rem;font-weight: 500;border-top: 0;padding: 0;}
.movieBnr a img {margin-bottom: 3px;}
.movieBnr a:hover {color: #8cc63f;}

/*SNSアイコン＆バナー*/
.snsBnr {border-top: 0;padding-top: 5;padding: 5px 15px 15px;background-color: #89ba2a;}
.snsBnr ul {margin: 0 -5px;border: 0;}
.snsBnr ul li {margin-bottom: 5px;}
.snsBnr ul li a {padding: 0;border: 0;display: inline-block;}
.snsBnr .sns {
    padding: 0 80px;
}
.snsBnr .sns li {padding: 20px 5px;float: left;width: 33.333%;}
.snsBnr .sns li a {border-radius: 0;}
.snsBnr .sns li a img {/* border-radius: 10px; */background-color: transparent;}
.snsBnr .bnr {}
.snsBnr .bnr li {padding: 5px 5px 0;width: 50%;float: left;}
.snsBnr .sns img,.snsBnr .bnr img {width: 100%;}

@media screen and (min-width: 955px) {
/*ECサイトリンク*/
.main-navigation .ec {display: block; border-bottom: 1px dashed #FFF;margin: 50px 0 5px;padding-bottom: 25px;}
.main-navigation .ec .title {margin-bottom: 5px;}
.main-navigation .ec a {display: block;border: 0;padding: 0;margin-top: 10px;background-color: #fff;border-radius: 4px;}
.main-navigation .ec a img {border-radius: 4px;}
.main-navigation .ec a.raku img {}
.main-navigation .ec a.ama img {}
    
.movieBnr {padding: 20px 0 5px;}
.movieBnr a {color: #fff;}
.snsBnr {/* border-top: 1px dashed #FFF; */padding-top: 5;padding: 5px 0 0;background-color: transparent;}
.snsBnr ul {margin: 0 -5px;}
.snsBnr ul li {margin-bottom: 5px;}
.snsBnr ul li a {padding: 0;border: 0;display: inline-block;background-color: transparent;}
.snsBnr .sns {margin: 0 -5px;padding: 0 15px;}
.snsBnr .sns li {padding: 20px 5px;float: left;width: 33.333%;}
.snsBnr .bnr {}
.snsBnr .bnr li {padding: 5px 5px 0;width: 100%;}
.snsBnr .bnr a {background-color: #fff;}
}

@media screen and (min-width: 761px) {
.site-branding {min-height: 52px;}
.site-title a {background-size: 360px;height: 52px;}
}




/*------------------------------
  コンテンツ
------------------------------*/
.entry-header {padding: 20px;margin-bottom: 20px;background-color: #89ba2a;}
.entry-header .entry-title {margin-bottom: 0;color: #FFF;font-weight: 500;}
.entry-header .entry-title a {color: #FFF;}
.entry-header .entry-title a:hover {color: #fee237;text-decoration: underline;}
.entry-content,.entry-summary {padding: 0 15px 30px;}

.blog .entry-content {display: none;}
.metaBox .posted-on {display: block;margin-top: 12px;}

.hentry + .hentry, .page-header + .hentry, .page-header + .page-content {margin-top: 20px}
.post-thumbnail {margin-bottom: 20px;margin-bottom: 1.25rem;margin-bottom: 0;}
.entry-title {font-size: 22px;font-size: 1.375rem;line-height: 1.5;margin-bottom: 24px;margin-bottom: 1.5rem;font-weight: 600;}
.pagination {margin: 20px 20px 0;}
.pagination .nav-links {min-height: 48px;}
.pagination .prev, .pagination .next {height: 48px;padding: 0;width: 48px;}
.pagination .prev:before, .pagination .next:before {height: 48px;line-height: 48px;width: 48px;}

@media screen and (min-width:620px) {
.entry-header {padding: 25px 30px;margin-bottom: 30px;}
.hentry, .page-header, .page-content {/* margin: 0 30px; */}
.hentry + .hentry, .page-header + .hentry, .page-header + .page-content {margin-top: 30px}
.entry-content,.entry-summary {padding: 0 30px 30px;}
.entry-footer {padding: 30px;font-size: 12px;font-size: .75rem;}
.pagination {margin: 30px 30px 0;}
}

@media screen and (min-width:761px) {
.entry-header {padding: 30px 50px;}
.hentry, .page-header, .page-content {/* margin: 0 50px; */}
.entry-content,.entry-summary {padding: 0 50px 50px;}
.hentry + .hentry, .page-header + .hentry, .page-header + .page-content {margin-top: 32px;}
.entry-title {font-size: 24px;font-size: 1.5rem;}
.entry-footer {padding: 50px;}
.pagination {margin: 50px 50px 0;}
.metaBox .posted-on {display: inline-block;margin-top: 0;}
}

@media screen and (min-width:955px) {
.hentry, .page-header, .page-content {/* margin: 0 50px; */}
.entry-content,.entry-summary {padding: 0 50px 50px;}
.pagination {margin: 50px 50px 0;}
}

.metaBox {margin-bottom: 8px;font-size: .875rem;}
.metaBox span {font-size: 14px;font-size: .875rem;}
.posted-on:before {top: 2px;color: #333;}
.cat-links:before,.byline {display: none;}
.cat-links a {display: block;display: inline-block;padding: 2px 8px;background-color: #fee237;font-size: 12px;font-size: 0.75rem;border-radius: 2px;margin-right: 5px;}


/*------------------------------
  Home
------------------------------*/

/*告知欄*/
.frontKokuchi {/* max-width: 580px; *//* margin: auto; */}
.frontKokuchi .box {border: 2px solid #ff7800;border-radius: 12px;padding: 15px;background-color: #fff1df;}
.frontKokuchi h2 {font-size: 1.125rem;font-weight: 600;color: #ff7800;line-height: 1.25;margin-bottom: .5rem;letter-spacing: 1.5px;}
.frontKokuchi p {
}
.frontKokuchi a {color: #ff7800;font-weight: 600;}
.frontKokuchi a:hover {text-decoration: underline;color: #ff7800;}


/*最新情報*/
.newsFeed {
}
.newsFeed h2 {font-size: 1.125rem;font-weight: 500;color: #534740;line-height: 1.25;margin-bottom: .5rem;letter-spacing: 1.5px;}
.newsFeed .box {border: 2px solid #998574;border-radius: 12px;padding: 24px 20px;background-color: #fff;}
.newsFeed .box ul {margin: 0;padding: 0;list-style-type: none;}
.newsFeed .box ul li {margin-top: 8px;color: #534740;line-height: 1.45;font-size: 1rem;}
.newsFeed .box ul li .date {margin-right: 12px;}
.newsFeed .box ul li a {color: #8bc63e;}
.newsFeed .box ul li a:hover {text-decoration: underline;color: #ff7800;}

@media screen and (max-width:599px) {
.newsFeed .box {border-radius: 12px;padding: 20px 16px;}
.newsFeed .box ul li {margin-top: 8px;}
.newsFeed .box ul li .date {display: block;}
}

.page-template-page-front .site-main,
.page-template-page-front_test .site-main {padding: 50px 0 0;}

.page-template-page-front .entry-header,
.page-template-page-front_test .entry-header {margin: 0 0 24px;padding: 0; background-color: transparent;}
.page-template-page-front .entry-header p,
.page-template-page-front_test .entry-header p {text-align: center;max-width:251px;margin: 0 auto 12px; }

.page-template-page-front .entry-header .bx-wrapper,
.page-template-page-front_test .entry-header .bx-wrapper {background-color: transparent;box-shadow: none;margin-bottom: 58px;}
.page-template-page-front .entry-header .copySlider li,
.page-template-page-front_test .entry-header .copySlider li {margin: auto;text-align: center;}
.page-template-page-front .entry-header .copySlider li img,
.page-template-page-front_test .entry-header .copySlider li img {max-width: 560px;margin: auto;}
.copySlider .bx-wrapper .bx-pager.bx-default-pager a {background: #c7b299;width: 6px;height: 6px;margin: 0 4px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.copySlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.copySlider .bx-wrapper .bx-pager.bx-default-pager a.active,
.copySlider .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #534741;}

.page-template-page-front .hentry,
.page-template-page-front_test .hentry {background-color: transparent;box-shadow: 0 0 0 rgba(0, 0, 0, 0);padding-left: 10px;padding-right: 10px;}

.page-template-page-front .site-main .bnr,
.page-template-page-front_test .site-main .bnr {margin-bottom: 8px;background-color: transparent;}

.iconPanel .col figure {border: 2px solid #998675;border-radius: 16px;vertical-align: middle;}
.iconPanel .col figcaption {background-color: rgba(132, 185, 65, 0.9);border-radius: 14px;padding: 16px;padding: 1.0rem;}

.iconPanel .col figcaption.white {background-color: rgba(255, 255, 255, 0.9);}
.iconPanel .col figcaption.white h3,.iconPanel .col figcaption.white p {color: #72ab2b;}
figcaption.white .button {border: 1px solid #72ab2b;color: #72ab2b;}

.iconPanel .col figcaption.blue {background-color: rgba(132, 185, 65, 0.9);}
.iconPanel .col figcaption.blue h3,.iconPanel .col figcaption.white p {color: #72ab2b;}

.iconPanel .col figcaption h3 {margin: 0 0 12px;padding: 0;border: 0;font-size: 16px;font-size: 1.0rem;font-weight: 500;line-height: 1.35;}
.iconPanel .col figcaption p {font-size: 12px;font-size: .75rem;font-weight: 300;}
.iconPanel .col-XL figcaption {padding: 32px;padding: 2.0rem;}
.iconPanel .col-XL figcaption h3 {margin: 12px 0 36px;padding: 0;border: 0;font-size: 28px;font-size: 1.75rem;font-weight: 500;line-height: 1.35;}
.iconPanel .col-XL figcaption p {font-size: 16px;font-size: 1.0rem;font-weight: 300;}

.iconPanel .imghvr-reveal-right figcaption {background-color: rgba(132, 185, 65, 0.2);}
.iconPanel .imghvr-reveal-right:before {background-color: rgba(132, 185, 65, 0.9);}

.iconPanel .imghvr-shutter-in-vert figcaption {background-color: rgba(255, 255, 255, 0.7);}
.iconPanel .imghvr-shutter-in-vert:before,
.iconPanel .imghvr-shutter-in-vert:after {background-color: rgba(255, 255, 255, 0.7);}
.iconPanel .imghvr-shutter-in-vert figcaption h3,
.iconPanel .imghvr-shutter-in-vert figcaption p {color: #89ba2a;}
figcaption .button {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    margin: 0;
    padding: 5px 15px;
    border-radius: 0;
    display: inline-block;
    position: initial;
    font-size: 12px;
    font-size: .75rem;
}

/*.iconPanel .col img {border: 2px solid #998675;border-radius: 16px;}*/
.rowInner {margin-top: -10px;}
.rowInner .col:nth-last-child(-n+2) {padding-bottom: 0;}


/*Backglound Footer*/



@media screen and (min-width: 59.6875em) {
	.site-main {/* padding: 50px 0; */}
}
@media screen and (min-width: 955px) {
.page-template-page-front .hentry,
.page-template-page-front_test .hentry{padding-left: 0;padding-right: 0;}
}

/*------------------------------
  Footer
------------------------------*/
.spFoote {background-color: #89ba2a;position: fixed;bottom: 0;left: 0;width: 100%;margin: 0 !important;-webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));-moz-filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));-ms-filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));z-index: 20;}
.spFoote span {display: inline-block;padding: 12px;font-size: .75rem;font-weight: 600;text-align: center;color: #fff;line-height: 1.0;vertical-align: middle;}
.spFoote img {background-color: transparent;height: 24px;vertical-align: bottom;}
.spFoote a {display: block;color: #fff;}
.spFoote a:hover {color: #b0d176;}
.spFoote .ec {float: left;}
.spFoote .ec .cart {border-right: 1px solid #fff;}
.spFoote .ec .raku {}
.spFoote .ec .ama {padding: 10px 0 !important}
.spFoote .store {float: left;border-right: 1px solid #fff;}
.spFoote .store .icon {padding: 12px 18px;}
.spFoote .ec .cart img,
.spFoote .store .icon img {margin-bottom: 3px;}

#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: -10px; /*下からのボタンの配置場所を指定*/
    right: 15px; /*右からのボタンの配置場所を指定*/
    margin: 0 0 60px;
    z-index: 10;
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #2e9649; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 4px 4px 0 0; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
    padding: 1px 15px 10px;
    font-size: 1.25rem;
}
#PageTopBtn a:hover {text-decoration: none;background: #b0d176; /*マウスオーバー時の背景色*/}


@media screen and (max-width: 350px) {
    .spFoote span {padding: 10px !important}
}

@media screen and (min-width: 620px) {
    .site-footer {/* margin: 0 30px 0; *//* padding-bottom: 20px; */}
    footer .site-main {padding: 0 0 120px !important;}

}

@media screen and (min-width: 761px) {
    .site-footer {/* margin: 0 50px 0; */}
}

@media screen and (min-width: 955px) {
    .site-footer {/* margin: 0 0 0 320px; */}
    .spFoote {display: none;}
    #PageTopBtn a {border-radius: 4px;padding: 3px 15px 8px;}
}


/*------------------------------
  固定ページ
------------------------------*/
.katsudo .row .col a {color: #333;text-decoration: none;border-bottom: 0;}
.katsudo .row .col a:hover {color: #89ba2a;}


/*------------------------------
  ショップ情報
------------------------------*/
/*詳細ページ*/
.store .feald {}
.store .feald .feature {margin: 2.0rem 0 .75rem;}
.store .feald h2 {font-size: 20px;font-size: 1.25rem;font-weight: 500;margin: 1.875rem 0 .75rem;line-height: 1.25;margin-bottom: 0;color: #ffffff;font-weight: 400;/* border: 1px solid #fff; */margin-top: 2.25rem;padding: 1.0rem;}
.store .feald h2.shop{background-color: #8ab838;}
.store .feald h2.rest {background-color: #b85738;}
.store .feald .table-01 {border: 0;}
.store .feald .table-01 th,
.store .feald .table-01 td {background-color: #E6F0CC;border: 1px solid #FFF !important;display: table-cell;}
.store .feald .table-01 th {width: 22%;font-weight: 500;}
.store .feald .table-01 td {background-color: #F5F9EA;}
.store .feald .restInfo .table-01 th {background-color: #f0e5cc;}
.store .feald .restInfo .table-01 td {background-color: #f9f5ea;}
.store .feald .restInfo .feature2 {margin-top: 0;}
.store .feald .restInfo .row {/* margin-top: -10px; */}
.store .feald .contactAtt { display: none; margin-bottom: 1.6rem;background-color: #faf5eb;border: 1px solid #f0e5cd;padding: .875rem;}
.store .feald .contactAtt p {font-size: 1.0rem;font-weight: 500;margin-bottom: .75rem;color: #b85738;}
.store .feald .contactAtt ul {margin-bottom: 0;}
.store .feald .contactAtt li {line-height: 1.4;margin: 8px 0;}
.store .feald .contactAtt li strong {font-weight: 600;letter-spacing: .5px;}
.store .feald .aozoraBnr {/* max-width: 500px; */margin: 10px 0;}
.store .feald .otherBox {margin: 2.25rem 0 .75rem;}
.store .feald .menuOpenBtn {/* max-width: 500px; */margin: 1.5rem 0;}
.postid-2133 .store .feald .menuOpenBtn,
.postid-3979 .store .feald .menuOpenBtn {display: none;}
.store .feald .menuOpenBtnOomame {/* max-width: 100%; *//* margin: 1.5rem auto 2.5rem; */margin-top: 1.5rem !important;margin-bottom: 10px;}
.store .feald .map {margin-bottom: 1.0rem;background-color: #387cb8;}
.store .feald .mapAdd {margin-bottom: .5rem;}
.acf-map {width: 100%;height: 400px;border: #ccc solid 1px;margin: 0;}
/* fixes potential theme css conflict */
.acf-map img {max-width: inherit !important;}
.postid-2351 .googleMapBox {display: none;} /*くるくる豆蔵のMAP非表示*/
.postid-3979 .shopWrap {display: none;} /*完全個室・予約制 まめの蔵のショップ情報非表示*/

/*インデックスページ*/
.storeIndexWrap .wrap {}

.storeIndexWrap .calendar {margin: 30px 0;padding: 10px;background-color: #fff;}
.storeIndexWrap .calendar .img {}
.storeIndexWrap .calendar .img img {}
.storeIndexWrap .calendar .text {margin: 10px 0 0;}

.storeIndexWrap > article,
.mediaIndexWrap > article {background-color: transparent;box-shadow: none;}
.storeIndexWrap article article,
.mediaIndexWrap article article,
.termsIndex article {background-color: transparent;padding-top: 0;padding: 5px 5px 10px;box-shadow: none;margin-top: 0 !important;}
.storeIndexWrap .row,
.mediaIndexWrap .row,
.termsIndex .row {margin: 34px -5px 10px;display: -webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding: 0;align-items: stretch;flex-direction: row;flex-wrap: wrap;/* justify-content: space-between; */}
.storeIndex {margin: 0 !important;background-color: transparent;box-shadow: none;float: none;clear: both;padding: 0;justify-content: space-between;width: 33.333%;}
.storeIndex .box {background-color: #fff;transition: background-color .2s linear;padding: .75rem;box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);position: relative;border: 1px solid rgba(93, 58, 47, 0.3);height: 100%;}
.storeIndex .entry-header {padding: .75rem 0;background-color: transparent;margin-bottom: 0;}
.storeIndex .entry-header .entry-title {font-size: 1.0rem;font-weight: 500;line-height: 1.35;color: #333;}

.storeIndex .termCate1 span {position: absolute;bottom: 0;right: 0;font-size: .75rem;padding: 3px 10px 4px;display: block;background-color: #3e2818;color: #fff;font-weight: 300;line-height: 1.2;}
.storeIndex .termCate2 {display: flex;}
.storeIndex .termCate2 span {font-size: .75rem;padding: 2px 5px 3px;line-height: 1.2;display: inline-block;background-color: #FF9800;color: #fff;font-weight: 300;vertical-align: top;}
.storeIndex .termCate2 .asaichi {background-color: #03A9F4;}
.storeIndex .termCate2 .mamenoichi {background-color: #89ba2a;}
.storeIndex .termCate2 .restaurant {background-color: #FF9800;}
.storeIndex .termCate2 .takeout {background-color: #039;}
.storeIndex .termCate2 .buffet {background-color: #ba2a8c;}
.storeIndex .termCate2 .pvc {background-color: #727171;}

.storeIndex .detail {border-top: 1px dashed #89ba2a;/* border-top: 1px solid #89ba2a; */padding-top: 10px;}
.storeIndex .detail p {margin-bottom: .25rem;line-height: 1.35;/* font-size: .75rem; */padding-left: 15px;position: relative;}
.storeIndex .detail p i {margin-right: 5px;}
.storeIndex .detail .add,
.storeIndex .detail .tel {font-size: .875rem;/* font-weight: 500; *//* letter-spacing: .5px; */}
.storeIndex .detail .add:before,
.storeIndex .detail .tel:before {
	font-family: FontAwesome;
	content: "\f041";
	position: absolute;
	top: 2px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: -15px;
	}
.storeIndex .detail .tel:before {content: "\f095";}
.storeIndex a:hover .box {background-color: rgb(214, 234, 175);}
.storeIndex a:hover .box img {opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}
.storeIndex a:hover .box p {color: #333;}

/*タームナビゲーション*/
.termsNav {margin-top: 1.5rem;}
.termsNav p {text-align: center;font-size: 1.0rem;font-weight: 400;margin-bottom: .5rem;color: #ffffff;background-color: #89ba2a;padding: .5rem;}
.menu-nav-area-container {}
.navArea {margin: 0 -.25rem;padding: 0;list-style-type: none;}
.navArea li {width: 20.0%;padding: .25rem;float: left;text-align: center;}
.navArea li a {display: block;padding: .75rem;background-color: #ffffff;border: 1px solid #89ba2a;color: #555;line-height: 1.0;}
.navArea li a:hover {background-color: #89ba2a;color: #fff;}
.navArea li.current a {background-color: #89ba2a;color: #fff;}

/*タームインデックス*/
.hentry.has-post-thumbnail.termsIndex {background: none;border: 0;box-shadow: 0 0 0;}
.hentry.has-post-thumbnail.termsIndex > p {font-size: 1.25rem;font-weight: 400;margin-bottom: 0;background-color: #89ba2a;color: #ffffff;padding: .875rem;}
.hentry.has-post-thumbnail.termsIndex .termsNav {margin-top: 0;}

/*コロナウイルスの告知*/
.corona {max-width: 780px;margin: 0 auto;}
.corona .box {padding: 10px 5px;}
.corona a {display: block;background-color: #fff;padding: 10px;border: 2px solid #f00;}
.corona .title {font-size: 1.0rem;font-weight: 600;color: #fa0100;text-align: center;}
.corona p {}
.corona p span {text-decoration: underline;color: #ff0000;}
.corona a:hover {background-color: #ffe5e5;}

@media screen and (max-width: 619px) {
	.storeIndexWrap .wrap {padding: 0 15px;}
	.storeIndexWrap article article,
	.mediaIndexWrap article article {padding-bottom: 15px;}
	.navArea li {width: 33.33%;}
	.navArea li a {padding: .75rem .5rem;}
	.hentry.has-post-thumbnail.termsIndex {padding: 0 15px;margin-top: 40px;}
}

@media screen and (min-width: 641px) {
  .storeIndex:nth-child(2n+1) {clear: left;}
	.storeIndex:nth-child(3n+1) {clear: left;}
  
  /*コロナウイルスの告知*/
  .corona {max-width: 635px;}
  .corona .box {padding: 0 0 35px;}
  .corona a {padding: 10px;}
  .corona .title {font-size: 1.125rem;}
  .corona p {}
}


/* 全国のお取扱店
----------------------------------------------- */
.pageHandring h2.lead {background: none;border: 0;padding: 0;font-size: 1.0rem;font-weight: 600;line-height: 1.4;}
.pageHandring h2.lead:before {content: none;}
.pageHandring .leadAtt {color: #ff5353;}
.pageHandring .leadAtt i {margin-right: 7px;}

.pageHandring .contentBox {padding-bottom: 25px !important;}
.pageHandring .storesAttTitle,.attListBoxTitle {background-color: #ef856d;padding: 5px 15px 3px;display: inline-block;color: #fff;font-size: .75rem;font-weight: 600;}
.pageHandring .storesAtt,.attListBox {background-color: #ef856d33;border: 2px solid #ef856d;padding: 15px;margin-bottom: 30px;}
.pageHandring .storesAtt ul,.attListBox ul {}
.pageHandring .storesAtt li,.attListBox li {color: #705338;font-weight: 500;}
.pageHandring .storesAtt li strong,.attListBox li strong {color: #f52e08 !important;}
.pageHandring .storesAtt li a,.attListBox li a {color: #ef856d;}
.pageHandring .storesAtt li a:hover,.attListBox li a:hover {color: #a9cf5f;/* text-decoration: underline; */}
.pageHandring .storesAtt li:last-child,.attListBox li:last-child {margin: 0;}

.pageHandring .tab_area {overflow:hidden;/* border-collapse: collapse; */margin: 0 !important;/* width: 100%; */font-size: .875rem;font-weight: 400;color: #fff;line-height: 1.4;display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;align-content: space-around;padding: 0 !important;}
.pageHandring .tab_area li {/* width: 25%; *//* float: left; */text-align:center;font-weight: 600;cursor: pointer;vertical-align:middle;padding: 17px 5px 13px;background-color: #ccc;/* border-right: 1px solid #fdf7ef; */-webkit-box-flex: 25%;-ms-flex: 25%;flex: 25%;margin: 0 2px 0 0;list-style: none;}
.pageHandring .tab_area li span {text-align: center;}
.pageHandring .tab_area li:last-child {border-right: 0;margin: 0;}
.pageHandring .tab_area li:hover {background-color: #c1d49b;}
.pageHandring .all_area {overflow: hidden;}
.pageHandring .all_area div.content_area {border: 0 solid #a7d746;border-top: 0 solid #a7d746;}
.pageHandring .tab_area li.select {background-color: #a8d354;}
.pageHandring .hide {display:none;}

.pageHandring .itemBox {padding: 10px 15px;border: 1px solid #89ba2a;background-color: #e7f3c5;margin: 10px 0;}
.pageHandring .itemBox div {
}
.pageHandring .itemBox span {margin-left: 20px;display: inline-block;vertical-align: bottom;line-height: 20px;}
.pageHandring .itemBox .tofu {
}
.pageHandring .itemBox .kirazu {
}
.pageHandring .itemBox img {width: 20px;margin-right: 5px;}

.pageHandring .shopArea ul {margin: 0px;padding: 0px;list-style: none;}
.pageHandring .shopArea ul li {display: flex;justify-content: space-between;align-items: center;margin: 0;padding: 20px 0;background-color: #fff;}
.pageHandring .shopArea ul li .photo {width: 12%;display: none;}
.pageHandring .shopArea ul li .photo img{width: 100%;}
.pageHandring .shopArea ul li .text {}
.pageHandring .shopArea ul li h4 {font-size: 1.125rem;font-weight: 600;margin: 0 0 5px;line-height: 1.4;color: #705338;color: #89ba2a;}
.pageHandring .shopArea ul li h4 .iconWrap {vertical-align: text-top;margin-left: 20px;}
.pageHandring .shopArea ul li h4 .iconWrap img {width: 20px;}
.pageHandring .shopArea ul li h4 .iconWrap .tofu {margin-right: 10px;}
.pageHandring .shopArea ul li .detail {font-size: .875rem;margin-bottom: 10px;}
.pageHandring .shopArea ul li dl {margin: 0;}
.pageHandring .shopArea ul li dt,.shopArea ul li dd {padding: 3px 0;font-weight: 400;line-height: 1.4;}
.pageHandring .shopArea ul li dt {float: left;}
.pageHandring .shopArea ul li dd {padding-left: 6em;margin: 0;}
.pageHandring .shopArea ul li+li {margin: 0;border-top: 1px dotted #89ba2a;}
.pageHandring .shopArea ul li:last-child {padding-bottom: 0;}

.pageHandring .collapseBox {margin-top: 15px;}
.pageHandring .collapseBox > span {width: 100%;display: block;padding: 10px 15px;text-decoration:none;font-weight: 600;background-color: #fcdf88;}
.pageHandring .collapseBox > span:hover {background-color: #fcdf8899;}
.pageHandring .collapseBox span.fa-external-link {display:none;}
.pageHandring .collapseomatic,
.pageHandring .colomat-close {background-image:none;}
.pageHandring .collapseomatic:before {content: " \f078";font-family: FontAwesome;float:left;margin-right:5px;height:22px;}
.pageHandring .colomat-close:before {content: " \f077";}
.pageHandring .collapseomatic_content {padding: 0px;margin: 15px 0 30px;}

@media (max-width: 640px) {.pageHandring .shopArea ul li h4 .iconWrap {display: block;margin: 8px 0 5px 0;}}


/*------------------------------
  メディア掲載情報
------------------------------*/
/*インデックスページ*/
.mediaIndexWrap > .hentry.type-media.has-post-thumbnail {padding-top: 50px;background-color: #fff;}
.mediaIndexWrap .row {margin: 40px -15px 10px;}
.mediaIndexWrap .mediaIndex {margin: 0 !important;background-color: transparent;box-shadow: none;float: none;clear: both;padding: 0 15px 30px;justify-content: space-between;width: 25%;}
.mediaIndex .box {background-color: #fff;transition: background-color .2s linear;/* padding: .75rem; *//* box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); */position: relative;/* border: 1px solid rgba(93, 58, 47, 0.3); */height: 100%;}
.mediaIndex .entry-header {padding: .75rem 0;background-color: transparent;margin-bottom: 0;}
.mediaIndex .entry-header .entry-title {font-size: .75rem;font-weight: 500;line-height: 1.35;color: #333;background-image: none;border: 0;padding: 0;}
.mediaIndex .entry-header .entry-title:before {content: none;}

@media (max-width: 640px) {
	
	.storeIndex {width: 100%;}
	.store .feald .table-01 th {width: 30%;}
	.mediaIndexWrap .mediaIndex {width: 50%;border: 0;}
	
}


/*------------------------------
  トピック
------------------------------*/
.single-topic .post-navigation {display: none;}


.postid-4349 .entry-header.pageTitle,
.postid-4498 .entry-header.pageTitle,
.postid-4473 .entry-header.pageTitle {background-image:url(images/bg-dot-white.png);background-color: #e20000;color: #fff;}
.yukipirika section {padding: 20px 0 30px;}
.yukipirika h2 {margin-bottom: 25px;}
.yukipirika h3 {border: 0;padding: 0;margin: 25px 0 20px;}
.yukipirika .h3 {text-align: center;line-height: 1.4;font-size: 1.25rem;color: #720910;margin: 20px 0;}
.yukipirika .center {text-align: center;font-weight: 600;}
.yukipirika .midBox {max-width: 560px;margin: 20px auto;}
.yukipirika .midBox_ig {max-width: 300px;margin: 20px auto;}
.yukipirika .btns {max-width: 280px;margin: 15px auto;display: block;}
.yukipirika .btns img {
}
.yukipirika ul,.yukipirika ol {margin: 0;padding-left: 18px;}
.yukipirika ul li,.yukipirika ol li {
}
.yukipirika a {color: #ea0000;}
.yukipirika a:hover {
}
.yukipirika .row .col {text-align: center;font-weight: 600;}
.yukipirika .rowCenter .col {text-align: center;font-size: .875rem;font-weight: 600;}
.yukipirika .rowCenter .col img {width: 80%;margin-bottom: 5px;}
.yukipirika .row_ig .col {text-align: left;}
.yukipirika .rowCenter_ig .col {text-align: left;font-size: .875rem;}
.yukipirika .rowCenter_ig .col img {width: 80%;margin-bottom: 5px; margin-left:20px;}
.yukipirika .visual p {margin: -30px 0 0;padding-bottom: 30px;text-align: center;}
.yukipirika .fukidashi {margin-bottom: 30px;}
.yukipirika .hajime .pkg {/* max-width: 600px; */margin: 30px auto;padding: 10px 20px;background-color: #f3e6d3;}
.yukipirika .hajime .pkg dl {font-size: .75rem;margin-bottom: 0;}
.yukipirika .hajime .pkg dt {display: inline-block;float: left;clear: both;}
.yukipirika .hajime .pkg dd {/* display: inline-block; *//* float: left; */margin-left: 6em;margin-bottom: 5px;text-align: left;font-weight: 400;}
.yukipirika .member .row .col {padding-bottom: 30px;}
.yukipirika .deco .ribon .title {margin: 10px -20px 20px;}
.yukipirika .deco .ob {background-repeat: no-repeat;background-size: cover;background-position: center top;padding: 0 15px 15px;font-weight: 600;}
.yukipirika .deco .ob p {text-align: center;/* font-weight: 600; */}
.yukipirika .deco .ob-01 {background-image: url("images/topic/yukipirika/deco-img-01.jpg");/* height: 353px; */margin-bottom: 30px;padding-top: 150px;}
.yukipirika .deco .ob-02 {background-image: url("images/topic/yukipirika/deco-img-02.jpg");margin-bottom: 30px;padding-top: 130px;}
.yukipirika .deco .ob-03 {background-image: url("images/topic/yukipirika/deco-img-03.jpg");margin-top: 30px;margin-bottom: 30px;padding-top: 175px;}
.yukipirika .deco .ribon {background-color: #fdd6d7;padding: 20px;max-width: 600px;margin: auto;border-radius: 16px;}
.yukipirika .deco .ribon .inner {max-width: 460px;margin: auto;}
.yukipirika .deco .ribon .set {font-size: 1.0rem;font-weight: 600;margin: 20px 0 0;}
.yukipirika .deco .att {max-width: 560px;margin: 20px auto;border: 3px solid #a0a0a0;background-color: #f5f5f5;padding: 15px;}
.yukipirika .deco .att p {font-size: 1.0rem;font-weight: 600;margin-bottom: 7px;}
.yukipirika .deco .att ul li {padding: 5px 0;line-height: 1.4;}
.yukipirika .arrange .rowCenter .col img {width: 100%;}
.yukipirika .daizu .row {margin-bottom: 10px;}
.yukipirika .daizu .row .col {padding-top: 0;padding-bottom: 0;}
.yukipirika .daizu ul {list-style-type: none;margin: 0;padding: 0;text-align: left;}
.yukipirika .daizu ul li {padding: 5px 10px;}
.yukipirika .daizu ul li.color {background-color: #fff799;}
.yukipirika .daizu ul li .R {float: right;}
.yukipirika .daizu .att {font-size: .75rem;text-align: right;}
.yukipirika .apno {font-size: .75rem;font-weight: 600;}
.yukipirika .w560 {max-width: 560px; margin: 0 auto;} 

@media screen and (min-width: 620px) {
    .yukipirika h2 {margin-bottom: 30px;}
    .yukipirika h3 {margin: 30px 0 20px;}
    .yukipirika .btns {max-width: 468px;}
    .yukipirika .rowCenter .col img {width: 100%;}
    .yukipirika .deco .ob {padding: 0 15px 20px;}
    .yukipirika .deco .ob-01 {padding-top: 275px;padding-left: 127px;}
    .yukipirika .deco .ob-02 {padding-top: 295px;}
    .yukipirika .deco .ob-03 {padding-top: 285px;}
    .yukipirika .daizu .row {}
    .yukipirika .daizu .row .col {}
}