@charset "utf-8";

/* --------------------------------------------------------------------------------
	レスポンシブWebデザイン用
-------------------------------------------------------------------------------- */

/*
Theme Name:		着物買取専門店ゆずりは
Theme URI:		http://www.yumeya.net/
Author:			YUMEYA Corp.
Author URI:		http://www.yumeya.net/
Description:	
Version:		1.0
License:		
License URI:	
Tags:			
*/


@media screen and (min-width: 780px){

	/* --------------------------------------------------------------------------------
		structure
	-------------------------------------------------------------------------------- */
	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;
	}
	h1,h2,h3,h4,h5,h6,
	input,
	textarea{
		font-weight:normal;
		font-size:100%;
	}
	body{
		margin:0;
		padding:0;
		line-height:1.5;
		font-size:90%;
		-webkit-text-size-adjust:100%;
		background:url(../wp-content/themes/yumtheme/images/common/content_bg.png) repeat 0 150px;
	
	}
	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;
	}
	
	img{
		border:0;
		-ms-interpolation-mode:bicubic;
		vertical-align:bottom;
	}
	
	
	/* --------------------------------------------------------------------------------
		WordPress Style
	-------------------------------------------------------------------------------- */
	.wp-caption{
		max-width:95%;
		padding:2%;
	}
	.wp-caption .wp-caption-text,
	.gallery-caption,
	.entry-caption{
		font-style:italic;
		font-size:90%;
		color:#757575;
	}
	.sticky .featured-post{
		margin:10px 0;
		padding:5px;
		border:2px solid #fc0;
	}
	li.bypostauthor{
		background:#eee;
	}
	.alignleft{
		float:left;
		margin:0 1em;
	}
	.alignright{
		float:right;
		margin:0 1em;
	}
	.aligncenter{
		display:block;
		margin:0 auto;
	}
	
	
	/* --------------------------------------------------------------------------------
		clear & clearfix
	-------------------------------------------------------------------------------- */
	.clear{
		clear:both;
	}
	.clearfix:after{
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
	}
	* html .clearfix{zoom:1;} /* IE6 */
	*:first-child+html .clearfix{zoom:1;} /* IE7 */
	
	ul.ul{
		list-style:disc;
		padding:0 0 0 1.2em;
	}
	ol.ol{
		list-style:decimal;
		padding:0 0 0 1.2em;
	}
	
	
	/* --------------------------------------------------------------------------------
		container
	-------------------------------------------------------------------------------- */
	#container{
		width:100%;
		position:relative;
		overflow:hidden;
		background:url(../wp-content/themes/yumtheme/images/common/main_bg.png) no-repeat 50% 175px,url(../wp-content/themes/yumtheme/images/common/content_bottom_bg.png) no-repeat 50% bottom; 
	}
	
	
	/* --------------------------------------------------------------------------------
		header
	-------------------------------------------------------------------------------- */
	
	#header {
		background:#fff;
	}
	#header .header_bg{
		background:url(../wp-content/themes/yumtheme/images/common/header_bg.png) no-repeat 50% top;
		margin:0 auto;
		
	}
	
	#header .header_inn,
	#header .gnavi{
		width:1050px;
		margin:0 auto;
	}
	
	#header .header_inn h1{
		float:left;
		width:225px;
		height:92px;
		background:url(../wp-content/themes/yumtheme/images/common/logo_bg.png) no-repeat left top;
		margin-left:10px;
		margin-bottom:8px;
		font-size:18px;
		font-weight:bold;
		padding:10px 0 0 13px;
	}
	
	#header .header_inn h1 a{
		text-decoration:none;
		color:#1b1b1b;
		display:block;
		width:235px;
		height:105px;
	}
	
	#header .header_inn .header_right{
		float:left;
		width:515px;
		margin-left:61px;
		margin-top:18px;
	}
	
	
	#header .header_inn .header_right .catch{
		font-weight:bold;
		font-size:17px;
		margin-bottom:6px;
		padding-left:4px;
	}
	
	#header .header_inn .header_right .catch span{
		color:#d60075;
		font-size:24px;
	}
	
	#header .header_inn .sns{
		float:right;
		width:90px;
		margin-top:5px;
	
	}
	
	#header .header_inn .sns li{
		float:right;	
		margin-right:10px;
	}
	
	#header .gnavi li{
		float:left;
	}
	
	#header .gnavi li.navi07{
		margin-top:-42px;
	}
	
	
	/* --------------------------------------------------------------------------------
		wrapper
	-------------------------------------------------------------------------------- */
	#wrapper{
		width: 1050px;
		margin: 0 auto;
		padding-top: 18px;
	
	}
	
	
	/* --------------------------------------------------------------------------------
		main
	-------------------------------------------------------------------------------- */
	#main{
		float:right;
		width:800px;
		font-size:14px;
	}
	
	/********** tag **********/
	#main .entry-body ul{
		list-style:disc;
		padding-left:2em;
	}
	#main .entry-body ol{
		list-style:decimal;
		padding-left:2em;
	}
	
	/********** wp-pagenavi **********/
	#main .wp-pagenavi{
		text-align:center;
		padding:30px 0;
		font-size:72%;
	}
	#main .wp-pagenavi .pages{
		padding: 6px 8px;
		border:solid 1px #d2d2d2;
		color:#000;
		background:#fff;
	}
	#main .wp-pagenavi .current{
		padding: 6px 8px;
		border:solid 1px #a164aa;
		color:#a164aa;
		font-weight:bold;
	}
	#main .wp-pagenavi .extend{
		padding: 6px 8px;
		border:solid 1px #d2d2d2;
		color:#000;
		background:#fff;
	}
	#main .wp-pagenavi a{
		padding: 6px 8px;
		border:solid 1px #d2d2d2;
		color:#000;
		background:#fff;
	}
	
	/********** 次の記事・前の記事 **********/
	#main .previous-next-post{
		padding:30px 0;
		text-align:center;
		font-size:90%;
	}
	#main .previous-next-post a{
		margin:0 5px;
		padding:4px 7px;
		border:solid 1px #333;
		text-decoration:none;
		color:#fff;
		background:#333;
	}
	
	/* --------------------------------------------------------------------------------
		sub1
	-------------------------------------------------------------------------------- */
	#sub1{
		float:left;
		width:220px;
	}
	
	#sub1 .bnr{
		margin-bottom:10px;
	}
	
	#sub1 .bnr02{
		margin-bottom:20px;
	}
	
	#sub1 .sub_menu{
		background:url(../wp-content/themes/yumtheme/images/common/side_menu_bottom.png) no-repeat left bottom;
			padding-bottom:15px;
			margin-bottom:20px;
	}
	#sub1 .sub_menu ul{
	padding: 0 10px;
	background:#fff;
	}
	
	#sub1 .sub_menu li{
		background:url(../wp-content/themes/yumtheme/images/common/border.png) no-repeat center bottom;
		padding:10px 0;
	
	}
	
	#sub1 .sub_menu li:last-child{
		background:none;
	
	}
	
	#sub1 .sub_menu li a{
			background:url(../wp-content/themes/yumtheme/images/common/icon_flower.png) no-repeat left 50%;
			text-decoration:none;
			padding-left:25px;
	}
	
	#sub1 .side_facebook{
		margin-bottom:20px;
	}
	
	
	/********** widget title **********/
	#sub1 li.widget .widget-header{
		margin:0;
		font-weight:normal;
		font-size:100%;
		color:#fff;
		background:#693;
	}
	#sub1 li.widget .widget-header span{
		display:block;
		padding:0.75em 1em;
	}
	
	/********** widget calendar **********/
	#sub1 li.widget #calendar_wrap{
		padding:15px 17px;
		border-right:solid 1px #ccc;
		border-bottom:solid 1px #ccc;
		border-left:solid 1px #ccc;
	}
	#sub1 li.widget #calendar_wrap table{
		width:100%;
		border:solid 1px #ccc;
		border-collapse:collapse;
		line-height:2;
	}
	#sub1 li.widget #calendar_wrap table caption{
		border-top:solid 1px #ccc;
		border-right:solid 1px #ccc;
		border-left:solid 1px #ccc;
	}
	#sub1 li.widget #calendar_wrap table th{
		padding:0;
		border:solid 1px #ccc;
		text-align:center;
		vertical-align:middle;
		font-weight:normal;
		background:#eee;
	}
	#sub1 li.widget #calendar_wrap table th.sun{
		background:#fdd;
	}
	#sub1 li.widget #calendar_wrap table th.sat{
		background:#bdf;
	}
	#sub1 li.widget #calendar_wrap table td{
		padding:0;
	}
	#sub1 li.widget #calendar_wrap table tbody td{
		border:solid 1px #ccc;
		text-align:center;
		vertical-align:middle;
	}
	#sub1 li.widget #calendar_wrap table tfoot td{
	}
	#sub1 li.widget #calendar_wrap table tbody td a{
		display:block;
		color:#444;
		background:#eee;
		text-decoration:none;
	}
	#sub1 li.widget #calendar_wrap table tbody td a:hover,
	#sub1 li.widget #calendar_wrap table tbody td a:active{
		text-decoration:underline;
	}
	#sub1 li.widget #calendar_wrap table tfoot td#prev{
		text-align:left;
	}
	#sub1 li.widget #calendar_wrap table tfoot td#next{
		text-align:right;
	}
	
	/********** widget **********/
	#sub1 li.widget{
		padding:0 0 20px;
	}
	
	/********** widget list **********/
	#sub1 li.widget ul{
		list-style:none;
		margin:0;
		padding:12px 11px;
		border-right:solid 1px #ccc;
		border-bottom:solid 1px #ccc;
		border-left:solid 1px #ccc;
	}
	#sub1 li.widget ul li{
		margin:0;
		padding:0.25em 0;
	}
	#sub1 li.widget ul li a{
		display:block;
		padding:0 0 0 10px;
		text-decoration:none;
		color:#666;
		background:url(../wp-content/themes/yumtheme/images/common/s1-icon-arr.png) no-repeat 0 0.25em;
	}
	#sub1 li.widget ul li a:hover,
	#sub1 li.widget ul li a:active{
		text-decoration:underline;
	}
	#sub1 li.widget ul li a:link{
	}
	#sub1 li.widget ul li a:visited{
	}
	#sub1 li.widget ul li a:hover{
	}
	#sub1 li.widget ul li a:active{
	}
	
	/********** widget category **********/
	#sub1 li.widget ul.children{
		border:none;
	}
	
	/********** widget search **********/
	#sub1 li.widget #searchform{
		padding:15px 20px;
		border-right:solid 1px #ccc;
		border-bottom:solid 1px #ccc;
		border-left:solid 1px #ccc;
	}
	#sub1 li.widget #searchform label{
		display:none;
	}
	#sub1 li.widget #searchform #s{
		display:block;
		width:90%;
		margin:0 auto;
		padding:2%;
	}
	#sub1 li.widget #searchform #searchsubmit{
		display:block;
		width:50%;
		margin:10px auto 0;
		padding:2%;
	}
	
	
	/* --------------------------------------------------------------------------------
		right_btn_box
	-------------------------------------------------------------------------------- */
	
	
	
	
	.main_bg{
		width:1450px;
		margin:0 auto;
		position:relative;
		 z-index: 1;
	
	}
	
	#right_btn_box{position:fixed; z-index:2; top:175px; right:0;}
	#right_btn_box ul li{overflow:hidden; position:absolute; right:0;}
	
	/* お電話受付 */
	#right_btn_box ul li.tel_btn{
		cursor:pointer;
		top:0;
		margin:0 -140px 0 0;
		/* transition:all .4s ease-in-out; */
	}
	
	
	/* 買取金額を調べる */
	#right_btn_box ul li:nth-of-type(2){top:130px;}
	
	/* 買取の流れ */
	#right_btn_box ul li:nth-of-type(3){top:260px;}
	
	/* LINE査定 */
	#right_btn_box ul li:nth-of-type(4){top:390px;}
		
	
	/* --------------------------------------------------------------------------------
		footer
	-------------------------------------------------------------------------------- */
	#footer{
		background:#fff;
		margin:0 auto;
	
	}
	
	#footer .footer_inn{
		width:1050px;
		margin:0 auto;
		position:relative;
		padding-top:15px;
	}
	
	#footer .footer_inn .f_catch{
		font-size:111%;
		margin-bottom:15px;
	}
	
	#footer .footer_inn .f_inn2 .f_logo{
		float:left;
		background:url(../wp-content/themes/yumtheme/images/common/f_logo.jpg) no-repeat left top;
		width:225px;
		height:88px;
		margin-bottom:8px;
		font-size:18px;
		font-weight:bold;
	}
	
	#footer .footer_inn .f_inn2 .f_logo a{
		text-decoration:none;
	}
	
	
	#footer .footer_inn .f_inn2 .f_right{
		float:right;
	}
	
	 #footer .footer_inn .f_inn2 .f_tel{
		 text-align:right;
		 margin-bottom:20px;
	 }
	 
	 #footer .footer_inn .f_inn2 .permit{
		 
	 }
	 
	#footer .footer_inn .page_top{
		position:absolute;
		right:0;
		top:-24px;
	}
		
	/* --------------------------------------------------------------------------------
		inc
	-------------------------------------------------------------------------------- */	
	
	
	/*ゆずりはなら買い取ることができます*/
	.inc_box{
		background:url(../wp-content/themes/yumtheme/images/inc/kaitori-service_bg.png) no-repeat left bottom;
		padding-bottom:50px;
			margin-bottom:25px;
	}
	
	.inc_box .box_inn{
		background:#fff;
	}
	
	
	.possible p{
		font-size:121%;
		text-align:center;
		line-height:2;
		margin-bottom:25px;
	}
	
	.possible ul.possible_list{
		width:760px;
		margin:0 auto;
	}
	
	.possible ul.possible_list li{
		float:left;
		width:178px;
		margin-right:15px;
		margin-bottom:10px;
	}
	
	.possible ul.possible_list li:nth-child(4n){
		margin-right:0;
	}
	
	/*高く売るコツ*/
	
	.kotsu .box_inn{
		padding:15px;
	}
	
	.kotsu .box_inn p{
		
		padding:10px;
	}
	
	.kotsu .box_inn .kotsu1{
		margin-bottom:20px;
	}
	
	
	.kotsu h3{
		background:#f3f0e9;
		color:#603a3f;
		font-size:120%;
		font-weight:bold;
		padding:4px 8px;
		margin-bottom:15px;
	}
	
	.kotsu h3 span{
		color:#a064a9;
		margin-right:10px;
	}
	
	
	.kotsu .text_box{
		float:left;
		width:490px;
	
	}
	
	.kotsu .photo_box{
		float:left;
		width:270px;
		margin-top:5px;
	}
	
	.kotsu .text_box p{
		padding:0 10px;
		margin-bottom:6px;
		}
	
	.kotsu .text_box h4{
	color:#d60075;
	border-bottom:1px dotted #d60075;
	margin-left:70px;
	margin-bottom:3px;
	}
	
	.kotsu .text_box p.text02{
		margin-left: 70px;
		padding:0 10px;
	}
	
	
	/*会社案内*/
	
	.company .box_inn{
		padding:20px;
		
	}
	
	.company .company_photo{
		width:300px;
		float:left;
		margin-right:30px;
	}
	
	.company .company_photo p{
		margin-bottom:10px;
	}
	
	.company .company_text{
		width:420px;
		float:left;
	}
	
	.company .company_text p{
		margin-bottom:25px;
	}
	
	.company .company_text .more_btn{
				display: block;
		text-align: right;
		background: url(../wp-content/themes/yumtheme/images/inc/company_more.jpg) no-repeat 100% 50%;
		padding: 7px 36px 7px 0;
		margin: 10px 20px 0 0;
	}
	
	
	/*送るだけ*/
	
	.okurudake,
	body.page .inc_box.okurudake{
		background:url(../wp-content/themes/yumtheme/images/inc/okurudake_bg.png) no-repeat left bottom;
		padding-bottom:35px;
	}
	
	.okurudake .box_inn{
		padding:20px 20px 0 20px;
		background:none;	
	}
	
	
	.okurudake ul{
		width:760px;
		margin:0 auto;
	}
	
	
	.okurudake ul li{
		float:left;
		width:240px;
		margin-right:20px;
		margin-bottom:10px;
	}
	
	
	.okurudake ul li:nth-child(3n){
		margin-right:0;
	}
	
	
	
	/*一緒にお送りください*/
	.iissyo{
	padding-bottom:35px;
	}
	
	.iissyo .box_inn{
		padding:15px;
	}
	
	
	
	/*簡単*/
	.kantan{
	padding-bottom:40px;
	}
	
	.kantan .box_inn{
		padding:20px 15px 15px 15px;
	}
	
	.kantan .box_inn ul li{
		float:left;
		width:250px;
		margin-right:10px;
	}
	
	.kantan .box_inn ul li:last-child{
		margin-right:0;
	}
	
	
	
	/*FAQ*/
	.faq{
	padding-bottom:40px;
	}
	
	.faq .box_inn{
		padding:20px 20px 0 20px;
	}
	
	
	.faq .box_inn p{
		font-size:121%;
		text-align:center;
		margin-bottom:30px;
	}
	
	
	
	.faq .box_inn .section ul{
		padding-bottom:30px;
		width:760px
	}
		
	
	.faq .box_inn .section ul h4.question{
		background: url(../wp-content/themes/yumtheme/images/inc/faq_border.jpg) no-repeat 0 100%,url(../wp-content/themes/yumtheme/images/inc/arrow.jpg) no-repeat 97% 50%;
		padding:10px;
		margin-bottom:10px;
		font-size:115%;
	}
	
	.faq .box_inn .section ul h4.question .heading{
		background: url(../wp-content/themes/yumtheme/images/inc/icon_q.jpg) no-repeat 0 50%;
		padding: 5px 30px;
	}
	
	
	.faq .box_inn .section ul li .answer{
		background:#f3f0e9;
		padding:10px;
		margin-bottom:18px;
	}
	.faq .box_inn .section ul li .answer p{
	text-align: left;
		background: url(../wp-content/themes/yumtheme/images/inc/icon_a.jpg) no-repeat 0 0;
		padding-left: 30px;
		margin-bottom: 0;
		font-size:inherit;
		padding-top:2px;
	}
		
	
	
	
	.faq .box_inn .more_btn{
				display: block;
		text-align: right;
		background: url(../wp-content/themes/yumtheme/images/inc/faq_more.jpg) no-repeat 100% 50%;
		padding: 7px 36px 7px 0;
		margin-bottom:15px;
	
	}

}