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

@font-face {
  -moz-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:#C6E1B1;
	font-family: "Hiragino Kaku Gothic", "ヒラギノ角ゴ W3", "Meiryo", "メイリオ", sans-serif;
}


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

header {
	line-height:0;
}

#wrapper {
	background:#fff;
}

section {
	clear:both;
}

section h1 {
	border-bottom:5px solid #3D62AD;
	color:#3D62AD;
}


/*---------
　参考資料
-----------*/
#reference {
	color:red;
	margin:5% 5% 0 0;
}









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

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

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

#wrapper {
	width:90%;
	margin:0 auto 30px;
	
}

/*------------
各項目タイトル
--------------*/

section h1 {
	width:90%;
	margin:0 auto 15px;
	padding:15px 0 5px;
	font-size:1.2em;
}

/*-----------
  各項目文章
------------*/

section p {
	line-height:1.8em;
	width:90%;
	padding:5% 5% 10% 5%;
}


/*-----------
   挿絵
-----------*/

#b_artwork {
	width:160px;
	margin:10% auto 0;
}

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


#c_artwork {
	width:115px;
	margin:10% auto 0;
}

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

}



#s_artwork {
	width:110px;
	margin:10% auto 0;
}

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


/*----------
　参考資料
------------*/

#reference {
	text-align:center;
	padding-bottom:5%;
}

/*---------
　　ナビ
-----------*/
.koboku {
	background:#fff;
	padding:5px 0;
	border-bottom:1px dotted #222;
}

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

/*サイト内ナビ*/

#home li {
	display:none;
}

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


}

/*************
  タブレット
**************/

@media screen and (min-width:601px) and (max-width:979px) {

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

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

section h1 {
	width:90%;
	padding-bottom:5px;
	font-size:1.3em;
	margin:0 auto 15px;
}

/*テキスト左・画像右*/
#boys_festival p,#seasonal_festival p {
	line-height:1.8em;
	margin:0 0 7% 7%;
	width:85%;
}

#b_artwork div,#s_artwork div {
	float:right;
	width:38%;
}

#boys_festival div {
	margin:3% 0 2% 7%;
}

#seasonal_festival div {
	margin:3% 0 2% 10%;
}

#boys_festival img {
	width:80%;
	height:auto;
}

#seasonal_festival img {
	width:55%;
	height:auto;
}



/*テキスト右・画像左*/

#celebration p {
	line-height:1.8em;
	margin:0 0% 7% 7%;
	width:85%;
}

#celebration img {
	width:70%;
	height:auto;
}

#celebration div {
	float:left;
	margin:3% -1.5% 3% 11%;
}

/*画像ナシ*/

#purchase p {
	margin-left:5%;
	width:90%;
	line-height:1.8em;
}

/*参考文献*/

#reference {
	text-align:center;
	margin:30px 0 20px;
}

/*---------
　　ナビ
-----------*/
.koboku {
	background:#fff;
	padding:7px 0;
	border-bottom:1px dotted #222;
}

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

/*サイト内ナビ*/

#home li {
	display:none;
}


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




}









/*********
　PC
**********/


@media screen and (min-width:980px) {
	
header {
	width:1020px;
	max-width:100%;
	margin:0 auto;
	line-height:0;
}

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

section {
	clear:both;
}

section h1 {
	border-bottom:5px solid #3D62AD;
	width:90%;
	margin:0 auto;
	padding:30px 0 5px 10px;
	font-size:1.8em;
	color:#3D62AD;
}



/*----------------
テキスト左・画像右
-----------------*/


#boys_festival p,#seasonal_festival p {
	float:left;
	line-height:2em;
	width:50%;
	margin:3% 0 0 7%;
}

#boys_festival div,#seasonal_festival div {
	float:right;

}

#boys_festival div img,#seasonal_festival div img {
	max-width:100%;
	height:auto;
}

#boys_festival div {
	margin:8% 5% 10% 0;
}

#seasonal_festival div {
	margin:5% 14% 5% 0%;
}

	

/*------------------
テキスト右・画像左
-------------------*/


#celebration p {
	float:right;
	line-height:2em;
	width:50%;
	margin:4% 7% 0 0;
}

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

#celebration div {
	float:left;
	margin:6% 0 7% 12%;
}


/*-----------
   画像ナシ
-----------*/

#purchase p {
	margin:2% 0 0 7%;
}

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

/*全体*/
.koboku {
	float:left;
	
}

#koboku_site {
	width:973px;
	margin:50px auto;
	padding-bottom:50px;
}

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

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

}

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

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

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

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


/*資料請求*/
#document {
	width:195px;
	height:86px;
}

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

/*ネットショップ*/
#shop {
	width:194px;
	height:86px;
}

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

/*ナビ不要部分非表示*/

.in_site {
	display:none;
}


/*サイト内ナビ*/

#home {
	text-align:center;
	margin:35px 0 15px;
}

#home li {
	display:inline;
	padding-right:15px;
}

#home li:last-child {
	padding:0;
}


#home li a {
	color:#4C6637;
}


#home li a:hover {
	color:#e73562;
}



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





/*-----------
   参考資料
 -----------*/

#reference {
	color:red;
	text-align:right;
	margin:5% 5% 0 0;
}




	
}