@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'typicons';
  src: url("../css/typicons.eot");
  src: url("../css/typicons.eot?#iefix") format('embedded-opentype'),
       url("../css/typicons.woff") format('woff'),
       url("../css/typicons.ttf") format('truetype'),
       url("../css/typicons.svg#typicons") format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	background:#86b2df;
	font-family: "Hiragino Kaku Gothic", "ヒラギノ角ゴ W3", "Meiryo", "メイリオ", sans-serif;
}


/*++++++++++
　 共通
+++++++++++*/

article h3 {
	color:red;
	padding:5% 5% 1%;
	font-size:100%;
	font-weight:bold;
}

article p {
	line-height:2em;
	font-size:0.9em;
	padding:5%
}

article time {
	font-size:1.2em;
	font-weight:bold;
}




/*++++++++++
 　スマホ
+++++++++++*/

@media screen and (max-width:480px) {
	
	
/*-------------
   ヘッダー
-------------*/	
header img {
	max-width:100%;
	height:auto;
}



#wrapper {
	width:80%;
	background:#fff;
	overflow:hidden;
	margin:10% auto;
}

#content {
	max-width:100%;
	margin:0 auto;
}


/*-------------
メインボタン
-------------*/
	
.f_button img {
	max-width:100%;
	height:auto;
}

.f_button {
	padding:3% 10%;
}

/*-------------
  新着情報
-------------*/

#info {
	max-width:100%;
	height:217px;
	border:5px solid #3070B8;
	overflow-y:hidden;
		
}
	
#new {
	background:#3070B8;
	max-width:100%;
	height:23px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding-top:10px;

}

article p {
	font-size:0.9em;
}


	
/*-------------
ナビボタン
-------------*/


ul .koboku {
	padding:5px 0;
	border-bottom:1px dotted #222;
	background:#c0c0c0;
	
}


ul .koboku:nth-last-child(1) {
	margin-bottom:30px;
	border-bottom:none;
}




/*-------------
トグルメニュー
-------------*/
.menu {
        display:none;
    }
     
.slicknav_menu {
        display:block;
    }	
	
	
	
	
}


/*+++++++++++++++++++
ミニタブ・スマホ設定
++++++++++++++++++++*/

@media screen and (max-width:600px) {
	
	
/*ヘッダー*/

header {
	line-height:0;
	
}
	
header img {
	max-width:100%;
	height:auto;
}



#wrapper {
	width:80%;
	background:#fff;
	overflow:hidden;
	margin:0 auto 20px;
	padding-top:3%;
}

#content {
	width:314px;
	margin:0 auto;
}

/*-------------
メインボタン
-------------*/
	
.f_button img {
	max-width:100%;
	height:auto;
}

.f_button {
	padding:3% 10%;
}



/*-------------
   新着情報
-------------*/

#info {
	max-width:100%;
	height:217px;
	border:5px solid #3070B8;
	overflow-y:hidden;
		
}
	
#new {
	background:#3070B8;
	max-width:100%;
	height:25px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	line-height:1.5em;
	padding-top:10px;

}




	
/*-------------
ナビボタン
-------------*/


ul .koboku {
	padding:5px 0;
	border-bottom:1px dotted #222;
	background:#fff;
	
}


ul .koboku:nth-last-child(1) {
	margin-bottom:30px;
	border-bottom:none;
}



/*-------------
トグルメニュー
-------------*/
.menu {
        display:none;
    }
     
.slicknav_menu {
        display:block;
    }	
	
	
	
	
}


/*++++++++++++
 タブレット小
+++++++++++++*/
@media screen and (min-width:601px) and (max-width:719px) {
	

header {
	line-height:0;

}
	
header img {
	max-width:100%;
	height:auto;
}

#wrapper {
	width:90%;
	background:#fff;
	margin:0 auto 30px;
	overflow:hidden;
	padding:5% 2% 2%;
}

#content {
	width:643px;
	margin:0 auto;
}

/*-------------
   新着情報
-------------*/
#info {
	width:314px;
	height:248px;
	background:#fff;
	border:5px solid #3070B8;
	overflow-y:hidden;
	box-sizing:border-box;
}


#new {
	width:314px;
	background:#3070B8;
	padding:13px 0 10px;
	text-align:center;
	color:#fff;
}

/*-------------
　ボタン全体
-------------*/

#content {
	width:314px;
	margin:0 auto;
}

#content img {
	max-width:100%;
	height:auto;
}

.f_button {
	margin-bottom:6%;
}


/*-------------
ナビボタン
-------------*/



ul .koboku {
	padding:7px 0;
	border-bottom:1px dotted #222;
	background:#fff;
	
}


ul .koboku:nth-last-child(1) {
	margin-bottom:30px;
	border-bottom:none;
}




/*-------------
トグルメニュー
-------------*/
.menu {
        display:none;
    }
     
.slicknav_menu {
        display:block;
    }	
	

	
}






/*++++++++++++
 タブレット大
+++++++++++++*/
@media screen and (min-width:720px) and (max-width:979px) {
	

header {
	line-height:0;

}
	
header img {
	max-width:100%;
	height:auto;
}

#wrapper {
	width:90%;
	background:#fff;
	margin:0 auto 30px;
	overflow:hidden;
	padding:5% 2% 2%;
}

#content {
	width:643px;
	margin:0 auto;
}

/*-------------
   新着情報
-------------*/
#info {
	width:304px;
	height:248px;
	background:#fff;
	border:5px solid #3070B8;
	overflow-y:hidden;
}

#new {
	max-width:100%;
	background:#3070B8;
	padding:13px 0 10px;
	text-align:center;
	color:#fff;
}


/*-------------
メインボタン
-------------*/

.f_button {
	float:left;
	margin-bottom:2%;
}


/*-------------
ナビボタン
-------------*/


#foundation,#clean_up,#recipes {
	margin-left:15px;
}

ul .koboku {
	padding:7px 0;
	border-bottom:1px dotted #222;
	background:#fff;
	
}


ul .koboku:nth-last-child(1) {
	margin-bottom:30px;
	border-bottom:none;
}




/*-------------
トグルメニュー
-------------*/
.menu {
        display:none;
    }
     
.slicknav_menu {
        display:block;
    }	
	

	
}




/*++++++++++++++
  デスクトップ
+++++++++++++++*/



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



/*-------------
   ヘッダー
-------------*/	
header {
	width:1020px;
	margin:0 auto;
	line-height:0;
}

/*-------------
  メインボタン
-------------*/

#wrapper {
	width:1020px;
	margin:0 auto 50px;
	background:#fff;
	overflow:hidden;
	padding:50px 0;
}

	
.f_button {
	float:left;
	margin-left:20px;
}

	
#button_bottom {
	padding-top:435px;
}

	
/*-------------
   新着情報
-------------*/
#info {
	width:304px;
	height:247px;
	border:5px solid #3070B8;
	overflow-y:hidden;
	overflow-x:hidden;
		
}
	
#new {
	background:#3070B8;
	max-width:100%;
	height:30px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	line-height:2.3em;
	padding:5px 0;
}

	
/*-------------
   ナビボタン
---------------*/

	
#koboku_site {
	list-style:none;
	clear:both;
	
}

.koboku {
	float:left;
	padding-left:8px;
	margin-bottom:35px;
}

/*人形の街岩槻*/
#town {
	width:194px;
	height:85px;
}

#town a {
	width:194px;
	height:85px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background:url(../img/koboku_22.jpg) no-repeat left top;
}

/*小木人形ブログ*/
#blog {
	width:194px;
	height:85px;
}

#blog a {
	width:194px;
	height:85px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background:url(../img/koboku_24.jpg) no-repeat left top;
}

/*商品カタログ*/
#catalogs {
	width:194px;
	height:85px;
}

#catalogs a {
	width:194px;
	height:85px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background:url(../img/koboku_26.jpg) no-repeat left top;
}

/*資料請求*/
#document {
	width:194px;
	height:85px;
}

#document a {
	width:194px;
	height:85px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background:url(../img/koboku_28.jpg) no-repeat left top;
}

/*小木人形ネットショップ*/
#shop {
	width:194px;
	height:85px;
}

#shop a {
	width:194px;
	height:85px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background:url(../img/koboku_30.jpg) no-repeat left top;
}


/*-------------
 トグルメニュー
 -------------*/
.menu {
        display:block;
    }
     
.slicknav_menu {
        display:none;
    }	

	
}