@charset "utf-8";
/*
Theme Name:		着物買取専門店ゆずりは　スマホ向け
Theme URI:		http://www.yumeya.net/
Author:			YUMEYA Corp.
Author URI:		http://www.yumeya.net/
Description:	
Version:		1.0
License:		Copyright (c) YUMEYA Corp.
License URI:	
Tags:			
*/



@media screen and (min-width: 0px) and (max-width: 779px){
	
	
	/* --------------------------------------------------------------------------------
		リセット
	-------------------------------------------------------------------------------- */
	html,body,div,span,applet,object,iframe,
	h1,h2,h3,h4,h5,h6,p,blockquote,pre,
	a,abbr,acronym,address,big,cite,code,
	del,dfn,em,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,
	b,u,i,center,
	dl,dt,dd,ol,ul,li,
	fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td,
	article,aside,canvas,details,embed,
	figure,figcaption,footer,header,hgroup,
	menu,nav,output,ruby,section,summary,
	time,mark,audio,video{
		margin:0;
		padding:0;
		font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	}
	html{
		font-size:62.5%;
	}
	body{
		max-width:1000px;
		margin:0 auto;
		line-height:1.5;
		font-size:1em;
		background:#f3f0e9;
		-webkit-text-size-adjust:100%;
	}
	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section{
		display:block;
	}
	ol,ul{
		list-style:none;
	}
	blockquote,q{
		quotes:none;
	}
	blockquote:before,blockquote:after,
	q:before,q:after{
		content:'';
		content:none;
	}
	table{
		border-collapse:collapse;
		border-spacing:0;
	}
	
	th,
	td{
		word-break:break-all;
	}
	
	img,
	input[type=image]{
		max-width:100%;
		height:auto;
		border:none;
		-ms-interpolation-mode:bicubic;
		vertical-align:text-bottom;
	}
	input,
	textarea,
	select{
		font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
		-webkit-text-size-adjust:100%;
	}
	a img{
		border:none;
		vertical-align:bottom;
	}
	
	@media screen and (min-width: 300px) and (max-width: 399px){
	body{
		font-size:1.2em;
	}
	}
	@media screen and (min-width: 400px) and (max-width: 599px){
	body{
		font-size:1.4em;
	}
	}
	@media screen and (min-width: 500px) and (max-width: 699px){
	body{
		font-size:1.6em;
	}
	}
	@media screen and (min-width: 600px) and (max-width: 799px){
	body{
		font-size:1.8em;
	}
	}
	@media screen and (min-width: 700px) and (max-width: 899px){
	body{
		font-size:2em;
	}
	}
	@media screen and (min-width: 800px) and (max-width: 899px){
	body{
		font-size:2.2em;
	}
	}
	@media screen and (min-width: 900px) and (max-width: 999px){
	body{
		font-size:2.4em;
	}
	}
	
	h1,h2,h3,h4,h5,h6,p{
		margin:0;
		font-size:1em;
	}
	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section{
		display:block;
	}
	ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	
	a{
		-webkit-tap-highlight-color:rgba(0,0,0,0.1);
		tap-highlight-color:rgba(0,0,0,0.8);
		text-decoration:none;
		color:#27679a;
	}
	
	input{
		-webkit-border-radius:100%;
		border-radius:0;
	}
	input, select{
		vertical-align:bottom;
	}
	
	
	/* --------------------------------------------------------------------------------
		共通クラス
	-------------------------------------------------------------------------------- */
	.clear{
		clear:both;
	}
	br.clear{
		display:block;
		margin:0;
		padding:0;
		clear:both;
		height:0;
		border:none;
		visibility:hidden;
		font-size:0;
	}
	.clearfix:after{
		content:".";
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
	}
	.clearfix{
		min-height:1%;
	}
	* html .clearfix{
		height:1%;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
	
	ul.ul{
		list-style:disc;
		padding:0 0 0 40px;
	}
	ol.ol{
		list-style:decimal;
		padding:0 0 0 40px;
	}
	
	/********** プレースホルダー **********/
	::-webkit-input-placeholder{
		color:#000;
	}
	
	/* --------------------------------------------------------------------------------
		container
	-------------------------------------------------------------------------------- */
	#container{
	}
	
	
	/* --------------------------------------------------------------------------------
		header
	-------------------------------------------------------------------------------- */
	#header{
		margin:0 0 3%;
		background:#fff;
	}
	
	/********** logo-btns **********/
	#header .logo-btns{
		position:relative;
		padding:0 0 1em;
		background:url(../wp-content/themes/yumtheme/images/common/sp/h-shadow.png) no-repeat 0 100%;
		background-size:100% 1em;
		z-index:100;
	}
	#header .logo-btns .logo-btns-box{
		background:url(../wp-content/themes/yumtheme/images/common/sp/h-bg.png) no-repeat 0 0;
		background-size:100% 100%;
	}
	#header .logo-btns h1{
		float:left;
		width:58%;
	}
	#header .logo-btns h1 a{
		display:block;
		position:relative;
		color:#000;
	}
	#header .logo-btns h1 a .shopname{
		display:block;
		top:0.5em;
		left:0.5em;
		position:absolute;
		color:#1b1b1b;
	}
	#header .logo-btns h1 a .logo{
		display:block;
	}
	
	/********** メイン画像 **********/
	#header .h-img-main{
		position:relative;
		margin:-2% 0 0;
		z-index:50;
	}
	
	/********** ボタン **********/
	#header .btns{
		float:right;
		width:42%;
	}
	
	/********** 査定 **********/
	#header .h-txt{
		padding:0 0 2%;
		text-align:center;
	}
	#header .h-txt span{
		font-weight:bold;
		color:#d60075;
	}
	
	/********** 電話 **********/
	#header .h-txt-tel{
		padding:0 0 3%;
	}
	
	/********** MENU **********/
	#header .h-t-menu img{
		box-shadow:0 0.3em 0.4em rgba(0,0,0,0.3);
		vertical-align:bottom;
	}
	
	#header .contents-list{
		display:none;
		width:100%;
		max-width:1000px;
		background:#a089b7;
		position:absolute;
	}
	#header .contents-list .contents-list-wrapper{
		padding:3% 2% 3%;
	}
	#header .contents-list ul{
		margin:0 0 3%;
	}
	#header .contents-list ul li{
		float:left;
		margin:0 0 0.2em;
		width:49.6%;
		background: -moz-linear-gradient(left,  rgba(81,30,100,1) 0%, rgba(135,75,145,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(81,30,100,1) 0%,rgba(135,75,145,1) 100%);
		background: linear-gradient(to right,  rgba(81,30,100,1) 0%,rgba(135,75,145,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#511e64', endColorstr='#874b91',GradientType=1 );
	}
	#header .contents-list ul li:nth-child(2n){
		float:right;
	}
	#header .contents-list ul li:last-child{
		background: -moz-linear-gradient(left,  #dd295a 0%, #dd5da1 100%);
		background: -webkit-linear-gradient(left,  #dd295a 0%,#dd5da1 100%);
		background: linear-gradient(to right,  #dd295a 0%,#dd5da1 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd295a', endColorstr='#dd5da1',GradientType=1 );
	}
	#header .contents-list ul li a{
		display:block;
		padding:1.2em 2.5em;
		color:#fff;
		background:url(../wp-content/themes/yumtheme/images/common/sp/f-icon-flower.png) no-repeat 1em 50%, url(../wp-content/themes/yumtheme/images/common/sp/f-icon-arr.png) no-repeat calc(100% - 0.5em) 50%;
		background-size:1em auto,1em auto;
	}
	#header .contents-list ul li a:nth-child(2n){
		margin:0 0 0.2em 0.25em;
	}
	#header .btn-close a{
		display:block;
		padding:3% 0;
		border:solid 0.15em #fff;
		text-align:center;
		color:#fff;
	}
	
	/* --------------------------------------------------------------------------------
		wrapper
	-------------------------------------------------------------------------------- */
	#wrapper{
	}
	
	
	/* --------------------------------------------------------------------------------
		main
	-------------------------------------------------------------------------------- */
	#main{
	}
	
	/* --------------------------------------------------------------------------------
		WP-PageNavi
	-------------------------------------------------------------------------------- */
	#main .wp-pagenavi{
		padding:2em;
		text-align:center;
		font-size:1.5em;
	}
	#main .wp-pagenavi a{
		display:block;
		padding:0.5em;
		border-radius:0;
		border:solid 1px #d2d2d2;
		color:#1b1b1b;
	}
	#main .wp-pagenavi a:hover{
	}
	#main .wp-pagenavi span{
		display:block;
		padding:0.5em;
		border-radius:0;
		border:solid 1px #d2d2d2;
		color:#1b1b1b;
	}
	
	
	#main .wp-pagenavi span.current{
		display:none !important;
	}
	#main .wp-pagenavi a.page{
		display:none;
	}
	#main .wp-pagenavi a.first{
		/* display:none; */
	}
	#main .wp-pagenavi .extend{
		display:none;
	}
	#main .wp-pagenavi a.last{
		/* display:none; */
	}
	
	
	/* --------------------------------------------------------------------------------
		footer
	-------------------------------------------------------------------------------- */
	#footer{
		margin:0 0 15%;
	}
	
	/********** CONTENTS **********/
	#footer .contents-list{
		padding:0 2% 3%;
		background:#a089b7;
	}
	#footer .contents-list ul li{
		float:left;
		margin:0 0 0.2em;
		width:49.6%;
		background: -moz-linear-gradient(left,  rgba(81,30,100,1) 0%, rgba(135,75,145,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(81,30,100,1) 0%,rgba(135,75,145,1) 100%);
		background: linear-gradient(to right,  rgba(81,30,100,1) 0%,rgba(135,75,145,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#511e64', endColorstr='#874b91',GradientType=1 );
	}
	#footer .contents-list ul li:nth-child(2n){
		float:right;
	}
	#footer .contents-list ul li:last-child{
		background: -moz-linear-gradient(left,  #dd295a 0%, #dd5da1 100%);
		background: -webkit-linear-gradient(left,  #dd295a 0%,#dd5da1 100%);
		background: linear-gradient(to right,  #dd295a 0%,#dd5da1 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd295a', endColorstr='#dd5da1',GradientType=1 );
	}
	#footer .contents-list ul li a{
		display:block;
		padding:1.2em 2.5em;
		color:#fff;
		background:url(../wp-content/themes/yumtheme/images/common/sp/f-icon-flower.png) no-repeat 1em 50%, url(../wp-content/themes/yumtheme/images/common/sp/f-icon-arr.png) no-repeat calc(100% - 0.5em) 50%;
		background-size:1em auto,1em auto;
	}
	#footer .contents-list ul li a:nth-child(2n){
		margin:0 0 0.2em 0.25em;
	}
	
	/********** 手続き簡単！買取受付中 **********/
	#footer .f-tetsuduki{
		margin:0 0 2.5%;
		padding:5% 2% 0;
		background:#f3f0e9;
	}
	#footer .f-tetsuduki .heading{
		padding:0 0 2%;
	}
	#footer .f-tetsuduki .f-tetsuduki-box{
		padding:2%;
		background:url(../wp-content/themes/yumtheme/images/common/sp/f-bg-tetsuduki.png) no-repeat 0 0;
		background-size:100% 100%;
	}
	#footer .f-tetsuduki .f-tetsuduki-box ul li{
		float:left;
		width:49%;
		padding:0 0 3%;
	}
	#footer .f-tetsuduki .f-tetsuduki-box ul li:nth-child(2n){
		float:right;
	}
	#footer .f-tetsuduki .f-tetsuduki-box ul li:nth-child(3n){
		float:none;
		clear:both;
		width:auto;
		padding:0 8% 3%;
	}
	
	/********** f-info **********/
	#footer .f-info{
		box-shadow:0 0.3em 0.4em rgba(0,0,0,0.3);
		padding:3% 2% 3%;
		background:#fff;
	}
	
	#footer .f-info ul{
		display:table;
		width:100%;
	}
	#footer .f-info ul li{
		width:50%;
		display:table-cell;
		vertical-align:bottom;
	}
	#footer .f-info ul li:nth-child(1){
		padding:0 5% 2% 0;
	}
	#footer .f-info ul li:nth-child(2){
		padding:0 0 2% 3%;
		text-align:right;
	}
	#footer .f-info ul li a{
		display:block;
		position:relative;
		color:#000;
	}
	#footer .f-info ul li a .shopname{
		display:block;
		top:0.5em;
		left:0;
		position:absolute;
		color:#1b1b1b;
	}
	#footer .f-info ul li a .logo{
		display:block;
	}
	
	/********** PAGE TOP **********/
	#footer .f-info .btn-pagetop{
		padding:0 0 3.5%;
	}
	
	#footer .f-info .txt{
		padding:0 0 2%;
		font-size:0.9em;
	}
	
	#footer .f-info .number{
		padding:1.5% 0 0;
		border-top:solid 0.2em #a0a0a0;
		text-align:center;
	}
	
	/* --------------------------------------------------------------------------------
		固定
	-------------------------------------------------------------------------------- */
	#footer .fix{
		width:100%;
		max-width:1000px;
		position:fixed;
		bottom:0;
	}
	
	#footer .fix .fix-menu ul{
	padding:0 10%;
	}
	
	#footer .fix .fix-menu ul li{
		float:left;
		/*width:24%;*//*ボタン4個の場合*/
		/*padding:0 0 0 0.8%;*//*ボタン4個の場合*/
		width:32%;/*ボタン3個の場合*/		
		padding:0 0 0 1%;/*ボタン3個の場合*/
	}

}