@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	footer li{margin-right:10%;}
	.feature-content{width:100%;}
	.header_inner ul.NavMenu li a{font-size:17px; margin-left: 16px;}
	section.about .screenshots ul li, section.menu .screenshots ul li{margin:30px 10px 0;}
	
	/*common*/
	footer dl.sales-office dd ul li { float:none; margin:0; padding-left:20px; width:100%;}
	footer h3{clear: both;display: block;width: 100%;margin-bottom: 0;padding-bottom: 10px;border-bottom:1px solid #c7c7c7;font-size: 14px;}
	footer li{display: block;padding:8px 0;margin:0;}footer li a {display: block;width: 100%;}
	footer .footer-nav li{float: none; width: 100%;display: block;clear: both;margin: 0;padding:8px 0}
	
	/* lineup */
	section.lineup .screenshots ul li{background:none;
	  float:none;
	  list-style:none;
	  margin:20px 0 0;
	  padding:0 6px 0;
	  min-height:360px;
	  width:33.33%;
	}
	
	/*company*/
	.companyinfo .col-md-4{margin: 0 0 20px;}
	.companyinfo .col-md-4 img{width: 100%;}
	.accessinfo .col-md-4 img{width: 100%;}
	
	/*about*/
	section.logomark.screenshots ul li{
		width: 50%;
		background: none;
		list-style: none;
		margin: 0 auto 6px;
		padding: 0 6px;
	}

	/*symbol*/
	section.symbol .screenshots ul li{width: 50%;
		background: none;
		list-style: none;
		margin: 0 auto 6px;
		padding: 0 6px;
	}
	
	section.symbol .screenshots ul li.no1, section.logomark.screenshots ul li.no1 {
	   float:right;
	}
	
	section.symbol .screenshots ul li.no2, section.logomark.screenshots ul li.no2 {
	    float: left;
	}
	
	section.symbol .screenshots ul li.no3, section.logomark.screenshots ul li.no3 {
	   float: right;
	}
	
	
	section.symbol .screenshots ul li.no4, section.logomark.screenshots ul li.no4 {
	    float: left;
	}
	
	/* hiyorika */
	.main-gallery{
		display: none;
	}
	.main-gallery-sp{
		width: 100%;
		margin-bottom: 25px;
	}
	
	.main-gallery-sp, .sp{
		display: block;
	}
	
	.hiyo_option{
		display: none;	
	}
	
	.hiyo_lineup_sp{
		display:inline;
		position: relative;
		min-width:186px;
		min-height: 186px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		margin: 40px 0 0 70px;
		float: none;
		vertical-align: bottom;
	}
	
	.hiyo_note-c {
	  color:#808080;
	  text-align:center;
	  padding-top: 20px;
	}
	
}


@media screen and (max-width:1124px){

.header_inner ul.NavMenu li a{
	font-size: 17px;
	margin-left: 16px;
}

/*hiyorika*/

.hiyo_lineup{
	width: 100%;
	height: 100%;
}

.hiyo_lineup_sp img{
	margin: 0 auto;
}

.hiyo_lineup_sp p{
	text-align: center;
}

.hiyo_lineup .hiyo_caption{
	display: none;
}

.lineup_img01,
.lineup_img02,
.lineup_img03,
.lineup_img04,
.lineup_img05,
.lineup_img06,
.lineup_img07,
.lineup_img08,
.lineup_img09,
.lineup_img10,
.lineup_img11,
.lineup_img12,
.lineup_img13,
.lineup_img14,
.lineup_img15,
.lineup_img16,
.lineup_img17{
	display: none;
	}
	
}



@media screen and (max-width:991px){
	.feature-1,.feature-2{margin-bottom:50px;}
	.device{display:none;}
	.screenshots ul li,{width:50%;}
	.screenshots-intro{padding:110px 0 100px 0;}
	.feature-content{width:80%;}
	.features-slider{height:100%}
	//.catch01{position: absolute;right: 30px;top: -120px;z-index: 1;}
	.catch01{position: absolute;right: 30px;top: 0px;z-index: 1;}
	section.about .screenshots ul li, section.menu .screenshots ul li{margin:30px 6px 0;}
	ul.NavMenu{text-indent: -5000px;display: none;}
	.navicon {display: block;} 
	
	/*company*/
	.accessinfo h3 {border-bottom: 1px solid #c7c7c7;margin-bottom: 20px;padding-bottom: 6px;border-right: none;}
	ul.shoplist li { float:none;list-style-type:none; margin-bottom:40px;vertical-align:top;width:100%;}
	
	/* symbol */
	
	.symbol-wrap-outer {
	    background: url(../img/about/bg_repeat01.png) repeat-y left,
	    url(../img/about/bg_repeat02.png) repeat-y right;
	    -moz-background-size:20px auto;
	    background-size:20px auto;
	}
	
	/* lineup */
	.gift_lineup ul li {
	    float: left;
	    width: 33.33%;
	    background: none;
	    list-style: none;
	    margin: 15px 15px 0;
	    min-height: 300px;
	}
	
	
	/* news */
	
	
	section.newscont .col-md-3{
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}
	
	section.newscont .col-md-3 ul{
		list-style:none; 
	}
	
	section.newscont .col-md-3 ul li{
		border-bottom-color:#DDDDDD;
		border-bottom-style:solid;
		border-bottom-width:1px;
		padding:6px 0;
	}
	
	section.newscont .col-md-3 ul li a{
		color:#333333;
	}
	
	section.newscont .col-md-3 ul li a:hover{ 
	    color: #bca78e;
	}
	
	
	
	/*common*/
	.cont-footer p.copyright{font-size: 84%;padding: 10px 0 10px;}
	footer dl.sales-office{display: none;text-align: -5000px;}
	footer dl.head-office{border-top:1px solid #C7C7C7;	border-bottom:1px solid #C7C7C7;clear:both;display:block;padding:20px 0;width: 100%;}
	footer .col-md-10{padding: 0;}
	footer dl.social-link{display: block;width: 100%;margin: 10px 0 0 20px;vertical-align: middle;}
	footer dl.social-link dd{width: 100%;display: block;margin-bottom: 10px;}
	footer, #home footer {padding:20px 0;font-weight: normal;font-style: normal;}.cont-footer{position: relative;}
	footer ul.footer-nav li.blank::after{top: 6px;right: 0px;}	
	h1.footer-logo{padding: 0 0 20px 0;width: 100%;font-size: 16px;}
	h1.footer-logo img{display: none;}
	h1.footer-logo:after { content:'株式会社 百花園';width: 100%;}
	.pagetop a{text-indent:-5000px;display:none;}
	
	#gift section.lineup .screenshots ul li{
		float: left;
		width: 50%;
		margin: 0 auto 6px;
		padding: 0 6px;
	}
	.gift_lineup ul li{
		width: 50% !important;
		margin: 0 auto 6px;
		padding: 0 6px;
		float: left;
	}
	
	
	/* hiyorika_plan */
	
	h3.hiyo_subtitle {
	  font-size:100%;
	}
	
	.hiyo_plan_col{
		width:100%;
		float: none;
		margin: 0 auto;
		border-right: none;
		}
	.hiyo_plan_col:last-of-type{
		border-right: none;
		}
	.hiyo_plan_col ul{
		list-style-type:none;
		margin:  20px auto 0;
		max-width: 270px;
		}
		
	
	p.plan_price {
	  margin-bottom: 30px;
	}
	
	.hiyo_plan_col ul li{
		width: 100%;
		}
	
	.hiyo_step dl dt {
	  width: 100%;
	  display:block;
	  text-align: center;
	  margin:0 0 10px;
	}
	
	.hiyo_step dl dd.step_first{
		width: 100%;
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.hiyo_step dl dd.step_link {
	  color:#231815;
	  display:block;
	  padding-top:3px;
	  text-align: center;
	  margin-left: 0;
	}
	
	.hiyo_step p.step_arrow {
	  background-image:url("../img/hiyorika/arrow_step.png");
	  background-position:50% 50%;
	  background-repeat:no-repeat;
	  height:48px;
	  width:100%;
	}
	
	.hiyo_note-b{
	  margin:30px auto;
	  width: 80%;
	  font-size: 89%;
	  }
	  
	  
	 /* recruit */
		  
		 #recruit_slide_wrap{
		 	width: 100%;
		 	height: 400px;
		 }
		  
		 #slide h3.catch{
		  	margin-top: 0;
		  }
		  
		 #slide h3.catch img{
		  	display: none;
		  }
		  
		 #recruit section.slide{
		  	padding: 0;
		  	margin: 0;
		  }
		  
		 #recruit section.slide .flexslider ul.slides{
		  	width: 100%;
		  }
		  
		 #recruit section.slide .flexslider ul.slides li{
		 	width: 100% !important;
		 	margin-right: auto!important;
		 	margin-left: auto!important;
		 	padding-left: 15px!important;
		 	padding-right: 15px!important;
		 }
		  
		 #recruit section.slide .flexslider ul.slides li img{
		  	width: 100%;
		  }
		  
		  .require dl dt {
		    width: 100%;
		    padding: 10px 0;
		    display:block;
		    text-align: center;
		    margin:0;
		  }
		  
		  .require dl dd.step_first{
		  	width: 100%;
		  	display: block;
		  	text-align: center;
		  	margin: 0 auto;
		  	padding: 20px 0;
		  }
	
		  .require p.step_arrow {
		    width:100%;
		  }
		  
		  
		 #recruit .recruit_txt{
		  		padding: 0;
		  	 	margin:10px 0 20px;
		  		font-size: 90%;
		  		white-space: normal;
		  		line-height:2.4em;
		  		width: 100%;
		  		display: block;
		  }
		  
		 #recruit h2.recruit_txt img{
		  
		  }
		  
		  
		  #require_wrap{
		  	width: 100%;
		  	margin: 0 auto;
		  	position: relative;
		  }
		  
		  
		  #content_gallery{
		  	width: 100%;
		  	margin-right: auto;
		  	margin-left: auto;
		  	padding-left: 15px;
		   	padding-right: 15px;
		  }
		  
		  #content_gallery h3{
		  	text-align: center;
		  	margin-bottom: 30px;
		  }
		  
		  .gallery_cont1{
		  	width: 100%;
		  	margin: 0 auto;
		  	overflow: hidden;
		  	}
		  	
		  .gallery_cont2{
		  	width: 100%;
		  	margin: 0 auto;
		  	overflow: hidden;
		  	}
		  	
	
		  #gallery_wrap{
		  	background: #F8F8F8;
		  	padding: 32px 0 58px 0;
		  }
		  
		  
	 /* recruit-test */
		 
		  
		 #recruit-test section.slide{
		  	padding: 0;
		  	margin: 0;
		  }
		  
		 #recruit-test section.slide .flexslider ul.slides{
		  	width: 100%;
		  }
		  
		 #recruit-test section.slide .flexslider ul.slides li{
		 	width: 100% !important;
		 	margin-right: auto!important;
		 	margin-left: auto!important;
		 	padding-left: 15px!important;
		 	padding-right: 15px!important;
		 }
		  
		 #recruit-test section.slide .flexslider ul.slides li img{
		  	width: 100%;
		  }

		  
		  
		 #recruit-test .recruit_txt{
		  		padding: 0;
		  	 	margin:10px 0 20px;
		  		font-size: 90%;
		  		white-space: normal;
		  		line-height:2.4em;
		  		width: 100%;
		  		display: block;
		  }
		  
		 #recruit-test h2.recruit_txt img{
		  
		  }
		  
		  
		  
		   /* recruit-test-2 */
		 
		  
		 #recruit-test-2 section.slide{
		  	padding: 0;
		  	margin: 0;
		  }
		  
		 #recruit-test-2 section.slide .flexslider ul.slides{
		  	width: 100%;
		  }
		  
		 #recruit-test-2 section.slide .flexslider ul.slides li{
		 	width: 100% !important;
		 	margin-right: auto!important;
		 	margin-left: auto!important;
		 	padding-left: 15px!important;
		 	padding-right: 15px!important;
		 }
		  
		 #recruit-test-2 section.slide .flexslider ul.slides li img{
		  	width: 100%;
		  }

		  
		  
		 #recruit-test-2 .recruit_txt{
		  		padding: 0;
		  	 	margin:10px 0 20px;
		  		font-size: 90%;
		  		white-space: normal;
		  		line-height:2.4em;
		  		width: 100%;
		  		display: block;
		  }
		  
		 #recruit-test-2 h2.recruit_txt img{
		  
		  }
		  
		  
	  
	/* lineup */
		section.lineup .screenshots ul li, section.logomark.screenshots ul li,
		#gift section.lineup .screenshots ul li{
			width: 50%;
			background: none;
			list-style: none;
			margin: 0 0 6px;
			padding: 0 6px;
			min-height: 390px;
			font-size: 72%;
		}
		
		.lineup-wrap p.exp {font-size: 74%;}
		
		.lineup-detail-wrap{
			display: block;
		}

		.lineup-detail-main__photo{
			width: 100%;
			height: auto;
		}
		
		.lineup-detail-main__photo img{
			width: 100%;
		}

		.lineup-detail-txt{
			width: 100%;
			padding-left:0;
		}

		.lineup-detail-txt h3{
				text-align: left;
		}

	  
	  
	/* ==========================================================================
	  Hiyorika_Nav 
	========================================================================== */
	  .hiyorika-p .nav-toggle {
	      position: fixed;
	      top: 30px;
	      left: 15px;
	      z-index: 999999;
	      padding: 10px 35px 16px 0px;
	      cursor: pointer;
	  }
	  .hiyorika-p .nav-toggle:focus {
	      outline: none;
	  }
	  .hiyorika-p .nav-toggle span, .hiyorika-p .nav-toggle span:before, .hiyorika-p .nav-toggle span:after {
	      content: '';
	      position: absolute;
	      display: block;
	      width: 35px;
	      height: 5px;
	      border-radius: 1px;
	      background: #BAA58C;
	      cursor: pointer;
	  }
	  .hiyorika-p .nav-toggle span:before {
	      top: -10px
	  }
	  .hiyorika-p .nav-toggle span:after {
	      bottom: -10px
	  }
	  .hiyorika-p .nav-toggle span, .hiyorika-p .nav-toggle span:before, .hiyorika-p .nav-toggle span:after {
	      -webkit-transition: all 300ms ease-in-out;
	      transition: all 300ms ease-in-out;
	  }
	  .hiyorika-p .nav-toggle.active span {
	      background-color: transparent
	  }
	  .hiyorika-p .nav-toggle.active span:before, .hiyorika-p .nav-toggle.active span:after {
	      top: 0
	  }
	  .hiyorika-p .nav-toggle.active span:before {
	      -webkit-transform: rotate(45deg);
	      -ms-transform: rotate(45deg);
	      transform: rotate(45deg);
	  }
	  .hiyorika-p .nav-toggle.active span:after {
	      top: 10px;
	      -webkit-transform: translateY(-10px) rotate(-45deg);
	      -ms-transform: translateY(-10px) rotate(-45deg);
	      transform: translateY(-10px) rotate(-45deg);
	  }
	  .hiyorika-p .navicon {
	      position: relative;
	      height: 0;
	      text-indent: -5000px;
	  }

	  .hiyorika-p .navicon-fixed {
	      position: fixed;
	      top: 59px;
	      right: 143px;
	  }
	  
	  
	  /* Menu style */
	  .hiyorika-p .overlay nav {
	      position: relative;
	      top: 36%;
	      height: 60%;
	      text-align: center;
	      font-size: 54px;
	      -webkit-transform: translateY(-50%);
	      -ms-transform: translateY(-50%);
	      transform: translateY(-50%);
	  }
	  .hiyorika-p .overlay ul {
	      position: relative;
	      display: inline-block;
	      margin: 0 auto;
	      padding: 0;
	      list-style: none;
	      width: 100%;
	      border-top: 1px solid #8e8075;
	  }
	  .hiyorika-p .overlay ul li {
	      display: block;
	      margin: 0px;
	      width: 100%;
	  }
	  .hiyorika-p .overlay ul li:last-child {
	      margin-right: 0px
	  }
	  
	 .hiyorika-p .overlay ul li a {
	      display: block;
	      width: 100%;
	      padding: 16px 0;
	      border-bottom: 1px solid #8e8075;
	      color: #8e8075;
	      font-weight: 400;
	      font-size: 14px;
	      font-family: "游ゴシック体", "Yu Gothic", 'Montserrat', YuGothic, sans-serif;
	      -webkit-transition: all 300ms ease-in-out;
	      transition: all 300ms ease-in-out;
	  }
	  
	 .hiyorika-p .overlay ul li a:hover, .overlay ul li a:focus {
	      border-color: #736357;
	      color: #736357;
	  }
	  
	  /*recruit*/
	  .gallery_col{
	  	text-align: center;
	  	display: table-cell;
	  	padding-right: 40px;
	  	vertical-align: bottom;
	  }
	  
	  .gallery_cont2{
	  	width: 100%;
	  	margin: 40px auto 0;
	  	overflow: hidden;
	  	}
	  
	
}


@media screen and (max-width:990px){
  nav {margin: 90px 0 40px;}
}
	
	
	
@media screen and (max-width:680px){
	.feature-content{width:60%;}
	
	/* common */
		header .header_inner .container { padding: 30px 30px 0;}
		#header .head_cover {background:#FFFFFF;height:0px;margin:0;padding:0;position:absolute;width:100%;}
		.header_inner {color:#FFFFFF; min-height: 190px;  height: 100%;  padding:0; position:relative;}
		.header_inner .logo{padding: 0;background: url(../img/logo01_sp.png) no-repeat top left;background-size:96px;text-indent: -5000px; width:131px;height: 35px;z-index: 99999;}
		.header_inner .logo a{display: block;}
		.header_inner h1 {margin: 20px 0 0;font-weight: 300;font-size: 28px;letter-spacing: 0.1em;}
		#breadcrumb {padding:6px 0 12px;}
		#company .header_inner, #newstopics .header_inner, #about .header_inner, #menu .header_inner, #contact .header_inner { position: relative;padding: 0; min-height: 190px;  height: 100%; background-size: cover;color: #fff;}
		
		.menu-wrap { position: relative; padding: 15px 0;}
		section.catlist ul li.current, section.catlist ul li a{display: block;padding:6px 14px;font-size: 84%;}
		section.common { margin-bottom:0px;}
		p.text{font-size: 89%;}
		
	/*gift */
	/* lineup */
	section.lineup .screenshots ul li{font-size: 80%;min-height: 340px;}
	section.lineup .gift_lineup ul li{
		float: none;width: 22.5%;background: none;list-style: none;margin: 0 auto 6px;padding: 0 6px;min-height: 280px;
	}
	
	/* about */
	
	.listwrap .shopinfo a{
		position: absolute;
		display:block;
		top: 100px;
		left: 30px;
		width: 100%;
		height: 40px;
		z-index: 9999;
	}
		
}


@media screen and (max-width:640px){
	.use-btn{display:none;}
	footer li{display:block;text-align:left;padding:20px 0;border-bottom:dashed 1px #c7cacc;margin-right:0!important;float:none;}
	nav{margin:90px 0 40px;}
	.overlay ul{margin-left:0px;}
	.overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}
	
	/* hiyorika */
	
	.hiyorika-p .social{
		display: none;
	}
	
	.hiyo_lineup{
		height: 100%;
		min-height: 200px;
	}
	
	.cont-hiyorika {
		width: 100%;
		height: 100%;
	    padding: 0;
	    margin: 0;
	}
	
	.hiyorika-p section.thumb ul li {
	    float: left;
	    min-height: 100%;
	    width: 72%;
	    background: none;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	
	.hiyorika-p section.thumb ul li img{
	    width: 100%;
	    float: left;
	}
	
	
	.hiyorika-p section.thumb ul li.himage {
	    width: 28%;
	    
	}
	
	/*recruit*/
		.gallery_col{
			display:block;
			position: relative;
			min-width:186px;
			min-height: 186px;
			overflow-x: auto;
			overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
			margin: 0;
			padding: 0;
			float: none;
			vertical-align: bottom;
		}
		
		.gallery_col img{
			width: 100%;
			overflow-x: auto;
			overflow-y: hidden;
		}
		#recruit .gallery_cont2{
            flex-direction: column;
        }
		
		.gallery_cont2{
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
		}
		
		
	/* lineup */
	section.popup p.exp3 {
			position: absolute;
			top: 270px;
			left: 20px;
			width: 240px;
			font-size: 84%;
			line-height: 1.6;
	}		
	
	
}



@media screen and (max-width:640px){
	
	#header .container .buy_btn{
	z-index: 98;
	position: absolute;
	top: -6px;
	right: 230px;
	display: block;
    width: 190px;
    border-radius: 0 0 6px 6px;
}

	#header .container .buy_btn.delivery{
	right: 14px;
	background-position: 13px 10px;
	padding-left: 30px;
}
	
	
	section.lineup .screenshots ul li p.buy_btn{
	display: block;
	text-align: center;
	color: #fff;
	background: #bca78e;
	margin: 6px auto 0;
	padding: 4px 0 2px;
	width: 100%;
}

		section.lineup .screenshots ul li, section.logomark.screenshots ul li,
		#gift section.lineup .screenshots ul li{
			min-height: 340px;
		}

	.hiyorika_txt{
		padding: 0 6%;
		margin:20px 0 40px;
		display: inline-block;
		white-space: nowrap;
		font-size: 90%;
		line-height:2.4em;
	}
	
	footer dl.social-link{
		display: block;
		width: 100%;
		margin: 10px 0 0 0;
		vertical-align: middle;
	}
	
	footer ul.footer-nav li{
		padding-top:8px;
	}


}



@media screen and (max-width:465px){
	section.hero h1{font-size:40px;margin: 45px 0}
	/*.screenshots ul li{width:100%;min-height:100%;float:none;}*/
	section.about .screenshots ul li{width:100%;min-height:100%;float:none;margin: 0;}
	section.menu .screenshots ul li{width:100%;min-height:100%;float:none;margin: 0;}
	section.video i{font-size:30px;}
	section.video h1{font-size:15px;font-weight:400;}
	section.video{padding:40px;}
	.feature-content{width:100%;text-align:center;margin-top:20px;}
	.feature-icon{display:block;margin:0 auto;}
	blockquote p{width:60%;}
	.features-slider {padding: 11% 50px 10% 50px;}
	
	/* add */
	/*******
	TOP
	*******/
	h2 .line,  .about h2 .line{padding:6px 0 6px;}
	section h2{font-size:16px;}
	section h3{font-size: 14px;}
	section.about ul li,section.menu .screenshots ul li {margin-bottom:10px;}section.menu .screenshots ul li p,section.about ul li p{margin: 6px 0; font-size: 89%;}
	.features-list {padding: 0px;}
	.hero{padding-top: 20px;min-height: 400px;height: 100%;}
	ul.NavMenuTop{text-indent: -5000px;display: none;}
	section.hero .logo{padding: 0;background: url(../img/logo01_sp.png) no-repeat top left;background-size:96px;text-indent: -5000px; width:131px;height: 35px;z-index: 99999;}
	//.catch01{position: absolute;right: 20px;top: -130px;z-index: 99;}
	.catch01{position: absolute;right: 20px;top: 0;z-index: 1;}
	.catch01 img{width: 70px;}
	#news h2{width: 100%;border-right: 1px solid #C3AE95;border-left: 1px solid #C3AE95;margin: 0 auto 10px; font-size: 15px;}
	.news-section{font-size: 9px;top: 0;}
	.news-section ul li dl dt {margin:0;padding:0; font-size: 11px;display: block;}
	#news ul{float:left;height:1.8em ;overflow : hidden;margin: 0px; width: 100%;display: block;clear: both;}
	#news ul li dl dd {float:left; max-width:70%; text-overflow:ellipsis; white-space:nowrap; font-size: 11px;margin:0;padding:0 0 2px 7px;}
	.features-list p{font-size:68%;padding-left: 0;padding-right: 0;letter-spacing: 0;}
	.feature { display: inline-block; margin: 25px 0 0;  width: 100%; height: 20px;  vertical-align: top;text-align: center; font-size: 25px;line-height: 1.9;}
	.feature h2{text-align: center;width: 100%;margin: 0;padding: 0;}
	h2 .hline{border-right: none; width: 0;height: 0;padding: 0;margin: 0;}
	.about-wrap{padding: 60px 0 0;}
	section.menu .bt_viewall{width: 100%;display: block;clear: both;}
	section.menu .bt_viewall p {margin:0;font-size: 84%;}
	.about {background: url('../img/showcase-bg-fixed.png') no-repeat 0 0 #dedfdb; background-size: cover;}
	.hiyorika {background:#C8CFD2; color:#FFFFFF;padding:20px 0px 0;text-align:center;}.hiyorika h1{margin: 0 0 20px;}.hiyorika h1 img{width: 32%;}.hiyorika p{font-size: 89%; margin: 10px 0;}
	
	
	#header .container .buy_btn{
	z-index: 98;
	position: absolute;
/* 	top: 340px; */
	top: 290px;
	left: -170px;
	right: 0;
	display: block;
    width: 190px;
    border-radius:6px;
}

	#header .container .buy_btn.delivery{
	top: 340px;
	right: 0px;
}
	
	/* common */
		header .header_inner .container { padding: 30px 30px 0;}
		#header .head_cover {background:#FFFFFF;height:0px;margin:0;padding:0;position:absolute;width:100%;}
		.header_inner {color:#FFFFFF; min-height: 190px;  height: 100%;  padding:0; position:relative;}
		.header_inner .logo{padding: 0;background: url(../img/logo01_sp.png) no-repeat top left;background-size:96px;text-indent: -5000px; width:131px;height: 35px;z-index: 99999;}
		.header_inner .logo a{display: block;}
		.header_inner h1 {margin: 20px 0 0;font-weight: 300;font-size: 28px;letter-spacing: 0.1em;}
		#breadcrumb {padding:6px 0 12px;}
		#company .header_inner, #newstopics .header_inner, #about .header_inner, #menu .header_inner, #contact .header_inner { position: relative;padding: 0; min-height: 190px;  height: 100%; background-size: cover;color: #fff;}
		
		.menu-wrap { position: relative; padding: 15px 0;}
		section.catlist ul li.current, section.catlist ul li a{display: block;padding:6px 14px;font-size: 84%;}
		section.common { margin-bottom:0px;}
		 p.text{font-size: 89%;}
		 section.common p.gift-text{font-size: 61%;letter-spacing: 0em;line-height: 2.4em;margin-bottom: 10px;
		 }
		
		
		/* news */
		.pagenavi .pagenavprev{float: left;width: 50%;}
		.pagenavi .pagenavnext{float: right;width: 50%;text-align: right;}
		.pagenavi .pagenavprev a,
		.pagenavi .pagenavnext a{
			display: block;width: 100%;color: #666666;font-size: 100%;}
		section.newslist .newslist_item {
		  clear:both; display:block;margin-bottom:30px;border-bottom: 1px dashed #dddddd;
		}
		.newstext img{
			width: 100%;
			height: auto;
		}
		
		/*about*/
		.download{margin: 0;}
		.download dl.book_area dt, .download dl.book_area dd {
		  display:block;
		  margin:0;
		  padding:0;
		  vertical-align:middle;
		  text-align: center;
		}
		
		.download a.download-btn{
			background: #b52626;
			font-size: 110%;
		}
		
		.download dl.book_area dt img {margin:0px;}.download p {display:block;margin:10px;font-size: 84%;}
		section.thumb{padding-bottom: 20px;}
		
		section.thumb ul li {
		    width: 100%;
		    background: none;
		    list-style: none;
		    margin: 0 auto 6px;
		    padding: 0;
		}
		
		section.histories ul li {
		    width: 50%;
		    margin: 0;
		}
		
		section.histories ul li.last{
			margin: 0;
		}
		
		section.histories ul li img{
			width: 100%;
		}
		
		section.histories ul li p{
			text-align: center;
			color: #666666;	
		}
		
		
		section.histories dl dt h2{
			padding: 6px 0 6px 35px;
			text-align: left;
			background: url(../img/about/h_history.png) no-repeat 0 0;
		}
		
		section.histories dl dd{
			display: block;
			margin: 0;
			vertical-align: top;
		}
		section.histories dl dd img{width: 100%;}
		section.histories dl dd p.text{
			margin:0 0 30px;padding:0;text-align:left;
		}
		
		.lineup-wrap.bg-logomark{
			display: block;
			background-image: url(../img/about/bg-logo.png);
			background-size: 50%;
			background-position: 50% 10%;
			overflow: visible;
			width: 100%;
		}
		
		/* lineup */
    /* 230512 */
    section.lineup .row {
      margin-bottom: 40px;
    }
    /* /230512 */
		section.lineup .screenshots ul li, section.logomark.screenshots ul li,
		#gift section.lineup .screenshots ul li{
			width: 50%;
			background: none;
			list-style: none;
			margin: 0 0 6px;
			padding: 0 6px;
			min-height: 250px;
			font-size: 72%;
		}
		
		.lineup-wrap p.exp {font-size: 74%;}
		
		section.lineup .screenshots ul li span.new{
			text-align: center;
			font-family: "EB Garamond";
			font-size: 39%;
			background: #b23939;
			color: #fff;
			padding: 3px 5px;
			margin: 0 8px 0 0;
			border-radius: 6px;
			color: #fff;
			line-height: 1.4;
			vertical-align: top;
			letter-spacing: 0.1em;
		}
		
		
		/* hiyorika */
		.hiyorika-p .hero{padding-top: 60px;min-height: 200px;height: 100%;}
		.hiyorika-p section.hero .logo{padding: 0;background: url(../img/hiyorika/logo_hiyorika_b.png) no-repeat top center;background-size:96px;text-indent: -5000px; width:140px;height: 90px;z-index: 99999;}
		
		.hiyorika_txt{
			padding: 0;
			  margin:20px 0 40px;
			  font-size: 90%;
			white-space: nowrap;
			line-height:2.4em;
		}
		
		#hiyo_plan_wrap{
			border-top: 1px solid #dddddd;
		}
		
		.hiyo_option-sp .hiyo_lineup_sp{
			display:inline;
			position: relative;
			min-width:186px;
			min-height: 186px;
			overflow-x: auto;
			overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
			margin: 0 0 0 70px;
			float: none;
			vertical-align: bottom;
		}
		
		
		
		/* hiyorika-gift */
		.hiyorika-re .hero{padding-top: 60px;min-height: 540px;height: 100%;}
		.hiyorika-re section.hero .logo{padding: 0;background: url(../img/hiyorika-gift/logo_hiyorika.png) no-repeat top center;background-size:200px;text-indent: -5000px; width:240px;height: 40px;z-index: 99999;}
		
		.hiyorika-re .hiyorika_txt{
			padding: 0;
			  margin:20px 0 40px;
			  font-size: 90%;
			white-space: nowrap;
			line-height:2.4em;
		}
		
		
		@media only screen and (max-width: 750px) {
.hiyorika-re h2.hiyorika_txt{
	width: 100%;
	z-index: 999;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 140%;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
	  font-family: "FOT-筑紫Aオールド明朝 Pr6 R", "游明朝体", "Yu Mincho", YuMincho, serif;
	  letter-spacing: 0.1em;
}
}
	
		
		.hiyorika-re #hiyo_plan_wrap{
			border-top: 1px solid #dddddd;
		}
		
		.hiyorika-re .hiyo_option-sp .hiyo_lineup_sp{
			display:inline;
			position: relative;
			min-width:186px;
			min-height: 186px;
			overflow-x: auto;
			overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
			margin: 0 0 0 70px;
			float: none;
			vertical-align: bottom;
		}
		
		/* hiddenContents*/
		/* 隠しコンテンツのCSS */	     
				section.popup {
					position: relative;
					display: none;/* ライトボックス表示するコンテンツは消しておきます */
					width: 400px;/* 隠しコンテンツの横幅 */
					height: 500px;/* 隠しコンテンツの高さ */
				}
				
				section.popup img {
					position: relative;
					margin: 0;
					padding: 0;
					width: 240px;
				}
				
				section.popup h3 {
					position: absolute;
					top: 160px;
					left: 20px;
					width: 240px;
					font-size: 94%;
					margin-top: 20px;
					border-bottom: 1px dotted #666666;
					padding-bottom: 7px;
					text-align: center;
				}
				
				section.popup p.exp {
					position: absolute;
					top: 240px;
					left: 20px;
					width: 240px;
					font-size: 90%;
					line-height: 1.6;
				}
				
				section.popup p.type {
					position: absolute;
					top: 200px;
					left: 20px;
					width: 80px;
					height: 30px;
					font-size: 70%;
					line-height: 1.6;
				}
				
				section.popup span.price {
					position: absolute;
					top: 200px;
					left: 80px;
					height: 30px;
					width: 180px;
					font-size: 70%;
					line-height: 1.6;
				}
				
				
				section.popup span.price2 {
					position: absolute;
					top: 230px;
					left: 80px;
					height: 30px;
					width: 180px;
					font-size: 70%;
					line-height: 1.6;
				}
				
				section.popup span.price3 {
					position: absolute;
					top: 260px;
					left: 80px;
					height: 30px;
					width: 180px;
					font-size: 70%;
					line-height: 1.6;
				}
				
				/* //hiddenContents */
				
				.header_inner {
				    position: relative;
				    padding: 0;
				    height: 320px!important;
				}
				

				
				/* symbol */
				section.symbol .screenshots ul li, section.logomark.screenshots ul li,
				#gift section.symbol .screenshots ul li{
					width: 50%;
					background: none;
					list-style: none;
					margin: 0 auto 6px;
					padding: 0 6px;
				}
				
				
				
				/*gift-culture*/
				.gift-culture{margin: 0;}
				.gift-culture dl.gift_area dt, .gift-culture dl.gift_area dd {
				  display:block;
				  margin:0;
				  padding:0;
				  vertical-align:middle;
				  text-align: center;
				}
				
				.gift-culture dl.gift_area dt .link-btn{
					display: none;
				}
				
				
				
				/*contact*/
				.form_table tr th,.form_table tr td{
					display: block;
					width: 100%;
					clear: both;
				}
				
				/*recruit*/
				#recruit_slide_wrap{
					width: 100%;
					height: 240px;
				}
				
				#recruit .download img{
					width: 100%;
				}
				
				#recruit .recruit_txt{
					padding: 0;
					margin:20px 0 30px;
					font-size: 90%;
					line-height:2.4em;
					width: 100%;
					display: block;
				}
				
				#recruit h2.recruit_txt img{
				 	width: 100%;
				 }
				
			}
			
	@media screen and (max-width:360px){			
	#news ul li dl dd {
	float:left;
	width:220px;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size: 11px;
	margin:0;
	padding:0 0 2px 7px;
	}
				
				
				
		}