@charset "utf-8";

*{color:#565656;text-decoration:none;}
*,*::before,*::after{box-sizing:border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:62.5%;vertical-align:baseline;background:transparent;}
body{font-size:1.6rem;line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:1.6rem;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
li{font-size:1.6rem;}   /*16px*/
li p{font-size:1.6rem;} /*16px*/
ul{list-style:none;}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],input[type="button"]{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:none;box-sizing:border-box;cursor:pointer;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration{display:none;}
input[type="submit"]::focus,input[type="button"]::focus{outline-offset:-2px;}
input[type="submit"]{width:100%;padding:3vh 13vw;text-decoration:none;background-color:#ff8c00;font-size:2rem;margin:10vh auto auto auto;display:block;border-radius:10px;letter-spacing:0.02em;color:#ffffff;}
input[type="submit"]:active{-ms-transform:translateY(4px);-webkit-transform:translateY(4px);transform:translateY(4px);box-shadow:0px 0px 1px rgba(0,0,0,0.2);border-bottom:none;}
#csinfo_bu{display:inline-block;padding:0.5em 1em;text-decoration:none;background:#668ad8;color:#FFF;border-bottom:solid 4px #627295;border-radius:3px;font-size:1.2em;width:451px;height:45px;margin:10px auto;display:block;}
#csinfo_bu:active{-ms-transform:translateY(4px);-webkit-transform:translateY(4px);transform:translateY(4px);border-bottom:none;}
.mitsumori_guide_text p {font-size: 1.2em; background-color: #4daa6c; color: #FFF; padding: 22px; margin-bottom: 6%;}
a{color:#4c4c4c;text-decoration:none;}
p{line-height:1;}
:focus{outline:none;}

#sp_wrap{width:100%;height:100vh;font-family:arial,sans-serif;}
#sp_header{position:fixed;top:0;left:0;width:100%;display:flex;background-color:#f6f6f6;border-bottom:1px solid #e2e2e2;line-height:1.2;padding:0.75vh 0;z-index:100;}
.sp_header_box{display:flex;width:80%;align-items:center;}
.sp_header_box .left,.sp_header_box .right{width:50%;}
.sp_header_box .right{padding-left:10vw;}
.sp_header_navi{width:100%;display:flex;overflow:hidden;}
.sp_header_navi li{text-align:center;width:calc(100%/2);margin-right:5vw;}
.sp_header_navi li:last-child{margin-right:0;}
.sp_header_navi li a img{width:50%;}
.sp_header_navi li p.text{font-size:1.1rem;font-weight:bold;letter-spacing:0.5vw;}
#sp_menu_wrap{position:fixed;height:100vh;width:100%;pointer-events:none;z-index:100;}
#sp_menu_wrap .background{position:absolute;top:7.5vh;left:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:.3s;background-color:#000000;}
#sp_menu_wrap:focus-within .background{visibility:visible;opacity:.6;}
.sp_menu_button{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:7.5vw;pointer-events:auto;touch-action:manipulation;top:1.15vh;right:4vw;border:0;line-height:4.6vh;}
.icon-bar{display:block;width:100%;height:3px;background-color:#02c1bc;transition:.3s;}
.icon-bar + .icon-bar{margin-top:5px;}
#sp_menu_wrap:focus-within .sp_menu_button{pointer-events:none;}
#sp_menu_wrap:focus-within .icon-bar:nth-of-type(1){transform:translate3d(0,8px,0) rotate(45deg);}
#sp_menu_wrap:focus-within .icon-bar:nth-of-type(2){opacity:0;}
#sp_menu_wrap:focus-within .icon-bar:nth-of-type(3){transform:translate3d(0,-8px,0) rotate(-45deg);}
#sp_menu_wrap:focus-within #sp_menu_content{transform:none;}
.sp_menu_button p.text{text-align:center;font-size:1.1rem;font-weight:bold;margin-top:1vh;}
#sp_menu_content{width:90%;max-width:350px;position:absolute;top:7.5vh;left:0;height:100%;background-color:#ffffff;pointer-events:auto;transform:translateX(-100%);transition:transform .8s;will-change:transform;contain:paint;overflow:scroll;-webkit-overflow-scrolling:touch;padding:3vh 0 25vh 0;}
.sp_menu_box{margin-bottom:10vh;}
.sp_menu_box:last-child{margin-bottom:0;}
.sp_menu_nav_guide{display:flex;flex-wrap:wrap;overflow:hidden;}
.sp_menu_nav_guide li{width:50%;box-sizing:border-box;border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;position:relative;background:linear-gradient(#ffffff,#e8e8e8);font-size:1.5rem;text-align:left;}
.sp_menu_nav_guide li::after{content:'';position:absolute;top:0;right:5%;bottom:0;margin:auto;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #666666;}
.sp_menu_nav_guide li a{display:block;padding:3.5vh 0 3.5vh 2vw;}
.sp_menu_nav_guide li:first-of-type,.sp_menu_nav_guide li:nth-of-type(2){border-top:1px solid #bbbbbb;}
.sp_menu_title{background-color:#666666;color:#ffffff;padding:2.5vh 2.5vw;font-size:1.8rem;text-align:left;}
.sp_menu_style_navi li{border-bottom:1px solid #bbbbbb;font-size:1.5rem;text-align:left;}
.sp_menu_style_navi li a{display:block;padding:3.5vh 0 3.5vh 2vw;}
#sp_main{padding:20% 0% 0%;}
#sp_footer{width:100%;}
.sp_footer_fixed{position:fixed;bottom:0;left:0;width:100%;background-color:#f6f6f6;z-index:10;border-top:1px solid #e2e2e2;line-height:1.8;}
.sp_footer_navi{overflow:hidden;width:100%;display:flex;justify-content:center;}
.sp_footer_navi li{text-align:center;width:calc(100%/3);border-right:1px solid #e2e2e2;}
.sp_footer_navi li:last-child{border-right:none;}
.sp_footer_navi li a{display:block;padding:0.5vh 0;}
.sp_footer_navi li a img{width:20%;}
.sp_footer_navi li p.text{text-align:center;font-size:1.15rem;font-weight:bold;letter-spacing:0.5vw;}

.head-title{color:#000000;font-size:1.6rem;text-align:center;margin-bottom:3vh !important;padding:0 !important;font-weight:normal;}
#box4{width:100% !important;}
.orderflow{overflow:hidden;padding:0;list-style:none;margin-bottom:10vh;}
.orderflow li{margin:auto;border:1px solid #666666;display:flex;margin-bottom:1vh;}
.orderflow li:last-child{margin-bottom:0;}
.step_title{width:20%;font-size:1.4rem;background-color:#000000;color:#ffffff;text-align:center;display:flex;justify-content:center;align-items:center;}
.step_desc{width:80%;}
.orderflow_text{font-size:1.4rem;padding:1vh 1vw 1vh 2vw;text-align:left;}
.step_icon{width:8vw;display:inline-block;vertical-align:middle;margin-right:0.5vw;}
.content_box{margin-bottom:5vh; margin-left:1%; margin-right:1%;}
.shitajiki_title{color:#ffffff;margin-bottom:3vh !important;line-height:1.5 !important;padding:10px !important;text-align:center;font-weight:bold;font-size:2rem; background:#0071bc;}
.shitajiki_title .step{width:60vw;color:#ffffff;background-color:#000000;display:block;margin:0 auto 2vh auto;font-size:1.6rem;padding:1.5vh 1.5vw;}
.shitajiki_title .step .required{background-color:#fd6a6a;width:13vw;text-align:center;text-indent:0.5rem;letter-spacing:0.5rem;font-size:1.3rem;margin-left:3vw;color:#ffffff;padding:0.3vh 0;display:inline-block;vertical-align:top;}
.shitajiki_title .title_icon{display:inline-block;width:10vw;vertical-align:middle;}
.select_table{border-collapse:collapse;width:100%; margin-bottom:2%;}

.select_table th{background:#eeeeee;font-weight:bold;text-align:left;padding:1.7vh 2vw;vertical-align:top;letter-spacing:0.1rem;    font-size:1.7rem; position:relative;}
.select_table th .required{background-color:#fd6a6a;width:13vw;text-align:center;text-indent:0.5rem;letter-spacing:0.5rem;font-size:1.3rem;color:#ffffff;padding:0.3vh 0;display:inline-block;vertical-align:top; margin-right:5px;}
.select_table td{padding:2vh 2vw;}
.select_table td label{margin:0 20vw 0 3vw;font-size:1.5rem;vertical-align:middle;}
.select_table td label:last-of-type{margin-right:0;}
.select_item_wrap{display:flex;}
.selectbox{text-align:center;width:calc(100%/3);}
.selectbox img{width:70%;display:block;margin:auto;}
.size_input{width:20%;height:2.5em;line-height:2.5em;padding:0 2%;border:1px solid #707070;}
.size_input{width:30%;height:45px;line-height:2.5em;padding:0 2%;border:1px solid #707070;font-size:1.7rem;}
.size_input::placeholder{font-size:1.3rem;}
.select_name{font-size:1.4rem;margin:3% 0;letter-spacing:0;text-align: center;}
.select_name_01{font-size: 1.5rem;margin: 0% 0;letter-spacing: 0;text-align: left;line-height: 2.5rem;}
.select_name span{display:block;font-size:1.4rem;margin-top:0.8vh;}
.color_selectbox span{display:block;margin-bottom:0vh;position:relative;}
.color_selectbox span:last-of-type{margin-bottom:0;}
.icon_color{width:12%;display:inline-block !important;vertical-align:middle;}
.original_size_box{margin-top:5%;text-align:center;}
.original_size_text{margin-bottom:2%;font-size:1.2em;line-height:1.5;}
.original_size_text_01{font-size: 1em; padding-bottom: 1.2em; color: #FF0004;}
.name_title{display:inline-block;margin-left:1vw;vertical-align:bottom;font-size:1.6rem;}
.total_price_wrap{padding:5vh 2vw;}
.total_price{display:flex;justify-content:center;align-items:flex-end;margin-left:1vw;vertical-align:bottom;font-size:1.6rem;}
.total_price_input{border:none;width:50%;text-align:right;margin-right:3%;font-size:3rem;}
.selectbox_wrap{position:relative;padding:0 !important;width:80vw;display:inline-block;}
.selectbox_wrap::before{content:'';position:absolute;z-index:0;top:0;right:0;background:#ccc;height:100%;width:30px;}
.selectbox_wrap::after{content:'';position:absolute;z-index:0;top:0;bottom:0;margin:auto 0;right:9px;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#fff transparent transparent transparent;}
.select_input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;background:transparent;position:relative;z-index:1;font-size:1.5rem;width:100%;height:4.5vh;padding:0 10vw 0 2vw;border:1px solid #707070;}
.busuu_toiawase p{ font-size: 1.2em; line-height: 1.5em; margin-top: 2em;}
.busuu_toiawase_button{background-color: #FF1418; width: 200px;}
.busuu_toiawase_button h2{color: #FFF; font-size: 1.2em; text-align: center;}
.shitajiki_total_price_title{background-color:#707070 !important;text-align:center !important;color:#ffffff;}
.expansion_text{text-align:center;font-size:1.45rem;margin:3vh 0;}
.design_select_box{display:flex;flex-wrap:wrap;}
.design_select_tab{width:calc(100%/2);font-size:1.7rem;display:block;padding:2.5vh 0;cursor:pointer;box-sizing:border-box;border-bottom:1px solid #000000;text-align:center;}
.design_select_tab img{width:10%;}
.design_select_tab span{margin-left:2%;}
.design_select_tab:nth-of-type(2){border-left:0;}
input[name="design_select_tab"]{display:none;}
#design_select_tab_h:checked~#design_select_h_box,#design_select_tab_v:checked~#design_select_v_box{display:block;width:100%;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;padding-bottom:2vh;}
.design_select_box input:checked+.design_select_tab{border:1px solid #565656;border-bottom:none;}
.design_select_content{display:none;}
.design_select_inbox{padding:0 8vw 8vh 8vw;position:relative;}
.swiper-container_yoko,.swiper-container_tate{overflow:hidden;}
.swiper-slide{text-align:center;}
.swiper-slide label{font-size:1.7rem;}
.design_select_radio_wrap{margin-top:2vh;display:flex;justify-content:center;align-items:center;}
.swiper-button-prev{background-image:url(https://www.blue1-g.com/contents/order/img/arrow.png);right:auto;left:0;}
.swiper-button-next{background-image:url(https://www.blue1-g.com/contents/order/img/arrow.png);right:0;left:auto;}
.swiper-pagination-bullet{width:13px;height:13px;}
.swiper-pagination-bullet-active{opacity:1;background:#565656;}
.payment_select_wrap{display:flex;flex-wrap:wrap;}
.payment_select_wrap span{display:block;width:calc(100%/2);height:45px;}
.payment_select_wrap span:last-of-type{margin-bottom:0;}
.radio_input{height:6vh;width:6vw;margin:0;}
.total_price_table{border-collapse:collapse;width:100%;border:1px solid #000000;}
.total_price_table td{padding:0;}
.total_price_title{background-color:#02a8ea;border-bottom:1px solid #000000;text-align:center;color:#ffffff;font-weight:normal;padding:1.7vh 2vw;vertical-align:top;letter-spacing:0.1rem;font-size:1.7rem;}
.mitsumori_issue_button{width:100%;padding:3vh 13vw;text-decoration:none;background-color:#ffffff;font-size:2rem;margin:auto auto 10vh auto;display:block;border:1px solid #000000 !important;letter-spacing:0.02em;}
.text_input{width:80vw;height:45px;padding:0 2%;border:1px solid #707070;font-size:1.7rem;}
.text_input::placeholder,.postal_code_input1::placeholder,.postal_code_input2::placeholder{font-size:1.3rem;}
.corporation_select_td{padding:0 !important;}
.corporation_select_td .required{background-color:#fd6a6a;width:13vw;text-align:center;text-indent:0.5rem;letter-spacing:0.5rem;font-size:1.3rem;color:#ffffff;padding:0.3vh 0;display:inline-block;vertical-align:top;}
.corporation_select_title{background:#cccccc;font-weight:normal;text-align:left;padding:1.7vh 2vw;vertical-align:top;letter-spacing:0.1rem;font-size:1.7rem;border-bottom:1px solid #000000;}
.corporation_select_info{padding:5vh 2vw;}
.destination_select span{display:block;margin-bottom:3vh;position:relative;}
.destination_select span:last-of-type{margin-bottom:0;}
.postal_code_auto{font-size:1.4rem;margin-top:3%;letter-spacing:0.03em;}
.postal_code_input1,.postal_code_input2{height:45px;padding:0 2%;border:1px solid #707070;font-size:1.7rem;}
.postal_code_input1{width:40%;}
.postal_code_input2{width:50%;}
.search_postal_code{margin:5vh 0 0 0;font-size:0.95rem;text-align:right;}
.search_postal_code a{text-decoration:none;color:#565656;}
.payment_guide{margin:5% 0 0 0;letter-spacing:0.03em;line-height:1.55;font-size:0.9em;}
.content_confirmation{border:1px solid #000000;margin-bottom:10vh;padding:5% 2%;}
.notice{text-align:center;margin:0 0 5% 0;font-size:1.4rem;letter-spacing:0.1em;line-height:1.4;}
.sp_box{margin-bottom:5vh; background:#eeeeee; padding:7%;}
.sp_guide_title{background-color:#666666;color:#ffffff;padding:2.5vh 2.5vw;font-size:1.8rem;text-align:center;}
.sp_guide_navi li{border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;border-left:1px solid #bbbbbb;font-size:1.5rem;text-align:center;}
.sp_guide_navi li a{display:block;padding:3.5vh 0 3.5vh 2vw;}
#calendarBox{width:80%;margin:auto;padding:0;border:none !important;}
#calendarBox div,.bizcalTitle,.bizcal{width:100% !important;}
#calendarBox h3{background-color:transparent !important;}
#calendarBox img{width:70%;display:block;margin:auto !important;}
.bizcalTitle{line-height:2;font-size:1.8rem !important;}
#calendarBox .bizcal{line-height:3;}
.bizcal th,.bizcal td{font-size:1.4rem !important;}
.footer_shop_logo{text-align:center;}
.footer_shop_logo img{width:60%;}
div.type_text{
font-size: 2em;
width: 100%;
text-align: left !important;
letter-spacing: 0.1;
line-height: 1.5em;
background-color: #f7f7f7;
margin-top: 20px;
padding: 5px 10px;
}



.type_text p{
line-height: 1.8em !important;
}
.button_katamen{
font-size: 2em;
}
.button_ryoumen{
font-size: 2em;
}
.select_design_01{
display: block !important;
}
.select_data{
width: 100%;
text-align: left !important;

}
.select_data_01{
width: 100%;
text-align: left !important;
margin-top: 12%;
}
.select_text_size{
font-size: 1.4rem;
line-height: 2rem;
}

.select_table th .step{
    background-color: #ffffff;
text-align: center;
font-size: 0.7em;
color: #000000;
border: 1px solid #999999;
display: block;
width: 20%;
height: 38px;
position: absolute;
top: 1px;
right: 1px;
}

.select_table th .steptitle{
background-color: #02a8ea;
text-align: center;
font-size: 1em;
color: #ffffff;
padding: 5%;
display: block !important;
margin-bottom:3px;
}

.color_selectbox_01{

margin-bottom: 5%;
padding-bottom: 5%;

}

.color_selectbox_01 span{display:block;margin-bottom:0vh;position:relative;}
.color_selectbox_01 span:last-of-type{margin-bottom:0;}

.form_title_sp{
  text-align: center;
  font-size: 2.3rem;
  line-height: 6rem;
}

.estimate_title_sp{
  background: #666666 !important;
    color: #ffffff !important;
    text-align: center !important;
}

.estimate_price_sp{

text-align: center !important;
font-weight:bold !important;
font-size:3rem !important;

}

.content_box p.text{

font-size:1.5rem;
line-height:3rem;
text-align:center;

}

.content_box p.text span{

color:orange;
font-size:1.5rem;
}

.select_table th{
  border-top:1px solid #000000;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  font-size:1.5rem;
}

.select_table td{
  border-bottom:1px solid #000000;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  font-size:1.3rem;
}

.attention_mes{

color:red;
font-size:1.5rem;
font-weight:bold;
margin-bottom:5px;

}

.estimate_dl{

  color: rgb(255, 255, 255);
    line-height: 60px;
    display: block;
    width: 80%;
    font-size: 1.5rem;
    background: rgb(43, 144, 55);
    margin: 20px auto;
    text-decoration: none;
    text-align:center;
}

.order_form{

  color: rgb(255, 255, 255);
    line-height: 60px;
    display: block;
    width: 80%;
    font-size: 1.5rem;
    background: rgb(251, 126, 59);
    margin: 20px auto;
    text-decoration: none;
    text-align:center;
}

.template_design_link{

color:orange;
text-decoration:underline;

}