/*-- iPhone --*/
@media screen and (max-width: 768px) {

/*-- common --*/
body {
width: 100%;
margin: 0;
font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
font-size: 0.8em;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
dl {
margin: 0px;
padding: 0px;
}
dt {
margin: 0px;
padding: 0px;
}
dd {
margin: 0px;
padding: 0px;
}

/*-- wrapper --*/
#wrapper {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
background-color: #f5f4f0;
}

/*-- header --*/
#header {
width: 100%;
margin: 0px 0px 18px;
padding: 0px;
background-image: url(../images/bg_header.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
#header h1 {
margin: 0px;
padding: 8px 0px 0px;
text-align: center;
font-size: 0.8em;
}
#header h1 a {
color: #333333;
}
#header p {
margin: 0px;
color: #ffffff;
text-shadow: 1px 1px 3px #000000;
}
#header .logo {
width: 40%;
margin: 0px auto;
padding: 8% 0px 3%;
}
#header .button {
display: none;
}
#header .text {
width: 94%;
margin: 0px auto;
text-align: center;
}

/*-- content --*/
#content {
margin: 0px;
padding: 0px;
}
#content p {
width: 86%;
padding: 0px;
margin: 0px auto 8px;
text-align: center;
}
#content h2 {
width: 92%;
margin: 0px auto 8px;
padding: 3px 1%;
text-align: center;
color: #ffffff;
font-size: 1.4em;
background-image: url(../images/bg_title_h2.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.48);
box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.48);
}
#content h3 {
width: 94%;
margin: 0px auto 6px;
padding: 0px;
font-size: 18px;
text-align: center;
}
#content h4 {
width: 92%;
margin: 0px auto 6px;
text-align: center;
}

/*-- main-101 --*/
#content .main-101 {
margin: 0px 0px 18px;
}
/*-- main-102 --*/
#content .main-102 {
margin: 0px 0px 18px;
}
/*-- main-103 --*/
#content .main-103 {
margin: 0px 0px 18px;
}
/*-- main-104 --*/
#content .main-104 {
margin: 0px 0px 18px;
}
/*-- main-105 --*/
#content .main-105 .box-002 {
width: 94%;
margin: 0px auto 18px;
}
/*-- privacy --*/
#content .privacy {
margin: 15px 15px 25px;
}
/*-- entryform --*/
#content .entryform {
margin: 0px 10px 15px;
}
#content .entryform table {
width: 100%;
}
#content .entryform span {
color: #aa0000;
font-size: 0.8em;
font-weight: normal;
}
#content .entryform label {
display: block;
}
#content .entryform td {
max-width: 100%;
padding: 8px 0px;
font-size: 1.2em;
display: block;
background-color: #EDEAE1;
}
#content .entryform td:nth-of-type(1) {
max-width: 100%;
padding: 5px 0px;
text-indent: 8px;
font-size: 16px;
font-weight: bold;
background-color: #dddddd;
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
}
#content .entryform td:nth-of-type(2) {
max-width: 100%;
padding: 20px 8px;
font-size: 12px;
text-align: center;
-webkit-border-radius: 0px 0px 6px 6px;
-moz-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;
}
#content .entryform input {
max-width: 80%;
font-size: 16px;
}
#content .entryform .submit {
padding: 8px 0px 20px;
text-align: center;
}
#content .entryform .submit input {
margin: 0px auto;
border: none;
padding: 11px 18px;
color: #ffffff;
font-size: 16px;
text-decoration: none;
display: block;
cursor: pointer;
background-color: #B20000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#content .entryform dl {
}
#content .entryform dl:after {
content: "";
display: block;
clear: both;
}
#content .entryform dl dt {
padding: 8px 8px 0px 8px;
margin: 0px 0px 0px 20px;
float: left;
}
#content .entryform dl dt:nth-of-type(2) {
margin: 10px 0px 0px 20px;
padding: 8px 8px 0px 8px;
float: left;
clear: both;
}
#content .entryform dl dd:nth-of-type(2) {
margin: 10px 0px 0px;
}
#content .entryform dl dd {
float: left;
margin: 0px;
padding: 0px;
}
#content .entryform.mail input {
width: 300px;
font-size: 1.6em;
}
#content .entryform.mail .submit input {
width: auto;
}
#content .entryform.mail td {
display: block;
text-align: center;
}
#content .entryform.mail td.submit {
padding: 10px 0px 20px;
}
#content .entryform label.error {
color: #aa0000;
}

/*-- footer --*/
#footer {
max-width: 100%;
margin: 0px;
padding: 10px 0px;
text-align: center;
clear: both;
}
#footer p {
margin: 0px 15px 5px;
}
#footer .phone.pc {
display: none;
}

/*-- pagetop --*/
.pagetop {
display: none;
position: fixed;
bottom: 15px;
right: 15px;
}
.pagetop a {
width: 45px;
height: 45px;
display: block;
z-index: 100;
position: relative;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 18px;
line-height: 45px;
background-color: #333333;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);
}

}

/*-- Pc --*/
@media screen and (min-width: 769px) {

/*-- common --*/
html {
width: 100%;
}
html, body, div, p {
margin: 0px;
padding: 0px;
}
body {
width: 100%;
font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
background-color: #eeeeee;
}
img {
border: none;
vertical-align: bottom;
}

/*-- wrapper --*/
#wrapper {
width: 1000px;
margin: 0px auto 25px;
overflow: hidden;
background-color: #f5f4f0;
-webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.65);
box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.65);
}

/*-- header --*/
#header {
width: 1000px;
height: 300px;
margin: 0px;
position: relative;
z-index: 100;
background-image: url(../images/bg_header.jpg);
background-repeat: no-repeat;
-webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.48);
box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.48);
}
#header h1 {
margin: 0px;
padding: 8px 0px 0px;
font-size: 12px;
font-weight: normal;
text-indent: 18px;
position: absolute;
}
#header h1 a {
color: #333333;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: underline;
}
#header .logo {
margin: 0px;
padding: 105px 0px 0px;
text-align: center;
}
#header .button {
margin: 22px 35px 0px 0px;
float: right;
}
#header .text p {
padding: 20px 0px 0px;
clear: both;
text-align: center;
}
#header .text p.attention {
margin: -28px 39px 0px 0px;
padding: 0px;
color: rgb(255, 255, 255);
font-size: 12px;
text-align: right;
}
#content .main-101 .box-003 p.right {
padding: 70px 0px 0px 712px;
color: #ffffff;
font-size: 12px;
}

/*-- content --*/
#content {
width: 1000px;
margin: 0px auto;
padding: 0px;
color: #333333;
font-size: 14px;
position: relative;
z-index: 10;
}
#content h2 {
width: 860px;
height: 44px;
margin: 0px auto 18px;
padding: 6px 0px 0px;
position: relative;
text-align: center;
color: #ffffff;
font-size: 24px;
background-image: url(../images/bg_title_h2.jpg);
background-repeat: no-repeat;
-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.48);
box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.48);
}
#content h2:before {
width: 133px;
height: 88px;
margin: -18px 0px 0px -20px;
display: block;
content: "";
position: absolute;
top: 0px;
left: 0px;
background-image: url(../images/bg_title_flower.png);
background-repeat: no-repeat;
}
#content h2:after {
width: 126px;
height: 88px;
margin: -26px -24px 0px 0px;
display: block;
content: "";
position: absolute;
top: 0px;
right: 0px;
background-image: url(../images/bg_title_flower.png);
background-repeat: no-repeat;
background-position: -134px 0px;
}
#content h3 {
margin: 0px;
padding: 0px;
}
#content p {
}
#content dl {
margin: 0px;
padding: 0px;
}
#content dt {
margin: 0px;
padding: 0px;
}
#content dd {
margin: 0px;
padding: 0px;
}
#content a {
text-decoration: none;
color: #333333;
}
#content a:hover {
text-decoration: underline;
}
#content a img:hover {
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);
}
#content p {
padding: 0px 0px 8px;
text-align: center;
font-size: 16px;
}
#content p.description {
width: 830px;
margin: 0px auto 20px;
padding: 0px;
font-size: 18px;
}
#content .box {
width: 800px;
margin: 0px auto 18px;
}
#content .clearfix:after {
clear: both;
display: block;
content: "";
}

/*-- main-100 --*/
#content .main-100 {
margin: 0px 0px 30px;
}
/*-- main-101 --*/
#content .main-101 {
margin: 0px 0px 30px;
}
/*-- main-102 --*/
#content .main-102 {
width: 1000px;
margin: 0px 0px 30px;
}
/*-- main-103 --*/
#content .main-103 {
width: 1000px;
margin: 0px 0px 30px;
}
/*-- main-104 --*/
#content .main-104 {
margin: 0px 0px 30px;
}
/*-- main-105 --*/
#content .main-105 {
margin: 0px 0px 30px;
}

/*-- privacy --*/
#content .privacy {
margin: 15px 0px 25px;
padding: 0px 25px;
}
#content .privacy h3 {
margin: 0px 0px 16px;
padding: 0px;
text-align: left;
border-bottom: solid 1px #eeeeee;
}
#content .privacy p {
margin: 0px 0px 16px;
text-align: left;
}

/*-- button --*/
#content .entrybutton {
padding: 240px 75px 0px 0px;
float: right;
}
#content .entrybutton a {
padding: 11px 18px;
color: #ffffff;
font-size: 18px;
text-decoration: none;
display: block;
background-color: #B20000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#content .entrybutton a:hover {
background-color: #d31d1d;
}

/*-- entryform --*/
#content .title-entryform {
margin: 0px 0px 20px;
}
#content .text-entryform-001 {
margin: 0px 0px 10px;
}
#content .entryform {
padding: 0px 0px 50px;
font-size: 16px;
}
#content .entryform p {
text-align: center;
}
#content .entryform .attention {
color: #888888;
}
#content .entryform label.error {
position: absolute;
margin: -52px 0px 0px 0px;
display: block;
background-color: #ee0000;
color: #ffffff;
font-size: 10px;
padding: 2px 15px;
border-radius: 5px;
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
opacity: 0.60;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter:alpha(opacity=60);
}
#content .entryform label.error:before {
content: "";
position: absolute;
bottom: -10px;
left: 18px;
border: 5px solid transparent;
border-top: 5px solid #ee0000;
}
#content .entryform input.error {
border: solid 1px #ff7777;
}
#content .entryform dl {
margin: 0px;
padding: 0px;
}
#content .entryform dl dt {
padding: 8px 0px 0px;
float: left;
}
#content .entryform dl dt:nth-of-type(2) {
padding: 8px 0px 0px 15px;
}
#content .entryform dl dd {
padding: 0px;
margin: 0px 0px 0px 8px;
float: left;
}
#content .entryform textarea {
width: 480px;
}
#content .entryform table {
width: 820px;
margin: 0px auto 24px;
padding: 0px;
border: solid 2px #aaaaaa;
border-collapse: collapse;
}
#content .entryform table td {
}
#content .entryform table td:nth-of-type(odd) {
width: 200px;
padding: 8px 16px;
border-right: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
background-color: #dddddd;
}
#content .entryform table td:nth-of-type(even) {
padding: 8px 16px;
background-color: #EDEAE1;
border-bottom: solid 1px #ffffff;
}
#content .entryform span {
padding: 1px 8px;
font-size: 12px;
color: #ffffff;
background-color: #aa0000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#content .entryform input {
padding: 5px 8px;
font-size: 16px;
font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: solid 1px #dddddd;
}
#content .entryform textarea {
padding: 5px 8px;
font-size: 16px;
font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
}
#content .entryform .submit {
padding: 20px 0px;
text-align: center;
}
#content .entryform .submit input {
padding: 6px 24px 8px;
border:none;
color: #ffffff;
font-size: 24px;
border: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #B20000;
-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
#content .entryform .submit input:hover {
cursor: pointer;
background-color: #d31d1d;
}

/*-- footer --*/
#footer {
width: 960px;
height: 130px;
margin: 0px auto 0px;
padding: 15px 0px 0px;
border-top: solid 1px #eeeeee;
clear: both;
}
#footer p {
padding: 0px 0px 8px;
color: #333333;
text-align: center;
font-size: 18px;
}
#footer a {
color: #333333;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer .phone.sp {
display: none;
}
#footer p.copyright {
font-size: 12px;
}

/*-- pagetop --*/
.pagetop {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
}
.pagetop a {
width: 45px;
height: 45px;
display: block;
z-index: 100;
position: relative;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 18px;
line-height: 45px;
background-color: #333333;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);
}

}

.social-area-syncer
{
	width: 100% ;
	min-height: 190px ;
	padding: 1.5em 0 ;
}

@media screen and ( min-width:480px )
{
	.social-area-syncer
	{
		min-height: 50px ;
	}
}

ul.social-button-syncer
{
	width: 238px ;
	margin: 18px auto ;
	padding: 0 ;
	border: none ;
	list-style-type: none ;
}

@media screen and ( min-width:480px )
{
	ul.social-button-syncer
	{
		width: 338px ;
	}
}

ul.social-button-syncer li
{
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
}

/* [Twitter] */
.sc-tw
{
	width: 71px ;
}

/* [Facebook] */
.sc-fb
{
	z-index: 99 ;
	width: 69px ;
}