/*
Theme Name: welcart_basic_gelato
Description: Welcart Basic Child Theme
Author: himeport
Template: welcart_basic
Version: 1.0.0
*/
html {
	font-size: 10.5px;
}

body {
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;

    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.6;

    margin: 0;

    color: #222;
    background-color: #fff;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

/*<<<---------- Typography ---------->>>*/

h1,
h2,
h3,
h4,
h5,
h6
{
    font-weight: 300;

    margin-top: 0.5rem;
    margin-bottom: 2rem;
	word-wrap : break-word;
	overflow-wrap : break-word;
	word-break: keep-all;
}

h1
{
    font-size: 4.0rem;
    line-height: 1.2;

    letter-spacing: -.1rem;
}

h2
{
    font-size: 3.6rem;
    line-height: 1.25;

    letter-spacing: -.1rem;
}

h3
{
    font-size: 3.0rem;
    line-height: 1.3;

    letter-spacing: -.1rem;
}

h4
{
    font-size: 2.4rem;
    line-height: 1.35;

    letter-spacing: -.08rem;
}

h5
{
    font-size: 1.8rem;
    line-height: 1.5;

    letter-spacing: -.05rem;
}

h6
{
    font-size: 1.5rem;
    line-height: 1.6;

    letter-spacing: 0;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small
{
    opacity: .75;
}


/* Larger than phablet */

@media (min-width: 550px)
{
    h1
    {
        font-size: 5.0rem;
    }
    h2
    {
        font-size: 4.2rem;
    }
    h3
    {
        font-size: 3.6rem;
    }
    h4
    {
        font-size: 3.0rem;
    }
    h5
    {
        font-size: 2.4rem;
    }
    h6
    {
        font-size: 1.5rem;
    }
}

p
{
    margin-top: 0;
    margin-bottom: 2.5rem;
	margin-left: 1rem;
	margin-right: 1rem;
	font-size: 1.6rem;
}

a
{
    color: #005169;
    background-color: transparent;

    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover
{
    color: #0fa0ce;
    outline-width: 0;
}

div {
	margin-bottom: 0.2rem;
}

/*<<<---------- Utilities ---------->>>*/
._transparent
{
    background: transparent !important;
}

._low
{
    font-size: 75% !important;

    opacity: .75 !important;
}

._high
{
    font-size: 125% !important;

    opacity: .75 !important;
}

._floatCenter
{
    margin: 0 auto;
}

._wrap
{
    white-space:      pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space:   -o-pre-wrap;
    word-wrap: break-word;
}

._alignLeft
{
    text-align: left;
}

._alignRight
{
    text-align: right;
}

._alignCenter
{
    text-align: center;
}
._noMargin
{
    margin: 0 !important;
}

._noPadding
{
    padding: 0 !important;
}

._noBorder
{
    border: none !important;
}

/*<<<---------- Parallax ---------->>>*/

.bg-parallax
{
    overflow-y: auto;

    height: 300px;

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;

    -webkit-perspective: 1px;
            perspective: 1px;
}

.bg-parallax .-front
{
    padding-top: 10%;

    color: #fff;
}


/* =Base
-------------------------------------------------------------- */
div.right {
	margin-left:auto;
	margin-right:2em;
}

/* =header
-------------------------------------------------------------- */


/* -- #site-navigation -- */

/* =footer
-------------------------------------------------------------- */

/* =front-page.php
-------------------------------------------------------------- */

/* -- main-image -- */
.main-image {
	padding: 0 .714286em 0;
}
.main-image img {
	width: 100%;
	height: auto;
}

#entryTxtArea,
#full-session-1 {
	width:100vw;
	margin-left:-11px;
}
#full-session-2,
#full-session-3 {
	width:100vw;
	margin-left:-11px;
}		
/* =contetns
-------------------------------------------------------------- */
.wp-block-button {
	padding-bottom: 1rem;
}

/* =secondary
-------------------------------------------------------------- */
#secondary h2 {
    font-size: 3.0rem;
}
#secondary h3 {
    font-size: 1.8rem;
}
#secondary h4 {
    font-size: 1.6rem;
}
#secondary h5 {
    font-size: 1.4rem;
}
#secondary h6 {
    font-size: 1.2rem;
}
#secondary p {
    font-size: 1.6rem;
}
#secondary .widget_title img {
    height: 2.4rem;
}

#primary h3.widget_title {
	font-size: 2.2rem;
}
#primary .widget_title img {
    height: 2.4rem;
}

#content .page-title,
#content .entry-title {
	font-size: 2.6rem;
}

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {
	/* =contetns
	-------------------------------------------------------------- */
	.wp-block-button {
		padding-bottom: 0rem;
	}
	#content .page-title,
	#content .entry-title {
		font-size: 3.8rem;
	}

}


/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {


}


/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {


}

h1.site-title,
div.site-title {
	padding: 0em .6em 0em .4em;
}

/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {


	/* =header
	-------------------------------------------------------------- */
	
	header .inner {
		padding-bottom: 0;
	}

	/* -- .site-title -- */

	/* -- #site-navigation -- */
	

	/* =footer
	-------------------------------------------------------------- */
		.one-column #secondary .columnleft {
			width:calc(50% - 220px);
			margin-right: 10px;	
			float: left;
		}

		.one-column #secondary .columncenter {
			width:calc(50% - 220px);
			margin-right: 10px;	
		}
		.one-column #secondary .columnright {
			width: 420px;
			float: right;	
		}
		.one-column #secondary .columnright table{
			width: 100%;
		}
		
			
	/* =contetns
	-------------------------------------------------------------- */
	
	/* -- main -- */
	#main,
	header .inner {
		width: 90%;
		min-width: 1008px;
		max-width: 1536px;
	}
	.main-image img {
		width: 100%;
	}
	
	/* =front-page.php
	-------------------------------------------------------------- */
	#entryTxtArea,
	#full-session-1 {
		margin-left:calc(50% - 50vw);
	}
	#full-session-2 ,
	#full-session-3 {
		margin-left:calc(50% - 50vw);
	}
	/* -- two-column -- */
	.two-column #secondary {
		width: 210px;
		padding: 0;
		border: none;
	}
		.two-column.right-set #secondary {
			float: right;
		}
		.two-column.left-set #secondary {
			float: left;
		}
	.two-column .widget_welcart_calendar table {
		width: 100%;
		margin: 0 0 .714286em;
		float: none;
	}
	/* -- .two-column -- */
	#main.two-column #content {
		/*width: 750px;*/
		width:75%;
		min-width: 750px;
		margin: 0;
		padding: 0;
	}
		.two-column.right-set #content {
			float: left;
		}
		.two-column.left-set #content {
			float: right;
		}

}
/**
 * 16.4 Desktop Small 1260px
 */
 @media screen and (min-width: 78.75em) {
	/* =footer
	-------------------------------------------------------------- */
		.one-column #secondary .columnleft {
			width:calc(33% - 17px);
		}

		.one-column #secondary .columncenter {
			width:calc(33% - 17px);
		}

		.one-column #secondary .columnright {
			width:calc(33% - 17px);
		}

	/* =front-page.php
	-------------------------------------------------------------- */
	
	#entryTxtArea,
	#full-session-1 {
		margin-left:-5vw;
	}
	#full-session-2,
	#full-session-3 {
		margin-left:-5vw;
	}
 }
 /**
  * 16.4 Desktop Small 1920px
  */
  @media screen and (min-width: 106.67em) {
	/* =front-page.php
	-------------------------------------------------------------- */
	#entryTxtArea,
	#full-session-1 {
		margin-left:calc(768px - 50vw);
	}
	#full-session-2,
	#full-session-3 {
		margin-left:calc(768px - 50vw);
	}
  }

  div.home-title{
    text-align:center;
    padding-top: 25vh;
    color: rgb(255, 255, 255);
}
div.home-title p{
    font:bold ;
    font-size:2.8rem;
}
div.home-title div{
    font:bold ;
    font-size:2rem;
	line-height: normal;
}
div.home-title h1 img{
	width:90vw;
    max-width: 1000px;
    filter: invert(100%) grayscale(100%) contrast(100);
}

@media only screen and (max-width: 40.062em) {
    div.home-title p{
        font-size:1.4rem;
    }
    div.home-title div{
        font-size:1.2rem;
    }
}
@media screen and (max-height: 133vw) {
  div.home-title{
    max-height:100VW;
}
    div.home-title p{
        font-size:2rem;
    }
  div.home-title{
    padding-top: 15vh;
}

div.home-title h1 img{
	height:15vh;
        width:auto;
        max-width:90vw;
}
}


header #site-navigation li {
	margin-bottom: 0;
}
footer nav li {
	width:auto;
}
footer nav {
	max-width: 1000px;
	margin: 0 auto;
	padding: 1.142856em 0 1.857143em;
}

/* 追加コンテンツ */
#entryTxtArea {
    background: #ffd781;
    margin-top: -2.2rem;
boarder:none;
    }
.entryTxtBox a,
#entryTxtArea a	{
	color: #631700;
}
#entryTxtArea a:active,
#entryTxtArea a:hover{
	color: #a11401;
}
#entryTxtArea >h2 {
font-size:2.4rem;
}
#entryTxtArea >h2,
#entryTxtArea >p {
    width: 70%;
    margin: 0 auto;
    padding-top: 0.5rem;
    }
#entryTxtArea p.entryTitle {
    padding-top: 0rem;
    margin-bottom: 0rem;
	}
.entryTxtBox{
    margin: 0rem auto 2rem auto;
    overflow-y: auto;
    border-top: 1px dotted #000000;
    padding: 0 1rem;
	height: auto;
	width: 90%;
    }
.entryTxtBox .news {
	margin-top: 0.5rem;
}
.entryMeta{
	padding-top:0;
    padding-left:4rem;
}
.PostsList{
    margin: 2rem 1rem;
    padding-bottom:4rem;
}
.PostsList .entryMeta{
    padding-bottom:5rem;
}
.moreText{
    margin:1rem 5rem 1rem auto;
    text-align:right;
    font-weight: bold;
}
#entryBlog a	{
	color: #000000;
}
#entryBlog .entryTxtBox {
    padding-top: 1rem;
    margin-bottom: 1rem;
	}

.entry-meta > span.cat,
.entry-meta > span.tag,
.entry-meta > span.author {
    display:none;
}

@media screen and (min-width: 62.5em) {
    .entryTxtBox{
        width: 70%;
        }
		.entryTxtBox .news {
		}
    #entryTxtArea >h3{
        width: 70%;
    }
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    text-align: center !important;
}
div.wpforms-container-full .wpforms-form button[type=submit] {
    color: white !important;
    background: #ee7948 !important;
    border-color: #ee7948 !important;
    border-radius:5px;
}
.wpforms-confirmation-container-full {
    background: #fff;
    border: 1px solid #000;
}
.wpforms-required-label{            
	font-size:small !important;                    
    color: #fff !important;                             
    background-color: #0fa0ce !important;
    padding: 2px 2px 1px!important;
    border-radius: 5px !important;
    white-space: nowrap;  
}

/* Welcart*/
.header_explanation ul{
	display:none;
}
.breadcrumbs{
	font-size:14px;
}
.cat-links a{
	background: #3582C4;
	color: #fff;
	padding:3px 10px;
	border-radius:14px;
	font-size:14px;
}

.entry-content p{
line-height:1.4;
}

/* Breadcrumb NavXT Max Title Length */
.breadcrumbs span[property="name"] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.coupon-error {
	color: red;
	font-size:18px;
    font-weight: bold;
}

/**
 * 16.2 Tablet Small 740px
 */
 @media screen and (max-width: 46.25em) {
    img.alignleft{
        width:100%;
    }
    img.alignright{
        width:100%;
    }
 }


 /* Welcart Recommend on Primary */
 @media screen and (min-width: 62.5em){
    #primary .widget_welcart_featured .featured_list {
    width: 46%;
    margin-right: 8%;
    padding-top: .714286em;
    float: left;
    }
    #primary .widget_welcart_featured li:nth-of-type(odd) {
        clear: both;
    }
    #primary .widget_welcart_featured .featured_list:nth-of-type(even) {
        margin-right: 0;
    }
 }