/*━━━━━━━━━━━━━━基本的なフォント指定━━━━━━━━━━━━━━*/
/*基本の文字色*/
body {
color:#414141;
font-size:17px;
}

p {
font-size:17px;
color:#000;
}

h3 {
font-size:27px;
margin-bottom:30px !important;
}

h4, h4 a {
    color: #272727;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    text-transform: none;
margin-bottom:20px !important;
}
.white{
color:#fff;
}
/*大文字の禁止*/
body,h1,h2,h3,h4,h5,.qbutton {
text-transform: none !important;
}

/*大文字の禁止-タイトル*/
.title_subtitle_holder h1{
  text-transform: none;
}
/*大文字の禁止-ナビ*/
nav.main_menu>ul>li>a {
    text-transform: none;
}

/*各ページのタイトルサイズ*/
.title.title_size_small h1, .title h1{
  font-size:26px;
}

/*フォントファミリーの指定*/
.jp-font,
.container,
.portfolio_single .info.portfolio_content,
.latest_post_holder{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.wpb_text_column .wpb_wrapper{
 font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
color:#000;
}
/*ゴシックフォント指定*/
.new,
.gothic,
.qbutton,
.call_to_action,
.footer_top .container,
.title.title_size_large h1{
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;

}

.grt {
 color:#8EC31E; 
}

.org {
 color:#FBC700; 
}
/*タイトル線消去*/
.title .separator{
 display:none; 
}

/*リンク色基本（サイドバーは下記）*/
a {
   color:#299CE7 ;

}

a:hover {
  color:#048de8;
}

a:hover.ffea
 {
color:#D7361B;
font-size:27px;
font-weight:400;
}
a.ffea {
color:#fff;
font-size:27px;
font-weight:400;
}

.wpb_single_image .vc_figure-caption {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.matcha {
color:#fff;
}

.matcha h1, .matcha h2, .matcha h3,.matcha h4,.matcha  h5,.matcha  h6,.matcha  p{
color:#fff;
}

.matcha .wpb_text_column .wpb_wrapper{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color:#fff;
}

.matcha-cl{
color:#ABC00D;
}
/*━━━━━━━━━━━━━━パーツ関連━━━━━━━━━━━━━━*/
/*　リスト　*/
.q_icon_list p {
    font-size: 25px;
    line-height: 27px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0 0 0 38px;
    position: relative;
    color: #303030;
}

.q_icon_list i.transparent {
    background: transparent;
    border: 0;
    font-size: 25px;
    color: #303030;
}
/*━━━━━━━━━━━━━━　商品リスト　━━━━━━━━━━━━━━*/
.pro-button {
	color:#fff;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	width: 100%;
	padding:5px 10px;
margin-top:5px;
margin-bottom:5px;
}

.pro-button.plane{
	background: #FBC700;
}	

.pro-button.greentea{
	background: #CED500;
}

.pro-button.matcha{
	background: #ABC00D;
}	

.pro-button.purplepotato{
	background: #CC88B8;
}	

.pro-button.pumpkin{
	background: #F8B500;
}

.pro-button.ginger{
	background: #F7C6C5;
}

.pro-button.s-sake{
	background: #B71C25;
}

.product .small{
font-size:14px;
}

h3 .small{
font-size:14px;
}

.product{
margin-top:10px;
padding:0 20px;
}

.qbutton, .qbutton.medium{
margin-top:20px;
}
/*━━━━━━━━━━━━━━ヘッダー関連━━━━━━━━━━━━━━*/
/* ヘッダー上部 */
.header_top{
background-color:#000 !important;
}
header.light:not(.sticky) .textwidget span.new, 
header.light.header_style_on_scroll .textwidget span.new{
color:#ff0000 !important;
font-weight:600;
}
/*━━━━━━━━━━━━━━ヘッダーナビゲーション関連━━━━━━━━━━━━━━*/
#menu-top_menu_man {
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
}

.light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a:hover, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:before, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .light.header_style_on_scroll nav.main_menu>ul>li>a:hover, .light.header_style_on_scroll nav.main_menu>ul>li.active>a, .light.header_style_on_scroll nav.main_menu>ul>li:before {
color:#f6bb2e;}

nav.main_menu>ul>li>a>i.menu_icon {
    margin-right: 0px;
}
.nav-sns a span{
	display:none;
}

nav.main_menu>ul>li.nav-sns>a{
    padding: 0 10px;

}

.light:not(.sticky):not(.scrolled) .side_menu_button>a{
color:#f6bb2e;
}
/*━━━━━━━━━━━━━━トップページ関連━━━━━━━━━━━━━━*/
.latest_post_holder.boxes>ul>li .latest_post p.excerpt{
font-family:  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}

.latest_post_holder.boxes>ul>li .latest_post .post_infos>a, .latest_post_holder.boxes>ul>li .latest_post .post_infos>span{
  font-family:  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
  color:#EF247C;
}

.latest_post_holder .post_infos .dots i{
 display:none; 
}


/*━━━━━━━━━━━━━━━━━━━━━ブロック関連━━━━━━━━━━━━━━━━━━━━━*/

section.parallax_section_holder,
.grid_section{
padding-top:90px;
padding-bottom:90px;
}

.step {
font-size:16px;
}
/*━━━━━━━━━━━━━━━━━━━━━フッター関連━━━━━━━━━━━━━━━━━━━━━*/
.footer_bottom ul li{
margin-right:20px;
}

.footer_bottom span.copyright{
  display:block;
margin-top:20px;
  font-family:  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
    letter-spacing: 2px;
}

.menu_recent_post_text{
display:none;
}

.footer_top h5{
font-weight:400;
}
/*━━━━━━━━━━━━━━━━━━━━━フッター（下部）関連━━━━━━━━━━━━━━━━━━━━━*/
.footer_bottom ul li {
  padding: 0 10px;
  display: inline; /* 横並びにさせる */
  border-left: 1px solid #000; /* 区切り線 */
}

.footer_bottom ul li:first-child {
  border: none; /* 親要素から見て一番目のli要素のボーダーを無しに */
}

.footer_bottom{
 padding-top:20px;
  padding-bottom:20px;
}
.footer_bottom a.mandom-logo-ft-bt img{
float:left !important;
margin-left:20px!important;
}

.footer_bottom ul li{
 margin-right:0px; 
}

@media only screen and (max-width: 567px){
.footer_bottom a.mandom-logo-ft-bt img{
display:block !important;
float:none !important;
margin-bottom:20px!important;
}}



/*━━━━━━━━━━━━━━モバイル━━━━━━━━━━━━━━*/
@media only screen and (max-width: 567px){
/*スライドの文字*/
p.q_slide_text{
    text-align: center;
margin-top:0 !important;
}

h4.q_slide_subtitle{
margin-bottom:0 !important;
}
h2.q_slide_title{
	white-space: nowrap;
margin-bottom:0 !important;
}
/*ナビゲーションのSNS文字表記復活*/

.nav-sns a span{
	display: inline;
}

/*フッターのリンク*/
.footer_bottom ul{
text-align:left;
margin-left:20px;
}
.footer_bottom ul li,
.footer_bottom ul li a {
display:block;
}
}