/*
Theme Name: pif b2b
Description: 
Author: 株式会社01
Template: welcart_basic
Version: 1.0.0
*/


/*共通
=======================*/
body {
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Lato, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p {
    font-size: 15px;
    letter-spacing: .06em;
    line-height: 1.6;
}
.fadein {
    opacity: 0;
    transform: translate(0, 150px);
}

.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
    transition: all 800ms;
    -webkit-transition: all 800ms;
}

.fade {
    animation-name: fade;
    animation-duration: 1s;
    animation-iteration-count: 5;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.al-c {
    text-align: center;
}
.al-r {
    text-align: right;
}
a{
	color:#1c1c1c;;
}
a:hover{
	text-decoration: none;
	opacity:.7;
	color:#6e6e6e;
}


/*ボタン*/
.button1 {
    display: inline-block;
    color: #fff;
    padding: 0.7em 0em;
    width: 280px;
    position: relative;
    text-align: center;
    border-radius: 50px;
    background: #0b95ed;
}
a.button1::after {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 600;
    position: absolute;
    right: 21px;
    z-index: 3;
}
a.button1:hover{
	text-decoration: none;
	color:white;
	opacity:.7;
}



/*グローバルナビ・ハンバーガーメニュー*/
.site-description{
	background:white;
}
#site-navigation label span::before{
	content: "\f0c9";
	color: #101010;
}
#site-navigation ul li{
	font-size:1.0rem;
}

/*画像*/
img{
	max-width: 100%;
}


/*見出し*/
h1.site-title img, div.site-title img{
	width: 220px;
}

h1.member_page_title,h1.cart_page_title{
	position: relative;
	display: inline-block;
	padding: 0 55px;	
	font-size:1.2rem;
	margin:30px auto;
	left:50%;
	transform: translate(-50%,0);
}
h1.member_page_title:before,
h1.member_page_title:after,
h1.cart_page_title:before,
h1.cart_page_title:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: black;
}
h1.member_page_title:before,
h1.cart_page_title:before{
	left:0;
}
h1.member_page_title:after,
h1.cart_page_title:after{
	right: 0;
}


/*会員専用対応*/
.page-id-11 .new-entry{display:none;}



/*トップページ
=======================*/
.page-id-2 h2{
	border-bottom: solid 2px black;
	font-size:1.3rem;
	line-height: 1.4;
	margin:50px 0 20px;
}
.page-id-2 .site-content ul{}
.page-id-2 .site-content ul li{
	font-size:1.0rem;
	margin-bottom:5px;
}






/*メディアクエリ
=========================*/
@media screen and (min-width: 600px) {
	
}

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


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

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


@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 991px) {
		
}

@media screen and (max-width: 599px) {
	
}




/*余白設定*/
.m0 {
	margin: 0!important;
}
.m0-t {
	margin-top: 0!important;
}
.m0-r {
	margin-right: 0!important;
}
.m0-b {
	margin-bottom: 0!important;
}
.m0-l {
	margin-left: 0!important;
}
.m5 {
	margin: 5px!important;
}
.m5-t {
	margin-top: 5px!important;
}
.m5-r {
	margin-right: 5px!important;
}
.m5-b {
	margin-bottom: 5px!important;
}
.m5-l {
	margin-left: 5px!important;
}
.m10 {
	margin: 10px!important;
}
.m10-t {
	margin-top: 10px!important;
}
.m10-r {
	margin-right: 10px!important;
}
.m10-b {
	margin-bottom: 10px!important;
}
.m10-l {
	margin-left: 10px!important;
}
.m15 {
	margin: 15px!important;
}
.m15-t {
	margin-top: 15px!important;
}
.m15-r {
	margin-right: 15px!important;
}
.m15-b {
	margin-bottom: 15px!important;
}
.m15-l {
	margin-left: 15px!important;
}
.m20 {
	margin: 20px!important;
}
.m20-t {
	margin-top: 20px!important;
}
.m20-r {
	margin-right: 20px!important;
}
.m20-b {
	margin-bottom: 20px!important;
}
.m20-l {
	margin-left: 20px!important;
}
.m25 {
	margin: 25px!important;
}
.m25-t {
	margin-top: 25px!important;
}
.m25-r {
	margin-right: 25px!important;
}
.m25-b {
	margin-bottom: 25px!important;
}
.m25-l {
	margin-left: 25px!important;
}
.m30 {
	margin: 30px!important;
}
.m30-t {
	margin-top: 30px!important;
}
.m30-r {
	margin-right: 30px!important;
}
.m30-b {
	margin-bottom: 30px!important;
}
.m30-l {
	margin-left: 30px!important;
}
.m40 {
	margin: 40px!important;
}
.m40-t {
	margin-top: 40px!important;
}
.m40-r {
	margin-right: 40px!important;
}
.m40-b {
	margin-bottom: 40px!important;
}
.m40-l {
	margin-left: 40px!important;
}
.m50 {
	margin: 50px!important;
}
.m50-t {
	margin-top: 50px!important;
}
.m50-r {
	margin-right: 50px!important;
}
.m50-b {
	margin-bottom: 50px!important;
}
.m50-l {
	margin-left: 50px!important;
}
.m60 {
	margin: 60px!important;
}
.m60-t {
	margin-top: 60px!important;
}
.m60-r {
	margin-right: 60px!important;
}
.m60-b {
	margin-bottom: 60px!important;
}
.m60-l {
	margin-left: 60px!important;
}
.m70 {
	margin: 70px!important;
}
.m70-t {
	margin-top: 70px!important;
}
.m70-r {
	margin-right: 70px!important;
}
.m70-b {
	margin-bottom: 70px!important;
}
.m70-l {
	margin-left: 70px!important;
}
.m80 {
	margin: 80px!important;
}
.m80-t {
	margin-top: 80px!important;
}
.m80-r {
	margin-right: 80px!important;
}
.m80-b {
	margin-bottom: 80px!important;
}
.m80-l {
	margin-left: 80px!important;
}
.m90 {
	margin: 90px!important;
}
.m90-t {
	margin-top: 90px!important;
}
.m90-r {
	margin-right: 90px!important;
}
.m90-b {
	margin-bottom: 90px!important;
}
.m90-l {
	margin-left: 90px!important;
}
.m100 {
	margin: 100px!important;
}
.m100-t {
	margin-top: 100px!important;
}
.m100-r {
	margin-right: 100px!important;
}
.m100-b {
	margin-bottom: 100px!important;
}
.m100-l {
	margin-left: 100px!important;
}
.m120 {
	margin: 120px!important;
}
.m120-t {
	margin-top: 120px!important;
}
.m120-r {
	margin-right: 120px!important;
}
.m120-b {
	margin-bottom: 120px!important;
}
.m120-l {
	margin-left: 120px!important;
}
.m150 {
	margin: 150px!important;
}
.m150-t {
	margin-top: 150px!important;
}
.m150-r {
	margin-right: 150px!important;
}
.m150-b {
	margin-bottom: 150px!important;
}
.m150-l {
	margin-left: 150px!important;
}
.m200 {
	margin: 200px!important;
}
.m200-t {
	margin-top: 200px!important;
}
.m200-r {
	margin-right: 200px!important;
}
.m200-b {
	margin-bottom: 200px!important;
}
.m200-l {
	margin-left: 200px!important;
}
.m300 {
	margin: 300px!important;
}
.m300-t {
	margin-top: 300px!important;
}
.m300-r {
	margin-right: 300px!important;
}
.m300-b {
	margin-bottom: 300px!important;
}
.m300-l {
	margin-left: 300px!important;
}
.p0 {
	padding: 0!important;
}
.p0-t {
	padding-top: 0!important;
}
.p0-r {
	padding-right: 0!important;
}
.p0-b {
	padding-bottom: 0!important;
}
.p0-l {
	padding-left: 0!important;
}
.p5 {
	padding: 5px!important;
}
.p5-t {
	padding-top: 5px!important;
}
.p5-r {
	padding-right: 5px!important;
}
.p5-b {
	padding-bottom: 5px!important;
}
.p5-l {
	padding-left: 5px!important;
}
.p10 {
	padding: 10px!important;
}
.p10-t {
	padding-top: 10px!important;
}
.p10-r {
	padding-right: 10px!important;
}
.p10-b {
	padding-bottom: 10px!important;
}
.p10-l {
	padding-left: 10px!important;
}
.p15 {
	padding: 15px!important;
}
.p15-t {
	padding-top: 15px!important;
}
.p15-r {
	padding-right: 15px!important;
}
.p15-b {
	padding-bottom: 15px!important;
}
.p15-l {
	padding-left: 15px!important;
}
.p20 {
	padding: 20px!important;
}
.p20-t {
	padding-top: 20px!important;
}
.p20-r {
	padding-right: 20px!important;
}
.p20-b {
	padding-bottom: 20px!important;
}
.p20-l {
	padding-left: 20px!important;
}
.p25 {
	padding: 25px!important;
}
.p25-t {
	padding-top: 25px!important;
}
.p25-r {
	padding-right: 25px!important;
}
.p25-b {
	padding-bottom: 25px!important;
}
.p25-l {
	padding-left: 25px!important;
}
.p30 {
	padding: 30px!important;
}
.p30-t {
	padding-top: 30px!important;
}
.p30-r {
	padding-right: 30px!important;
}
.p30-b {
	padding-bottom: 30px!important;
}
.p30-l {
	padding-left: 30px!important;
}
.p40 {
	padding: 40px!important;
}
.p40-t {
	padding-top: 40px!important;
}
.p40-r {
	padding-right: 40px!important;
}
.p40-b {
	padding-bottom: 40px!important;
}
.p40-l {
	padding-left: 40px!important;
}
.p50 {
	padding: 50px!important;
}
.p50-t {
	padding-top: 50px!important;
}
.p50-r {
	padding-right: 50px!important;
}
.p50-b {
	padding-bottom: 50px!important;
}
.p50-l {
	padding-left: 50px!important;
}
.p60 {
	padding: 60px!important;
}
.p60-t {
	padding-top: 60px!important;
}
.p60-r {
	padding-right: 60px!important;
}
.p60-b {
	padding-bottom: 60px!important;
}
.p60-l {
	padding-left: 60px!important;
}
.p70 {
	padding: 70px!important;
}
.p70-t {
	padding-top: 70px!important;
}
.p70-r {
	padding-right: 70px!important;
}
.p70-b {
	padding-bottom: 70px!important;
}
.p70-l {
	padding-left: 70px!important;
}
.p80 {
	padding: 80px!important;
}
.p80-t {
	padding-top: 80px!important;
}
.p80-r {
	padding-right: 80px!important;
}
.p80-b {
	padding-bottom: 80px!important;
}
.p80-l {
	padding-left: 80px!important;
}
.p90 {
	padding: 90px!important;
}
.p90-t {
	padding-top: 90px!important;
}
.p90-r {
	padding-right: 90px!important;
}
.p90-b {
	padding-bottom: 90px!important;
}
.p90-l {
	padding-left: 90px!important;
}
.p100 {
	padding: 100px!important;
}
.p100-t {
	padding-top: 100px!important;
}
.p100-r {
	padding-right: 100px!important;
}
.p100-b {
	padding-bottom: 100px!important;
}
.p100-l {
	padding-left: 100px!important;
}



/*メンテナンスページ*/

.maintenance-mode{
	max-width:600px;
	margin:300px auto 0;
}
.maintenance-mode .mainte-logo{
	text-align: center;
}
.maintenance-mode h1{
	margin:60px 0;
	text-align: center;
	font-size: 2.2rem;
}

@media screen and (max-width: 599px) {
.maintenance-mode{
	margin:100px auto 0;
	padding:0 15px;
}
}