/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: https://github.com/tidythemes
Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

html{
	scroll-behavior:smooth;
	
	font-family: 'Noto Serif JP', serif;
    
    background: no-repeat left top url(./images/bg01.png);
    background-size: 55% auto;
}
body{line-height:1}

.font1{
	font-family: 'Noto Sans JP', sans-serif;
}

a{text-decoration-skip-ink:auto}
a[href^="tel"]{color:inherit;text-decoration:none}

a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

button{outline:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
q{display:inline;font-style:italic}
q:before{content:'"';font-style:normal}
q:after{content:'"';font-style:normal}

textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}
input[type="search"]{-webkit-appearance:textfield}

table{border-collapse:collapse;border-spacing:0}
th,td{padding:2px}
big{font-size:120%}
small,sup,sub{font-size:80%}
sup{vertical-align:super}
sub{vertical-align:sub}
dd{margin-left:20px}
kbd,tt{font-family:courier;font-size:12px}
ins{text-decoration:underline}
del,strike,s{text-decoration:line-through}
dt{font-weight:bold}
address,cite,var{font-style:italic}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}

.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


#wrapper{
    
}

.template1{
    padding: 100px 0 50px 0;
}

.showbox1{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;

}

.showbox2{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;

}

.midashi1{
    text-align: center;
    font-size: 20px;
}

.menu1{
    width: 100%;
    padding: 100px 0;
    display: flex;
    align-items: center;
}

.menu1 div{
    width: 20%;
    text-align: center;
	padding: 18px 0;

}

.menu1 div{
	background: no-repeat left top url(./images/process2.png);
	background-size: 100% 100%;

}
.menu1 .process.current{
	background: no-repeat left top url(./images/process_current2.png);
	background-size: 100% 100%;

}

.menu1 .process:first-child{
	background: no-repeat left top url(./images/process1.png);
	background-size: 100% 100%;
}

.menu1 .process:first-child.current{
	background: no-repeat left top url(./images/process_current1.png);
	background-size: 100% 100%;
}

.midashi1{
	text-align: center;
	font-size: 34px;
	margin-bottom: 30px;
}

/*TOPページ*/

.input1{
    display: flex;
    justify-content: center;
    align-items: center;
}

.input1 .input1-1{
    font-size: 24px;
}

.input1 input{
	font-size: 24px;
	padding: 20px;
}

.input1 select{
	margin-right: 15px;
	text-align: center;
}

.input1 input{
	margin-left: 15px;
}


.input2{
    text-align: center;
}

.input2 .pass{
    width: 300px;
    margin: 0 auto;
    font-size: 24px;
	padding: 20px;
}

.m-t-20{margin-top: 20px;}




.text1 .text1-1{
	color: #C60D0D;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.6em;
}

.text1 .text1-2{
	width: 165px;
	text-align: center;
	background: #C60D0D;
	color: #fff;
	margin: 0 auto 15px auto;
	font-size: 24px;
	padding: 7px 0;
}

.text1 .text1-3{
	margin-bottom: 40px;
	text-align: center;
	font-size: 20px;
	line-height: 1.8em;
}

.text1 .text1-3 .text1-3-2{
	color: #C60D0D;
}

.text1 .text1-4{
	text-align: center;
	font-size: 26px;
	margin-bottom: 50px;
}

.text1 .text1-4 .text1-4-2 a{
	color: #666;
	font-size: 40px;
	margin-top: 15px;
}


#error1,#error2{
    color: #C60D0D;
    font-size: 20px;
    text-align: center;
    margin: 30px 0;
    line-height: 1.4em;
}


.btn1{
    text-align: center;
}

.text2{
	margin-bottom: 80px;
}

.text2-1{
	text-align: center;
	font-size: 25px;
	margin-bottom: 50px;
}

.text2-2{}

.text2-2 ul{
	font-size: 24px;
	list-style: circle;
}

.text2-2 ul li{
	line-height: 1.6em;
	margin-bottom: 15px;
	margin-left: 1.4em;
    /*text-indent: -1em;*/
}

.text3{
	margin-bottom: 120px;
}

.text3 .text3-1{
	width: 500px;
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin: 0 auto 30px auto;
	padding: 8px 0;
}

.text3 .text3-2{
	font-size: 23px;
	line-height: 1.4em;
}

.btn1{
    
}

.btn1 .btn1-1{
	font-size: 15px;
	margin-bottom: 10px;
}

.btn1 .btn1-2{
    
}

.btn1 .btn1-2 .submit{
	width: 165px;
    height: auto;
	border: 1px solid #94CCEA;
    background: #94CCEA;
	color: #fff;
	font-size: 24px;
	padding: 5px 0;
    margin: 0 auto;
    -webkit-appearance: none;
	
}

.btn1 .btn1-2 .submit:hover{
	background: #fff;
	color: #94CCEA;
    cursor: pointer;
    -webkit-appearance: none;
}

.btn2 .btn2-2 .submit{
	width: 165px;
    height: auto;
	border: 1px solid #94CCEA;
    background: #94CCEA;
	color: #fff;
	font-size: 24px;
	padding: 5px 0;
    margin-left: 75px;
	-webkit-appearance: none;
}

.btn2 .btn2-2 .submit:hover{
	background: #fff;
	color: #94CCEA;
    cursor: pointer;
    -webkit-appearance: none;
}

/*商品選択ページ*/



.gift-info1{
    margin-bottom: 50px;
}

.info1-0{
    font-size: 24px;
    margin-bottom: 20px;
}
.info1-0::before{
    font-family: FontAwesome;
    content: "\f06b";
    margin-right: 5px;
}


.info1-1{
    width: 100%;
}
.info1-1 img{
    width: 100%;
    height: auto;
}

.info1-2{
    display: flex;
}

.info1-2 .btn2{
    background: #94CCEA no-repeat center top url(./images/click.png);
    width: 400px;
    height: 87px;
    background-size: 100% 100%;
    border: none;
}
.info1-2 .btn2:hover{
    cursor: pointer;
}

.info1-2 div:nth-child(2){
    border: 1px solid #000;
    width: 200px;
    height: 87px;
}

.info1-2 div:nth-child(2) p:first-child{
    background: #000;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 22px;
}

.info1-2 div:nth-child(2) p:last-child{
    text-align: center;
    font-size: 20px;
    padding-top: 10px;

}

.info1-2 div:last-child{
    padding: 10px 20px;
    line-height: 1.4em;
}

.info1-3{
    margin-top: 20px;
}

.info1-3 p:first-child{
    color: #765CA1;
    font-size: 20px;
    border-left: 5px solid #765CA1;
    margin-bottom: 15px;
}

.info1-3 p:last-child{
    font-size: 20px;
    line-height: 1.6em;
}




/*お客様情報入力ページ*/
.appli-text1{
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.appli1{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    margin-bottom: 20px;
}

.appli-text2{
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
}

.appli2{
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.6em;
}

.appli-text3{
    text-align: center;
    margin-bottom: 30px;
    color: #C60D0D;
}

.appli3{
    text-align: center;
}



.appli4{
    text-align: center;
}

.appli-text4{
    background: #C60D0D;
    color: #fff;
    padding: 6px 0;
    margin-bottom: 20px;
}

.appli-text5{
    margin-bottom: 10px;
}

.appli-input1 input{
    width: 60%;
    border: 1px solid #707070;
    padding: 10px;
    margin-bottom: 20px;
}

.page-text1{
    margin: 20px auto 10px auto;
}

.page-text2{
    text-align: center;
    margin-bottom: 20px;
}


.appli5{
    text-align: center;    
}




/*お客様情報確認ページ*/
.conf1{
    text-align: center;
    margin-bottom: 25px;
}

.conf1 p:first-child,
.conf1 div:first-child{
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: bold;
}

.conf1 p:last-child .readonly{
    font-size: 20px;
    margin-bottom: 15px;
    border: none;
    text-align: center;
    
}

.conf1 div:last-child{
    display: flex;
    justify-content: center;
}
.conf1 div:last-child .readonly{
    font-size: 20px;
    margin-bottom: 15px;
    border: none;
    text-align: center;
}

.conf1 div:last-child p:first-child .readonly{
    text-align: right;
}

.conf1 div:last-child p:last-child .readonly{
    text-align: left;
}

.cource1{
    text-align: center;
    color: #fff;
    background: #EADBFF;
    padding: 5px 0;
    font-size: 20px;
    margin-bottom: 30px;
}

.cource2{
    margin-bottom: 30px;
    line-height: 1.6em;
}

.product-list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product-list div{
    width: 33%;
    margin-bottom: 5px;
}

.product-list div:not(:nth-child(3n)){
    margin-right: 0.5%;
}

.product-list div img{
    width: 100%;
    height: auto;
}

.m-b-50{
    margin-bottom: 50px;
}
.m-b-20{
    margin-bottom: 20px;
}

footer{
    background: #0D212E;
    text-align: center;
    color: #fff;
    padding: 50px 0;
    font-size: 22px;
}

#footer div:first-child{
    margin-bottom: 15px;
}

#footer div:nth-child(2){
    font-size: 40px;
    margin-bottom: 20px;
}

#footer div:nth-child(2)::before{
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(./images/footer1.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 15px;
}

#footer div:nth-child(4){
    margin-bottom: 40px;
}

#footer div:last-child{
    font-size: 18px;
}
    
    
#pagetop{
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    text-align: center;
    font-size: 40px;
    opacity: 0.8;
    color: #999;
    width: 50px;
    height: 50px;
}

form.sent .conf1,
form.sent .btn1,
form.sent .btn-back{
    /*display: none;*/
}

form.sent{
    /*display: none;*/
}

.message1{
    text-align: center;
    margin-bottom: 50px;
}

.message1 p:first-child{
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 150px;
}

.message1 p:last-child{
    font-size: 24px;
    line-height: 1.8em;
}


.btn-back{
    width: 80px;
    background: #999;
    text-align: center;
    
}

.btn-back a{
    display: block;
    padding: 5px 0;
    color: #fff;
    text-decoration: none;
}

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

    a[href*="tel:"] {
        pointer-events: inherit;
        cursor: pointer;
    }
    
    .template1{
        padding: 40px 0;
    }
    
    .menu1{
        padding: 40px 0;
        justify-content: center;
        flex-wrap: wrap;
    }

    .menu1 div{
        width: 33%;
        padding: 18px 0;
        margin-bottom: 15px;
        font-size: 12px;
    }
    
    
    .input1 input{
        width: 70%;
    }
    
    .text1{
        padding: 0 10px;
    }
    
    .text1 .text1-1,
    .text1-3 p,
    .text2-2 li,
    .text3 .text3-2{
        font-size: 16px;
        text-align: left;
    }
    
    
    .text1-3-1 br{
        display: none;
    }
    
    .text3 .text3-1{
        width: 100%;
    }
    
    
    
    .text3 .text3-2{
        padding: 0 10px;
    }
    
    .btn1 .btn1-2 .submit{
        margin: 0 auto;
    }
    
    .step2-1{
        padding: 0 10px;
    }
    
    .product-list{
        justify-content: space-between;
    }

    .product-list div{
        width: 49%;
    }

    .product-list div:not(:nth-child(3n)){
        margin-right: 0;
    }
    
    .step2-2{
        padding: 0 10px;
    }
    
    .info1-2{
        display: flex;
        flex-direction: column;
    }

    .info1-2 .btn2{
        width: 100%;
        height: 80px;
    }

    .info1-2 div:nth-child(2){
        width: 100%;
        height: 87px;
    }


    .info1-2 div:last-child{
        width: 100%;
    }
    .info1-3 p:last-child{
        font-size: 18px;
    }
    
    
    .appli1,.appli2{font-size: 24px;}
    
    .appli-text3{
        text-align: left;
    }
    
    .appli3,.appli4{
        padding: 0 10px;
    }
    
    .appli-input1 input{
        width: 100%;
    }
    
    .conf1 p{
        padding: 0;
        margin: 0;
    }
    
    .conf1{
        width: 100%;
        padding: 0 10px;
        overflow-x: hidden;
    }
    
    .conf1 div:last-child{
        margin-left: -30px;
    }
    



}