/************************************************************/
/* カテゴリページ(フリーエリア内部)  
更新日：2019.4.27                       */
/************************************************************/
/******************************/
/* その他                     */
/******************************/
/* 卒業記念 */
#sitecategory .graduate .wrap{
	background:url(https://img05.shop-pro.jp/PA01017/720/etc/r-sotsu-croud.gif) no-repeat;
}
/************************************************************/
/* スマホ対応
/************************************************************/

@media screen and (max-device-width:768px) {
	#maincontents .pastdata {
		width:100%;
	}
	div#container{
		width: 960px!important;
		margin: auto;
	}
	
	/*バナー×４*/
	.pastdata #pointBox #sp001,
	.pastdata #pointBox #sp002,
	.pastdata #pointBox #sp003,
	.pastdata #pointBox #sp004 {
		height: 10em;
		width: 24.5%;
		margin-bottom: 1em;
		background-size: 100%;
		font-size: 0.8rem;
	}
	
	.pastdata #main .title,
	.pastdata #main p img,
	.pastdata #main .main_title,
	.pastdata #main .sort_01,
	.pastdata #main .pagenavi{
		width:100%;	
		background-size: cover;
		padding-left:0;
	}
	.pastdata #main .title{
		font-size:200%;	
	}
	
	.pastdata #main .main_title td.cat_betu,
	.pastdata #main .pagenavi td{
		font-size:250%;
	}
	.pastdata #main .sort_01 p{
		font-size:360%;
	}
	
	/*アイテムボックス*/
	
	.pastdata #main .item_wrap2 .item_box{
		width:47.5%;
		padding:0;
		margin:1%;
		border: 2px solid #666666;
	}
	
	.pastdata #main .item_wrap2 br{
		clear:none !important;
	}

	.pastdata #main .item_wrap2 .item_box img{
		width: 92%;
		height: auto;
		aspect-ratio: 1/1;
		object-fit: cover;
		margin-top: 3%;	
	}
	.pastdata #main .item_wrap2 .item_box h4{
		font-size:1.6rem;
		height:6rem;
	}
	.pastdata #main .item_wrap2 .item_box .item_price .netprice,
	.pastdata #main .item_wrap2 .item_box .item_comment{
		font-size:1.8rem;
		height:6rem;
	}
	.pastdata #main .item_wrap2 .item_box .item_comment{
		margin-left:3%;	
		display:none;
	}
	#main .item_wrap2 .item_box h4,
	.pastdata #main .item_wrap2 .item_box .item_price{
	    padding: 0 3%;
	}
	
	.pastdata #main #choiceBox img,
	.pastdata #main #choiceBox h4.choiceTitlesub,
	.pastdata #main #choiceBox h4 img,
	.pastdata #main #choiceBox .text,
	.pastdata #main #choiceBox .text p,
	.pastdata #main #choiceBox #quickPhoto,
	.pastdata #main #choiceBox .senmon_list1,
	.pastdata #main #choiceBox .senmon_list2{
		width:100% !important;
		font-size:2rem !important;
		margin:1rem 0 !important;
	}
	.pastdata #main #choiceBox #kind table td{
		float:left;	
	}
	.pastdata #main #choiceBox #kind table td img{
		width:60% !important;
		margin:0 20% !important;
	}
	
	.pastdata #main #choiceBox #quickPhoto li{
		width:48%;
		margin:1% !important;	
	}
	.pastdata #main #choiceBox .senmon_list1 ul, 
	.pastdata #main #choiceBox .senmon_list2 ul{
		margin-left:1.5rem !important;
	}
	.pastdata #main .cg_freespace_02 h2,
	.pastdata #main .cg_freespace_02 p{
		font-size: 2rem !important;
		line-height: 1.3;
	}
		/*カテゴリ：組立式テント*/
	.pastdata #main #choiceBox #kind,
	.pastdata #main #choiceBox #kind .senmon_table1{
		width:100% !important;	
		margin:5% 0;
	}
	.pastdata #main #choiceBox #kind td{
		float:left;
		width:100%;	
		font-size:2rem;
	}	
	.pastdata #main #choiceBox #kind th{
		margin-top:5%;	
		font-size:2.2rem;
	}
	.pastdata #main #choiceBox #kind img{
		width:70% !important;
		margin:5% 15% !important;	
	}
	
	/*カテゴリ：オプション*/
		.pastdata #main #choiceBox .h3Moji{
		width: 100%;
		background-size: 90% 100%;
		font-size: 2rem;
	}
	.pastdata #main #choiceBox .text2{
		width: 100%;
		font-size: 2rem;
	}
	.pastdata #main #choiceBox .osusumeBox{
		width: 100%;
	}
	.pastdata #main #choiceBox .osusumeBox .osusumePhoto{
		width: 40%;
		height: 100%;
	}
	.pastdata #main #choiceBox .osusumeBox .osusumetxt{
		font-size:2rem;
		margin-left:5%;
	    width: 50%;
	}
	.pastdata #main #choiceBox .osusumeBox h4{
		font-size:2rem;
	}	
	/*カテゴリ：横幕*/
	.pastdata .yokomaku{
		width:100% !important;
	}
	/*カテゴリ：防災*/
	#bousai_image img,
	#bousai_both_left{
		width:100% !important;	
	}
	.pastdata #bousai_both_inner{
		width:98% !important;
		margin:0 1% 1% 1%;	
	}
}
/*----- 卒業記念キャンペーンここから -----*/
	@media (max-device-width: 768px){
		#sitecategory .graduate .wd345{
			width:48% !important;
			text-align: center !important;
		}
		#sitecategory .graduate .wd345 img{
        	width:100%;  
        }
      	#sitecategory .graduate .wd170,#sitecategory dl.wr_lightgray{
			width:100% !important;
			text-align: center !important;
		}
		#sitecategory .graduate .wd170 img,#sitecategory dl.wr_lightgray img{
        	width:75% !important;
            text-align:center;
        }
      #sitecategory dd.br10 {
    		width: 60% !important;
    		text-align: center;
    		margin-left: 20%;
		}
      #sitecategory p.mt10.lt, #sitecategory p.mt10.gt{
       	width:50%; 
      }
      #sitecategory p.mt10.lt img, #sitecategory p.mt10.gt img{
       	width:96%;
        padding:2%;
      }
      #sitecategory .100per img{
      	width:100%;
      }
      	#maincontents li.lt {
		margin:1% !important;
		width: 23%;
	}
	#maincontents li.lt img {
		width: 100%;
	}
	}
/*----- 卒業記念キャンペーンここまで -----*/