@charset "UTF-8";

/*汎用設定*/

body
{
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
	color: #464646;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #F6F1E9;
	width: 100%;
	background-image: url(../img/bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
}
a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
	color: #000000;

}
a:hover
{
	text-decoration: underline;
}
.clearfroat{
	clear:both;
}
.blank{
	font-size: 1em;
	display: inline-block;
	width: auto;
	}

/*PC エリア指定*/

#header-wrap
{
	width: 100%;
	height: 0px;
	background-position: top center;
	background-image: url(../img/header_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 34%;
}
#header
{}
#header h1
{
	display: none;
}
#menu
{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0px;
	padding-bottom: 2em;
	color: #000000;
	text-align: center;
	padding-top: 0.1em;
}
 #menu .m_wrap{
	width: 80%;
	max-width: 1100px;
	margin: 0px auto;
}
#menu .m_wrap img{
	width: 5%;
	margin-left: 1px;
	margin-right: 1px;
	}
	
#contents
{
	width: 100%;
	margin: 0px;
	overflow: hidden;
}

#contents .contents-wrap
{
	width: 100%;
	max-width: 1000px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0px auto;
	box-sizing: border-box;
}
#contents .contents-wrap .ttl
{
	width: 100%;
	max-width: 730px;
}
#contents .contents-wrap .text
{
	width: 100%;
	border: 5px solid #EBE5DC;
	padding: 1em;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0.5em;
	font-size: 1.5em;
	line-height: 1.5em;
}
.intro{
	text-align: center;
}
.fair{
	margin-top: 8em;
}
.fair .text p{
	font-size: 1em;

}
.fair .text .large{
	font-size: 1.5em;

}
.fair .text .midium{
	font-size: 1.2em;

}
.fair .text .small{
	font-size: 1em;
	margin-top: -1em;

}
.fair img{
	width:100%;
	}
.fair li{
	list-style-type: none;
	line-height: 1.5em;
	margin-bottom: 0.5em;


}	
.p-link{
	margin-top: 8em;
	width: 100%;
}
.p-link .btn_area{
	margin-top:1em;
	}
.p-link .btn_area img{
	width: 12.5%;
	border: 3px solid #FFFFFF;
	}
.p-link .btn_area a:hover img.btn{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}	
#main1,#main2,#main3,#main4,#main5,#main6,#main7,#main8,#main9,#main10,#main11,#main12,#main13,#main14,#main15,#main16,#main17,#main18,#main19,#main20{
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(http://www.movic.jp/img/freepage/conan-specialgoods/img/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 50px;
	position: relative;
	}
#main1{
	background-image: url(../img/iori.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 50% auto;
}
#main1 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #8D93B6;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
	margin-top: 0px;
}
#main2{
	background-image: url(../img/yamato.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 50% auto;
}
#main2 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #C0DD98;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}
#main3{
	background-image: url(../img/mitsuki.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 50% auto;
}
#main3 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #F9C385;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}
#main4{
	background-image: url(../img/tamaki.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 50% auto;
}
#main4 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #BBE2ED;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}
#main5{
	background-image: url(../img/sogo.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 50% auto;
}
#main5 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #C1B5D8;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}
#main6{
	background-image: url(../img/nagi.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 50% auto;
}
#main6 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #FFF6A4;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}
#main7{
	background-image: url(../img/riku.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 50% auto;
}
#main7 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #F29B8F;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}
#main8{
	background-image: url(../img/gaku.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 50% auto;
}
#main8 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #ABB7BE;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}
#main9{
	background-image: url(../img/ten.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 50% auto;
}
#main9 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #DAAAC0;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}
#main10{
	background-image: url(../img/ryu.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 50% auto;
}
#main10 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #7FA8B5;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}
#main11{
	background-image: url(../img/momo.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 50% auto;
}
#main11 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #F3A9C9;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}
#main12{
	background-image: url(../img/yuki.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 50% auto;
}
#main12 .order{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #E4EB98;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.5em;
}

/*商品段組み*/
.item_sp{
	display: none;
	}
.itemlist_right1{
	width:100%;
	}
.itemlist_right1 .item{
	float: right;
}	

.itemlist_right2{
	width: 100%;
	margin-top: 2em;
	}
.itemlist_right2 .item{
	float: right;
}

.itemlist_left1{
	width:100%;
	}
.itemlist_left1 .item{
	float: left;
}

.itemlist_left2{
	width:100%;
	margin-top: 2em;
		}
.itemlist_left2 .item{
	float: left;
}
.item{
	width: 25%;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 15px;
	text-align: center;
	height: 25em;
	background-color: hsla(37,42%,94%,0.70);
}
.item hr{
	width: 15%;
	margin: 0px auto;
	border-bottom: 1px solid #000000;
	background-color: #000000;
	}
.item-img{
	position: relative;
	display: flex;
	border: 1px solid #737373;
	overflow-x: hidden;
	overflow-y: hidden;
  }
 .item-img:before{
    display: block;
    content: '';
    padding-top: 100%;
}
.item-img .thumb{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	max-width: 250px;
	max-height: 250px;
	width: 100%;
	height: auto;
   }
.item-img .box{
	height: 1.5em;
	background-color: #737373;
	color: #FFFFFF;
	z-index: 1;
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding-top: 0.5em;
	font-size: 0.8em;
	}
.item-name{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #000000;
	font-weight: 400;
	height: 3em;
	margin-top: 0px;
}
.item-price{
	color: #000000;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 0px;
}

.link{
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.link .btn{
	width: 80%;
	border: 5px solid #EBE5DC;
	padding-right: 1em;
	padding-left: 1em;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0.5em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	font-size: 1.5em;
	line-height: 1.5em;
	padding-top: 0.2em;
	padding-bottom: 0.1em;

}

/*フッター*/

#copyright
{
	width: 100%;
	text-align: center;
	padding-top: 2em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 2em;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	color: #000000;
}


/*上に戻るボタン*/

#page-top
{
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.order{
	margin-top: 0px;
	font-weight: bold;
}

@media (max-width: 800px){

body
{
	background-color: #F6F1E9;
	width: 100%;
	background-image: url(../img/bg_sp.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	background-size: contain;
}
#header-wrap
{
	width: 100%;
	height: 0px;
	background-position: top center;
	background-image: url(../img/header_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: -1px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 164.86%;
}
 #menu .m_wrap{
	width: 33%;
	max-width: 266px;
	margin-top: -35%;
	margin-right: auto;
	margin-left: 66%;
	padding-top: 2.2%;
	padding-right: 2.2%;
	padding-left: 2.2%;
	padding-bottom: 2.2%;
	margin-bottom: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}
#menu .m_wrap img{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 50%;
	}
#menu .m_wrap img.line {
	margin-left: 51%;
}	
#contents
{
	width: 100%;
	margin: 0px;
	padding: 1em;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blank_link{
	font-size: 1em;
	display: inline-block;
	width: auto;
	}
#contents .contents-wrap .text
{
	width: 100%;
	border: 5px solid #EBE5DC;
	padding: 0.3em;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0.5em;
	font-size: 1.5em;
	line-height: 1.5em;
}

#contents .contents-wrap
{
	width: 100%;
	max-width: 1000px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0px auto;
	box-sizing: border-box;
}
.p-link .btn_area img{
	width: 21%;
	border: 3px solid #FFFFFF;
	}
.p-link .btn_area a:hover img.btn{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}	
#main1{
	background-image: url(../img/iori.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 80% auto;
}	
#main2{	
	background-image: url(../img/yamato.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 80% auto;
}	
#main3{	
	background-image: url(../img/mitsuki.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 80% auto;
}	
#main4{	
	background-image: url(../img/tamaki.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 80% auto;
}	
#main5{	
	background-image: url(../img/sogo.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 80% auto;
}	
#main6{	
	background-image: url(../img/nagi.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 80% auto;
}	
#main7{	
	background-image: url(../img/riku.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 80% auto;
}	
#main8{	
	background-image: url(../img/gaku.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 80% auto;
}	
#main9{	
	background-image: url(../img/ten.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 80% auto;
}	
#main10{	
	background-image: url(../img/ryu.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 80% auto;
}	
#main11{	
	background-image: url(../img/momo.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 80% auto;
}	
#main12{	
	background-image: url(../img/yuki.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 80% auto;
}	
/*商品段組み*/

.item{
	width: 33%;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 15px;
	text-align: center;
	height: 23em;
	background-color: hsla(37,42%,94%,0.70);
}	
.itemlist_right1{
	width: 100%;
	padding-top: 60%;
	}
.itemlist_right1 .item{
	float: right;
}	

.itemlist_right2{
	width: 100%;
	margin-top: 2em;
	}
.itemlist_right2 .item{
	float: right;
}

.itemlist_left1{
	width: 100%;
	padding-top: 60%;
	}
.itemlist_left1 .item{
	float: left;
}

.itemlist_left2{
	width:100%;
	margin-top: 2em;
		}
.itemlist_left2 .item{
	float: left;
}
.link .btn{
	width: 100%;
	border: 5px solid #EBE5DC;
	padding-right: 1em;
	padding-left: 1em;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0.5em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	font-size: 1.5em;
	line-height: 1.5em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;

}
.link .btn img{
	width: 80%;
}
}
@media (max-width: 600px){
#contents
{
	width: 100%;
	margin: 0px;
	padding: 0.5em;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contents .contents-wrap .text
{
	width: 100%;
	border: 5px solid #EBE5DC;
	padding: 0.5em;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0.5em;
	font-size: 1.2em;
	line-height: 1.3em;
}	
.fair .text p{
	font-size: 0.8em;
	line-height: 1.5em;

}
.fair .text .large{
	font-size: 1.2em;
	line-height: 1.5em;

}
.fair .text .midium{
	font-size: 1em;

}
.fair .text .small{
	font-size: 0.8em;
	margin-top: -1em;

}
.fair li{
	list-style-type: none;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	font-size: 0.7em;
}
#contents .contents-wrap .ttl
{
	width: 118%;
	max-width: 730px;
	margin-left: -9%;
}
.p-link .btn_area{
	padding: 0px;
	}
#main1{	
	background-image: url(../img/iori.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}	
#main2{	
	background-image: url(../img/yamato.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% auto;
}	
#main3{	
	background-image: url(../img/mitsuki.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}	
#main4{	
	background-image: url(../img/tamaki.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% auto;
}	
#main5{	
	background-image: url(../img/sogo.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}	
#main6{	
	background-image: url(../img/nagi.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% auto;
}	
#main7{	
	background-image: url(../img/riku.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}	
#main8{	
	background-image: url(../img/gaku.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% auto;
}	
#main9{	
	background-image: url(../img/ten.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}	
#main10{	
	background-image: url(../img/ryu.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% auto;
}	
#main11{	
	background-image: url(../img/momo.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}	
#main12{	
	background-image: url(../img/yuki.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% auto;
}	
	.item_pc{
	display: none;
	}
.item_sp{
	display: block;
	}

.item{
	width: 49%;
	padding-left: 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 1%;
	text-align: center;
	height: 26em;
	background-color: hsla(37,42%,94%,0.70);
}
.itemlist_right1{
	width: 100%;
	padding-top: 55%;
	}
.itemlist_left1{
	width: 100%;
	padding-top: 55%;
	}
		
}
@media (max-width: 460px){
.item{
	width: 49%;
	padding-left: 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 1%;
	text-align: center;
	height: 22em;
	background-color: hsla(37,42%,94%,0.70);
}
.item-price{
	color: #000000;
	font-weight: bold;
	font-size: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0px;
}
.item-name{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #000000;
	font-weight: bold;
	height: auto;
	margin-top: 0px;
	font-size: 0.8em;
	min-height: 4em;
}
.order{
	margin-top: 0px;
}
}