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

@font-face {
  font-family: 'MiuraGotic Propo';
  src: url('https://www.rakuten.ne.jp/gold/sealdename/font/miuragoticpropo-wf.woff2') format('woff');
}


.w600{
	width: 100%;
	margin: 0 auto;
}
.w600 .txtSt01{
	font-size: 93%;
	color: #946134;
	text-align: left;
	padding: 1em 1em 2em;
}

.bnrBox{
	margin: 1em 0.5em 2em;
}

@media screen and (min-width: 1024px){
    .w600{
		width: 600px;
		margin: 0 auto;
	}
	.w600 .txtSt01{
		font-size: 13px;
		padding: 1em 0.5em 0;
	}
	
	.w600 .balloon1,
	.w600 .balloon2,
	.w600 .balloon3,
	.w600 .balloon4,
	.w600 .balloon5,
	.w600 .balloon6,
	.w600 .balloon7,
	.w600 .balloon8{
		margin: 3em 0 2em !important;
	}
	
	.bnrBox{
		width: 620px;
		margin: 20px auto 40px;
	}
}

/*--------------------------------------------------------
　吹き出し
--------------------------------------------------------*/
.balloon1,.balloon2,.balloon3,.balloon4,.balloon5,.balloon6,.balloon7,.balloon8 {
    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,.balloon6:before,.balloon7:before,.balloon8: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;
}

/*　黄色*/
.balloon5 {
    background: #fffbe4 !important;
}
.balloon5:before{
    border-top: 15px solid #fffbe4;
}

/*　茶色*/
.balloon6 {
    background: #f1e3d7 !important;
}
.balloon6:before{
    border-top: 15px solid #f1e3d7;
}

/*　青緑　貼るカラ*/
.balloon7 {
    background: #e4f3f1 !important;
}
.balloon7:before{
    border-top: 15px solid #e4f3f1;
}

/*　さくら色 */
.balloon8 {
    background: #FFE7E8 !important;
}
.balloon8:before{
    border-top: 15px solid #FFE7E8;
}

/*--------------------------------------------------------
　index見出し
--------------------------------------------------------*/
.idxH1{
	width: 100%;
    /*width: 96.875%;*/
    font-size: 123.8%;
    color: #ffffff;
	font-weight: bold;
	background-color:#333 ;
    text-align: center;
    padding: 0.5em 0 ;
    margin: 1em auto ;   
	/*border-radius: 6px;*/
	letter-spacing: 0.1em;
}
.idxH2{
	font-size: 123.8%;
	line-height: 1.4;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 0 1em ;
    margin: 1em auto ;
	letter-spacing: 0.1em;
}

.idxH1 span{
	border: 1px dashed #FFFFFF;
	display: block;
	margin-top: 0.3em;
}

.st1-seal{
	background-color:#BE0000 !important; 
}
.st1-stamp{
	background-color:#FF3399 !important; 
}
.st1-wappen{
	background-color:#b57655 !important; 
}
.st2-wappen{
    color: #b57655 !important;
}
.st1-towel{
	background-color:#ff5430 !important; 
}
.st2-towel{
    color: #ff5430 !important;
}

.stRnk {
	font-size: 100%;
    color: #484848;
    font-weight: normal;
    text-align: center;
	background-color:#E8E8EB ;
	padding: 0.8em;
	margin-top: 2em;
}

.stRnk::before {
	margin-right: 1em;
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url("/gold/sealdename/sp/sp_img/common/ico_clover2.png") no-repeat;
    background-size: contain;
	vertical-align: middle;
}
.stRnk::after {
	margin-left: 1em;
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url("/gold/sealdename/sp/sp_img/common/ico_clover2.png") no-repeat;
    background-size: contain;
	vertical-align: middle;
}

/*--------------------------------------------------------
　商品ページ見出し
--------------------------------------------------------*/
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("../sp_img/common/ico_cat.png"), url("../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;
}
h2.stH2-normal{
    font-size: 120%;
	line-height: 1.4;
    color: #946134;
    font-weight: bold;
    text-align: center;
    padding: 0 2em;
    margin: 2em auto 1em;
}

#seal h1.stH1{
    color: #595757;
    border: 1px dotted #595757;      
}

#harucolor h1.stH1{
    color: #000000;
    border: 1px dotted #000000;      
}
#harucolor h2.stH2{
    color: #000000;
	background: #ededed;
}
#harucolor .txtBlock{
	color: #000000;	
}

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

#main .section{
	margin-bottom: 2em;
}

/*--------------------------------------------------------
　スペース設定
--------------------------------------------------------*/
.SW5 { padding: 0.5em !important; }
.SW10 { padding: 0.75em !important; }
.SW20 { padding: 1em !important; }
.SW30 { padding: 1.5em !important; }
.SW40 { padding: 2em !important; }

.ST0 { margin-top: 0 !important; }
.ST5 { margin-top: 0.5em !important; }
.ST10 { margin-top: 1em !important; }
.ST20 { margin-top: 1.5em !important; }
.ST30 { margin-top: 2em !important; }
.ST40 { margin-top: 2.5em !important; }
.ST50 { margin-top: 3em !important; }
.ST60 { margin-top: 3.5em !important; }
.ST70 { margin-top: 4em !important; }
.ST80 { margin-top: 4.5em !important; }
.ST90 { margin-top: 5em !important; }
.SB0 { margin-bottom: 0 !important; }
.SB5 { margin-bottom: 0.5em !important; }
.SB10 { margin-bottom: 1em !important; }
.SB20 { margin-bottom: 1.5em !important; }
.SB30 { margin-bottom: 2em !important; }
.SB40 { margin-bottom: 2.5em !important; }
.SB50 { margin-bottom: 3em !important; }
.SB60 { margin-bottom: 3.5em !important; }
.SB70 { margin-bottom: 4em !important; }
.SB80 { margin-bottom: 4.5em !important; }
.SB90 { margin-bottom: 5em !important; }
.STB0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.STB5 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }
.STB10 { margin-top: 1em !important; margin-bottom: 1em !important; }
.STB20 { margin-top: 1.5em !important; margin-bottom: 1.5em !important; }
.STB30 { margin-top: 2em !important; margin-bottom: 2em !important; }
.STB40 { margin-top: 2.5em !important; margin-bottom: 2.5em !important; }
.STB50 { margin-top: 3em !important; margin-bottom: 3em !important; }
.STB60 { margin-top: 3.5em !important; margin-bottom: 3.5em !important; }
.STB70 { margin-top: 4em !important; margin-bottom: 4em !important; }
.STB80 { margin-top: 4.5em !important; margin-bottom: 4.5em !important; }
.STB90 { margin-top: 5em !important; margin-bottom: 5em !important; }

@media screen and (min-width: 1024px){
	h1.idxH1{
		width: 620px;
		padding: 10px 0;
		margin: 10px auto 30px;
		font-size: 20px;
		border-radius: 8px;
	}
	h2.idxH2{
		font-size: 20px;
	}
	.st1-wappen{
		background-color:#bd6a3b !important; 
	}

		h1.stH1{
			font-size: 16px;
		}
		h2.stH2{
			font-size: 16px;
		}
		h2.stH2-normal{
			font-size: 20px;
		}

		#main .section{
		margin-bottom: 60px;
	}
	
	/*--------------------------------------------------------
	 スペース設定
	--------------------------------------------------------*/
	.ST0 { margin-top: 0 !important; }
	.ST5 { margin-top: 5px !important; }
	.ST10 { margin-top: 10px !important; }
	.ST20 { margin-top: 20px !important; }
	.ST30 { margin-top: 30px !important; }
	.ST40 { margin-top: 40px !important; }
	.ST50 { margin-top: 50px !important; }
	.ST60 { margin-top: 60px !important; }
	.ST70 { margin-top: 70px !important; }
	.ST80 { margin-top: 80px !important; }
	.ST90 { margin-top: 80px !important; }
	.SB0 { margin-bottom: 0 !important; }
	.SB5 { margin-bottom: 5px !important; }
	.SB10 { margin-bottom: 10px !important; }
	.SB20 { margin-bottom: 20px !important; }
	.SB30 { margin-bottom: 30px !important; }
	.SB40 { margin-bottom: 40px !important; }
	.SB50 { margin-bottom: 50px !important; }
	.SB60 { margin-bottom: 60px !important; }
	.SB70 { margin-bottom: 70px !important; }
	.SB80 { margin-bottom: 80px !important; }
	.SB90 { margin-bottom: 90px !important; }
	.STB0 { margin-top: 0 !important; margin-bottom: 0 !important; }
	.STB5 { margin-top: 5px !important; margin-bottom: 5px !important; }
	.STB10 { margin-top: 10px !important; margin-bottom: 10px !important; }
	.STB20 { margin-top: 20px !important; margin-bottom: 20px !important; }
	.STB30 { margin-top: 30px !important; margin-bottom: 30px !important; }
	.STB40 { margin-top: 40px !important; margin-bottom: 40px !important; }
	.STB50 { margin-top: 50px !important; margin-bottom: 50px !important; }
	.STB60 { margin-top: 60px !important; margin-bottom: 60px !important; }
	.STB70 { margin-top: 70px !important; margin-bottom: 70px !important; }
	.STB80 { margin-top: 80px !important; margin-bottom: 80px !important; }
	.STB90 { margin-top: 90px !important; margin-bottom: 90px !important; }
}