@charset "utf-8";


/*
 *　index
 */
 
 
/****************************************************
 ----------------------------------------------------



	Main Slider

	
	
 ----------------------------------------------------
****************************************************/

#main_slider {
	margin:15px 0;
}
@media (min-width:768px) {
#main_slider {
	margin:30px 0 15px 0;
}
}

/* ==================================================


	slider Pro Custom
   

================================================== */

.sp-arrow {
	width: 10px;
}
.sp-grab, .sp-grabding {
	cursor:default;
}
.sp-button {
	width: 12px;
	height: 12px;
	margin: 10px;
}
.sp-horizontal .sp-previous-arrow {
	left: 8%;
	margin:0 0 0 0;
}
.sp-horizontal .sp-next-arrow {
	right: 8%;
	margin:0 -0 0 0;
}

@media (min-width:1200px) {
.sp-horizontal .sp-previous-arrow {
	left: 50%;
	margin:0 0 0 -550px;
}
.sp-horizontal .sp-next-arrow {
	right: 50%;
	margin:0 -550px 0 0;
}
}

/****************************************************
 ----------------------------------------------------



	Pickup

	
	
 ----------------------------------------------------
****************************************************/

#pickup_wrap {
	padding:30px 0;
	margin:0 0 30px 0;
}
#pickup {
	text-align:center;
	max-width:980px;
}
#pickup a {
	text-decoration:none;
}
#pickup a:hover {
	opacity:.6;
}
#pickup img {
	width:100%;
	height:auto;
	margin:0 0 15px 0;
}
#pickup dl dt {
	font-size:14px;
	font-size:1.4rem;
	padding:0 0 10px 0;
	font-weight:bold;
}
#pickup dl dd {
	font-size:12px;
	font-size:1.2rem;
	line-height:1.6em;
	padding:15px 0 0 0;
}
@media (min-width:768px) {
#pickup_wrap {
	padding:70px 0;
	margin:0 0 50px 0;
}
#pickup dl dt {
	font-size:18px;
	font-size:1.8rem;
	padding:0 0 15px 0;
}
#pickup dl dd {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8em;
}
}

/****************************************************
 ----------------------------------------------------



	Top - Item Gallery

	
	
 ----------------------------------------------------
****************************************************/

/* ==================================================


	Item Slider
   

================================================== */

#item_slider {
	margin:0 0 30px 0;
	padding:0 0 30px 0;
}
#item_slider .nav {
	font-size:12px;
	font-size:1.2rem;
	margin:0 0 10px 0;
}
#item_slider .nav a {
	text-decoration:none!important;
}
#item_slider .nav .active a {
	font-weight:bold;
}
#item_slider  > p {
	text-align:right;
	margin:0 0 25px 0;
}

@media (min-width:768px) {
#item_slider {
	margin:0 0 80px 0;
	padding:0 0 80px 0;
}
#item_slider .nav {
	font-size:14px;
	font-size:1.4rem;
}
}

/* ==================================================


	bxSlider Custom
   

================================================== */

.bx-slider li {
	width:160px!important;
	height:280px;/*高さ書かないとタブ切り替えの時表示されない*/
}
.bx-wrapper {
	position:relative;
	width:330px!important;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
	content:"";
	width:0px;
	height:0px;
	position:absolute;
}
.bx-wrapper .bx-prev {
	left:10px;
	transform:rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
}
.bx-wrapper .bx-next {
	right:10px;
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.bx-wrapper .bx-controls-direction a {
	position:absolute;
	top:80px;
	margin-top:-7px;
	width:14px;
	height:14px;
	z-index:9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	opacity:.2;
}

@media (min-width:600px) {
.bx-wrapper {
	width:500px!important;
}
}
@media (min-width:768px) {
.bx-wrapper {
	width:670px!important;
}
.bx-wrapper .bx-prev {
	left:-30px;
}
.bx-wrapper .bx-next {
	right:-30px;
}
.bx-wrapper .bx-controls-direction a.disabled {
	opacity:0;
}
}
@media (min-width:992px) {
.bx-wrapper {
	width:840px!important;
}
}

/****************************************************
 ----------------------------------------------------



	Information

	
	
 ----------------------------------------------------
****************************************************/

.information {
	margin:0 0 30px 0;
}
.information dl {
	text-align:center;
}
.information dl dt {
	font-size:12px;
	font-size:1.2rem;
	line-height:1.8em;
}
.information dl dt span {
	display:block;
	font-weight:bold;
	margin:0 0 5px 0;
	font-size:11px;
	font-size:1.1rem;
}
.information dl dt span:before {
	content:"[";
	margin:0 5px 0 0;
}
.information dl dt span:after {
	content:"]";
	margin:0 0 0 5px;
}
.information dl dd {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8em;
	margin:0 0 20px 0;
	font-weight:bold;
}

@media (min-width:768px) {
.blog .information {
	margin:0 0 80px 0;
	padding:0;
}
.information dl dd {
	margin:0 0 40px 0;
}
}

/****************************************************
 ----------------------------------------------------



	SNS

	
	
 ----------------------------------------------------
****************************************************/

#sns {
	padding:20px 0;
}
#sns .timeline {
	display:none;
	margin:0 auto;
}
#sns .timeline p {
	font-weight:bold;
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 20px 0;
}
#sns .sns_icon {
	text-align:center;
	padding:10px 0;
	font-size:20px;
	font-size:2rem;
	display:block;
}
@media (min-width:768px) {
#sns {
	padding:50px 0;
}
#sns .timeline {
	display:block;
}
#sns .sns_icon {
	display:none;
}
}

/* ==================================================


	Facebook
   

================================================== */

#sns .fb_timeline {
	text-align:center;
	margin:0 auto;
	display:none;
}
#sns .fb_timeline iframe {
	width:100%;
	max-width:500px;	
}
@media (min-width:768px) {
#sns .fb_timeline {
	display:block;
}
}

/* ==================================================


	Instagram
   

================================================== */

#instafeed {
	width:100%;
	float:left;
}
#instafeed li {
	width:33%;
	float:left;
	margin:0 .5% .5% 0;
}
#instafeed li:nth-child(3n) {
	margin:0 0 .5% 0;
}
#instafeed li:nth-last-child(1), #instafeed li:nth-last-child(2), #instafeed li:nth-last-child(3) {
	margin:0 .5% 0 0;
}
#instafeed li:last-child:nth-child(3n) {
	margin:0 0 0 0;
}
#instafeed li img {
	width:100%;
	height:auto;
}

/* ==================================================


	Ameblo
   

================================================== */

#ameblo_feed dt {
	font-size:11px;
	font-size:1.1rem;
	margin:0 0 10px 0;
}
#ameblo_feed dd {
	font-size:14px;
	font-size:1.4rem;
	margin:0 0 30px 0;
	font-weight:bold;
}



