@charset "utf-8";
/*
Theme Name: Mahora
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.1.2
*/




/*//////////////////　トップページ　////////////////// */ 

/* =============　投稿一覧flex　=============*/

/* ========【トップページ】イメージ画像=========*/

/* ====【トップページ】アイコンとコピーの横並び====*/

/* =======【トップページ】コンテンツバナー =======*/

/*/////////////////////　テーマ　///////////////////// */ 

/* -----ルートのフォントサイズ（ブラウザの基準）-------- */

/*///////////////////　コンテンツページ　///////////// */ 

/* =========== hを使わない見出し  ===========*/

/* =========== 使用上のご注意リスト============*/

/* ========　コンテンツページ内　リスト　========*/

/* =============　howto横並び　=============*/

/* ============　hを使う見出し　=============*/


/*//////////////////////　フッタ　////////////////////// */ 

/* ===============　装飾　================= */ 








/*//////////////////////　トップページ　//////////////////////*/

/* =============　投稿一覧flex　=============*/

#main .widget_ltg_post_list, .home .mainSection .pt_0 {
display: flex!important;
width: 100%!important;
flex-wrap: wrap!important;
 justify-content: space-between!important;
}




#main .postList, .home .mainSection .postList {
display: flex!important;
width: 100%!important;
flex-wrap:wrap!important;
justify-content: space-between!important;
}

/*space-between最終行を左寄せ*/
 .postList::after{
  content:"";
  display: block;
  width:30%;
}

#main .media,
.home .media {
width: 30%;
padding: 0%;
margin: 0% 0% 50px;
border: solid 1px #eee;
}
@media (max-width: 767px) {
#main .media,
.home .media {
width: 100%;
margin: 0 auto;	
}
}
 
.breadSection {
    border-bottom: none!important;
}

  
/*-------------投稿一覧日付・タイトル調整------------*/

/*投稿日付け*/
.entry-meta_items {
    font-size: 1.3rem;
}

/*投稿一覧本文消す*/
.media-body p {
display:none!important;
}
 
/*投稿一覧タイトル*/
.media .media-body .media-heading {
    font-size: 1.4rem!important;
}


@media (max-width: 768px) {
.media .media-body .media-heading {
    font-size: 1.3rem!important;
	font-weight:normal;
	margin-bottom: 2em!important;
}
}

/*投稿一覧のカテゴリーアイコン*/
@media (max-width: 768px) {
.entry-meta_items_term {
    float: right!important;
}
}
*/

/* 一覧画像下マージン */
.media .postList_thumbnail {
    margin-bottom: 1em!important;
}

/*-------flexbox内の画像とタイトルのfloat解除-------- */
#main .media .postList_thumbnail,
.home .media .postList_thumbnail {
width: 100%;
padding-right: 0px;
/*float: none;*/
}
 
#main .navigation.pagination,
.home .navigation.pagination {
width: 100%;
}

.entry-meta_items_term_button {
   font-size: 1.2rem; 
    padding: 3px 1em ;
}

/* 投稿ページのサイドメニュー横並びのサムネイル */
.subSection .media .postList_thumbnail {
width: 150px!important;
}
/* 投稿ページ前へ次へ */
.postNextPrev .card {
    margin-bottom: 1em;
}



/*-------【トップページ】Information・コンテンツ　カテゴリータイトル-------- */
.toptitle {
font-size: 2.5rem;
padding: 3em 0 0;	
text-align: center;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.toptitle {
font-size: 2rem;
padding: 2em 0 0;	
}
}

.toptitle_s {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 10%;
	text-align: center;
}
.toptitle_s::before,
.toptitle_s::after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 40%;
	height: 1px;
	border-top: 1px solid #999;
}
.toptitle_s::before {
	left:20px;
}
.toptitle_s::after {
	right: 20px;
}

@media screen and (max-width: 480px) {
.toptitle_s::before,
.toptitle_s::after {
	width: 20%;
}
}



/* ================【トップページ】イメージ画像===========*/

.full {
width: 100vw;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
    background-repeat: no-repeat;
	background-position:center;	
	background-size: cover;
}

.full p {
color: transparent;
width:100%;
padding-top:35%;
}

@media only screen and (max-width: 767px) {
.full p {
padding-top:70%;
}		
}


/*--------campaign-------- */
.campaign {
width: 100vw;
background-image: url(https://www.mahora-art.com/wp/wp-content/uploads/2021/10/main_campaign.jpg);
}
@media only screen and (max-width: 767px) {
.campaign {
background-image: url(https://www.mahora-art.com/wp/wp-content/uploads/2021/10/main_campaign_sp.jpg);
}		
}


/*--------赤-------- */
.enjoy {
width: 100vw;
background-image: url(https://www.mahora-art.com/wp/wp-content/uploads/2021/07/main_1.jpg);
}
@media only screen and (max-width: 767px) {
.enjoy {
background-image: url(https://www.mahora-art.com/wp/wp-content/uploads/2021/07/main_sp_1.jpg);
}		
}

/*--------緑-------- */
.healing {
width: 100vw;
background-image: url(https://www.mahora-art.com/wp/wp-content/uploads/2021/07/main_2.jpg);
}
@media only screen and (max-width: 767px) {
.healing {
background-image: url(https://www.mahora-art.com/wp/wp-content/uploads/2021/07/main_sp_2.jpg);
}		
}


/*--------黄色+紫-------- */
.dialogue {
width: 100vw;
background-image: url(https://www.mahora-art.com/wp/wp-content/uploads/2021/07/main_3.jpg);
}
@media only screen and (max-width: 767px) {
.dialogue {
background-image: url(https://www.mahora-art.com/wp/wp-content/uploads/2021/07/main_sp_3.jpg);
}		
}

/*--------紫-------- */
.create {
width: 100vw;
background-image: url(https://www.mahora-art.com/wp/wp-content/uploads/2021/08/main_4.jpg);
}
@media only screen and (max-width: 767px) {
.create {
background-image: url(https://www.mahora-art.com/wp/wp-content/uploads/2021/08/main_sp_4.jpg);
}		
}


/* --------　横並び　囲い--------*/

.fbox_wrap {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
	 justify-content: space-between;
	margin: 4em 0;
	
}

@media screen and (max-width: 767px) {
.fbox_wrap {
display: block;	
margin: 3em 0;
}
}



/* 横並び左*/

.topfbox {
width: 30%;
}

.topfbox p {
text-align: center;
font-size: 1.3rem;
letter-spacing: 0.1em;
}

.topfbox img {
margin-top: 1em;
}
/* 横並び右コピー*/
.topfbox02 {
width: 65%;
}

.topfbox02 p {
font-size: 1.3rem;
line-height: 2.4em;
letter-spacing: 0.1em;
text-align: justify;
}

@media screen and (max-width: 768px) {
.topfbox {
width: 100%;	
}	
.topfbox img {
width: 50%;	
}
.topfbox02{
width: 100%;
}
.topfbox02 p{
line-height: 2.3em;
margin-top: 3em;	
}		
}


/*Mahoraの形アイコン*/
.icontext{
text-align: center;	
margin: 0 auto;	
}

/* イメージすぐ下コピー*/
.top_copy{
text-align: center;
font-size: 1.4rem;	
letter-spacing: 0.1em;
line-height: 2.5em;
padding:4em 0;
border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
.top_copy{
font-size: 1.3rem;	
letter-spacing: 0.1em;
line-height: 2.2em;
text-align: left;
padding:2em 0;
}
}


	

/*-----------【トップページ】moreボタン -----------*/
.detail_top  {	
width: 160px;
margin-left: auto;
}


.detail_top a {	
font-size: 1.3rem;
color:#000;	
text-align:center;
border:1px solid #000;
box-sizing: border-box;
padding: 0.4rem;
display	: block;
background-color:#fff;	
transition: all 0.5s ease 0s;	
text-decoration: none!important;
margin-top: 2em;
margin-bottom: 3em;
}

.detail_top a::before {
    font-family: "Font Awesome 5 Free";
   content: "\f061";
    font-weight: 900;
	padding-right: 1rem;
	font-size: 1.2rem;
}

.detail_top a:hover {	
color:#fff;	
background-color: #000;
border:1px solid #000;
text-decoration: none;
}

@media screen and (max-width: 768px) {
.detail_top a {	
margin-top: 1.2em;
}
}


/*-----------【トップページ】コラボロゴ -----------*/

.collabo_logo  {	
width: 15%;
display:block;
text-align: center;
margin: 3.5em auto 1em;
}
@media screen and (max-width: 767px) {
.collabo_logo  {	
width: 25%;
margin: 3em auto 0.5em;
}
}

/* ======【トップページ】コンテンツバナー======*/

.top_contents {
display: flex;
width: 100%;
flex-wrap: wrap;
 justify-content: space-between;
margin: 2em 0;	
}

.top_con_inner {
width: 30%;
padding: 0;
margin: 1% 1% 50px;
}

@media (max-width: 768px) {
.top_contents {
display: block;
}
.top_con_inner {
width: 80%;
margin: 0 auto;	
}
}

.top_con_title {
font-size: 1.6rem;
font-weight: bold;
padding: 1em 0 0.5em;	
text-align: center;
}
.top_con_text {
font-size: 1.3rem;
line-height: 2em;	
margin-bottom: 4em;		
}


/*//////////////////////　テーマ　////////////////////// */ 


body {
font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo",sans-serif;
font-size: 1.6rem;
color: #333;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

a {
    color: #333;
}


/* -------------------ルートのフォントサイズ（ブラウザの基準）------------------- */
html {
font-size: 62.5%;
}

p {
font-size: 1.4rem;
line-height: 2em;
margin-bottom: 1rem;
}

.entry-body a {
    text-decoration: underline;
}




/*--------------グロナビをハンバーガーのみに------------- */

.gMenu_outer {
    display: none;
}

.vk-mobile-nav {
    background-color: rgba( 255, 255, 255, 0.9 );
}

.vk-mobile-nav {
    height: auto;
}

.vk-mobile-nav nav ul li {
text-align:center;
}


@media (min-width: 992px) {
body.device-pc .vk-mobile-nav-menu-btn,
body.device-pc .vk-mobile-nav {
  display: block;
}
}
/*ボタンデザイン調整*/

.vk-mobile-nav-menu-btn {
    width: 40px;
    height: 40px;
border: none!important ; 
    width: 45px;
    height: 45px;

}
/*ボタン位置*/
.admin-bar .vk-mobile-nav-menu-btn {
    top: calc(32px + 20px);
}

.mobile-nav-btn-right .vk-mobile-nav-menu-btn, .vk-mobile-nav-menu-btn.position-right {
    right: 15px;
}

/*-------------------logo------------------- */


/*センター合わせに変更*/
.navbar-header {
width: 100%;
float: none;
padding: 0;
}

.siteHeader_logo {
float: none;
width: 100%;

}

.siteHeader_logo img {
margin: 0 auto;
}

/*ヘッダー天地調整*/
.siteHeader .container {
padding-top: 0px; 
 padding-bottom: 0px;
}


/*ロゴサイズ変更 */
.navbar-brand img {max-height: 90px;}
}


/*-------------------パンクズ-------------------*/

.breadSection .breadcrumb {
 padding: 1.5rem;
}

.breadSection .breadcrumb li {
    line-height: 1.2!important;
}
.breadSection .breadcrumb span {
    font-size: 1.2rem!important;
}

fa, .fab, .fad, .fal, .far, .fas {
    line-height: 1em!important;
}





/*//////////////////////　コンテンツページ　////////////////////// */ 


/*-------------------ページタイトル------------------- */ 


.page-header {
    background-color: #f9f9f9;
    color: #333;
}
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
margin: 1.5em 0;
font-size: 2.4rem;
line-height: 1;
}

@media (max-width: 768px) {
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
margin: 1em 0;
font-size: 2rem;
}
}

/* =========hを使わない見出し=========*/

.hedding01 {
font-size: 1.7rem;
padding: 3em 0 0;	
text-align:center;		
}

/*製品詳細・お取り扱い方法など*/
.hedding02 {
font-size: 1.5rem;
font-weight: bold;
padding: 1.5em 0.5em 0.1em;
border-bottom: solid 1px #666;	
}


/*メインイメージ下コピーPC時のみラインを入れて幅調整*/

.leftline {
border-left: 6px solid #f4f4f4;	
	padding: 0 5em;
border-right: 6px solid #f4f4f4;		
}

@media (max-width: 991px) {
.leftline {
border: none;	
padding: 0;
}
}


/*商品名・価格・カートに入れる*/

.p_name {
font-size: 1.4rem;
line-height: 1.2em;
}

.p_price {
font-size: 1.8rem;
line-height: 1.2em;
}

/*スマホ時スワイプ喚起*/

.swipe { 
display: none !important;
}

@media only screen and (max-width: 767px) {
.swipe {
display: block !important; 
font-size: 1.2rem;
text-align:center;
margin: 0 auto;
}
}



/* ======使用上のご注意リスト======*/


.attention ol li {
font-size: 1.4rem;
line-height: 1.8em;
padding: 0.7em;
}

.attention ul li {
font-size: 1.4rem;
line-height: 1.8em;
padding: 0.7em;
}



/* ======　テーブル　======*/

.con_table01 th{
width:30%;
}

@media only screen and (max-width: 768px) {
.con_table01 th{
width:100%;
}
}





/* ======　コンテンツページ内　リスト　======*/


.con ol li {
font-size: 1.4rem;
line-height: 1.8em;
padding: 0.7em;
}

.con ul li {
font-size: 1.4rem;
line-height: 1.8em;
padding: 0.5em;
}


/*リスト　ライン入り*/


.con02 ol li {
font-size: 1.4rem;
line-height: 1.6em;
padding: 0.7em;
border-bottom: solid 1px #e3e3e3;
}

.con02 ul li {
font-size: 1.4rem;
line-height: 1.6em;
padding: 0.7em;
border-bottom: solid 1px #e3e3e3;
}




/* ======商品と価格　横並び======*/
/*商品*/
.p_img {
width: 45%;
border: solid 1px #666;
}

/*商品名・価格*/
.p_name_price {
width: 45%;
line-height: 1.2em;
}


@media screen and (max-width: 991px) {
.p_img  {
padding-top: 50px;
}
}


@media screen and (max-width: 767px) {
.p_img  {
width: 100%!important;
text-align:center;
padding-top: 0;
}
.p_name_price {
margin-top: 1em;	
width: 100%!important;
text-align:center;
}
}




/* =============　howto横並び　=============*/

.howto {
width: 45%;
}

@media screen and (max-width: 767px) {
.howto {
width: 100%!important;
}
}

/*-----------　幅100％リンクボタン　-----------*/


.link01 a {	
width: 100%!important;
font-size: 1.3rem;
color:#000;	
text-align:center;
border:1px solid #000;
box-sizing: border-box;
padding: 1.5em;
display	: block;
background-color:#fff;	
transition: all 0.5s ease 0s;	
text-decoration: none!important;
margin: 0!important;
}

.link01 a::before {
    font-family: "Font Awesome 5 Free";
   content: "\f061";
    font-weight: 900;
	padding-right: 1rem;
	font-size: 1.2rem;
}

.link01 a:hover {	
color:#fff;	
background-color: #000;
border:1px solid #000;
text-decoration: none;
}


/*----------------カートに入れるボタン ----------------*/
.cartbtn  {	
width: 160px;
margin-right: auto;
margin-top: 1em;
}


.cartbtn a {	
font-size: 1.3rem;
color:#fff;	
text-align:center;
border:1px solid #000;
box-sizing: border-box;
padding: 0.4rem;
display	: block;
background-color:#000;	
transition: all 0.5s ease 0s;	
text-decoration: none!important;
}

.cartbtn a::before {
    font-family: "Font Awesome 5 Free";
   content: "\f061";
    font-weight: 900;
	padding-right: 1rem;
	font-size: 1.2rem;
}

.cartbtn a:hover {	
color:#000;	
background-color: #fff;
border:1px solid #000;
text-decoration: none;
}



@media screen and (max-width: 768px) {
.cartbtn  {	
width: 160px;
margin: 2em auto;
text-align:center;
}
}

@media screen and (max-width: 480px) {
.cartbtn  {	
margin: 2em auto;
text-align:center;
}
}



.product.table, table {
border-top: none; 
}

.product.table, table td, th {
	font-size: 1.4rem;
    padding: 0.8em;
}


@media only screen and (max-width:767px) {
.product.table, table td {
width: 100%;
display: block;
}
	
.product.table, table th {
width: 100%;
display: block;
background-color: #f9f9f9;
}	
}

/* ==========hを使う見出し==========*/


.mainSection-title, h2 {
    border-top: none;
    border-bottom: 3px solid #efefef;
    font-size: 2.2rem;
	font-weight: bold;
	 padding: 1.5em 0 0.3em;
}

.mainSection-title, h3 {
 font-size: 2rem;
background-color: #f8f8f8;
border: none;
padding: 0.5em 1em;
margin-top: 2em;
margin-bottom: 0.8em;
}

.mainSection-title, h4 {
 font-size: 1.8rem;
font-weight: bold;
padding: .2em 0 0 0.5em;
border-left: 10px solid #ccc;
}

.mainSection-title, h5 {
 font-size: 1.6rem;
font-weight: bold;
border: none;
padding: .2em 0 0 0.5em;
}


h1.entry-title {
    font-size: 2.4rem;
}

/*-----------moreボタン -----------*/
.detail_black  {	
text-align:center;
margin:0 auto;
width: 18rem;
}


.detail_black a {	
color:#000;	
text-align:center;
border:1px solid #000;
box-sizing: border-box;
padding: 0.7rem;
display	: block;
background-color:#fff;	
transition: all 0.5s ease 0s;	
}

.detail_black a::before {
    font-family: "Font Awesome 5 Free";
   content: "\f061";
    font-weight: 900;
	padding-right: 1rem;
	font-size: 1.2rem;
}

.detail_black a:hover {	
color:#fff;	
background-color: #000;
border:1px solid #000;
text-decoration: none;
}




/*-------------------サイドメニュー-------------------*/

/*最近の投稿･カテゴリー･アーカイブ*/
.widget .subSection-title {
font-weight: bold;
 font-size: 1.6rem;
}


/*=============MW WP Form============= */


/*  必須アイコン */
.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #ce0000;
	color: #fff;
	border-radius: 3px;
	margin: 10px 10px 10px 0;
	vertical-align: middle;
}

/*  確認・送信・戻るボタン調整 */
#cform_btn .submit-btn input {
margin: 30px auto;
line-height: 2.5em;
text-align: center;
width: 200px;
display: block;
}

#cform_btn .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #000;
    background-image: none;
    border-color: #000;
}

#cform_btn .btn-primary:focus, .btn-primary:hover {
    background-color: #000!important;
    border-color: #000;
}


.form-control {
 font-size: 1.4rem;
}

.table tbody tr td .form-control, .table tbody tr th .form-control, .table td .form-control, .table th .form-control, .table thead tr td .form-control, .table thead tr th .form-control, table tbody tr td .form-control, table tbody tr th .form-control, table td .form-control, table th .form-control, table thead tr td .form-control, table thead tr th .form-control {
max-width: 100%;
}

#cform_btn .submit-btn input {
 font-size: 1.4rem;
}
/*//////////////////////　フッタ　////////////////////// */ 

/*-------------------フッタ調整-------------------*/

.siteFooter {
background-color: #fff;
border-bottom: 15px solid #333;	
border-top: none!important;	
margin: 4em 0 2em;
}
.sectionBox {
padding-top: 2em;
padding-bottom: 1em; 

}
@media (max-width: 768px) {
.siteFooter {
margin: 2em 0 1em;
}
}

@media (max-width: 768px) {
.footerMenu li {
border-bottom: 1px solid #ececec;	
}
}


/* =================装飾================= */ 

/* 色 */
.red {color:#b00022;}
.green{color:#417041;}
.yellow {color:#d4992d;}
.violet{color:#3b2e86;}



/* 蛍光ペン*/
.marker {
font-weight: bold;
background: linear-gradient(transparent 60%, #caeeff 60%);
}

/* 背景色ボックス*/
.bg_bluebox {
background-color: #e7f7ff;
padding: 1em 2em 1.2em ;
}

/* 背景pinkボックス*/
.bg_pinkbox {
background-color: #fdf2f7;
padding: 1em 2em ;
}

/* 画像の周りに枠線*/
.only img {
    border: 1px solid #eee;
}

/* 囲み罫　破線 */
.linebox{
padding: 1em;
border: 1px dashed black;	
}


/* 下に破線 */

.bottomline{
padding: 1em 0;
border-bottom: 1px dashed black;	
}


/* リスト基本 */
.entry-body ul  {
padding-left: 1em;
}

.entry-body ul  li{
line-height: 1.7em;
}

.entry-body ol  {
padding-left: 1em;
}

.entry-body ol  li{
line-height: 1.7em;
}




/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
}



/* ========微調整用======== */ 

/* ライン入れる */
.line_top{
border-top: 1px dashed black;	
padding: 1em;	
width: 100%;	
}

/* テキストの右端揃える */
.aligntext{
text-align: justify;
}

/* スマホで改行削除 */
@media screen and (max-width: 768px) {
.brnone br{
display: none;
}
}

/* PCで改行削除 */
@media screen and (min-width: 768px) {
.brnone_pc br{
display: none;
}
}


/*スマホで右寄せ（デフォルトはtext-center） */

.text_center{
text-align: center;
}
@media only screen and (max-width: 768px) {
.text_center{
text-align: left;
}
}

/* ページ内リンクで位置がずれるのを調整 */

a.anchor{
display: block;
padding-top: 70px;
margin-top: -70px;
}


/*テキスト高さ微調整 */
.lh12 { line-height: 1.2em;}
.lh13 { line-height: 1.3em;}
.lh14 { line-height: 1.4em;}
.lh16 { line-height: 1.6em;}
.lh18 { line-height: 1.8em;}

/* 空き調整 */

.mt10 {margin-top : 1rem!important;} 
.mt20 {margin-top : 2rem!important;} 
.mt30 {margin-top : 3rem!important;} 
.mt40 {margin-top : 4rem!important;} 
.mt50 {margin-top : 5rem!important;} 
.mt60 {margin-top : 6rem!important;}  
.mt70 {margin-top : 7rem!important;}  
.mt80 {margin-top : 8rem!important;}  
.mt90 {margin-top : 9rem!important;}  
.mt100 {margin-top : 10rem!important;} 


@media only screen and (max-width: 768px) {
.mt80 {margin-top : 4rem!important;}  
.mt100 {margin-top : 5rem!important;} 
}
}

.mb10 {margin-bottom : 1rem!important;} 
.mb20 {margin-bottom : 2rem!important;} 
.mb30 {margin-bottom : 3rem!important;} 
.mb40 {margin-bottom : 4rem!important;} 
.mb50 {margin-bottom : 5rem!important;} 
.mb60 {margin-bottom : 6rem!important;}  
.mb70 {margin-bottom : 7rem!important;}  
.mb80 {margin-bottom : 8rem!important;}  
.mb90 {margin-bottom : 9rem!important;}  
.mb100 {margin-bottom : 10rem!important;} 

@media only screen and (max-width: 768px) {
.mb80 {margin-bottom : 4rem!important;}  
.mb100 {margin-bottom : 5rem!important;} 
}
}
.pt10 {padding-top : 1rem!important;} 
.pt20 {padding-top : 2rem!important;} 
.pt30 {padding-top : 3rem!important;} 
.pt40 {padding-top : 4rem!important;} 
.pt50 {padding-top : 5rem!important;} 
.pt60 {padding-top : 6rem!important;}  
.pt70 {padding-top : 7rem!important;}  
.pt80 {padding-top : 8rem!important;}  
.pt90 {padding-top : 9rem!important;}  
.pt100 {padding-top : 10rem!important;} 

.pb10 {padding-bottom : 1rem!important;} 
.pb20 {padding-bottom : 2rem!important;} 
.pb30 {padding-bottom : 3rem!important;} 
.pb40 {padding-bottom : 4rem!important;} 
.pb50 {padding-bottom : 5rem!important;} 
.pb60 {padding-bottom : 6rem!important;}  
.pb70 {padding-bottom : 7rem!important;}  
.pb80 {padding-bottom : 8rem!important;}  
.pb90 {padding-bottom : 9rem!important;}  
.pb100 {padding-bottom : 10rem!important;} 


.fs10 {font-size: 1rem;} 
.fs12 {font-size: 1.2rem;
line-height: 1.7em;
} 
.fs13 {font-size: 1.3rem;} 
.fs14 {font-size: 1.4rem;} 
.fs16 {font-size: 1.6rem;} 
.fs18 {font-size: 1.8rem;} 
.fs20 {font-size: 2rem;} 
.fs22 {font-size: 2.2rem;} 
.fs24 {font-size: 2.4rem;} 
.fs26 {font-size: 2.6rem;} 
.fs28 {font-size: 2.8rem;} 
.fs30 {font-size: 3rem;} 
.bold {font-weight: bold;}



/*========リセットー========*/



/* PCで電話番号リンクを無効にする */
@media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/* 投稿一覧の画像周りラインを消す */

.mainSection .widget .media .postList_thumbnail img {
border:none!important; 
}
.media .postList_thumbnail img {
border:none!important; 
}

.media .postList_thumbnail a {
border:none!important; 
}



/* リスト */
dl, ol, ul {
    margin: 0;
	padding: 0;
}
li {
    margin: 0;
}

ul {
	list-style-type: disc;
}



/*ページタイトル下のラインと影消す*/

.entry-header {
border:none!important;
}
.siteHeader {
    box-shadow: none;
}


#main .media, .home .media {
border:none!important;
}



.media {
border:none!important;
}


.media:first-child {
border:none!important;
}
	
.page-header {
    background-color: #f9f9f9;
    color: #000;
}

.subSection-title:after, h3:after {
    border-bottom: none;
}

/*===========投稿一覧の文章消す============= */
.media a.media-body_excerpt {
   display: none;
}






/*===========バグ回避============= */




/* クロームで画像がボケるのを避ける*/
.siteHeader img{
-webkit-backface-visibility: hidden!important;
}


/*===========カートボタン============= */

/*タブ切り替え全体のスタイル*/
.tab_cart{
	display: flex;
	flex-wrap: wrap;
    margin-top: -5px;
}
/*.tab_cart::after {
	content: '';
	width: 100%;
	height: 3px;
	order: -1;
	display: block;
	background: rgba(0,137,167,.7);
}*/
.tab_cart .tabLabel {	/* タブ */
	margin-right: 10px;
	padding: 5px 10px;
	flex: 1;
	order: -1;
	cursor: pointer;
    border: solid 1px #e6e6e6;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.5;
    /*display: grid;*/
    place-items: center;
    margin-bottom: 25px;
}
.tab_cart input + .tabLabel:before{
    content: '■';
    margin-right: 5px;
}
.tab_cart input#fluppie01 + .tabLabel:before{
    color: #bf1b2c;
}
.tab_cart input#fluppie02 + .tabLabel:before{
    color: #518152;
}
.tab_cart input#fluppie03 + .tabLabel:before{
    color: #dda83a;
}
.tab_cart input#fluppie04 + .tabLabel:before{
    color: #4d4398;
}
.tab_cart input#cuddy01 + .tabLabel:before{
    color: #bf1b2c;
}
.tab_cart input#cuddy02 + .tabLabel:before{
    color: #518152;
}
.tab_cart input#cuddy03 + .tabLabel:before{
    color: #dda83a;
}
.tab_cart input#cuddy04 + .tabLabel:before{
    color: #4d4398;
}
.tab_cart input#benear01 + .tabLabel:before{
    color: #919191;
}
.tab_cart input#benear02 + .tabLabel:before{
    color: #6d9367;
}
.tab_cart input#benear03 + .tabLabel:before{
    color: #8b566f;
}
@media only screen and (max-width: 768px) {
.tab_cart .tabLabel{
    line-height: 2;
}
}

.tab_cart .tabLabel:nth-last-of-type(1){ margin-right: 0; }
.tab_cart input {		/* ラジオボタン非表示 */
	display: none;
}
.tab_cart .content {	/* 本文 */
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/*アクティブ設定*/
.tab_cart input:checked + .tabLabel {
	border: solid 1px #000;
    color: #000;
}
.tab_cart input:checked + .tabLabel + .content {
	height: auto;
	overflow: auto;
	/*transition: .5s opacity;*/
	opacity: 1;
}



.tab_cart button{
    font-size: 1.3rem;
    line-height: 2em;
    color: #fff;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box;
    width: 160px;
    padding: 0.4rem;
    display: block;
    background-color: #000;
    transition: all 0.5s ease 0s;
    text-decoration: none!important;
}
.tab_cart button::before {
    font-family: "Font Awesome 5 Free";
   content: "\f061";
    font-weight: 900;
	padding-right: 1rem;
	font-size: 1.2rem;
}

.tab_cart button:hover {	
    color:#000;	
    background-color: #fff;
    border:1px solid #000;
    text-decoration: none;
}

@media screen and (max-width: 480px) {
.tab_cart button  {	
margin: 0 auto;
text-align:center;
}
}