/*……………………………BODY……………………………*/

body { font-family: "メイリオ", "Osaka", Arial, Sans-Serif; width:100%; background:url(../img/bg.gif); }

a img:link { transition: 0.3s; }
a img:hover { opacity: 0.8; transition: 0.3s; } 


/*……………………………BASS h1……………………………*/

h1 { width:100%; position:absolute; top:50% ;left: 0; right: 0;  text-align:center; }


@media only screen and (max-width: 1200px) {
	
	h1 { }
}

@media only screen and (max-width: 780px) {
	
	h1 { }
}


@media only screen and (max-width: 480px) {
	
	h1 { }
}

@media only screen and (max-width: 320px) {
	
	h1 { }
}


/*……………………………MAIN……………………………*/

div#container  { width:1000px; margin:0px auto 70px auto; }

div#header { width:100%; height:486px; background:url(../img/header_bg.png) no-repeat center center; background-size:100%; margin:20px 0px 0px 0px; }
div#header img { width:100%; }

div#box1 { background:url(../img/box1_bg.gif); text-align:center; padding:5px 0px 30px 0px; }
div#box1 img { margin:10px 0px; }

div#box2 { background:#FFFFFF; text-align:center; padding:50px 0px 0px 0px; }
	
	div#box2 div.box2_1 { width:900px; height:205px; background:url(../img/box2_1_bg.png) no-repeat; background-size:900px 205px; margin:auto; position:relative; }
	div#box2 div.box2_1 p { position:absolute; top:170px; left: 0; right: 0; }
	div#box2 div.box2_1 img { width:80px; position:absolute; top:80px; left: 0; right: 0; margin:auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
	
	div#box2 div.box2_2 { background:url(../img/box2_2_bg.png);  }
	
	div#box2 div.box2_3 { background:url(../img/box2_3_bg.gif); }
			div.yt { width:100%; height:430px; padding:190px 0px 0px 0px; background:url(../img/box2_3.png) no-repeat center center; background-size:100%; }
			
	div#box2 div.box2_4 { background:url(../img/box2_4_bg.gif); }
	
div#box5 { width:100%; height:200px; background:url(../img/box2_5_bg.png) no-repeat center bottom; background-size:100%; position:relative; }
div#box5 img { position:absolute; top:90px; right:20px; }

div.buy { background:url(../img/buy_bg.png) #FFFFFF no-repeat; width:100%; height:245px; position:relative; }
div.buy img { position:absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

div#footer { background:#38a6a7; padding:30px 0px; text-align:center; color:#FFFFFF; }
div#footer a { color:#ffffff; text-decoration:underline; }
div#footer a:hover { text-decoration:none; }
/*……………………………ボタン……………………………*/

p.btn { display:inline-block; height:80px; }
p.btn a { display:block; font-size:14px; font-weight:bold; padding:10px 20px; color:#FFFFFF; text-decoration:none; text-align:center; border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: 0.3s;
background:#55acee;
/* box-shadow */
box-shadow:rgb(207, 207, 207) 3px 3px 0px 1px; -webkit-box-shadow:rgb(207, 207, 207) 3px 3px 0px 1px; -moz-box-shadow:rgb(207, 207, 207) 3px 3px 0px 1px; }
p.btn a:hover { color:#55acee; text-decoration:none; border:1px solid #55acee; margin:3px 0px 0px 3px; background:#FFFFFF;  transition: 0.3s;
/* box-shadow */
box-shadow:rgb(207, 207, 207) 0px 0px 0px 0px; -webkit-box-shadow:rgb(207, 207, 207) 0px 0px 0px 0px; -moz-box-shadow:rgb(207, 207, 207) 0px 0px 0px 0px; }

		/*……IE……*/
		.ie8 p.btn a { background:#F15C02; }
		.ie8 p.btn a:hover { background:#FFFFFF; }
		.ie9 p.btn a { background:#F15C02; }
		.ie9 p.btn a:hover { background:#FFFFFF; }
		

/*……………… Lightbox ………………*/

ul#gallery { text-align:center; padding:10px 0px; }
ul#gallery li { width:20%; margin:5px 10px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
ul#gallery li img { width:100%; }

#Choco_overlay { width:100%; height:100%; position: fixed; top: 0; left: 0; z-index: 999999; display:none; padding:0; margin:0; }
#Choco_content { display:none; z-index:9999999; position:fixed; left:50%; top:50%; }
#Choco_left_arrow { float:left; background-position:12%; left:-14%; }
#Choco_right_arrow { float:right; background-position:88%; left:14%; }
		.Choco_arrows { background-repeat:no-repeat; background-size:60px 60px; display:none; position:relative; cursor:pointer; width:49%; top:-100%; height:100%; margin-top:-30px; }
		
#Choco_container_photo { text-align:center; }
#Choco_container_description { padding:0; height:26px; width:100%; color:#666666; clear:both; position:relative; font-size:13px; margin-top:-5px; overflow:hidden; visibility:hidden; }
#Choco_container_title { float:left; padding:5px; }
#Choco_container_via { padding:5px; float:right; }
#Choco_container_via a { color:gray; }
#Choco_container_via a:hover { color:white; background:gray; }
#Choco_close { width:50px; height:50px; background-size:100% 100%; background-repeat:no-repeat; z-index:1002; cursor:pointer; margin-top:-20px; display:none; }
#Choco_loading { width:9px; height:11px; background-image:url(../img/ico/loading.gif); background-repeat:no-repeat; z-index:1002; cursor:pointer; float:right; margin-top:-20px; display:none; }
#Choco_bigImage { display:none; position:relative; margin-top:-5px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }


/*……………… SNS ………………*/

.social-area-syncer { width: 100% ; min-height: 70px; }

ul.social-button-syncer { width: 100% ; text-align:center; padding:20px 0px 0px 0px; }
ul.social-button-syncer li { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; text-align: center ; vertical-align:top; margin: 0 8px ; padding:0 ; }


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

/* [Facebook] */
.sc-fb { z-index: 99 ; width: 69px ; padding:0px 0px 3px 0px !important; }

/* [LINE] */
.sc-li { height:auto;}

.sc-li-img { border: none ; margin: 0 auto !important; padding:0 !important; width: 71px ; }