/*--------------------------------------------------------
　カートカスタマイズ
--------------------------------------------------------*/
[type=hidden], [type=text], [type=search], [type=tel], [type=url], [type=email], [type=password], [type=datetime], [type=date], [type=month], [type=week], [type=time], [type=datetime-local], [type=number],  textarea {
    padding: 0.5em !important;
}
select{
    padding: 0.5em 3em 0.5em 8px !important;
}

/*.fs-c-productSelection,
.fs-c-buttonContainer,
.fs-c-productQuantityAndWishlist{
    display: none;
}*/
.fs-p-scrollingCartButton {
    bottom: 5%;
}
.fs-c-continueShopping {
    text-align: center;
    margin: 0 auto 4em;
}

#fs_ShoppingCart .fs-c-payWithAmazon.fs-c-cartPayment {
    display: flex;
    flex-direction: column-reverse;
}
#fs_ShoppingCart .fs-c-cartPayment {
    width: 80%;
    margin: 2em auto -1em;
}
#fs_ShoppingCart .fs-c-payWithAmazon__message {
    font-size: 1rem;
    margin-top: 10px;
}
#fs_ShoppingCartLogin #AmazonPayButton {
    width: 200px !important;
}

.fs-c-buttonContainer {
    width: 100% !important;
}
.fs-c-cartPayment p, .fs-c-payWithAmazon p {
    margin: 0 0 2em;
}
.fs-c-inputInformation__link {
    text-align: center;
}
.fs-c-anotherLogin__message {
    max-width: 600px;
    background: #f7f7f7;
    margin: 0 auto 25px;
    padding: 15px;
    border-radius: 10px;
    position: relative;
}
.fs-c-anotherLogin__message::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #f7f7f7;
}
.fs-c-button--primary {
    font-weight: bold;
    padding: 1em 1.6em 1em;
}
.fs-c-agreementConfirmation {
    margin: 1em 0;
    padding: 1em;
    background: #DEE6EB;
    font-size: 1.2rem;
    text-align: center;
}
.fs-c-agreementConfirmation__message {
    background: none;
    padding: 0;
}
fieldset:not(.fs-c-additionalCheckField) + .fs-c-additionalCheckField {
    margin-top: 1em;
}
.fs-body-customerDetails .fs-c-agreementField {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.fs-c-agreementConfirmation__addon {
    margin: 1em 2em 0.5em;
}
.fs-c-checkbox {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.fs-c-agreementConfirmation__addon__message {
    text-align: center;
    color: #DE0800;
    margin: 0 0 0.5em;
    font-weight: bold;
}

.cartBtn_login{
    width: 100%;
    border-radius: 0;
    padding: 1em 1.6em 1em;
    font-weight: bold;
}
.cartBtn_first{
    width: 100%;
    color: #0073C0 !important;    
    border: 2px solid #0073C0;
    background: #FFFFFF;
    padding: 1em 1.6em 1em;
    font-weight: bold;
}
.cartBtn_keep{
    color: #FFFFFF !important;    
    border: 2px solid #666666;
    background: #9E9E9F;
    min-width: 240px;
    padding: 1em 1.6em 1em;
    font-size: 1.4rem;
    font-weight: bold;
}

.couponComment{
    max-width: 600px;
    background: #DEE6EB;
    margin: 0 auto 25px;
    padding: 15px;
    border-radius: 10px;
    position: relative;
}
.couponComment::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #DEE6EB;
}
.infoComment{
    max-width: 600px;
    background: #DEE6EB;
    margin: 0 auto ;
    padding: 15px;
    border-radius: 10px;
    position: relative;
}
.infoComment::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #DEE6EB;
}
.infoComment2{
    max-width: 100%;
    background: #DEE6EB;
    margin: 20px 0;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    text-align: center;
}
.infoComment2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #DEE6EB;
}

.amazonBnr {
    margin: 0 auto 2em;
    width: 480px;
}


/*--------------------------------------------------------
　詳細ボタン
--------------------------------------------------------*/
.btn-detail{
	width: fit-content;
	height: fit-content;
	margin: 1em auto;
	padding: 1em 3em 1em 3em;
	background: #FFE300 url(https://www.seal-de-name.com/img/icon-arrow-next_red.png) no-repeat right 0.7em center; 
	background-size: 8% auto;
	color: #DE0000 !important;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	display: block;
	border-radius: 2em;
	text-decoration: none;
	letter-spacing: 0.05em;
}
.btn-detail_blue ,.fs-c-viewAllProductsLink{
    width: fit-content;
    height: fit-content;
    margin: 1em auto;
    padding: 0.5em 2em 0.5em 3em;
    background: #009EFF url(https://www.seal-de-name.com/img/icon-arrow-next.png) no-repeat 0.5em center;
    background-size: 20px auto;
    color: #fff !important;
    font-size: 18px;
    text-align: center;
    display: block;
    border-radius: 2em;
    text-decoration: none;
}
.fs-c-buttonContainer--addReview--detail{
    width: fit-content;
    height: fit-content;
    margin: 1em auto;
    padding: 0.5em 2em;
    background: #009EFF;
    color: #fff !important;
    font-size: 18px;
    text-align: center;
    display: block;
    border-radius: 2em;
    text-decoration: none;
}
.fs-c-buttonContainer--addReview--detail a{
    color: #fff !important;
}

.btn-detail2,
.fs-c-buttonContainer--viewAllReviews{
    width: fit-content;
    height: fit-content;
    margin: 1em auto;
    background: #ddd;
    color: #333 !important;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    display: block;
    border-radius: 2em;
    text-decoration: none;
    padding: 0.25em 1.5em 0.25em;
}

.btn-cart{
    width: 80%;
    height: 40px;
    margin: 1em auto ;
    padding-left: 30px;
    background: #FFE300 url(https://www.seal-de-name.com/img/icon-arrow-next_pink.png) no-repeat 20px center;
    background-size: 20px auto;
    color: #F50078 !important;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
}

/*--------------------------------------------------------
　吹き出し
--------------------------------------------------------*/
.balloon1,.balloon2,.balloon3,.balloon4,.balloon5 {
    position: relative;
    display: block;
    margin: 3em 1em 2em !important;
    padding: 1em !important;
    min-width: 120px !important;
    max-width: 100% !important;
    font-weight: normal !important;
    border-radius: 10px;
}

.balloon1:before,.balloon2:before,.balloon3:before,.balloon4:before,.balloon5:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;   
}


/*　水色*/
.balloon1 {
    background: #d7eef5 !important;
}
.balloon1:before{
     border-top: 15px solid #d7eef5;
}

/*　紫色*/
.balloon2 {
    background: #ead8f1 !important;
}
.balloon2:before{
    border-top: 15px solid #ead8f1;
}

/*　ベージュ*/
.balloon3 {
    background: #f1ede9 !important;
}
.balloon3:before{
    border-top: 15px solid #f1ede9;
}

/*　ピンク*/
.balloon4 {
    background: #ffe8e4 !important;
}
.balloon4:before{
    border-top: 15px solid #ffe8e4;
}


/*--------------------------------------------------------
　リニューアル見出し
--------------------------------------------------------*/
h1.stH1{
    font-weight: normal;
    width: 93.75%;
    font-size: 85%;
    color: #946134;
    text-align: center;
    padding: 1em;
    margin: 1em auto 0;
    border: 1px dotted #946134;      
}
h2.stH2{
    font-size: 85%;
    color: #946134;
    font-weight: bold;
    text-align: center;
    padding: 1em 4em;
    margin: 1em auto 0;
    background-color:#f1ede9 ;
    background-image: url("https://www.seal-de-name.com/sp_img/common/ico_cat.png"), url("https://www.seal-de-name.com/sp_img/common/ico_dog.png");
    background-repeat: no-repeat, no-repeat;
    background-position: left 0.8em center, right 0.8em center;
    background-size: 10% auto, 10% auto;
}

#main .section .no{
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}


@media screen and (min-width: 1024px){
    h1.stH1{
        font-size: 16px;
    }
    h2.stH2{
        font-size: 16px;
    }
}


/*--------------------------------------------------------
　サンクス画面
--------------------------------------------------------*/
.comp {
	width:640px;
	margin:0 auto;
}
.comp h2{
    margin-bottom: 20px;
}
.comp p,
.completeBtn{	
	text-align:center;
}
.compTxt01 {
	width:480px;
	font-weight:bold;
	font-size:123.1%;
	line-height:1.4;
	color:#DE0000 !important;
	border:1px dashed #000;
	padding:1em;
	margin:0 auto 1em !important;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.compTxt01 span{
    color: #333;
    display: block;
    font-size:77%;
    font-weight: normal;
    margin-top:0.5em;
}

.compTxt02 {
	font-weight: 900;
	font-size:116%;
	line-height:1.4;
	color:#00A453 !important;
	margin:0 0 1em;
}

.compBox{
    background: #c70000;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 20px;
    margin: 40px 0;
}
.compBox a{
    color: #fff !important;        
    }

.comp h3{
	background:#898989;
	color:#fff;
	font-size:108%;
	padding:0.5em 1em;
	text-align:left;
	margin-bottom:0.8em;
}

.compTxt03 {
	font-size:93%;
	text-align:left !important;
}

address.compAd {
	margin:2em 0;
	padding:1em 1em 0.5em;
	border-top:1px dashed #000;
	border-bottom:1px dashed #000;
	line-height:1.4;
	font-style:normal;
	font-size:108%;
	text-align:center;
}

address.compAd p{
	margin-bottom:0.5em;
}

address.compAd a{
	text-decoration:underline;
	color:blue;
}


div.complete {
	width: 790px;
	height: 712px;
	margin: 0 auto;
	position: relative;
}
div.complete p.comTxt {
	width: 790px;
	bottom: 10px;
	position: absolute;
	color: #FFF;
	text-align: center;
}
div.complete p.comTxt a{text-decoration: none;}
div.complete p.comTxt a:link {color:#FFF;}
div.complete p.comTxt a:visited{text-decoration: none; color:#FFF;}
div.complete p.comTxt a:hover{text-decoration: underline; color:#FFF;}
div.complete p.comTxt a:active{text-decoration: none;}

div.completeBtn {
	width: 790px;
	text-align: center;
	margin: 15px auto;
	position: relative;
}

.btn{
	width:565px;
	margin:2em auto !important;
}

/*--------------------------------------------------------
 装飾
--------------------------------------------------------*/
.box-pwd {
    max-width: 600px;
    text-align: center;
    padding: 0.5em 1em;
    margin: 1em auto;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box-pwd p {
    margin: 0; 
    padding: 0;
}

.notes-balloon {
  position: relative;
  display: table;
  margin: 1em auto;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  text-align: center;
  background: #e0edff;
}

.notes-balloon:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #e0edff;
}

.notes-balloon p {
  margin: 0;
  padding: 0;
}