@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; font-size: 1.1rem; color: #424242; font-weight: 500;}
html {background: url("../img/bgimg.jpg"); 	background-position: center;}


/*ふわふわ*/
fuwafuwa {
-webkit-animation: fuwafuwa 3s infinite linear alternate;	animation: fuwafuwa 3s infinite linear alternate;}
@-webkit-keyframes fuwafuwa {0% {c-webkit-transform:translate(0, 0) rotate(-5deg);}50% {-webkit-transform:translate(0, -5px) rotate(0deg);}100% {-webkit-transform:translate(0, 0)rotate(5deg);}}
@keyframes fuwafuwa {0% {transform:translate(0, 0) rotate(-5deg);}50% {transform:translate(0, -5px) rotate(0deg);}100% {transform:translate(0, 0)rotate(5deg);}}

/*フェードイン*/
body {animation: fadeIn 0.5s ease 0s 1 normal; -webkit-animation: fadeIn 0.5s ease 0s 1 normal;}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }

/*iosボタン*/input[type="submit"],input[type="reset"],input[type="button"] {-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button;box-sizing: border-box;}input[type="submit"]::-webkit-search-decoration,input[type="reset"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration {display: none;}input[type="submit"]::focus,input[type="reset"]::focus,input[type="button"]::focus {outline-offset: -2px;}

body {*font-size:small;  *font:x-small; margin:0 auto; line-height: 1.7; position:relative; font-feature-settings: "palt";}
body, button, input, select, textarea{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
a{transition-duration:.4s;}
a:hover{transition-timing-function:ease-in-out; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
li {list-style:none; margin:0; padding:0;}
ul {padding-inline-start: 0px;}
small{font-size: 0.65rem;}
.FltLft{float: left;}
.FltRgt{float: right;}
.OvrFlw{overflow: hidden;}
.TxtCtr{text-align: center; margin: 40px 0;}
.clr{clear:both;}

.TxBlu {color: #1976D2;}
.BoBlu {border: 3px solid #1976D2;}
.BgBlu {background: #1976D2;}
.BoSky {border: 3px solid #26C6DA;}
.TxSky {color: #26C6DA;}
.BgSky {background: #26C6DA;}
.BoRed {border: 3px solid #EF5350;}
.TxRed {color: #EF5350;}
.BgRed {background: #EF5350;}
.BoPur {border: 3px solid #AB47BC;}
.TxPur {color: #AB47BC;}
.BgPur {background: #AB47BC;}
.BoYel {border: 3px solid #ffca28;}
.TxYel {color: #ffca28;}
.BgYel {background: #ffca28;}
.BoGrn {border: 3px solid #66bb6a;}
.TxGrn {color: #66bb6a;}
.BgGrn {background: #66bb6a;}
.BoPnk {border: 3px solid #EC407A;}
.TxPnk {color: #EC407A;}
.BgPnk {background: #EC407A;}
.BoOrg {border: 3px solid #FF7043;}
.TxOrg {color: #FF7043;}
.BgOrg {background: #FF7043;}
.BoDgr {border: 3px solid #616161;}
.TxDgr {color: #616161;}
.BgDgr {background: #616161;}

.bg1{background-color:#F0F0F0;}
.BgBlk {background-color: #424242;}
.BgBlk:hover {background-color: #222222;}
.BgBlu {background-color: #2072a3;}
.BgBlu:hover {background-color: #005082;}
.BgSky {background-color: #26C6DA;}
.BgSky:hover {background-color: #0097A7;}
.BgRed {background-color: #dd5060;}
.BgRed:hover {background-color: #c03547;}
.BgPRd {background-color: #EF5350;}
.BgPRd:hover {background-color: #D32F2F;}
.BgPur {background-color: #AB47BC;}
.BgPur:hover {background-color: #7B1FA2;}
.BgYel {background-color: #ffca28;}
.BgYel:hover {background-color: #FBC02D;}
.BgGrn {background-color: #66bb6a;}
.BgGrn:hover {background-color: #388E3C;}
.BgPnk {background-color: #EC407A;}
.BgPnk:hover {background-color: #C2185B;}
.BgOrg {background-color: #FF7043;}
.BgOrg:hover {background-color: #E64A19;}
.BgGry {background-color: #757575;}
.BgGry:hover {background-color: #BDBDBD;}

.BtnWap a {font-weight: bold; line-height: 3rem; padding: 10px 20px; color: #ffffff; text-decoration: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.BtnWap a:link {color: #ffffff;}

.BdR004{border-radius: 4px;}
.BdR010{border-radius: 10px;}
.Mgt010 {margin-top: 10px;}
.Mgt020 {margin-top: 20px;}
.Mgt030 {margin-top: 30px;}
.Mgt040 {margin-top: 40px;}
.Mgt050 {margin-top: 50px;}
.Mgt100 {margin-top: 100px;}
.Mgt200 {margin-top: 200px;}
.Mgt250 {margin-top: 250px;}
.Mgt300 {margin-top: 300px;}
.Mgb100 {margin-bottom: 100px;}
.Mtb010	{margin: 10px 0 10px 0;}
.Mtb020	{margin: 20px 0 20px 0;}
.Mtb030	{margin: 30px 0 30px 0;}
.Mtb040	{margin: 40px 0 40px 0;}
.Mtb050	{margin: 50px 0 50px 0;}
.Mgl010 {margin-left: 10px;}
.Mgl020 {margin-left: 20px;}
.Mgl030 {margin-left: 30px;}
.Mgl040 {margin-left: 40px;}
.Mgl050 {margin-left: 50px;}
.Mgl100 {margin-left: 100px;}
.Mlr010 {margin-left: 10px; margin-right: 10px;}
.Mlr020 {margin-left: 20px; margin-right: 20px;}
.Mlr030 {margin-left: 30px; margin-right: 30px;}
.Mlr040 {margin-left: 40px; margin-right: 40px;}
.Mlr050 {margin-left: 50px; margin-right: 50px;}
.Mlr100 {margin-left: 100px; margin-right: 100px;}
.Mgn10 {margin: 10px;}
.Pdb040 {padding-bottom: 40px;}
.Plr010 {padding-left: 10px; padding-right: 10px;}
.Plr020 {padding-left: 20px; padding-right: 20px;}
.Plr030 {padding-left: 30px; padding-right: 30px;}
.Plr040 {padding-left: 40px; padding-right: 40px;}
.Plr050 {padding-left: 50px; padding-right: 50px;}
.Ptb010{padding-top: 10px; padding-bottom: 10px;}
.Ptb020{padding-top: 20px; padding-bottom: 20px;}
.FntWgt600 {font-weight: 600;}

.Fnt005 {font-size: 0.5rem;}
.Fnt006 {font-size: 0.6rem;}
.Fnt008 {font-size: 0.8rem;}
.Fnt009 {font-size: 0.9rem;}
.Fnt010 {font-size: 1rem;}
.Fnt012 {font-size: 1.2rem;}
.Fnt015 {font-size: 1.5rem;}
.Fnt016 {font-size: 1.6rem;}
.Fnt018 {font-size: 1.8rem;}
.Fnt020 {font-size: 2rem;}

.Wdt20{width:20%;}
.Wdt30{width:30%;}
.Wdt40{width:40%;}
.Wdt60{width:60%;}
.Wdt80{width:80%;}
.Hgt100{height:100px;}
.Hgt200{height:200px;}
.Hgt300{height:300px;}
.WtdM100{min-width: 100px;}
.WtdM200{min-width: 200px;}

.BdrCom{border-top: 2px solid #c8b99e;}

/*ボタン*/
.square_btn{display: inline-block; font-weight:600; padding: 0.8em 3em; text-decoration: none; background: #e1524e;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #c62828; border-radius: 3px;}
.square_btn:active {/*ボタンを押したとき*/-ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/}



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

/*ヘッダーサイズ変更--*/
header {height: 180px; width: 100%; position: fixed; top: 0; z-index: 2; transition: .3s;}
header img {height: 80px; transition: .3s;}
.is-animation {height: 80px;}
.is-animation img {height: 80px;}
/*--ヘッダーサイズ変更*/

/*納期表記*/
.DelDay1::after{content:"ここまでおおよそ 2～4日";font-weight: 600; color: #ffffff; display: block;padding: 4px; background:#c9ba9f; clear: both; border-radius: 4px;}
.DelDay2::after{content:"ここまでおおよそ 7日"; margin:0 0 30px 0; font-weight: 600; color: #ffffff; display: block;padding: 4px; background:#c9ba9f; clear: both; border-radius: 4px;}
.DelDay3::after{content:"ここまでおおよそ 2～3週間";font-weight: 600; color: #ffffff; display: block;padding: 4px; background:#c9ba9f; clear: both; border-radius: 4px;}

section {width: 92%; margin:0; padding: 40px 4%;}
#HedMnu {text-align: left;}
#HedMnu ul {display: table; text-align: center; margin: 0 auto;}
#HedMnu li {float:left;}

#SecTit .SsmImg {position: absolute;right: 50%;margin-top: -148px;margin-right: -170px;gin-left: 0px;margin-bottom: 0;width: 100px;height: 160px;}
#SecTit #TitLgo {width: 280px;height: 280px;border: 10px solid #606060;margin: 80px auto 40px;}
#SecTit #TitLgo img {margin-top: 40px;margin-bottom: 150px;margin-left:0;width:274px;}
#SecTit p {display: block;  margin: 100px 0 0 0; text-align: center;}
.TitTxt{font-size:1.2rem; font-weight: 600}

#Prtflo, #Nflow {text-align: center;}
#Prtflo	.SecTitLogo, #Nflow	.SecTitLogo {margin: 70px 0 0;height: 44px;}

/*スマホ非表示*/
.SpNoDsp{display: none;}


/*製作実績*/

#Prtflo .swiper-container1{width: 108%;/* max-width: 1200px; *//* min-width: 800px; */margin: 0 0 0 -4%;}
#Prtflo .swiper-slide div {margin:50px 25px;}
#Prtflo .swiper-slide img {border-radius: 200px; width: 300px;height: 300px; object-fit: cover;}

/*ぬいぐるみができるまで*/
#Nflow .img3d img{float: left;}
#Nflow .img3d{margin: 150px 0 0 0; width: 100%; height: 300px; background: url(../img/3d_img_bg.png); background-size: 100%; background-repeat: no-repeat;}

/*3dを作成*/
.MblImg3d1{position:relative; width: 50%; top: 50px; left: 0;}
.MblImg3d2{position:relative; width: 50%; top: 50px; left: 0;}
.MblImg3d3{position:relative; width: 50%; top:-280px; right:0;}

/*3dから型紙を作成*/
.MblImgPpr1{width: 55%; margin: -45px 0 0 0;}
.MblImgPpr2{width: 35%; margin: -40px 0 0 190px;}
.MblImgPpr3{width: 35%; margin: 50px 0 0 180px;}
.MblImgSpl{ width: 100%;}



#Nflow .paper {text-align:left; padding: 80px 0; width: 100%; height: 150px; -webkit-mask:url(../img/paper_msk.png) no-repeat; -webkit-mask-size: 100%;  background: #e7e9f5;}
#Nflow .paper img{position: absolute;}
.SwgGb {margin: 0 0 30px 0; width: 100%; height: 100%; background: url(../img/sewing_bg.png); background-size: 100%; background-position: center 20px; background-repeat: no-repeat;}

.PayCom div{display: block; float: inherit; padding: 20px 0 0;}
.PayCom{border-top: 2px solid #c8b99e; border-bottom: 2px solid #c8b99e; padding: 0; overflow: hidden; margin: 50px 0;}

/*縫製*/
.SewImg1{width: 95%;}
.SewImg2{width: 95%;}
.SewImg3{width: 95%;}

/*完成*/
.SwgKsiImg{position: relative; width: 100%; height: 280px;}
.SwgKsiImg1{width: 64%; position:absolute; top:0; left:0;}
.SwgKsiImg2{width: 64%; position:absolute; top:40px; right: 0;}
.SwgKsiImg3{width: 50%; position:relative; top:-10px; right: -80px;}

/*contact*/
#contact .ConTit{padding: 50px 0;text-align: center; border-top: 2px solid #c8b99e;}
form {width: 100%; display: block; margin:0 auto 50px;}
.formTable {width: 100%;}
.formTable th{display: block; width: 100%; padding: 0 10px 0 0;}
.formTable td{display: block; width: 100%;}
.formTable input, .formTable textarea{width: 100%; border-radius: 4px; border: 1px solid #c8b99e;}
.formTable textarea{resize: none;}
.FrmBtn{text-align: center;}

/*form--------------------------------------------*/

.FrmHdr{background: #f8cace;}
.MgtSp{margin: 80px 0 0 0;}
.MlrSp{margin: 0;}
.FntSp1{font-size:1.3rem;font-weight: 600; margin: 0 0 30px 0;}
.FntSp2{font-size:0.9rem;}


/*ベースを選択してください*/
.SctAlt{text-align: center; background: #EF5350; border-radius: 4px;}
.SctAlt strong{color: #ffffff;}

.HedFrm{/*width: 166px;*/}
.FrmBoxBdr{border-top: 2px solid #c8b99e; padding: 20px 0; overflow: hidden; margin: 50px 0;}
.SecTitLogo{text-align: center;}

/*価格セレクト*/
select#slbase1, select#slbase2, select#slbase3{padding: 10px; border: 2px solid #c8b99e;}


/*画像切替*/
.ImgRdo200 input[type="radio"] + label {margin: 0 auto; background-size: 120px 120px; width: 120px; height: 120px;}
.ImgRdo200 input[type="radio"]:checked + label {background-size: 120px 120px; width: 120px; height: 120px;}
.ImgRdo102 input[type="radio"] + label{margin: 0 auto; background-size: 102px 102px; width: 102px; height: 102px;}
.ImgRdo102 input[type="radio"]:checked + label{background-size: 102px 102px; width: 102px; height: 102px;}
.ImgRdo120 input[type="radio"] + label{margin: 0 auto; background-size: 120px 120px; width: 120px; height: 120px;}
.ImgChk120 input[type="checkbox"] + label{margin: 0 auto; background-size: 80px 80px; width: 80px; height: 80px;}
.ImgRdo120 input[type="radio"]:checked + label{background-size: 120px 120px; width: 120px; height: 120px;}
.ImgChk120 input[type="checkbox"]:checked + label{background-size: 80px 80px; width: 80px; height: 80px;}

.ImgBdr input[type="radio"] + label,
.ImgBdr input[type="checkbox"] + label{border: 4px solid #ffffff; border-radius: 10px; background-repeat: no-repeat;}
.ImgBdr input[type="radio"]:checked + label,
.ImgBdr input[type="checkbox"]:checked + label{background-position: 0 0; border-radius: 10px; border: 4px solid #ef9a9a;}

/*タイプ画像*/
.ImgRgoBtnHmn input[type="radio"] + label {display: block; background-image: url(../img/select_type_animal_off.jpg);}.ImgRgoBtnHmn input[type="radio"]:checked + label {display: block; background-image: url(../img/select_type_animal_on.jpg);}
.ImgRgoBtnAml input[type="radio"] + label {display: block; background-image: url(../img/select_type_human_off.jpg);}.ImgRgoBtnAml input[type="radio"]:checked + label {display: block; background-image: url(../img/select_type_human_on.jpg);}

/*サイズ画像*/
.Imgsize1 input[type="radio"] + label {display: block; background-image: url(../img/select_size_20_off.jpg);}.Imgsize1 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_size_20_on.jpg);}
.Imgsize2 input[type="radio"] + label {display: block; background-image: url(../img/select_size_41_off.jpg);}.Imgsize2 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_size_41_on.jpg);}
.Imgsize3 input[type="radio"] + label {display: block; background-image: url(../img/select_size_51_off.jpg);}.Imgsize3 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_size_51_on.jpg);}
.Imgsize4 input[type="radio"] + label {display: block; background-image: url(../img/select_size_61_off.jpg);}.Imgsize4 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_size_61_on.jpg);}
.Imgsize5 input[type="radio"] + label {display: block; background-image: url(../img/select_size_71_off.jpg);}.Imgsize5 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_size_71_on.jpg);}

/*ベース*/
.Imgbase1 input[type="radio"] + label {display: block; background-image: url(../img/select_base_simple_off.jpg);} .Imgbase1 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_base_simple_on.jpg);}
.Imgbase2 input[type="radio"] + label {display: block; background-image: url(../img/select_base_normal_off.jpg);} .Imgbase2 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_base_normal_on.jpg);}
.Imgbase3 input[type="radio"] + label {display: block; background-image: url(../img/select_base_s_elaborate_off.jpg);} .Imgbase3 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_base_s_elaborate_on.jpg);}

/*オプション*/
.Imgchk1 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_puppet_off.jpg);}.Imgchk1 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_puppet_on.jpg);}
.Imgchk2 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_fur_off.jpg);}.Imgchk2 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_fur_on.jpg);}
.Imgchk3 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_born_off.jpg);}.Imgchk3 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_born_on.jpg);}
.Imgchk4 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_stick_off.jpg);}.Imgchk4 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_stick_on.jpg);}
.Imgchk5 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_rod_off.jpg);}.Imgchk5 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_rod_on.jpg);}
.Imgchk6 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_wrapping_off.jpg);}.Imgchk6 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_wrapping_on.jpg);}

/*ラジオボタン画像*/
.ImgRgoBtn {margin: 0 auto;}
.ImgRgoBtn li{padding: 14px 30px; text-align: center; margin: 0 auto;}
.ImgRgoBtn input[type="radio"] {display: none; padding: 3px; text-align: center;}

/*チェックボックス画像*/
.ImgChkBox {display:flex; display: -webkit-flex; flex-wrap:wrap; margin: 0 auto;}
.ImgChkBox li {padding: 0 10px; text-align: center; margin: 0 10px; flex-wrap: wrap; width: 35%;}
.ImgChkBox input[type="checkbox"] {display: none; padding: 3px; text-align: center;}

/*チェックボックス画像ミニ5*/
.ImgChkBoxMin5 {margin: 0 auto;width: 300px; display: block; overflow: hidden;}
.ImgChkBoxMin5 li {float: left; padding: 0 10px; text-align: center; margin: 20px 10px 0;}
.ImgChkBoxMin5 input[type="radio"] {display: none; padding: 3px; text-align: center;}

/*文字調整*/
.ImgChkBox p, .ImgRgoBtn p, .ImgChkBoxMin5 p{margin: 10px 0 0 0; min-height: 30px; font-size: 0.9rem;}
.ImgChkBox strong, .ImgRgoBtn strong, .ImgChkBoxMin5 strong{font-size: 1rem; font-weight: 600;}
.ImgChkBox span{font-size: 1.2rem; font-weight: 600;}

/*合計*/
#amount {margin: 60px 0 20px 0; background: #fefefe; border: 2px solid #c8b99e; border-radius: 6px; padding: 10px 30px; line-height: 2.8rem;}
#amount p {text-align: right;}
#amount strong {display: inline-block; text-align: center; margin: 0 14px 0 0;}
#divam1, #divam2, #divam3, #divam4 {font-size: 2rem; display: inline-block; text-align: right;}
#amount span {font-size: 1.4em;}

/*チェックマーク*/
.ChkMrk::before{content:"●"; color: #EF5350; margin: 0 10px 0 0;}

/*必須項目*/
.Rqr{border-radius: 4px; padding:2px 5px; background: #EF5350; color: #ffffff; font-weight: 600; font-size: 0.8rem; line-height: 1rem;}
/*カレンダー*/
.CldBox {font-size: 1.2rem; margin: 40px 0;}
.CldBox {text-align: center;}
.CldBox label {position: relative; display: inline-block; width: 200px; height: 36px; border: 2px solid #c8b99e; border-radius: 8px; background: #ffffff;margin: 0 0 0 -36px;}
.CldBox label::before {position: absolute; content: ""; top: 0; right: -43px; width: 36px; height: 36px; background-color: #06c; background-image: url("../img/icn_calendar.png"); background-repeat: no-repeat; background-position: center; border-radius: 6px;}
.CldBox label input[type="date"] {position: relative; padding: 0 10px; width: 243px; height: 36px; border: 0; background: transparent; box-sizing: border-box; font-size: 14px; color: #999;}
.CldBox label input[type="date"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.CldBox label input[type="date"]::-webkit-clear-button {-webkit-appearance: none;}
.CldBox label input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; right: 0px; top: 0px; padding: 0; width: 36px; height: 36px; color: transparent; background: transparent; cursor: pointer;}
.CldBox p{font-size:1rem;}

/*お客様情報*/
.CusData li {margin: 24px 0;}
.CusData span {display: block;}
.CusData #name, .CusData #tel, .CusData #mail, .CusData #addr12, .CusData #addr13, .CusData #addr22, .CusData #addr23, .CusData #dest {width: 98%;}
.CusData #name, .CusData #tel, .CusData #mail, .CusData #zip11, .CusData #zip12, .CusData #addr11, .CusData #addr12, .CusData #addr13, .CusData #dest, .CusData #tel2, .CusData #zip21, .CusData #zip22, .CusData #addr21, .CusData #addr22, .CusData #addr23{border: 2px solid #c8b99e; border-radius: 6px; padding: 6px 1%;}

/*お客様情報項目確認*/
.CusCon {border-bottom: solid 1px #c8b99e; margin: 30px auto;}
.CusCon p {padding: 20px 5px 5px; overflow: hidden; border-top: solid 1px #c8b99e;}
.CusCon strong {display: block; padding: 0 2%; font-weight: 600;font-size: 0.9rem;}
.CusCon span {display: block; padding: 0 2%;}
.CusData li p{font-size: 0.8rem; text-align: left;}


/*ラジオボタン*/
.RdoBtn {display: none;}
.RdoBtn + label {padding-left: 20px; position:relative; margin-right: 20px;}
.RdoBtn + label::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 13px; height: 13px; border: 2px solid #999; border-radius: 4px;}
.RdoBtn:checked + label {}
.RdoBtn:checked + label::after {content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; background: #EF5350; border-radius: 50%;}

/*チェックボックス*/
.ChcBox{display: none;}
.ChcBox + label{padding-left: 20px; position:relative; margin-right: 20px;}
.ChcBox + label::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 13px; height: 13px; border: 2px solid #999; border-radius: 4px;}
.ChcBox:checked + label {}
.ChcBox:checked + label::after{content: ""; display: block; position: absolute; top: -5px; left: 5px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #EF5350; border-right: 3px solid #EF5350;}


footer {background: #f8cace; text-align: center; padding: 0 10px;}
footer div{}
footer .footer_wap{margin: 0 auto; width: 100%; text-align: left;}
footer span {margin: 10px 0; display: block;}
footer .UbnNum{font-size: 0.9rem; display: block;}
footer .address {overflow: hidden; float: left; text-align: left; line-height: 1rem;}
footer .footer_link{font-size: 0.7rem; float: left; width: 100%; text-align: center;}
footer .footer_link a{padding: 0;}
footer .FtrBtnW100 a{display: block;}
.Flogo {text-align: center; padding: 15px 0 0 0;}
.Flogo img {width: 30%;}
.copyright {font-size: 0.8rem; display: block; clear: both; text-align: center;}


.IptSbm {width: 100%; border: none; display: inline-block; padding: 0.5rem 0; text-decoration: none; background: #00acc1;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #00838f; border-radius: 3px;}
.IptSbm:active {margin: 0 0 4px 0; /*ボタンを押したとき*/-ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/}

.IptRst {margin: 30px 0 0 0; width: 100%; border: none; display: inline-block; padding: 0.5rem 2rem; text-decoration: none; background: #78909c;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #445962; border-radius: 3px;}
.IptRst:active {/*ボタンを押したとき*/-ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/}

/*ボタンサイズ*/
.square_btn{width:100%; padding: 0.8rem 0;}
}

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

/*ヘッダーサイズ変更--*/
header {text-align: center; background: url("../img/h_bg.png"); background-repeat: repeat-x; background-position: center bottom;}
header {height: 180px; width: 100%; position: fixed; top: 0; z-index: 2; transition: .3s;}
header img {height: 160px; transition: .3s;}
.is-animation {height: 120px;}
.is-animation img {height: 100px;}
/*--ヘッダーサイズ変更*/

#nav-input{display: none;}
section {max-width: 1000px; min-width: 1000px; margin: 0 auto; padding: 100px 20px 0;}
#HedMnu {text-align: center;}
#HedMnu ul {display: table; text-align: center; min-width: 1000px; margin: 0 auto;}
#HedMnu li{display:table-cell;}

#SecTit .SsmImg {position: absolute; right: 50%; margin-top: -360px; margin-right: -385px; margin-left: 0px; margin-bottom: 0;}
#SecTit #TitLgo { width: 400px; height: 400px; border: 10px solid #606060; margin: 25vh auto 40px;}
#SecTit #TitLgo img { margin-top: 85px; margin-bottom: 150px; margin-left: 40px;}
#SecTit p {display: block;  margin: 100px 0 0 0; text-align: center;}
.TitTxt{font-size:1.6rem;}

#Prtflo, #Nflow {text-align: center;}
#Prtflo	.SecTitLogo, #Nflow	.SecTitLogo {margin: 70px 0 0;}

/*製作実績*/
#Prtflo .swiper-container1{/*width: 80%;*/ max-width: 1200px; min-width: 800px;}
#Prtflo .swiper-container1{/*width: 80%;*/ max-width: 1200px; min-width: 800px;}
#Prtflo .swiper-slide img {border-radius: 200px; width: 300px;height: 300px; object-fit: cover;}
#Prtflo .swiper-slide img {border-radius: 200px; width: 300px;}

/*SNS*/
#Sns{overflow:hidden; margin-bottom: 60px;}
.SnsPrt{margin: 0 auto; width: 900px;}
.SnsPrt p{margin:0 1%;width: 46%; min-height: 450px; padding:1%;float: left; border-radius: 4px;background: #ffffff;}

/*ぬいぐるみができるまで*/
#Nflow .img3d .paper{padding: 80px 0; width: 674px; height: 550px; -webkit-mask:url(../img/paper_msk.png) no-repeat; background: #e7e9f5;}
#Nflow .img3d .paper img{float: left;}
#Nflow .img3d{margin: 150px 0 0 0; width: 806px; height: 606px; background: url(../img/3d_img_bg.png); background-size: 806px;}
/*3dを作成*/
.MblImg3d3{position: absolute; margin:-715px 0 0 0;}

/*3dから型紙を作成*/
.MblImgPpr1{margin: 0 0 0 20px;}
.MblImgPpr2{margin: 0 0 0 380px;}
.MblImgPpr3{margin: 150px 0 0 370px;}

#Nflow .paper {text-align:left; padding: 80px 0; width: 674px; height: 430px; -webkit-mask:url(../img/paper_msk.png) no-repeat; background: #e7e9f5;}
#Nflow .paper img{position: absolute;}
.SwgGb {width: 790px; height: 640px; background: url(../img/sewing_bg.png); background-size: 790px 602px; background-position: center 20px; background-repeat: no-repeat;}

.PayCom{border-top: 2px solid #c8b99e; border-bottom: 2px solid #c8b99e; padding: 40px 20%; overflow: hidden; margin: 50px 0;}
.PayCom div{padding: 0 40px;}
.PayCom TitTxt{}

/*縫製*/
.SewImg1{margin: 0 25% 0 0;}
.SewImg2{margin: 20px 0 0 25%;}

/*完成*/
.SwgKsiImg1{}
.SwgKsiImg2{margin: 0 0 0 -150px;}
.SwgKsiImg3{position: absolute; margin: -50px 0 0 -450px;}


/*contact*/
#contact .ConTit{padding: 50px 0;text-align: center; border-top: 2px solid #c8b99e;}
form {width: 800px; display: block; margin:0 auto 50px;}
.formTable {width: 100%;}
.formTable th{width: 30%; text-align: right; padding: 0 10px 0 0;}
.formTable td{width: 70%;}
.formTable input, .formTable textarea{width: 100%; border-radius: 4px; border: 1px solid #c8b99e;}
.formTable textarea{resize: none;}
.FrmBtn{text-align: center;}

/*form*/

/*ベースを選択してください*/
.SctAlt{text-align: center;}
.SctAlt strong{padding: 10px 30px; background: #EF5350; color: #ffffff; border-radius: 4px;}

.HedFrm{width: 166px;}
.FrmBoxBdr{border-top: 2px solid #c8b99e; padding: 20px 0; overflow: hidden; margin: 50px 0;}
.SecTitLogo{text-align: center;}

/*価格セレクト*/
select#slbase1, select#slbase2, select#slbase3{padding: 10px; border: 2px solid #c8b99e;}


/*画像切替*/
.ImgRdo200 input[type="radio"] + label {margin: 0 auto; background-size: 200px 200px; width: 200px; height: 200px;}
.ImgRdo200 input[type="radio"]:checked + label {background-size: 200px 200px; width: 200px; height: 200px;}
.ImgRdo102 input[type="radio"] + label{margin: 0 auto; background-size: 102px 102px; width: 102px; height: 102px;}
.ImgRdo102 input[type="radio"]:checked + label{background-size: 102px 102px; width: 102px; height: 102px;}
.ImgRdo120 input[type="radio"] + label,
.ImgChk120 input[type="checkbox"] + label{margin: 0 auto; background-size: 120px 120px; width: 120px; height: 120px;}
.ImgRdo120 input[type="radio"]:checked + label,
.ImgChk120 input[type="checkbox"]:checked + label{background-size: 120px 120px; width: 120px; height: 120px;}

.ImgBdr input[type="radio"] + label,
.ImgBdr input[type="checkbox"] + label{border: 4px solid #ffffff; border-radius: 10px; background-repeat: no-repeat;}
.ImgBdr input[type="radio"]:checked + label,
.ImgBdr input[type="checkbox"]:checked + label{background-position: 0 0; border-radius: 10px; border: 4px solid #ef9a9a;}

/*タイプ画像*/
.ImgRgoBtnHmn input[type="radio"] + label {display: block; background-image: url(../img/select_type_animal_off.jpg);}.ImgRgoBtnHmn input[type="radio"]:checked + label {display: block; background-image: url(../img/select_type_animal_on.jpg);}
.ImgRgoBtnAml input[type="radio"] + label {display: block; background-image: url(../img/select_type_human_off.jpg);}.ImgRgoBtnAml input[type="radio"]:checked + label {display: block; background-image: url(../img/select_type_human_on.jpg);}

/*サイズ画像*/
.Imgsize1 input[type="radio"] + label {display: block; background-image: url(../img/select_size_20_off.jpg);}.Imgsize1 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_size_20_on.jpg);}
.Imgsize2 input[type="radio"] + label {display: block; background-image: url(../img/select_size_41_off.jpg);}.Imgsize2 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_size_41_on.jpg);}
.Imgsize3 input[type="radio"] + label {display: block; background-image: url(../img/select_size_51_off.jpg);}.Imgsize3 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_size_51_on.jpg);}
.Imgsize4 input[type="radio"] + label {display: block; background-image: url(../img/select_size_61_off.jpg);}.Imgsize4 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_size_61_on.jpg);}
.Imgsize5 input[type="radio"] + label {display: block; background-image: url(../img/select_size_71_off.jpg);}.Imgsize5 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_size_71_on.jpg);}

/*ベース*/
.Imgbase1 input[type="radio"] + label {display: block; background-image: url(../img/select_base_simple_off.jpg);} .Imgbase1 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_base_simple_on.jpg);}
.Imgbase2 input[type="radio"] + label {display: block; background-image: url(../img/select_base_normal_off.jpg);} .Imgbase2 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_base_normal_on.jpg);}
.Imgbase3 input[type="radio"] + label {display: block; background-image: url(../img/select_base_s_elaborate_off.jpg);} .Imgbase3 input[type="radio"]:checked + label {display: block; background-image: url(../img/select_base_s_elaborate_on.jpg);}

/*オプション*/
.Imgchk1 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_puppet_off.jpg);}.Imgchk1 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_puppet_on.jpg);}
.Imgchk2 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_fur_off.jpg);}.Imgchk2 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_fur_on.jpg);}
.Imgchk3 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_born_off.jpg);}.Imgchk3 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_born_on.jpg);}
.Imgchk4 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_stick_off.jpg);}.Imgchk4 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_stick_on.jpg);}
.Imgchk5 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_rod_off.jpg);}.Imgchk5 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_rod_on.jpg);}
.Imgchk6 input[type="checkbox"] + label {display: block; background-image: url(../img/select_option_wrapping_off.jpg);}.Imgchk6 input[type="checkbox"]:checked + label {display: block; background-image: url(../img/select_option_wrapping_on.jpg);}

/*ラジオボタン画像*/
.ImgRgoBtn {display:flex; display: -webkit-flex; margin: 0 auto;}
.ImgRgoBtn li{padding: 0 30px; text-align: center; margin: 0 auto;}
.ImgRgoBtn input[type="radio"] {display: none; padding: 3px; text-align: center;}

/*チェックボックス画像*/
.ImgChkBox {display:flex; display: -webkit-flex; flex-wrap:wrap; margin: 0 auto;}
.ImgChkBox li {padding: 0 10px; text-align: center; margin: 0 10px; flex-wrap: wrap; width: 20%;}
.ImgChkBox input[type="checkbox"] {display: none; padding: 3px; text-align: center;}

/*チェックボックス画像ミニ5*/
.ImgChkBoxMin5 {display:flex; display: -webkit-flex; margin: 0 auto;}
.ImgChkBoxMin5 li {padding: 0 10px; text-align: center; margin: 0 10px; flex-wrap: wrap; width: 15%;}
.ImgChkBoxMin5 input[type="radio"] {display: none; padding: 3px; text-align: center;}

/*文字調整*/
.ImgChkBox p, .ImgRgoBtn p, .ImgChkBoxMin5 p{margin: 30px 0 0 0; min-height: 48px; font-size: 0.9rem;}
.ImgChkBox strong, .ImgRgoBtn strong, .ImgChkBoxMin5 strong{font-size: 1rem; font-weight: 600;}
.ImgChkBox span{font-size: 1.2rem; font-weight: 600;}

/*合計*/
#amount {margin: 60px 0 20px 0; background: #fefefe; border: 2px solid #c8b99e; border-radius: 6px; padding: 10px; line-height: 2.8rem;}
#amount p {text-align: center;}
#amount strong {display: inline-block; width: 10%; text-align: left;}
#divam1, #divam2, #divam3, #divam4 {font-size: 2rem; display: inline-block; width: 20%; text-align: right;}
#amount span {font-size: 1.4em;}

/*チェックマーク*/
.ChkMrk::before{content:"●"; color: #EF5350; margin: 0 10px 0 0;}

/*必須項目*/
.Rqr{border-radius: 4px; padding:2px 5px; background: #EF5350; color: #ffffff; font-weight: 600; font-size: 0.8rem; line-height: 1rem;}
/*カレンダー*/
.CldBox {font-size: 1.2rem; margin: 40px 0;}
.CldBox {text-align: center;}
.CldBox label {position: relative; display: inline-block; width: 200px; height: 36px; border: 2px solid #c8b99e; border-radius: 8px; background: #ffffff;margin: 0 0 0 -36px;}
.CldBox label::before {position: absolute; content: ""; top: 0; right: -43px; width: 36px; height: 36px; background-color: #06c; background-image: url("../img/icn_calendar.png"); background-repeat: no-repeat; background-position: center; border-radius: 6px;}
.CldBox label input[type="date"] {position: relative; padding: 0 10px; width: 243px; height: 36px; border: 0; background: transparent; box-sizing: border-box; font-size: 14px; color: #999;}
.CldBox label input[type="date"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.CldBox label input[type="date"]::-webkit-clear-button {-webkit-appearance: none;}
.CldBox label input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; right: 0px; top: 0px; padding: 0; width: 36px; height: 36px; color: transparent; background: transparent; cursor: pointer;}

/*お客様情報*/
.CusData li {height: 70px;}
.CusData span {display: block; float: left; width: 30%;}
.CusData #name, .CusData #tel, .CusData #mail, .CusData #addr12, .CusData #addr13, .CusData #addr22, .CusData #addr23, .CusData #dest {width: 60%;}
.CusData #name, .CusData #tel, .CusData #mail, .CusData #zip11, .CusData #zip12, .CusData #addr11, .CusData #addr12, .CusData #addr13, .CusData #dest, .CusData #tel2, .CusData #zip21, .CusData #zip22, .CusData #addr21, .CusData #addr22, .CusData #addr23{border: 2px solid #c8b99e; border-radius: 6px; padding: 6px 10px;}

/*お客様情報項目確認*/
.CusCon {border-bottom: solid 1px #c8b99e; margin: 30px auto; width: 800px;}
.CusCon p {padding: 20px 5px 5px; overflow: hidden; border-top: solid 1px #c8b99e;}
.CusCon strong {float: left; width: 26%; display: block; padding: 0 2%;}
.CusCon span {float: right; width: 66%; display: block; padding: 0 2%;}


/*ラジオボタン*/
.RdoBtn {display: none;}
.RdoBtn + label {padding-left: 20px; position:relative; margin-right: 20px;}
.RdoBtn + label::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 13px; height: 13px; border: 2px solid #999; border-radius: 4px;}
.RdoBtn:checked + label {}
.RdoBtn:checked + label::after {content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; background: #EF5350; border-radius: 50%;}

/*チェックボックス*/
.ChcBox{display: none;}
.ChcBox + label{padding-left: 20px; position:relative; margin-right: 20px;}
.ChcBox + label::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 13px; height: 13px; border: 2px solid #999; border-radius: 4px;}
.ChcBox:checked + label {}
.ChcBox:checked + label::after{content: ""; display: block; position: absolute; top: -5px; left: 5px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #EF5350; border-right: 3px solid #EF5350;}


footer {text-align: center; background-image: url("../img/h_bg2.png"); background-repeat: repeat-x; background-position: center top;}
footer div{padding: 20px 0 0 0;}
footer .footer_wap{margin: 0 auto; width: 1000px; text-align: left;}
footer span {padding: 0 20px 0 0;}
footer .address {overflow: hidden; float: left; text-align: left; line-height: 1rem;}
footer .footer_link{font-size: 0.7rem; float: right;}
.Flogo {float: left; margin: 0 30px 0 0;}
.copyright {font-size: 0.8rem; display: block; clear: both; text-align: center;}

.IptSbm {border: none; display: inline-block; padding: 0.5em 2em; text-decoration: none; background: #00acc1;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #00838f; border-radius: 3px;}
.IptSbm:active {margin: 0 0 4px 0; /*ボタンを押したとき*/-ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/}

.IptRst {border: none; display: inline-block; padding: 0.5em 2em; text-decoration: none; background: #78909c;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #445962; border-radius: 3px;}
.IptRst:active {/*ボタンを押したとき*/-ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/}

}

footer .sns{clear: both;display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;margin: 20px 0;}
footer .sns__item{display: inline-flex;align-items: center;gap: 6px;text-decoration: none;font-size: 14px;white-space: nowrap;writing-mode: horizontal-tb;}
footer .sns__item span{display: inline !important;padding: 0;margin: 0;}
footer .sns__icon{width: 20px;height: 20px;display: block;}
footer .sns__item:hover{opacity: .75;}