@media screen and (max-width:640px){
/**
 * 1.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

html {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body {
	background-position: -9999px 0;
}
#content {
	background:#FFF;
	min-width:100%;
	width:100%;
}

section {
	overflow:hidden;
	float:none;
	clear:both;
	position:relative;
	padding:30px 0 30px;
	background:#FFF;
	min-width:100%;
	width:100%;
}

section article {
	border-bottom:#e0e0e0 2px solid; 
	margin:0 auto;
	overflow:visible;
	padding:48px 0 68px;
	max-width:100%;
	width:100%;

}

section h3{
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 0 30px;
	background-size:auto 100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
section#blog h3{ background-image:url(../../../../images/sp/header_blog.png); height:22px;}
section#snap h3{ background-image:url(../../../../images/sp/header_snap.png); height:22px; }
section#video h3{ background-image:url(../../../../images/sp/header_video.png); height:22px; }
section#works h3{ background-image:url(../../../../images/sp/header_works.png); height:22px; }
section#recommend h3{ background-image:url(../../../../images/sp/header_recommend.png); height:22px; }
section#shop h3{ background-image:url(../../../../images/sp/header_shop.png); height:22px; }
section#link h3{ background-image:url(../../../../images/sp/header_link.png); height:22px; }

section article h4 {
	font-size:18px;
	font-weight:normal;
	text-align:center;
	margin:0 0 30px;

}
section article .carousel {
	margin:0 0 0 -70px;	
}
hr.divider {
	border:none;
	display:block;
	border-bottom:#f6f6f6 2px solid;
	height:0px;
	background:0;
	line-height:0;
	font-size:0;
	max-width:85%;
	margin:0 auto;
}





#page {
	position:relative;
	overflow:hidden;
	padding:58px 0 0;
	
}


/**
 * 2.0 Header
 * ----------------------------------------------------------------------------
 */


#header {
	height:58px;
	clear:both;
	position:fixed;
	top:0;
	left:0;
	float:none;
	overflow:hidden;
	background:#FFF;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	z-index:1000;
	width:100%;
}
#header h1{
	margin: 19px auto 0;
	width:100%;
	height:19px;
	background:url(../../../../images/sp/title_saeko.png) center top no-repeat;
	background-size:auto 100%;
}
#header h1 span{
	display:none;
}
#header ul {
	display:none;
}
#main {
	padding:0;
	
}
#main.fixed {
	padding:0 0;
	
}

/**
 * 3.0 Navigation
 * ----------------------------------------------------------------------------
 */

.nav {
	display:none;
	position:fixed;
	left:0px;
	top:58px;
	width:100%;
	background:#FFF;
	z-index:9999;
	overflow:visible;
	float:none;
	clear:both;
}

#drop_navi {
	position:absolute;
	background:url(../../../../images/sp/navi_bt.png);
	background-size:100% 100%;
	right:19px;
	top:19px;
	width:20px;
	height:15px;
	display:block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.nav #menu-nav{
	width:100%;
	overflow:visible;
	float:none;
	clear:both;
	position:relative;	
}
.nav li{
	text-align:center;
	margin:0 auto;
	border-bottom:2px solid #e1e1e1;
	width:85%;
}
.nav li:last-child{
	border-bottom:none;
}
.nav li a{
	font-size:0px;
	line-height:0;
	text-indent:100%;
	white-space:nowrap;
	display:block;
	background-image:url(../../../../images/sp/navi_splite.png);
	background-repeat:no-repeat;
	width:100%;
	height:40px;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.nav li#menu-item-94 a { background-position:center 10px; }
.nav li#menu-item-95 a { background-position:center -30px; }
.nav li#menu-item-96 a { background-position:center -72px; }
.nav li#menu-item-97 a { background-position:center -113px; }
.nav li#menu-item-98 a { background-position:center -151px; }
.nav li#menu-item-99 a { background-position:center -197px; }
.nav li#menu-item-100 a { background-position:center -238px; }




/**
 * 4.0 Content
 * ----------------------------------------------------------------------------
 */





/* VISUAL */



section#visual {
	font-size:0;
	line-height:0;
	padding:0;
	background:none;
	width:100%;
}
section#visual img{
	width:100%;
}


/* BLOG */
section#blog {
	border:none;
	position:relative;
	overflow:hidden;
	height:auto;
	background:#f2f2f2;
}
section#blog #blog_bg{
	display:none;
}
section#blog article{
	width:100%;
	border:none;
	padding: 0 0 0;
}

#blog_left {
	position:relative;
	overflow:hidden;
	text-align:center;
}
#blog_left img {
	width:85%;
}
#blog_left1 img {
	width:95%;
}
#blog_left span{
    position:absolute;
    display:block;
	left:0;
	top:0;
	z-index:100;
    width:100%;
    height:100%;
    background-image:url(../../../../images/spacer.gif);
}

#blog_right {
	width:85%;
	margin:0 auto;
	color:#000;
	position:relative;
	overflow:hidden;
}
#blog_right time{
	display:block;
	margin:0 0 30px;
	font-size:12px;
	line-height:20px;
	color:#000;
}
#blog_right h4{
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	margin:0 0 20px;
	color:#000;
	text-align:left;
}
#blog_right h4 a{
	color:#000;
	font-size:18px;
	font-weight:normal;
	line-height:20px;	
}
#blog_right #blog_sentence{
	font-size: 14px;
	line-height: 20px;
	color: #000;
	overflow: hidden;
	margin: 0 0 140px;
}
#blog_right #blog_sentence a{
	text-decoration:underline;
	color:#000;	
}
#blog_right #blog_sentence .exerpt{
	height:auto;
}
#blog_right #blog_sentence .full{
	height:auto;
	display:none;
}

#to_past_posts {
	text-align:center;
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
}
#to_past_posts a{
	text-align:center;
	text-decoration:underline;
	font-size:12px;
	line-height:20px;
	color:#000;
}

section#blog .more {
	position:absolute;
	left:50%;
	bottom:65px;
	margin:0 0 0 -42px;
	cursor:pointer;
	width:84px;
	height:83px;
	background:url(../../../../images/more_bt.png) left top no-repeat;
	font-size:0;
	line-height:0;
	text-indent:100%;
	white-space:nowrap;
	text-align:left;
}


/* TOPICS */
section#topics {
	font-size:0;
	line-height:0;
	padding:0;
	background:none;
	width:100%;
	overflow:hidden;
}
section#topics article{
	padding:60px 30px;
	float:none;
	clear:both;
	width:100%;
	border:none;
	position:relative;
}
section#topics article#topics_left{
	background:#6a6a6a;
	height:auto;
}
section#topics article#topics_left div{

}
section#topics article#topics_left div div{
	position:relative;
	overflow:visible;	
}
section#topics article#topics_left div h3{
	height:19px;
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 0 20px;
	background-size:auto 100%;
}
section#topics article#topics_left div h3{ background-image:url(../../../../images/sp/header_topics.png); }

section#topics article#topics_left div ul {
	overflow:hidden;
	float:none;
	clear:both;
	position:relative;
	height:	130px;
	margin:0 0 0;
}
section#topics article#topics_left div ul li{
	overflow:hidden;
	float:none;
	clear:both;
	position:relative;
	margin:0;
	color:#fff;
	font-size:9.5px;
	letter-spacing:-0.1em;
	line-height:26px;
	white-space:nowrap;
}
section#topics article#topics_left div ul li time {
	margin:0 15px 0 0;
	display:none;
}
section#topics article#topics_left div ul li a{
	color:#fff;
}
section#topics article#topics_left div #show_more_bt {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
section#topics article#topics_left div #show_more_bt span{
	display:block;
	margin:0 auto;
	width:100%;
	height:10px;
	text-align:left;
	text-indent:100%;
	white-space:nowrap;

	background:url(../../../../images/show_more.png) center top no-repeat;
	cursor:pointer;
	position:absolute;
	bottom:-30px;
	left:0;
}
section#topics article#topics_left div #show_more_bt_up{
	display:none;
	margin:0 auto;
	width:100%;
	height:10px;
	text-align:left;
	text-indent:100%;
	white-space:nowrap;

	background:url(../../../../images/topics_arrow_up.png) center top no-repeat;
	cursor:pointer;
	position:absolute;
	top:-30px;
	left:0;
}

section#topics article#topics_right {
	position:relative;
	overflow:visible;
	float:none;
	clear:both;
	padding-left:7.5%;
	padding-right:7.5%;
}

section#topics article#topics_right div{
	position:relative;
	overflow:visible;
	float:none;
	clear:both;
}

section#topics article#topics_right div h3{
	background-image:url(../../../../images/sp/header_connect.png); margin:0 0 46px;height:19px;
}

section#topics article#topics_right div ul {
	width:130%;
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
}
section#topics article#topics_right div ul li{
	float:left;
	width:16%;
	height:100%;
	margin:0 4.531% 0 0;
}
section#topics article#topics_right div ul li a{
	display:block;
	width:100%;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#connect_ameba a { background-image:url(../../../../images/sp/ameba_bt_off.png);}
#connect_line a { background-image:url(../../../../images/sp/line_bt_off.png);}
#connect_tw a { background-image:url(../../../../images/sp/twitter_bt_off.png); }
#connect_heart a { background-image:url(../../../../images/sp/heart_bt_off.png); }

section#topics article#topics_right div ul li span{
	display:block;
	width:100%;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100% 100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#connect_line span { background-image:url(../../../../images/sp/line_bt_off.png);}



/* SNAP */

section#snap article {
	padding:44px 0 22px;
	border-bottom:#e0e0e0 2px solid; 
	max-width:100%;
	width:85%;
	margin:0 auto;
	overflow:visible;
}
section#snap article#snap_4 {
	border-bottom:none;	
}
section#snap .flexslider .slides li a {
	pointer-events: none;
}


/* VIDEO */

section#video {
	height:auto;
	width:100%;
	background:url(../../../../images/sp/video_bg.png) left top no-repeat;
	background-size:100% auto;
}
#video_bg {
	display:none;
}
section#video article {
	position:relative;
	padding:0;
	border-bottom:none; 
	max-width:100%;
	width:100%;
	margin:0 0 0;
	overflow:visible;
	padding:0;
}
section#video article h3{
	margin:0 0 30px;
}

section#video div#video_wrap {
	height:auto;
	padding:0 0 30px;
}

section#video div#video_main {
	display:none;	
}

#video_sp_unit {
	display:block;
	width:100%;
}
section#video #video_sp_unit .flex-control-paging {
	display:block;
}
section#video #video_ul {
	display:none;
}
section#video #video_sp_unit #video_ul {
	display:block;
	float:none;
	clear:both;
	position:relative;
	width:85%;
	margin:0 auto 0px;
	padding:0;
	height:auto;
	overflow:visible;
}
section#video #video_sp_unit .flexslider .slides {
	margin:0 auto 0px;	
}
section#video #video_sp_unit .flexslider .slides li {
	float:left;
	width:auto;
	margin:0;
	font-size:0;
	line-height:0;	
	overflow:hidden;
}
section#video #video_sp_unit .flexslider .slides li.no_video {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	background:#999;

}

section#video #video_sp_unit .flexslider .slides li a{
	display:block;
	width:100%;
	margin:0 0 0 0;
	overflow:hidden;
	position:relative;
	text-align:center;
	font-size:0;
	line-height:0;
	height:auto;
	pointer-events:auto;
}
section#video #video_sp_unit .flexslider .slides li a img{
	width:100%;
	display:block;
}
section#video #video_sp_unit .flexslider .slides li span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../../../../images/sp/play_bt.png) center center no-repeat;
	background-size:20% 37%;
	display:block;
	font-size:0;
	line-height:0;	
}
section#video #video_sp_unit .flex-direction-nav a {
  position: absolute;
  top: 46%;
  font-size:0px;
  line-height:0;
  text-decoration: none;
  text-align:left;
	text-indent:100%;
	white-space:nowrap;

  display:block;
  width:16%;
  height:21%;
  background-size:auto 100%;
}

section#video #video_sp_unit .flex-direction-nav .flex-prev {
  left:-7%;
  background:url(../../../../images/sp/left_arrow_bt.png) left top no-repeat;
  background-size:auto 100%;
}

section#video #video_sp_unit .flex-direction-nav .flex-next {
  right:-7%;
  background:url(../../../../images/sp/right_arrow_bt.png) right top no-repeat;
  background-size:auto 100%;
}
section#video #video_sp_unit .flex-control-nav {
	overflow:visible;
}





/* WORKS */

section#works {
	overflow:hidden;
	float:none;
	clear:both;
	position:relative;
	padding:30px 0;
}
section#works #works_wraper{
	display:none;
}
section#works #works_sp_unit {
	display:block;	
}
section#works #works_sp_unit .flexslider {
	position: relative;
	margin: 0 auto 30px;
	width:85%;
	height:100%;
	overflow:visible;
}
section#works .flexslider .slides{
	overflow:hidden;
	float:none;
	clear:both;
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
section#works .flexslider .slides li{
	float:left;
	width:auto;
	overflow:hidden;
	height:100%;
	font-size:0;
	line-height:0;
	position:relative;
	text-align:center;
	padding:0;
}
section#works .flexslider .slides li a {
	height:31.57894%;
	width:28.378%;
	width:31.25%;
	margin:0 3.125% 2.63157% 0;
	display:block;
	overflow:hidden;
	position:relative;
	float:left;
	clear:none;
	font-size:0;
	line-height:0;
	text-align:center;
	background-size:auto 100%;
	background-position:center top;
	background-repeat:no-repeat;
	pointer-events: none;
}
section#works .flexslider .slides li a.left {
	background-position:left top;	
}
section#works .flexslider .slides li a.right {
	background-position:right top;
}
section#works .flexslider .slides li a.li_end {
	margin-right:0;	
}
section#works .flex-direction-nav a {
  position: absolute;
  top: 48%;
  font-size:0px;
  line-height:0;
  text-decoration: none;
  text-align:left;
	text-indent:100%;
	white-space:nowrap;

  display:block;
  width:16%;
  height:10%;
  background-size:auto 100%;
}

section#works .flex-direction-nav .flex-prev {
  left:-7%;
}

section#works .flex-direction-nav .flex-next {
  right:-7%;
}

.flex-control-paging {
	display:block;
}



/* RECOMMEND */

section#recommend {
	background:#F7f7f7;
}
section#recommend article {
	padding:0;
	border:none;
	max-width:100%;
	width:85%;
	margin:0 auto;
	overflow:visible;
}
section#recommend article .flexslider .slides {
	margin:0 0 120px;
	
}
section#recommend article .flexslider .slides,
section#recommend article .flexslider .slides li a,
section#recommend article .flexslider .slides li {
	overflow:visible;	
}

section#recommend article .flexslider .slides li a span{
	display:block;
	position:absolute;
	left:0;
	bottom:-42%;
	width:100%;
	height:40%;
	color:#000;
	font-size:12px;
	line-height:20px;
}
section#recommend article .flexslider .slides li a span strong, section#recommend article .flexslider .slides li a span em{
	display:block;
	font-style:normal;
}
section#recommend article .flexslider .slides li a span strong {
	font-weight:normal;
	margin:0;
}
section#recommend article .flexslider .slides li a span em {
	font-size:10px;
	margin:0 0;
}
section#recommend article .flexslider .slides li a span em strong{
	display:inline;
	margin:0;
}
section#recommend article .flexslider .flex-direction-nav a {
  position: absolute;
  top: 30%;
  font-size:0px;
  line-height:0;
  text-decoration: none;
  text-align:left;
	text-indent:100%;
	white-space:nowrap;

  display:block;
  width:16%;
  height:11%;
  background-size:auto 100%;
}


/* RECOMMEND1 */

section#recommend1 {
	background:#F7f7f7;
}
section#recommend1 article {
	padding:0;
	border:none;
	max-width:100%;
	width:85%;
	margin:0 auto;
	overflow:visible;
}
section#recommend1 article .flexslider .slides {
	margin:0 0 120px;
	
}
section#recommend1 article .flexslider .slides,
section#recommend1 article .flexslider .slides li a,
section#recommend1 article .flexslider .slides li {
	overflow:visible;	
}

section#recommend1 article .flexslider .slides li a span{
	display:block;
	position:absolute;
	left:0;
	bottom:-42%;
	width:100%;
	height:40%;
	color:#000;
	font-size:12px;
	line-height:20px;
}
section#recommend1 article .flexslider .slides li a span strong, section#recommend1 article .flexslider .slides li a span em{
	display:block;
	font-style:normal;
}
section#recommend1 article .flexslider .slides li a span strong {
	font-weight:normal;
	margin:0;
}
section#recommend1 article .flexslider .slides li a span em {
	font-size:10px;
	margin:0 0;
}
section#recommend1 article .flexslider .slides li a span em strong{
	display:inline;
	margin:0;
}
section#recommend1 article .flexslider .flex-direction-nav a {
  position: absolute;
  top: 30%;
  font-size:0px;
  line-height:0;
  text-decoration: none;
  text-align:left;
	text-indent:100%;
	white-space:nowrap;

  display:block;
  width:16%;
  height:11%;
  background-size:auto 100%;
}


/* RECOMMEND2 */

section#recommend2 {
	background:#F7f7f7;
}
section#recommend2 article {
	padding:0;
	border:none;
	max-width:100%;
	width:85%;
	margin:0 auto;
	overflow:visible;
}
section#recommend2 article .flexslider .slides {
	margin:0 0 120px;
	
}
section#recommend2 article .flexslider .slides,
section#recommend2 article .flexslider .slides li a,
section#recommend2 article .flexslider .slides li {
	overflow:visible;	
}

section#recommend2 article .flexslider .slides li a span{
	display:block;
	position:absolute;
	left:0;
	bottom:-42%;
	width:100%;
	height:40%;
	color:#000;
	font-size:12px;
	line-height:20px;
}
section#recommend2 article .flexslider .slides li a span strong, section#recommend2 article .flexslider .slides li a span em{
	display:block;
	font-style:normal;
}
section#recommend2 article .flexslider .slides li a span strong {
	font-weight:normal;
	margin:0;
}
section#recommend2 article .flexslider .slides li a span em {
	font-size:10px;
	margin:0 0;
}
section#recommend2 article .flexslider .slides li a span em strong{
	display:inline;
	margin:0;
}
section#recommend2 article .flexslider .flex-direction-nav a {
  position: absolute;
  top: 30%;
  font-size:0px;
  line-height:0;
  text-decoration: none;
  text-align:left;
	text-indent:100%;
	white-space:nowrap;

  display:block;
  width:16%;
  height:11%;
  background-size:auto 100%;
}

/* RECOMMEND3 */

section#recommend3 {
	background:#F7f7f7;
}
section#recommend3 article {
	padding:0;
	border:none;
	max-width:100%;
	width:85%;
	margin:0 auto;
	overflow:visible;
}
section#recommend3 article .flexslider .slides {
	margin:0 0 120px;
	
}
section#recommend3 article .flexslider .slides,
section#recommend3 article .flexslider .slides li a,
section#recommend3 article .flexslider .slides li {
	overflow:visible;	
}

section#recommend3 article .flexslider .slides li a span{
	display:block;
	position:absolute;
	left:0;
	bottom:-42%;
	width:100%;
	height:40%;
	color:#000;
	font-size:12px;
	line-height:20px;
}
section#recommend3 article .flexslider .slides li a span strong, section#recommend3 article .flexslider .slides li a span em{
	display:block;
	font-style:normal;
}
section#recommend3 article .flexslider .slides li a span strong {
	font-weight:normal;
	margin:0;
}
section#recommend3 article .flexslider .slides li a span em {
	font-size:10px;
	margin:0 0;
}
section#recommend3 article .flexslider .slides li a span em strong{
	display:inline;
	margin:0;
}
section#recommend3 article .flexslider .flex-direction-nav a {
  position: absolute;
  top: 30%;
  font-size:0px;
  line-height:0;
  text-decoration: none;
  text-align:left;
	text-indent:100%;
	white-space:nowrap;

  display:block;
  width:16%;
  height:11%;
  background-size:auto 100%;
}

/* SHOP */

section#shop article {
	padding:0;
	border:none;
	max-width:100%;
	width:85%;
	margin:0 auto;
	overflow:visible;
}



/* LINK */

section#link {
	width:100%;
	padding:30px 0 10px;
}
section#link ul {
	width:100%;
	margin:0 auto;	
}
section#link ul li{
	width:100%;
	text-align:center;
	margin:0 0 20px;
}
section#link ul li a{
	color:#000;
	font-size:14px;
	line-height:18px;
	text-decoration:underline;
}







/**
 * 5.0 Footer
 * ----------------------------------------------------------------------------
 */

#footer {
	padding:30px 0 20px;
	font-size:14px;
	line-height:14px;
	background:#FFF;
	position:relative;
}
#footer p{
	text-align:center;
	font-size:12px;
	line-height:14px;
	color:#666;
}
#footer p a{
	font-size:12px;
	line-height:14px;
	color:#666;
}
.to_top {
	display:none;
}


/**
 * 6.0 .flexslider
 * ----------------------------------------------------------------------------
 */


.flexslider {
	overflow:visible;
	float:none;
	clear:both;
	position:relative;
	width:100%;
	padding:0;
	margin:0 auto;
}

.flexslider .slides {
	overflow:hidden;
	float:none;
	clear:both;
	position:relative;
}

.flexslider .slides li {
	float:left;
	width:auto;
	margin:0;
	font-size:0;
	line-height:0;	
	overflow:hidden;
}

.flexslider .slides li a{
	display:block;
	width:100%;
	margin:0 0 0 0;
	overflow:hidden;
	position:relative;
	text-align:center;
	font-size:0;
	line-height:0;
	height:100%;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:auto 100%;
	/*pointer-events: none;*/
}

.flex-direction-nav a {
  position: absolute;
  top: 46%;
  font-size:0px;
  line-height:0;
  text-decoration: none;
  text-align:left;
	text-indent:100%;
	white-space:nowrap;

  display:block;
  width:16%;
  height:14%;
  background-size:auto 100%;
}

.flex-direction-nav .flex-prev {
  left:-7%;
  background:url(../../../../images/sp/left_arrow_bt.png) left top no-repeat;
  background-size:auto 100%;
}

.flex-direction-nav .flex-next {
  right:-7%;
  background:url(../../../../images/sp/right_arrow_bt.png) right top no-repeat;
  background-size:auto 100%;
}

.flex-control-paging {
	display:none;
}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background:#cccccd; cursor: pointer; 	text-indent:100%;
	white-space:nowrap; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

#video .flex-control-paging li a {
	font-size:0;
	line-height:0;
	text-align:left;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.flex-control-paging li a:hover { background:#2d2e32; }
.flex-control-paging li a.flex-active { background:#2d2e32; cursor: default; }


}