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

/*ケータイ表示設定*/
@media screen and (max-width: 360px){

body{
	width:320px;
	margin-right: auto;
	margin-left: auto;
}			
	#container{
	width:320px;
}
	#top-header{width:320px;float:left;text-align:left;}
	#top-header .logo{
		width:300px;height:60px;
		float:left;text-align:left;
}
	#top-header h2 {
		font-size: 32px;
}	
	#top-header h2 a {
	float:left;
	text-align:left;
	font-size: 32px;
}
	#topmenu {
	float: left;
	width: 100%;
	height: 200px;
	margin-bottom: 10px;
}

	#topmenu ul {
	background-image: none;
	background-color: #F0F;
	background-repeat: no-repeat;
	list-style-type: none;
	line-height: 40px;
	float:left;
	width: 100%;
}

	#topmenu li {
	background-image: none;
	background-color: #F0F;
	background-repeat: no-repeat;
	list-style-type: none;
	line-height: 40px;
	float:left;
	width: 158px;
	border: 1px solid #FFF;
}
	#topmenu a:hover {
	font-size: large;
}
	#container .main{
	width:310px;
	margin-left: 0px;
	float: left;
}
	#content{
	width:310px;
	margin-left: 0px;
	float: left;
}
	#content h3{
	width:288px;
	height:100%;
	float: left;
}

    #content .boxcenter {
	width:300px;
	height:100%;
	float:left;
}
	.photo01{
		width:308px;
		height:308px;
}

	#content .boxleft{
		width:300px;
		height:100%;
		float:left;text-align:left;
}
	#content h3{
	width:288px;
	height:100%;
	float: left;
}

#point01, #point02, #point03{
	width: 308px;
}		
#point01 .text {
	font-size: 12px;
	width: 302px;
	line-height: 15px;
}
#point02 .text {
	font-size: 12px;
	width: 302px;
	line-height: 15px;
}
#point03 .text {
	font-size: 12px;
	width: 302px;
	line-height: 15px;
}

#colorlist{
	width: 308px;
}		
#colorlist .text {
	font-size: 12px;
	width: 302px;
	line-height: 15px;
}
#colorlist img{
	width: 300px;
	height: auto;
	float: left;
}

#example{
	width: 308px;
}		
#example .text {
	font-size: 12px;
	width: 302px;
	line-height: 15px;
}

.boxbanner{
	width:300px;
	height:100%;
	clear: both;
	float: left;
	
}

.boxbanner-small {
	width:300px;
	height:100%;
	clear: both;
	float: left;
}

	.boxbanner .linkbanner{
	width:296px;
	height: 99px;
	}

	.boxbanner .maesticker{
	width:296px;
	height: 99px;
	}

	.boxbanner .linesticker{
	width:296px;
	height: 99px;
	}

	.boxbanner .lld{
	width:296px;
	height: 39px;
	}
	.boxbanner .twitter{
		width:296px;
		height:122px;
	}
	.boxbanner .inuinutown{
		width:296px;
		height:47px;
	}
#sideber{
	width: 320px;
	margin-right: 0px;
}
.imgspace1{
	width: 308px;
}
#menu02{
	width: 318px;
}
/*このページの先頭へ*/
#container .topanchor {
	width: 305px;
}
/*このページの先頭へ　ここまで*/

#footer {
	width:298px;
	float:left;
	text-align:left;
	margin-top: 10px;
	margin-bottom: 10px;
}
	#footmenu {
	width: 100%;
	float: left;
	background-color: #FFF;
}

	#footmenu ul {
	width: 100%;
	float: left;
	padding-left: 0px;
}
	#footmenu li {
	display: block;
	width: 100%;
	float: left;
	line-height: 30px;
}
	
	#foot{
	width:320px;
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

/*只今準備中ページ*/
	.junbichu{
		width:308px;
		height:231px;
}
/*只今準備中ページ　ここまで*/


/*毛色一覧ページ*/
.keiroshugou {
		width:298px;
		height:298px;
}
/*毛色一覧ページ　ここまで*/

/*ダックス漫画ページ*/
	.comics01{
		width:308px;
		height:308px;
}
/*ダックス漫画ページ　ここまで*/

/*ステッカー見本ページ*/
	.stickermihon{
		width:298px;
		height:87px;
}
/*ステッカー見本ページ　ここまで*/


/*twitter名刺ページ*/
	.present-twitter01{
		width:308px;
		height:308px;
}
/*twitter名刺ページ　ここまで*/

/*特商ページ*/
	.tokushou01{
		width:308px;
		height:308px;
}
/*特商ページ　ここまで*/

/*ご注文の流れページ*/
	.gochumon{
		width:280px;
		height:27px;
}
/*ご注文の流れページ　ここまで*/

	
	/*非表示部分*/
	
	#header{display: none;}
	#sidemenu{display: none;}
	#menu01{display: none;}
	.menuspace1{display: none;}
	#qr{display: none;}
	#kaiseki{display: none;}
	#googleadsense{display: none;}
	
	/*非表示部分　ここまで*/

/*お名前入れ制作例*/
.nairegazou {
	height: 83px;
	width: 298px;
}
/*お名前入れ制作例　ここまで*/
	

/*Instagram　埋め込み　表示崩れ対策*/
.instagram-media {
    position: static !important;
}
/*Instagram　埋め込み　表示崩れ対策　ここまで*/
	
/*Instagram　埋め込み　表示崩れ対策　スマホ版*/
.instagram-media {
    min-height: 1000px;
}
/*Instagram　埋め込み　表示崩れ対策　ここまで　スマホ版*/

/*ケータイ表示設定　ここまで*/