@charset "utf-8";

* {
	color: #6E4F3A;
}

#wrapper {
	margin:0;
	padding:0;
	background-color: #f8f5f1;
}

.moji_s { /* 薄めの文字設定 */
	font-size:12px;
	color:#595757;
	letter-spacing:0.03em;
	line-height:2em;
}

/* （オンマウスで画像を薄く-ゆっくり）imgタグにクラスを追加-ズレ対策済 */
.filter_sp {
    -webkit-backface-visibility: hidden; /* ズレ対策 */
    backface-visibility: hidden; /* ズレ対策 */
    -webkit-transition: 0.1s ease-in;
    transition: 0.1s ease-in;
    filter: alpha(opacity=100);
    opacity: 1;
}

/* オンマウスで画像を薄く */
.filter_sp:hover {
	opacity: 0.5 ; /* 濃さ0～1 */
	filter: alpha(opacity=50) ;	/* Ie用 */
}

a:link { color: #FFF;}
a:visited { color: #f1e677;}
a:hover { color: #f1e677;}
a:active { color: #FFF;}


/* PCで表示しない */
.no-pc {
	display: none;
}

h1 {
	text-align: center;
	margin: 0 0 60px 0;
	padding: 70px 0 0 0;
}

h1 img {
	width:817px;
	height: 179px;
}

h2,h3 {
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


/* contents-1 */

.contents {
	width:800px;
	margin:0 auto;
	padding: 0;
	background: url(img/title-1.gif) no-repeat left top #FFFFFF;
	background-position: 60px 50px;
}

.contents-box {
	width: 505px;
	padding-left: 235px;
	padding-top: 37px;
	text-align: center;
	margin-bottom: 43px;
}

.contents-box h2 {
	margin-bottom: 27px;
}

.contents-box h2 img {
	width: 507px;
	height: 46px;
}

.shiawase {
	margin-bottom: 15px;
}

.shiawase img {
	width: 465px;
	height: 221px;
}

.shiawase-text {
	width: 480px;
	margin: 0 auto;
	padding: 0;
	line-height: 2em;
}

.shiawase-text p {
	text-align: left;
	margin-bottom: 15px;
}

.color-gold {
	color: #9F8138;
}

.happy-leaf img {
	width: 504px;
	height: 141px;
}

.happy-leaf-text-1 {
	text-align: left;
	font-size: 17.7px;
	letter-spacing: 0.1em;
	padding-left: 12px;
	padding-bottom: 3px;
}

.happy-leaf-text-2 {
	text-align: left;
	font-size: 15.5px;
	padding-left: 25px;
	padding-bottom: 30px;
}


/* contents-2 */

.contents-2 {
	width:800px;
	margin:0 auto;
	padding: 0;
	background-image:
		url(img/title-2.gif),
		url(img/Illust.gif);
	
	background-repeat:
		no-repeat,
		no-repeat;
	
	background-position:
		60px 40px,
		75px 790px;
	
	background-color:
		#FFFFFF;
}

.contents-2-box {
	width: 505px;
	padding-left: 235px;
	padding-top: 50px;
	text-align: center;
}

.contents-2-box h2 {
	margin-bottom: 35px;
}

.contents-2-box h2 img {
	width: 507px;
	height: 46px;
}

.shiori-box {
	margin-bottom: 50px;
}

.shiori-img img {
	width: 450px;
	height: 241px;
}

.shiori-text-1, .shiori-text-2, .shiori-text-3, .shiori-text-4 {
	width: 410px;
	margin: 0 auto;
	padding: 0;
}

.shiori-text-1 p {
	text-align: left;
	font-size: 18.4px;
	padding: 5px 0 0 23px;
}

.shiori-text-2 p {
	text-align: left;
	font-size: 18.4px;
	padding: 5px 0 0 25px;
}

.shiori-text-3 p {
	text-align: left;
	font-size: 18.4px;
	padding: 5px 0 0 35px;
}

.shiori-text-4 p {
	text-align: left;
	font-size: 18.4px;
	padding: 5px 0 54px 38px;
}

.shiori-indent-1 { /* 2行目以降を0.5文字下げ */
	padding-left:0.5em;
	text-indent:-0.5em;
}

.color-pink {
	color: #EC6D65;
}


/* contents-3 */

.contents-3 {
	width:800px;
	margin:0 auto;
	padding: 0;
	background-color: #FFFFFF;
	text-align: center;
}

.contents-3-box {
	padding-top: 37px;
	text-align: center;
	margin-bottom: 43px;
}

.contents-3-box h2 {
	margin-bottom: 40px;
}

.mihon {
	margin-bottom: 45px;
}

img.mihon-1 {
	width: 363px;
	height: 145px;
}

img.mihon-2 {
	width: 312px;
	height: 145px;
}

.mihon-text {
	font-size: 18.4px;
	padding-bottom: 25px;
}


/* footer */

#sp_footer {
	width:100%;
	margin:0 auto;
	padding:0;
	-webkit-font-smoothing: antialiased;/* フォント細く */
	-moz-osx-font-smoothing: grayscale;/* フォント細く */
}

.sp_footer_box{
	width:810px;
	margin:0 auto;
	padding:0 0 20px 0;
	color:#FFFFFF;
	font-size: 13.2px;
}

.info_l {
	float: left;
}

.info_r {
	float: right;
	width: 218px;
	text-align: right;
	border-left: 1px dashed #6E4F3A;
	margin-top: 10px;
}

.info_r img {
	vertical-align: top;
}

.sp_footer_box {
	padding-top: 30px;
}

.info_1, .info_2, .info_3 {
	margin-bottom: 10px;
}

.rogo {
	width: 19px;
	height: 36px;
	vertical-align: bottom;
	margin-right: 12px;
}

.sp_name {
	font-size: 18.5px;
	letter-spacing: 0.12em;
	margin-right: 20px;
}

.sp_tel {
	font-size: 18.5px;
}

.home {
	width: 66px;
	height: 101px;
	margin-right: 33px;
}

.go-top {
	width: 90px;
	height: 80px;
	margin-top: 6px;
}