/* CSS Document */

/*------------------------------------------
【reset css】
--------------------------------------------*/
body{ background:#fff; color:#000; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td{ margin: 0; padding: 0; }
fieldset, img { border: 0; }
a{text-decoration:none;}
ul, ul li{ margin:0; padding:0; list-style:none;}
p, img{ margin:0; padding:0; }
img { border: none; margin:0; padding:0; line-height:0;}

/*---clearfix--*/
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
.clear { clear: both; }


/*=====================================================================
【basic color】
=======================================================================*/
body{background: #fffbe0;}
body ::selection { background: #fa9f9f; color:#fff; /* Safari */ }
body ::-moz-selection { background: #fa9f9f; color:#fff; /* Firefox */ }
.size{ background: #a9e4f6;}
.lot{ background: #faf79e;}
.select{ background: #ffd0db;}

/*=====================================================================
【リンク時の挙動】
=======================================================================*/
a img{ opacity: 1;transition: all 0.3s ease-out 0s;}
a img:hover {filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}

/*-------ホバー挙動-------*/
#shop_btn a:hover,
#petit_btn a:hover,
#shop_btn_2 a:hover{opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity:0; -moz-opacity:0; opacity:0; transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s;}

/*-------pcで隠す-------*/
.petit_btn_sp,.shop_btn_sp,#pagetop,#top_allow{ display: none;}

/*=====================================================================
【pc style】
=======================================================================*/
#pokemon_wrap{ font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";}

/*--------------main--------------*/
#main{ background:url(../images/main_bg.png) repeat; width: 100%; position:relative; width:100%; z-index:0;}
#main:after{ background:url(../images/main_img.png) center top no-repeat; content:" "; position:absolute; top:0px; height:100%; width:100%; z-index:1;}
#main #main_img{ display: none;}
#main h1{ width: 780px; margin: 0 auto; padding: 580px 0 0 0;}
#main p{ width: 585px; margin: 0 auto; padding: 0 0 30px 0;}

/*--------------about--------------*/
#about{ background: #fbfaf1; width: 100%;}
hr.about_line01{ height: 9px; width: 100%; background: url(../images/about_line01.png) repeat-x; border: none; display: block;}
hr.about_line02{ height: 16px; width: 100%; background: url(../images/about_line02.png) repeat-x; border: none; display: block;}
#about_inner{ width: 950px; padding: 20px 0 40px 0; margin: 0 auto; color: #723c3a; -js-display: flex;
display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction:row; line-height: 1.5;}
#about_txt ul{ margin-top:20px;}
#about_txt ul li{ float: left; margin: 0 0 0 25px; font-size: 22px;}
#about_txt ul li.about_txt_title{ text-align: center; display: block; color: #fff; background: #5dccbe; width: 95px; font-size: 19px;}
#about_txt ul li.about_store{width: 350px;}

#about_right {padding: 15px 0 0 50px;}
#about_right #shop_btn{ color: #fa9f9f; display:block; width:405px; height:52px; background:url(../images/shop_btn.png) no-repeat 0 -52px;}
#about_right #shop_btn a{ color: #fa9f9f; display:block; width:405px; height:52px; background:url(../images/shop_btn.png) no-repeat 0 0; transition: all 0.6s ease-out 0s; }
#about_right #about_atn{ font-size: 11px; padding: 15px 0 0 0; width: 405px;}

.shop_btn_comingsoon{ width: 405px;}

/*--------------contents--------------*/
#contents{ background: #fffbe0;}

/*campaign*/
#campaign_title{ background: url(../images/lineup_title_bg.png) center top no-repeat; padding: 35px 0 25px 0; margin-top: 35px;}
#campaign_title span.lineup_title_img{ width: 533px; display: block; margin: 0 auto;}
#campaign_inner{ width: 1060px; margin: 0 auto; line-height: 1.5;}

.campaign{background: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;padding: 20px 20px 40px 20px; margin: 20px 0 0 0; color: #6c3735; line-height: 1.5; position: relative;}
.campaign_sidetype{ width: 100%; padding: 50px 30px 50px 50px;}
.campaign_tit{ font-size:16px; padding:0 10px 10px; border-bottom:dotted 1px #6c3735;}
.campaign_tit span{ color:#f86464;}
.campaign h4{ font-size: 20px; border-left: solid 6px #5dccbe; margin:30px 0 0; padding: 0 0 0 8px;}
.campaign_txt{ margin:14px 0;}
.campaign_txt a{ color:#fa9f9f;}
.campaign_txt a:hover{ color:#ffc5c5;}
.txt_big{ font-size:20px;}
.txt_big span{ font-size:20px; color:#f86464; font-weight:bold;}
.txt_sm{ margin:90px 0 0; font-size:11px;}
.campaign_img{ width: 520px; position: absolute; right: 80px; bottom: 240px;}

/*lineup*/
#lineup_title{ background: url(../images/lineup_title_bg.png) center top no-repeat; padding: 35px 0 75px 0; margin-top: 35px;}
#lineup_title span.lineup_title_img{ width: 380px; display: block; margin: 0 auto;}
#contents_inner{ width: 1060px; margin: 0 auto; line-height: 1.5;}

/*--------------item--------------*/
.item{background: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
padding: 20px 20px 40px 20px; margin: 20px 0 0 0; color: #6c3735; line-height: 1.5; position: relative;}
.sidetype{ width: 100%; padding: 50px 30px 90px 50px;}
.sidetype_w{ width: 100%; padding: 40px 30px 30px 40px;}
/*--------------icon--------------*/
.item .icon{ width: 89px; display:inline-block; vertical-align:middle; padding: 0 15px 0 0;}
.item .icon_2{ width: 89px; display:inline-block; vertical-align:top; padding: 0 15px 0 0;}
.item .icon_3{ width: 70px; display:inline-block; vertical-align:middle; padding: 0 10px 0 0;}
.item .icon_4{ width: 70px; display:inline-block; vertical-align:top; padding: 0 10px 0 0;}
/*--------------title--------------*/
.item .item_title h3{ font-size: 31px; display: inline-block;}
.item .item_title h3.column3{ font-size: 25px; display: inline-block;}
.item .item_title h3.last_title{font-size: 23px; display: inline-block;}
.item .item_title h3.w_title{font-size: 28px; display: inline-block;}
/*--------------other--------------*/
.item .detail{ display: inline-block; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 0 15px; margin: 25px 0 20px 10px; font-size: 14px; line-height: 1.5;}
.item .item_txt{ font-size: 15px; padding: 0 0 0 10px;}
.item .item_txt span.item_txt_last{color: #f86464; font-size: 24px; font-weight: bold;}
.item .item_txt span.item_txt_atn{ display: block; padding: 10px 0 0 0; font-size: 11px; line-height: 1.5;}
.item .sidetype_txt{ width: 480px;}
ul.item_w_day li{ float: left; margin: 0 10px 15px 10px; font-size: 22px;}
ul.item_w_day li.item_w_day_title{ text-align: center; display: block; color: #fff; background: #5dccbe; font-size: 19px; padding: 0 15px;}

/*--------------item_space--------------*/
.item_a,.item_c,.item_d,.item_f{ margin-right:20px;}
.item_a,.item_b{ width: 520px; float: left;}
.item_c,.item_d,.item_e{ width: 340px; float: left;}
.item_b{ padding-bottom: 85px;}
.item_c{ padding-bottom: 65px;}
.item_e{ padding-bottom: 65px;}
.item_f{ width: 550px; float:left; padding-bottom: 100px;}
.item_last{ width: 490px; float:left;}

/*--------------item_img--------------*/
.item_s_img{ width: 400px; position: absolute; right: 80px; top: 15px;}
.item_a_img{ width: 430px; margin: 20px auto 0 auto;}
.item_b_img{ width: 370px; margin: 20px auto 0 auto;}
.item_c_img{ width: 270px; margin: 0 auto 0 auto;}
.item_d_img{ width: 250px; margin: 20px auto 0 auto;}
.item_e_img{ width: 275px; margin: 30px auto 20px auto;}
.item_f_img{ width: 480px; margin: 0 auto 0 auto;}
.item_last_img{ width: 400px; margin: 55px auto 30px auto;}
.item_w_img{ width: 480px; position: absolute; right: 25px; top: 85px;}

/*--------------link--------------*/
#link_inner{ width: 940px; padding: 50px 0 50px 0; margin: 0 auto; color: #723c3a; -js-display: flex;
display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction:row; -webkit-justify-content: space-around; /* Safari */  justify-content: space-around;}
#link_inner #petit_btn{ display:block; width:440px; height:57px; background:url(../images/petit_btn.png) no-repeat 0 -57px;}
#link_inner #petit_btn a{ display:block; width:440px; height:57px; background:url(../images/petit_btn.png) no-repeat 0 0; transition: all 0.6s ease-out 0s; }

#link_inner #shop_btn_2{ display:block; width:440px; height:57px; background:url(../images/shop_btn02.png) no-repeat 0 -57px;}
#link_inner #shop_btn_2 a{ display:block; width:440px; height:57px; background:url(../images/shop_btn02.png) no-repeat 0 0; transition: all 0.6s ease-out 0s; }

#link_kuji{ text-align: center;}
#link_kuji a:link,
#link_kuji a:visited{ color: #461715; text-decoration: underline;}
#link_kuji a:hover{ color: #461715; text-decoration: none;}

#copy{ display: block; text-align: left; font-size: 10px; color: #461715; line-height: 1.5; padding: 40px 0 10px 0;}

#pk_7{ width: 650px; margin: 0 auto 40px auto;}


/*=====================================================================
【Small Tablet & Smartphone style】
=======================================================================*/
@media (max-width: 767px) {
	
/*--------------header--------------*/


/*--------------main--------------*/
#main{ width: 100%; width:100%;}
#main:after{ background:none;}
#main #main_img{ display: block; width: 100%; margin: 0!important;}
#main h1{ width: 95%; padding: 0; margin: -25px  auto 0 auto;}
#main p{ width: 85%; padding: 0 0 3% 0;}

/*--------------about--------------*/
#about_inner{ width: 95%; padding: 20px 0 20px 0; -js-display: block; display:block; display: -webkit-block; -webkit-flex-direction: none; flex-direction:none;}
#about_txt ul{ width: 100%; margin: 3% auto;}
#about_txt ul li{ margin: 0 0 0 0; font-size: 16px; float: left;}
#about_txt ul li.about_txt_title{ width: 20%; font-size: 14px; margin: 0 2% 0 0;}
#about_txt ul li.about_store{width:75%;}

#about_right {padding: 0; width: 100%;}
#about_right #shop_btn, #about_right #shop_btn a{ display: none;}

.shop_btn_sp,.petit_btn_sp{display: block; width: 95%; margin: 0 auto;}
.petit_btn_sp{ margin: 0 auto 4% auto;}
	
#about_right #about_atn{ font-size: 12px; padding: 2% 0 0 0; width: 95%; margin: 0 auto;}

/*--------------contents--------------*/
#campaign_title{ background: none; padding: 10% 0 0 0; margin-top: 0;}
#campaign_title span.lineup_title_img{ width: 90%; display: block; margin: 0 auto;}
#campaign_inner{ width: 95%; margin: 0 auto; line-height: 1.5;}

#lineup_title{ background: none; padding: 10% 0 0 0; margin-top: 0;}
#lineup_title span.lineup_title_img{ width: 70%; display: block; margin: 0 auto;}
#contents_inner{ width: 95%; margin: 0 auto; line-height: 1.5;}

/*--------------item--------------*/
.campaign{ border-radius: 30px; padding: 4% 6% 8% 6%!important; margin: 20px 0 0 0; position:static;}
.item{ border-radius: 30px; padding: 4% 4% 8% 4%!important; margin: 20px 0 0 0; position:static;}
.sidetype,.sidetype_w,.campaign_sidetype{ width: 100%; padding: 0;}

/*--------------icon--------------*/
.item .icon,.item .icon_3{ width: 22%; float: left; display:block; vertical-align:middle; padding: 0 10px 0 0;}
.item .icon_2,.item .icon_4{ width: 22%; float: left; display:block; vertical-align:top; padding: 0 10px 0 0;}

/*--------------title--------------*/
.item .item_title h3,
.item .item_title h3.column3,
.item .item_title h3.last_title,
.item .item_title h3.w_title{ font-size: 18px; display: block; width: 73%;  float: left;}
.item .item_title h3.w_title span{ font-size: 14px;}
.item .item_title h3.txt_middle{ padding: 7% 0 0 0;}

/*--------------other--------------*/
.item .detail{ padding: 0 10px; font-size: 12px; margin: 2% 1% 0 0!important;}
	
.item .item_txt{ font-size: 14px; padding: 3% 2% 0 2%; width: 97%;}
.item .item_txt span.item_txt_last{ font-size: 18px; font-weight: bold;}
.item .item_txt span.item_txt_atn{ font-size: 11px; padding: 2% 0 0 0;}
.item .sidetype_txt{ width: 100%;}

.campaign .campaign_tit{ font-size: 14px; margin:0 auto; padding: 0 0 2% 0; width: 98%;}
.campaign h4{ font-size: 16px; display: block; width: 100%; border-left: solid 6px #5dccbe; margin:6% 0 0; padding: 0 2%;}
.campaign .campaign_txt{ margin:4% 0 0; width: 98%;}
.campaign .txt_big{ font-size:15px; width: 97%;}
.campaign .txt_big span{ font-size:18px; color:#f86464; font-weight:bold;}
.campaign .txt_sm{ font-size:10px; margin:6% 0 0; width: 97%;}

ul.item_w_day{ margin: 4% 0 0 0;} 
ul.item_w_day li{ float: left; margin: 0 0; font-size: 16px;}
ul.item_w_day li.item_w_day_title{ font-size: 12px; padding: 0 2px; margin: 0 2% 0 0; line-height: 1.7;}

/*--------------item_space--------------*/
.item_a,.item_c,.item_d,.item_f{ margin-right:0;}
.item_a,.item_b{ width: 100%; float: none;}
.item_c,.item_d,.item_e,.item_last{ width: 100%; float: none;}
.item_b,.item_c,.item_e{ padding-bottom: 0;}
.item_f{ width: 100%; float:none; padding-bottom: 0;}

/*--------------item_img--------------*/
.campaign_img{width: 100%; position: static; margin: 0 auto; padding: 4% 0;}
.item_s_img,.item_f_img,.item_w_img{width: 100%; position: static; margin: 0 auto; padding: 4% 0;}
.item_a_img,.item_b_img,.item_c_img,.item_d_img,.item_e_img,.item_last_img{ width: 90%; margin: 0 auto; padding: 4% 0;}

/*--------------link--------------*/
#link_inner{ width: 100%; padding: 6% 0; margin: 0 auto; -js-display: block; display:block; display: -webkit-block; -webkit-flex-direction: none; flex-direction:none;}

#link_inner #petit_btn,#link_inner #petit_btn a,#link_inner #shop_btn_2,#link_inner #shop_btn_2 a{ display:none;}

#link_kuji{ font-size: 14px;}
#copy{ padding: 4% 0 2% 0;}
#top_allow{ display: block; width: 7%; line-height: 0; margin: 0 auto;}
#pagetop{ display:block; background: #64c6e4; color: #fff; font-size: 16px;}
#pagetop{ color: #fff;}
#pagetop a:visited{color: #fff!important;}
#pagetop a:link{ display:block; width: 100%; text-align: center; padding: 2% 0; color: #fff;}

#pk_7{ width: 100%; margin: 0 auto 2% auto;}	
	
}