/*
Template Name: カスタマイズ用スタイルシート

-------------------------------------------
  テンプレートをカスタマイズする際はこちらに
  変更や追加のコードをご記入下さい。
-------------------------------------------*/


.econtent-i table, .econtent-i table td {
	border:1px solid #DDDDDD;
	border-collapse: collapse;
}

@media screen and (max-width: 480px) {
br {display: none;}}


#widget_form input.btn2 {
	width: 400px;
	height: 95px;
	margin: 10px auto;
	padding: 0;
	background: url(img/mail_review/mailsend.png) center no-repeat;
	background-size: contain;
	overflow: hidden;
	font-size: 0;
}
#widget_form input.btn2:hover {
	background: url(img/mail_review/mailsenda.png) center no-repeat;
	background-size: contain;
}

.frame_border {
border: 1px solid #CCC;
padding: 1px;
}




#right_side ul.wpp-list li {
	background: none;
	padding: 7px 0 0 0;
}


.add1 {
width:128px;
min-height:128px;
background:url(img/shortcode/pic1.png) right no-repeat;
}
.add2 {
width:128px;
min-height:128px;
background:url(img/shortcode/pic2.png) no-repeat;
}
.add3 {
width:128px;
min-height:128px;
background:url(img/shortcode/pic3.png) no-repeat;
}
.add4 {
width:128px;
min-height:128px;
background:url(img/shortcode/pic4.png) no-repeat;
}
.add2, .add3, .add4 {
float:left;
}
.add1 {
float:right;
}

@media screen and (max-width: 768px){
.add1, .add2, .add3, .add4 {
width:50%;
clear:both;
margin:0 25%;
padding:0;
}
}