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

/*--------お知らせ--------*/
/*当店について スマホ用レイアウト設定*/
.textbox{
	width: auto;
	max-width: none;
	border: none;
	margin: 0 ;
	padding: 0;
}
/*--------お知らせ--------*/

.system-1 img{
	display: inline-block;
	width: 90px;
	height: auto;
	margin: 1% 2%;
}

.system-p{
    display: inline-block;
    width: 85%;
    font-size: .8rem;
    color: #333;
    vertical-align: middle;
}

.system-p b{
	padding: 1% 0;
    font-size: 18px;
	font-feature-settings: "palt";
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
}

.p-box{
	margin:5%;
}

.p-box2{
	margin:2% 5% 2% 5%;	
}
.p-box3{
	margin: 1% 5% 0 0;
}
.p-box4{
	margin: 1% 2.8% 0 5%;
}


.p-box-bottom{
	margin-bottom:3.5%; 
}

h3{
	background-color: #e4fdbc;
	padding: 1% 2%;
	margin: 2% 0;
	color: #469d3d;
	border-radius: 10px;
}

.ex2{
 position:absolute;
 visibility:hidden;
 top:-80px;
}


.midasi:before{
	content:"● ";
}

.system-title{
	color:#6C98A3;
	font-weight:bold;
	font-size:3.6vw;
	letter-spacing: 0.5px;
	display: inline-block;
}

.hasou {
	color: #333;
	font-weight: bold;
	margin-bottom: 1.5%;
}

.setumei p{
	margin:2%;
}

.underline {
	border-bottom: #ccc solid 1px;
	padding-bottom: 3%;
}

.hasou:before {
    content: "● ";
}

.hasou1-p {
	margin: 2%;
}

.hasou2-p{
	margin: 2%;
	font-size: .85rem;
	line-height: 2;
	color: #333;
}


/*贈り主*/
.giver{
	color: #FF5722;
}

/*先様*/
.getter{
	color: #3F51B5;
}

/*リンク*/
.linkbutton{
	padding: 1% 2%;
	border: 2px #ccc solid;
	border-radius: 5px;
	margin: 0 0 2% 0;
	width: auto;
	display: inline-block;
}

.link-ct{
	background-color: #FF5722;
	padding: 2%;
	width: 50%;
	display: block;
	color: #fff;
	border-radius: 5px;
	margin: 6% auto;
	text-align: center;
}

.linkbutton:hover,
.link-ct:hover{
	text-decoration:underline;
}