@CHARSET "UTF-8";


@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


@media screen and (min-width: 621px) {
	.visible-pc-inline{
		display: inline;
	}
	.visible-pc-inline-block{
		display: inline-block;
	}
	.visible-pc-block{
		display: block;
	}
	.hidden-pc{
		display: none;
	}
	
	.visible-sp-inline,
	.visible-sp-inline-block,
	.visible-sp-block{
		display: none;
	}
}

@media screen and (max-width: 620px) {
	
	.visible-pc-inline,
	.visible-pc-inline-block,
	.visible-pc-block{
		display: none;
	}
	
	.visible-sp-inline{
		display: inline;
	}
	.visible-sp-inline-block{
		display: inline-block;
	}
	.visible-sp-block{
		display: block;
	}
	.hidden-sp{
		display: none;
	}
}


/**
 * 15.1 Mobile Large 620px
 */

@media screen and (max-width: 620px) {
	
	.screen-large{
		display: none !important;
	}
	.screen-small,
	#footer .menu li.screen-small{
		display: initial !important;
	}
	
	.body-width,
	#container,
	#header,
	#footer_wrap{
		width: 100%;
	}
	
	input, select, textarea{
	  font-size: 16px !important;
	}
	textarea{
	  max-height: 200px;
	}
	
  .box150,
  .box240,
  .box300,
  .box320,
  .box350,
  .box380{
      width: 98%;
      max-width: 100%;
  }
	
	#header{
	  height: auto;
	  /*
		height: 30px;
		*/
  	background-image: url(/store/assets/pc/body_background_top_bottom.png);
  	background-repeat: repeat-x;
  	background-position: 0 bottom;
  	padding: 0 0 20px 0;
	}
	
	#header .logo-store{
	  margin: 16px 0 0 0;
	  padding: 0 10px;
	  text-align: center;
	  width: auto;
	  display: block !important;
  	background-image: url(/store/assets/pc/body_background_top_middle.png);
  	background-repeat: repeat;
  	background-position: 0 0;
	}
	#header .logo-store a{
	  display: block;
	  margin: 0 auto;
	}
	
	body{
		padding: 0;
	}
	
	/*
	body,
	#container{
		background-color: #fbfedf;
	}
	*/
	
	img{
		max-width: 100%;
		height: auto;
	}
	
	.default-style table th{
		white-space: normal;
	}

	.frame_outer,
	div#windowcolumn,
	div#window_area{
		max-width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
		background: none;
		border: 0;
	}
	
	div#windowcolumn,
	div#window_area,
	div#window_area table{
		width: auto !important;
	}

	#container{
		width: 100%;
		height: auto;
  	margin-top: 0;
	}
	
	#main_column_wrap{
	  margin: 0 10px;
	}

	#headertopcolumn{
		float: none;
		width: auto;
	}
	
	#header_wrap{
		float: none;
		width: auto;
	}
	
	#main_column{
		clear: both;
		margin-top: 0;
		padding-top:0;
	}
	
	#main_column.colnum2.right{
		float: none;
		width: auto;
	}	
	
	#two_maincolumn_right{
		width: 100%;
	}
	
	#headertopcolumn{
		margin: 5px 160px 10px 0;
	}
	
	#headertopcolumn .block-logo .screen-small{
		width: 100%;
		max-width: 140px;
		height: auto;
	}
	
	#header_wrap{
		position: static;
	}
	
	#header_login_form{
	}
	
	.block-login-header .member-register{
		display: block;
		padding-top: .5em;
	}
	.block-login-header .member-register a{
		display: inline-block;
		padding: .5em 0;
	}
	
	#header_login_area{
		clear: both;
	}
	
	#header_login_area .greeting{
		border: dashed 1px #aaa;
		border-left: 0;
		border-right: 0;
		margin: 1em 0;
		padding: 1em 0;
		font-size: .8em;
		text-align: center;
	}
	
	.block-login-header .form-login{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 150px;
	}
	.block-login-header .form-login input[type="submit"]{
		background-color: #ccc;
	}
	
	.block-top-sales{
		margin-top: 0;
	}
	
	#header-shop-info{
	}
	
	#header-shop-info .info{
		font-size: .8em;
	}
	#header-shop-info .info span{
		display: inline-block;
		white-space: nowrap;
		letter-spacing: -1px;
		margin: 0 .5em;
	}
	#header-shop-info .info a{
		display: inline-block;
		padding: .3em 0;
	}
	
	#header-shop-info .block-button-mypage{
		float: left;
		width: 50%;
	}
	
	#header-shop-info .block-button-item-list{
		float: right;
		width: 50%;
	}
	
	#header-shop-info .block-button-mypage,
	#header-shop-info .block-button-item-list{
		margin: .5em 0 1em 0;
	}
	
	
	.block-global-menu{
		text-align: center;
	}
	.block-global-menu li,
	.block-global-menu li:first-child{
		margin: .3em .1em;
	}
	
	#ecslide{
		max-width: 100%;
		display: none;
	}
	
	.block-recommend-fixed ul li{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	.block-recommend-fixed ul li a{
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	.block-recommend-fixed ul li a img{
		width: 97%;
	}
	
	.block-news{
		border-bottom: dashed 1px #aaa;
	}
	.block-news ul{
		margin: 0 0 0 1em;
	}
	.block-news ul a{
		color: #333;
		text-decoration: underline;
	}
	
	.block-facebook{
		display: none;
	}
	
	
	#header_utility .menu{
		position: relative;
		right: auto;
		top: auto;
	}
	
	
	.cycle-slideshow,
	.cycle-slideshow img{
		width: 100% !important;
		height: auto !important;
	}
	
	
	#leftcolumn{
		float: none;
		width: auto;
		clear: both;
		margin-top: 2em;
		padding: 15px 0;
	}
	
	#leftcolumn .block-button-register,
	#leftcolumn .block-item-lineup,
	#leftcolumn .block-video-warabimochi-jitsuen,
	#leftcolumn .block-banner-album,
	#leftcolumn .block-banner-hitorigoto,
	#leftcolumn .block-banner-torikumi{
		display: none;
	}

	body.LC_Page_Index #leftcolumn .block-video-warabimochi-jitsuen,
	body.LC_Page_Index #leftcolumn .block-banner-album,
	body.LC_Page_Index #leftcolumn .block-banner-hitorigoto,
	body.LC_Page_Index #leftcolumn .block-banner-torikumi{
		display: block;
	}

	#leftcolumn .block-video-warabimochi-jitsuen,
	#leftcolumn .block-banner-album,
	#leftcolumn .block-banner-hitorigoto,
	#leftcolumn .block-banner-torikumi{
		float: left;
		width: 50%;
		margin: 0;
		padding: 0 0 1.5em 0;
	}
	#leftcolumn .block-video-warabimochi-jitsuen,
	#leftcolumn .block-banner-torikumi{
		float: right;
	}
	#leftcolumn .block-banner-hitorigoto{
		clear: both;
	}
	#leftcolumn .block-video-warabimochi-jitsuen a,
	#leftcolumn .block-banner-album a,
	#leftcolumn .block-banner-hitorigoto a,
	#leftcolumn .block-banner-torikumi a{
		display: block;
		text-align: center;
		max-width: 96%;
		height: auto;
		margin: 0 auto 0 0;
	}
	#leftcolumn .block-video-warabimochi-jitsuen a,
	#leftcolumn .block-banner-torikumi a{
		margin: 0 0 0 auto;
	}
	
	#footer_wrap{
		clear: both;
	}
	
	#footer{
		width: auto;
	}
	
	#footer .menu{
		text-align: center;
		border-top: 3px solid #858535;
	}
	#footer .menu li{
		display: inline-block;
		border: 0;
	}
	
	#footer .menu li a{
		line-height: 3em;
		display: inline-block;
		white-space: nowrap;
		text-decoration: underline;
	}
	
	#footer .footer-menu{
	  text-align: left;
	  margin: 0 20px;
	  padding: 10px 0;
	}
	
	#footer .footer-menu li{
	  display: block;
	  line-height: 2em;
	}
	
	#footer .address{
		margin-left: auto;
		margin-right: auto;
	}
	#footer .address span{
		display: block;
	}
	#footer .address .screen-large{
		display: none;
	}
	
	#footer .copyright-small{
		margin: 0 20px;
		padding: 2em 0;
		text-align: center;
		display: block !important;
	}
	
	/* メインビジュアル */
	#main_column .main-visual{
		display: none;
	}
	
	
	/********************************************************
		2カラムのテーブル
	********************************************************/
	table.table-col2-heading-content,
	table.table-col2-heading-content thead,
	table.table-col2-heading-content tbody,
	table.table-col2-heading-content tr,
	table.table-col2-heading-content th,
	table.table-col2-heading-content td{
		display: block;
	}
	div#window_area table{
		width: 99%;
	}
	div#undercolumn_shopping table.delivname th{
		width: auto;
	}
	table.table-col2-heading-content{
		border: solid 1px #ccc;
		border-bottom: 0;
		width: 99%;
	}
	table.table-col2-heading-content tr{
		border-bottom: solid 1px #ccc;
	}
	table.table-col2-heading-content tr.heading{
		display: none;
	}
	table.table-col2-heading-content td{
		border: 0;
	}
	
	/* カート、配送方法 */
	table.table-col2-select-deliv{
	}
	
	/* カート、お支払方法 */
	table.table-col2-select-payment{
		border: solid 1px #ccc;
		border-bottom: 0;
		width: 99%;
	}
	table.table-col2-select-payment tr{
		border-bottom: solid 1px #ccc;
	}
	table.table-col2-select-payment td{
		border: 0;
		display: inline-block;
	}
	
	/********************************************************
		4カラムのテーブル
	********************************************************/
	table.table-col4-list,
	table.table-col4-list thead,
	table.table-col4-list tbody,
	table.table-col4-list tr,
	table.table-col4-list th,
	table.table-col4-list td{
		display: block;
	}
	table.table-col4-list{
		border: solid 1px #ccc;
		border-bottom: 0;
		width: 99%;
	}
	table.table-col4-list tr{
		border-bottom: solid 1px #ccc;
	}
	table.table-col4-list tr.heading{
		display: none;
	}
	table.table-col4-list td{
		border: 0;
	}
	
	/* お届け先の複数選択 */
	table.table-col4-list-multi-deliv tr td:nth-child(1){
		display: none;
	}
	
	/********************************************************
		5カラムのテーブル
	********************************************************/
	table.table-col5-list,
	table.table-col5-list thead,
	table.table-col5-list tbody,
	table.table-col5-list tr,
	table.table-col5-list th,
	table.table-col5-list td{
		display: block;
	}
	table.table-col5-list{
		border: solid 1px #ccc;
		border-bottom: 0;
		width: 99%;
	}
	table.table-col5-list tr{
		border-bottom: solid 1px #ccc;
	}
	table.table-col5-list tr.heading{
		display: none;
	}
	table.table-col5-list td{
		border: 0;
	}
	table.table-col5-list tr.side-by-side th,
	table.table-col5-list tr.side-by-side td{
		display: inline-block;
		width: 48%;
		padding-left: 0;
		padding-right: 0;
	}
	
	/* お届け先登録 */
	table.table-col5-list-destination tr td:nth-child(1),
	table.table-col5-list-destination tr td:nth-child(2){
		display: none;
	}
	table.table-col5-list-destination tr td:nth-child(4),
	table.table-col5-list-destination tr td:nth-child(5){
		display: inline-block;
		width: 48%;
		padding-left: 0;
		padding-right: 0;
	}
	
	/* カート、お届け先の選択 */
	table.table-col5-list-shopping-deliv tr td:nth-child(1){
		text-align: left;
	}
	table.table-col5-list-shopping-deliv tr td:nth-child(2){
		display: none;
	}
	table.table-col5-list-shopping-deliv tr td:nth-child(4),
	table.table-col5-list-shopping-deliv tr td:nth-child(5){
		display: inline-block;
		width: 48%;
		padding-left: 0;
		padding-right: 0;
	}
	
	/* カート、確認、商品一覧 */
	table.table-col5-shopping-confirm-products tr td:nth-child(1){
		display: none;
	}
	table.table-col5-shopping-confirm-products tr td:nth-child(3),
	table.table-col5-shopping-confirm-products tr td:nth-child(4){
		display: inline-block;
		width: 48%;
		padding-left: 0;
		padding-right: 0;
	}
	
	
	/********************************************************
		6カラムのテーブル
	********************************************************/
	table.table-col6-list,
	table.table-col6-list thead,
	table.table-col6-list tbody,
	table.table-col6-list tr,
	table.table-col6-list th,
	table.table-col6-list td{
		display: block;
	}
	table.table-col6-list{
		border: solid 1px #ccc;
		border-bottom: 0;
		width: 99%;
	}
	table.table-col6-list tr{
		border-bottom: solid 1px #ccc;
	}
	table.table-col6-list tr.heading{
		display: none;
	}
	table.table-col6-list th,
	table.table-col6-list td{
		border: 0;
	}
	
	/* 現在のカゴの中 */
	table.table-col6-list-cart tr td:nth-child(2){
		display: none;
	}
	table.table-col6-list-cart tr.foot-calc th,
	table.table-col6-list-cart tr.foot-calc td{
		display: inline-block;
		padding-left: 0;
		padding-right: 0;
	}
	table.table-col6-list-cart tr.foot-calc th{
		width: 60%;
	}
	table.table-col6-list-cart tr.foot-calc td{
		width: 37%;
	}
	table.table-col6-list-cart tr td:nth-child(4),
	table.table-col6-list-cart tr td:nth-child(5){
		display: inline-block;
		width: 48%;
		padding-left: 0;
		padding-right: 0;
	}
	table.table-col6-list-cart tr td:nth-child(5) ul,
	table.table-col6-list-cart tr td:nth-child(5) ul li{
		display: inline-block;
	}
	
	/* マイページ、購入履歴詳細 */
	table.table-col6-mypage-history-detail tr td:nth-child(2){
		display: none;
	}
	table.table-col6-mypage-history-detail tr.foot-calc th,
	table.table-col6-mypage-history-detail tr.foot-calc td{
		display: inline-block;
		padding-left: 0;
		padding-right: 0;
	}
	table.table-col6-mypage-history-detail tr.foot-calc th{
		width: 60%;
	}
	table.table-col6-mypage-history-detail tr.foot-calc td{
		width: 37%;
	}
	table.table-col6-mypage-history-detail tr td:nth-child(4),
	table.table-col6-mypage-history-detail tr td:nth-child(5){
		display: inline-block;
		width: 48%;
		padding-left: 0;
		padding-right: 0;
	}
	table.table-col6-mypage-history-detail tr td:nth-child(5) ul,
	table.table-col6-mypage-history-detail tr td:nth-child(5) ul li{
		display: inline-block;
	}
	
	
	/********************************************************
		トップページ
	********************************************************/
	#main-menu li.odd{
		float: none !important;
	}
	#main-menu li.even{
		float: none !important;
	}
	#main-menu li{
		width: 100% !important;
	}
	#main-menu li.second{
		margin-top: 20px !important;
	}
	
	/*
	#two_maincolumn_right .demo-images{
	}
	#two_maincolumn_right .demo-images li{
	  display: block;
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	}
	#two_maincolumn_right .demo-images li img{
	  max-width: 733px;
	  height: auto;
	  position: relative;
	  display: block;
	}
	*/
	
	/********************************************************
		商品一覧ページ
	********************************************************/
	.contents-item-list .item-list li{
		width: 50%;
	}
	.contents-item-list .item-list li a,
	.contents-item-list .item-list li:nth-child(3n+1) a,
	.contents-item-list .item-list li:nth-child(3n+2) a,
	.contents-item-list .item-list li:nth-child(3n+3) a{
		margin: 10px 0;
	}
	
	.contents-item-list .item-list li:nth-child(2n+1) a{
		margin-right: 5px;
	}
	.contents-item-list .item-list li:nth-child(2n+2) a{
		margin-left: 5px;
	}
	
	.contents-item-list .item-list li a .image{
		width: 140px;
		height: 100px;
	}
	
	#undercolumn .list_area div.listphoto{
		float: right;
		max-width: 28%;
		height: auto;
	}
	#undercolumn .list_area div.listrightbloc{
		float: left;
		width: 70%;
	}
	#undercolumn .list_area div.listphoto a{
		display: block;
		padding: 10px;
	}
	
	#undercolumn .list_area div.listrightbloc .detail_btn{
		text-align: right;
	}
	#undercolumn .list_area div.listrightbloc .action-cart-area-button{
		display: none;
	}
	
	
	/********************************************************
		商品詳細ページ
	********************************************************/
	#main_column.colnum2 div#detailphotobloc,
	#main_column.colnum2 #detailrightbloc,
	#main_column.colnum2 div.subtext,
	#main_column.colnum2 div.subphotoimg{
		float: none;
		width: auto;
	}
	
	.main_column #detailarea #detailphotobloc{
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	.main_column #detailarea .item-info{
		float: none !important;
		width: 100% !important;
	}
	.main_column #detailarea .item-info .sale_price{
		text-align: right;
	}
	
	#detailrightbloc .cart_area_top,
	#detailrightbloc .cart_area_bottom{
		float: none !important;
		width: 100% !important;
		padding: 0;
		clear: both;
	}
	#detailrightbloc .cart_area_top form,
	#detailrightbloc .cart_area_bottom form{
		padding: 10px;
	}
	
	#detailrightbloc .relative_cat{
		float: none !important;
		width: 100% !important;
		margin-top: 20px !important;
	}
	
	#whobought_area .product_item{
		float: none !important;
		width: 100% !important;
		clear: both;
	}
	
	#whobought_area .product_item:nth-child(2n){
		float: none !important;
		width: 100% !important;
	}
	
	#whobought_area .product_item:nth-child(2n+1){
		float: none !important;
		width: 100% !important;
	}
	
	
	/*
	#detailarea, .sub_area{
		padding-bottom: 2em;
		border-bottom: 3px solid #858535;
	}
	#detailarea, .sub_area .mini{
		display: none;
	}
	
	#detail-sub-area .form-cart{
		text-align: center;
	}
	#detail-sub-area .form-cart .cartin{
		margin-top: 10px;
	}
	*/
	
	
	/********************************************************
		マイページ
	********************************************************/
	div#mycontents_area div.mycondition_area{
	  width: auto;
	}
	
	
	/********************************************************
		お客様情報入力
	********************************************************/
	
	#undercolumn_customer ,
	#undercolumn_contact ,
	#mycontents_area ,
	#window_area {
	
    	#form1 {
    	   table {
        	   tbody {
        	       display: block;
        	       max-width: 100%;
        	   }
    	       display: block;
    	       tr {
    	           display: block;
    	           th {
    	               display: block;
    	           }
    	           td {
    	               display: block;
    	           }
    	       }
    	   }
    	}
	}
	
	
	/********************************************************
		現在のカゴの中
	********************************************************/
	div#undercolumn_cart .point_announce{
		display: none;
	}

	/* ログイン */
	#container .login_area dl.formlist dt,	
	#container .login_area dl.formlist dd{
		float: none;
	}
	
	/* 会員登録、規約 */
	div#undercolumn_entry .kiyaku_text{
		height: 200px;
	}
	
	
	
	/********************************************************
		商品購入
	********************************************************/
	
	#member_form ,
	#undercolumn_login {
    	.login_area {
    	   .inputbox {
    	       dl.formlist {
    	           margin: 0 !important;
    	           dt {
    	               max-width: 100%;
    	           }
    	           dd {
    	               max-width: 100%;
    	           }
    	       }
    	   }
    	}
	}
	
	
	/********************************************************
		カート、お届け先の入力
	********************************************************/
	#undercolumn_shopping .information,
	#address_area .add_multiple{
		float: none;
		width: auto;
	}
	
	
	/********************************************************
		サイドメニュー
	********************************************************/
	
	/* ログインフォーム */
	#container .login_area dl.formlist{
		margin: 0 20px;
		width: auto;
	}
	#container .login_area dl.formlist dt,
	#container .login_area dl.formlist dd{
		display: inline-block;
	  width: auto;
	}
	#container .login_area dl.formlist dt{
	  width: 70px;
	}
	
	
	#container .login_area dl.formlist dd .box100{
	  width: auto;
	}
	
	
	#container #login_area .block_body .register a{
		font-size: 14px;
	}
	
	
	/* カゴの中を見る */
	aside#widgeteccubesecondarybannercart-4,
	.widget-eccube-secondary-banner-cart{
		text-align: center;
	}
	
	
	/* バナーエリア */
	#leftcolumn .block_outer #banner_area .block_body ul li a img{
		margin-left: auto;
		margin-right: auto;
	}
	
	
	/* ガイドエリア */
	#leftcolumn .menu_area #guide_area ul.button_like{
		width: auto;
	}
	
	
	/********************************************************
		オリジナルマークを作る
	********************************************************/
	
	.box-select-sheets .item-list2{
	  border: 0;
	  border-top: solid 1px #aaa;
	}
	
	.box-select-sheets .item-list2 thead{
	  display: none;
	}
	
	.box-select-sheets .item-list2 tr{
	  border-bottom: solid 1px #aaa;
	}
	
	.box-select-sheets .item-list2 th{
	  border: 0;
	}
	.box-select-sheets .item-list2 td{
	  display: inline-block;
	  width: 98%;
	  border: 0;
	  padding-left: 0;
	  padding-right: 0;
	}
	
	.box-select-sheets .item-list2 td .sheet-info{
	  float: none;
	  padding: 0 0 10px 0;
	  display: none;
	}
	
	/********************************************************
		サブページ
	********************************************************/
	
	#gallery-1{
		display:-ms-flexbox;
		display:flex;
		-ms-flex-direction:row;
		-ms-flex-wrap:wrap;
		flex-direction:row;
		flex-wrap:wrap;
	}
	
	#gallery-1 .gallery-item{
		width: 50% !important;
		float: none;
	}
	
	
	/********************************************************
		サブウィンドウ
	********************************************************/
	
	#windowcolumn{
	  margin: 40px 10px !important;
	}
	
	div#window_area table{
	  margin: 0 auto;
	  padding: 0;
	  max-width: 100%;
	  display: block;
	}
	
	div#window_area table,
	div#window_area table thead,
	div#window_area table tbody,
	div#window_area table tr,
	div#window_area table th,
	div#window_area table td,
	{
	  display: block;
	}
	
	div#window_area table td{
	  white-space : normal;
	  word-break: break-all;
	}
	
}