@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  body設定
 ================================================*/
/*　上部に青空背景　*/ 
body {
	margin: 0;
	padding: 0;
	width:100%;
	min-width: 300px;
	height:100%;
	color:#583822;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 62.5%;/*1.4em＝14px*/
	-webkit-text-size-adjust: 100%;/*文字の自動調整防止*/
	background-image: url("../img/000-all/min/003-haikei_pc.png");
	background-repeat: repeat-x;
	line-height:1.4;/*　行の高さ　*/}
/*-------------------------------------------------------------------------------------*/
		a:link {/* 未訪問 */
			color: #583822;
			text-decoration: none;/* リンク下線を消す */}
		a:visited { /* 訪問済み */
			color: #583822;}
		a:hover {/* ポイント時 */
			color:#b28247;
			text-decoration: none;/* リンク下線を消す */}

/*　クリック時の枠線非表示　*/
		*:focus {
			outline: none;}

/* 画像下の隙間を消す */
		img{
			display: block;
			margin: 0 auto;
			padding: 0;}

/*画像 */
		img{
			width: 100%;
			height: auto;}

.textarea { scrollbar-base-color: #ffcccc; }

/*******　PC表示・スマホ表示　切り替え　************/

/* PC・タブレットで見える　480px 以下の場合非表示 */
		@media screen and ( max-width: 480px ) {
			.pc_part {display : none; }}

/* スマホで見える　 481px 以上の場合非表示 */
		@media screen and ( min-width: 481px )  {
			.sp_part { display : none; }}


/*******　左右コンテンツBOX　************/

/*左と右　boxを入れる or　float:なしで使用*/
.group-box{
	clear:both;
	display:block;
	overflow: hidden;
	margin:0 auto;
	width:100%;
	max-width:1024px;}

/* 左用　box */
		.L-box{
			float: left;
			display:block;}

/* 右用　box */
		.R-box{
			float: right;
			display:block;}


/* コンテンツ並べる 解除*/
		/*:::::::::: ■スマホ(幅767px以下)■ ::::::::::::::::::*/
		@media screen and (max-width: 767px) {
			.L-box{
				float: none;}
			.R-box{
				float: none;}}

/*================================================
 *  header設定
 ================================================*/
 #header{
	overflow: hidden;
	margin:0;
	padding:0;}

/*ｈ1見出し設定　黒*/
		#header .header-H1{
			display:block;
			margin:0 0 5px 0;
			padding:2px 10px;
			color:#fff;
			font-size: 1.3em;
			text-align:left;
			background:#000;}

		/*:::::::::::: ■スマホ(幅480px以下)■ :::::::::::::::::::::::*/
		@media screen and  ( max-width: 480px )  {
			#header .header-H1{
				margin:0;
				font-size: 1.3em;}}
		/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

		#header .header-H1 h1{
			margin:0 auto 0 auto;
			padding:0 5px;
			width:100%;
			max-width:1024px;}
 
		.header-rogo{
            float: left;
            width:21%;}
		.header-tel{
            float: right;
            width:79%;}


/*================================================
 *  パンくず
 ================================================*/
#pankuzu{
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:1024px;
	text-align:left;
	font-size: 1.3em;}

		.pan {
			margin: 0.5% 0.5% 0;
			padding: 0.2% 0 0.2% 2%;}

		/*:::::::: ■タブレット(幅767px以下)■ ::::::::::::*/
			@media screen and (max-width: 767px) {
				#pankuzu{
					font-size: 1.4em;}
				.pan {
					margin: 0.5% 0.5% 0.5%;}}
		/*::::::: ■スマホ(幅480px以下)■ ::::::::::::::::::*/
			@media screen and (max-width: 480px) {
				.pan {
					margin: 0.5em 0.2em;}}
		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

			.pan li{
				display:inline;/*横に並ぶように*/
				list-style: none;}

/* ▶を表示*/
			.pan li:after{
				font-family: FontAwesome;
				content: '\f0da';
				padding: 0 10px;
				color: silver;}

			.pan li:last-child:after{
				content: '';}

			.pan li a {
				text-decoration: none;
				color: #888;}

/*家アイコン*/
			.pan li:first-child a:before{
				font-family: FontAwesome;
				content: '\f015';
				font-weight: normal;
				font-size: 1.2em;
				color: #f3948f;}

			.pan li a:hover {
				text-decoration: underline;}

 /*================================================
 *  main設定  枠組み
 ================================================*/
#main{
	margin:0 auto;
	width:100%;
	background-image: url("../img/000-all/min/005-haikei.png");/*下猫画像*/
	background-repeat: repeat-x;
	background-position: bottom;
	background-size:contain;}

/*内容*/
#contents{
	overflow: hidden;
	margin:0 auto;
	padding:0 0 15em;
	width:100%;
	max-width:1024px;
	text-align:left;}

            /*:::::::: ■(幅820px以下)■ ::::::::::::::::::*/
			@media screen and (max-width: 820px) {
				#contents{
					padding:0 0 13em;}}

            /*:::::::: ■(幅780px以下)■ ::::::::::::::::::*/
			@media screen and (max-width: 780px) {
				#contents{
					padding:0 0 11em;}}

            /*:::::::: ■(幅760px以下)■ ::::::::::::::::::*/
			@media screen and (max-width: 760px) {
				#contents{
					padding:0 1% 9em;}}
			
			/*:::::::: ■スマホ(幅480px以下)■ ::::::::::::::::::*/
			@media screen and (max-width: 480px) {
				#contents{
					padding:0.2em 0 1.5em;}}
			/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
 
/*================================================
 *  リスト基本
 ================================================*/
.list-resu {
	margin:0;
	padding:0;}

		.list-resu ul{
			margin:0;/*セル間ガター分マイナスマージン*/
			overflow:hidden;}

		.list-resu ul li {
			float:left;
			list-style-type:none;}

/*================================================
 *  hr　境界線
 ================================================*/
.hrm {
  height: 6px;
  background-image: radial-gradient(
    closest-side,
    hsla(0, 0%, 50%, 1.0),
    hsla(0, 0%, 50%, 0) 100%);
  position: relative;}


.hrm:after {
  position: absolute;
  top:  50%;
  left: 50%;
  display:block;
  background-color: hsl(0, 0%, 75%);
  height: 12px;
  width:  12px;
  transform: rotate(45deg);
  margin-top:  -10px;
  margin-left: -10px;
  border-radius: 4px 0;
  border: 4px solid hsla(0, 0%, 100%, 0.35);
  background-clip: padding-box;
  box-shadow: -10px 10px 0 hsla(0, 0%, 100%, 0.15), 10px -10px 0 hsla(0, 0%, 100%, 0.15);}


/*================================================
 *  #page-top　ページTOPへ戻るボタン
 ================================================*/			
#page-top01{
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:1024px;
	text-align:right;
	font-size: 1.3em;}

#page-top02 {
    display: inline-block;
    width: 250px;
    height:auto;}



		/*:::::::::::: ■スマホ(幅480px以下)■ :::::::::::::::::::::::*/
		@media screen and (max-width: 480px) {
			#page-top02 {
                width: 70px;}}

		/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	



 /*================================================
 *  footer設定
 ================================================*/
 #footer{
	display:block;
	margin:0;
	padding:0;
	background:#fffacd url("../img/000-all/005-brown.gif");}

/*フッターメニュー　入れ子枠*/
		.f-menu{
			overflow: hidden;
			margin:0 2%;
			padding:0%;
			font-size: 1.2em;
			text-align:left;}

		.f-menu h3{
			padding:5px 0 0 10px;
			color: #333;
			font-size: 120%;
			font-weight: bold;
			border-bottom: 1px dashed #583822;}

		.f-menu ul{
			padding:10px;}

		/*******　リスト　************/

			ul.f-list-01 li {/*アイテムカテゴリ　PC:5列(17.5％)　767px:3列(33％)　スマホ：4列(25％)*/
				padding:0.5em;
                width: 17.5%;}
				
			ul.f-list-02 li {/*子メニュー囲み　PC:4列(25％)　767px:2列(50％)　スマホ：1列(100％)*/
				width: 25%;}
				
			ul li ul.f-list-03 li {/*子メニュー　PC:1列(100％)　767px:1列(100％)　スマホ：2列(50％)*/
				width: 100%;}

		/*:::::::: ■タブレット(幅767px以下)■ ::::::::::::*/
			@media screen and (max-width: 767px) {
				ul.f-list-01 li {
                    width: 33%;}}

		/*:::::::: ■タブレット(幅767px以下)■ ::::::::::::*/
			@media screen and (max-width: 767px) {
				ul.f-list-01 li {
					width: 33%;}
				
				ul.f-list-02 li {
					width: 50%;}}
		/*::::::: ■スマホ(幅480px以下)■ ::::::::::::::::::*/
			@media screen and (max-width: 480px) {
				ul.f-list-01 li {
					width: 25%;}
				
				ul.f-list-02 li {
					width: 100%;}
				
				ul li ul.f-list-03 li {
					width: 40%;}}
		/*::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	

    ul li ul.f-list-03 li{
        position:relative;
        padding: 0 0 0 10px;
        margin: 0 0 0 10px;
        line-height:1.6;}

/*子メニュー　▶*/
			ul li ul.f-list-03 li:before{
				counter-increment: list;
                content: "";
                display: block;
                position: absolute;
                left: 0px;
                height: 0;
                width: 0;
                border-top: 4px solid transparent;
                border-bottom: 4px solid transparent;
                border-left: 7px solid #583822;
                top: 50%;
                -moz-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);}




/*================================================
 *  TOPページ　等表示カレンダー
 ================================================*/
/*木枠 カレンダーと送料説明*/
.f-kibox{
	overflow: hidden;
	margin:20px auto;
	padding:1%;
	width:92%;
	max-width:1024px;
	border: #fff solid 0px;
	/*border-image: url("../img/000-all/005-waku0.jpg") 24 24 round;
	background: url("../img/000-all/005-koruku0.jpg");*/
}


		/*:::::::::: ■スマホ(幅480px以下)■ ::::::::::::::::::*/
			@media screen and (max-width: 480px) {
				.f-kibox {/*木枠 非表示*/
					width:96%;
					border: none;
					background: none;}}
		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	

/*******　カレンダー　************/

/* カレンダー2つ入れる外箱 */
.calendar-style{
	margin:0.2%;
	padding:1%;
	width:35%;
	font-size: 1.3em;
	background-color: #fff;
	border: 1px #ddd solid;
	box-shadow: inset 0 0 30px rgba(230,220,228,0.8);}

		/*:::::::: ■タブレット(幅767px以下)■ ::::::::::::*/
			@media screen and (max-width: 767px) {
				.calendar-style{
					margin:10px 0 10px 5px;
					width:95%;}}
		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* 2つの月カレンダー並べる */
		.calendar-style .ka{
			overflow: hidden;
			float: left;
			margin:3% 1%;
			width: 47.5%;}

		/*:::::::::: ■スマホ(幅767px以下)■ ::::::::::::::::::*/
			@media screen and (max-width: 767px) {
				.calendar-style .ka{
					margin:3% 1.5%;
					width: 46.5%;}}
		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
		

		section#calender table{
			width: 100%;
			border:1px solid #000;}

		section#calender table th,
		section#calender table td{
			border:1.5px solid #ccc;
			text-align:center;}

			section#calender table .sun{/*日*/
				color:#ED7E98;}

			section#calender table .sat{/*土*/
				color:#36C;}

			section#calender table .close{
				background-color:#fce4e4;}

			section#calender table th, .tuki{
				font-weight: bold;}

	
		.calendar-style p{
			clear: both;/*カレンダー横並び-回り込み解除*/
			text-align:center;}

		.calendar-style span{/*pink*/
			background:#F2D3EB;}


/*******　送料説明　description************/

/* 説明 */
.description{
	margin:0.2%;
	padding:0;
	width:60%;
	border: 0px #ddd solid;}
 
		/*:::::::::: ■(幅767px以下)■ ::::::::::::::::::::::*/
			@media screen and (max-width: 767px) {
				.description{
				margin:10px auto;
				padding:0;
				width:100%;}}
		/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/*******　コピーライト　************/
#footer #copyright{
	padding: 5px;
	font-size: 1.2em;
	color:#fff;
	text-align: center;
	background:#000;}