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

 /css/common.css
 
//////////////////////////////////////////////////////////////*/


/* -----------------------------------------------
 CONTENTS 
	
	1: body 

	2: header
		: 
	
	3: main
	　　: 

	4: footer
	
 ----------------------------------------------- */


/* --------------------------------------------------------------
 1: body
--------------------------------------------------------------- */
html{height:100%;}
body{height:100%; width:100%;margin: 0;padding: 0; font-size:13px; border:none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;color: #5f3f32;}




/* --------------------------------------------------------------
 2: header
--------------------------------------------------------------- */
header{width:100%;margin: 0 auto;border-bottom: 2px solid #5f3f32;height: 75px;}
h1{display: inline-block;text-align: left;float: left;}
h1 img{max-width: 110px;height: auto;}
h1 a{display: block;}
#header_in{margin: 10px auto;width: 1024px;text-align: right;display: block;}
#header_in ul{text-align: right;margin-top: 20px;}
#header_in li{font-size: 16px;vertical-align: middle;display: inline-block;margin-left: 20px;}
#header_in li img{vertical-align: middle;}
#header_in li a{text-decoration: none;vertical-align: middle;}
#header_in li span{display: inline-block;}
#header_in li p{margin-left: 5px;display: inline-block;}
#navi{display: inline-block;}

/* --------------------------------------------------------------
 3: main
--------------------------------------------------------------- */
#main{width: 1024px;margin: 0 auto;padding: 0 9px;}
/* character */
#character_main{text-align: center;margin: 30px auto 20px auto;}
#character_main li{display: inline-block;width: 500px;vertical-align: top;}
#character_main li p{font-size: 16px;text-align: left;padding: 10px;}
#character_main li:nth-child(1){margin-right: 19px;}
#character_main img{max-width: 500px;height: auto;}
#character_etc ul{}
#character_etc li{display: inline-block;}
#character_etc li a{display: block;margin: 0 7px;}
#character_etc li:first-child a{margin-left:0; }
#character_etc li:last-child a{margin-right: 0;}

/* menu */
#menu{margin: 80px auto 55px auto;}
#menu ul{font-size: 0;}
#menu ul li{font-size: 20px;display: inline-block;width: 227px;text-align: center;margin-right: 35px;margin-bottom: 25px;padding-bottom: 7px;}
#menu ul li img{vertical-align: middle;display: inline-block;}
#menu ul li span{display: inline-block;vertical-align: middle;text-align: left;line-height: 1.2em;margin-left: 10px;}
#menu ul li a{text-decoration: none;vertical-align: middle;}
#menu ul li:nth-child(4){margin-right:0;}
#menu ul li:nth-child(8){margin-right:0;}
#menu ul li.menu{border-bottom: 6px solid #5f3f32;}
#menu ul li.goods{border-bottom: 6px solid #f8c5cc;}
#menu ul li.infomation{border-bottom: 6px solid #ffed7d;}
#menu ul li.shoplist{border-bottom: 6px solid #d4afd1;}
#menu ul li.movie{border-bottom: 6px solid #a1d8f6;}
#menu ul li.calendar_wall{border-bottom: 6px solid #cedf81;}
#menu ul li.sns{border-bottom: 6px solid #fac488;}

/* infomation */
#infomation{border-bottom: 6px solid #ffed7d;margin: 0 auto 80px auto;}
#infomation ul{padding: 0 18px;}
#infomation li{font-size:16px;margin: 0 auto;border-bottom: 1px dotted #CCC;padding: 20px 0;}
#infomation li p{font-size: 13px;}
#infomation li:last-child{border-bottom:none;}
#infomation li a{color:#1821da;}
h2{font-size: 20px;padding-bottom: 5px;}
h2 img{display: inline-block;vertical-align: middle;padding-left: 18px;}
h2 span{display: inline-block;vertical-align: middle;padding: 10px 18px;}
h2.infomation{border-bottom: 6px solid #ffed7d;}
.infomation_phot{padding: 20px 10px 0 0;}
.infomation_spphot{display: none;}

/* campany */
#campany{border-bottom: 6px solid #5f3f32;padding-bottom: 25px;}
h2.campany{border-bottom: 6px solid #5f3f32;}
#campany p{padding: 0 18px;} 
span.title{font-size: 25px;display: block;margin-top: 25px;}
span.description{font-size: 16px;margin-top: 20px;display: block;}
.margin-top70{margin-top: 70px;}

/* contact */
#contact{border-bottom: 6px solid #5f3f32;padding-bottom: 25px;margin: 80px auto 80px auto;}
h2.contact{border-bottom: 6px solid #5f3f32;}
#contact p{padding: 0 18px;}

/* characters */
#character_main li p.more{font-size: 20px;text-align: center;width: 240px;background-color: #5f3f32;color: #FFF;display: block;margin:40px auto 0 auto;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;}
#character_main li p.more a{color: #FFF;display: block;text-decoration: none;}
#characters_etc{margin: 80px auto 80px auto;}
p.characters_etc_left{width:140px;display: inline-block;vertical-align: middle;}
p.characters_etc_left img{width:100%;height:auto;vertical-align: bottom;max-width: 130px;}
p.characters_etc_right{width:800px;display: inline-block;vertical-align: middle;}
#characters_etc li{width: 100%;padding-bottom: 25px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;margin-bottom: 30px;}
#characters_etc li.sentimental{background-color: #f4a9ae;}
#characters_etc li.mamegoma{background-color: #98dbf7;}
#characters_etc li.kutusitanyanko{background-color: #fbdaa9;}
#characters_etc li.tarepanda{background-color: #dae9b3;}
#characters_etc li.monokuroboo{background-color: #e7e7e7;}
#characters_etc li.afroken{background-color: #fffab2;}
#characters_etc li.jinbeesan{background-color: #a0dad8;}
span.characters_btn{display: inline-block;margin-top: 20px;margin-right: 8px;width: 210px;text-align: center;}
span.characters_btn a{display: block;vertical-align: middle;font-size: 14px;padding: 5px 20px;border: 1px solid #FFF;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
span.characters_btn a img{vertical-align: middle;margin-right: 10px;max-width: 30px;height: auto;}
span.characters_infomation a{background-color: #ffed7d;}
span.characters_goods a{background-color: #f8c5cc;}
span.characters_movie a{background-color: #b8d65e;}
p.mores{font-size:30px; width:630px;background-color: #5f3f32;color: #FFF;display: block;margin: 40px auto;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;}
p.mores a{color: #FFF;display: block;text-decoration: none;padding: 15px 0;text-align: center;}

#characterin_main{text-align: center;margin: 30px auto 20px auto;}
#characterin_main li{display: inline-block;width: 500px;vertical-align:middle;}
#characterin_main li p{font-size: 16px;text-align: left;padding: 10px;word-wrap: break-word;}
#characterin_main li:nth-child(1){margin-right: 19px;}
#characterin_main img{max-width: 483px;height: auto;}

#characterin_introduction{}
#characterin_introduction li{display: inline-block;margin-top: 20px;}
#characterin_introduction p{display: inline-block;vertical-align:middle;font-size: 16px;}
#characterin_introduction p.characterin_introduction_left{vertical-align:middle;padding: 10px 0 10px 10px;width: 140px;}
#characterin_introduction p.characterin_introduction_left img{max-width: 140px;height: auto;}
#characterin_introduction p.characterin_introduction_right{width: 330px; text-align: left;padding: 10px 10px 10px 0;vertical-align:middle;}
#characterin_introduction p.characterin_introduction_right span{font-weight: bold;font-size: 20px;display: block;}

.characterin_introductionin_btn{margin: 80px auto;}
.characterin_introductionin_btn li{display: inline-block;margin-right: 8px;text-align: center;width: 300px !important;border: 1px solid #FFF;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.characterin_introductionin_btn li a{display: block;vertical-align: middle;font-size: 14px;padding:10px 0;text-decoration: none;}
.characterin_introductionin_btn li img{vertical-align: middle;margin-right: 10px;max-width: 30px !important;height: auto;}
.characterin_introductionin_btn li.characters_infomation{background-color: #ffed7d;}
.characterin_introductionin_btn li.characters_goods{background-color: #f8c5cc;}
.characterin_introductionin_btn li.characters_movie{background-color: #b8d65e;}


/* SHOPLIST */
h2.shoplist{border-bottom: 6px solid #d4afd1;margin: 30px auto 20px auto;}
ul#shoplist_navi{font-size: 0;margin-bottom: 20px;}
ul#shoplist_navi li{display: inline-block;font-size: 16px;margin-right: 15px;}
ul#shoplist_navi li:last-child{margin-right: 0;}
ul#shoplist_navi li a{display: block;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;background-color:#5f3f32;padding: 10px 55px;color: #FFF;text-decoration: none;}

#store_list li{vertical-align: top;margin-bottom: 20px;width:458px;display: inline-block;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border: 1px solid #5f3f32;padding: 20px;font-size: 16px;}
#store_list li p:nth-child(1){display: inline-block;width: 215px;vertical-align: middle;}
#store_list li p:nth-child(1) img{max-width: 213px;height: auto;width: 100%;}
#store_list li p:nth-child(2){display: inline-block;width: 220px;padding-left: 10px;vertical-align: middle;}
#store_list li p:nth-child(2) span{font-weight: bold;display: block;margin-bottom: 5px;}
#store_list li p:nth-child(2) a{text-align: center;display: block;background-color: #ffdd50;width: 80%;padding: 5px 0;margin: 5px auto;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;text-decoration: none;}
#store_list li:nth-child(odd){margin-right: 19px;}

#shoplist_link ul{width: 98%;margin: 0 auto;text-align: left;list-style: none;list-style-type: none;letter-spacing: -.40em;}
#shoplist_link li{ display:inline-block; border: 1px solid #FFF;padding: 0.5em;font-size: 1.1em;letter-spacing: normal;width:6%;text-align: center;background-color: #fff4c3;}
#shoplist_link li a{}

table.shoplist{width: 98%;margin: 0.7em auto 2em auto;}
table.shoplist th{padding: 0.5em;background-color: #735a3a;color: #FFF;font-size: 1.2em; }
table.shoplist th.shoplist_name{border-right: 1px solid #FFF;}
table.shoplist td{padding: 0.7em;font-size: 1.1em;border: 1px solid #735a3a;color: #735a3a;}
table.shoplist td:nth-child(odd){background-color:#fffde6;font-weight: bold;}



/* --------------------------------------------------------------
 4: footer
--------------------------------------------------------------- */
#footer { background-color:#5f3f32;width: 100%;}
#footerin{margin: 0 auto;width: 1024px;color: #FFF;padding: 10px 0;}
#copyright{font-size: 13px;text-align: center;}

.crunchify-top:hover {color: #5f3f32 !important;background-color: #fbf2b8;text-decoration: none;}
 
.crunchify-top {display: none;position: fixed;bottom: 2.5rem;right: 1rem;width: 3.2rem;height: 3.2rem;line-height: 3.2rem;font-size: 1.4rem;color: #fff;background-color: rgba(95, 63, 50, 0.25);
text-decoration: none;border-radius: 3.2rem;text-align: center;cursor: pointer;}