@charset "UTF-8";

#sukusuku { text-align:center;}
#sukusuku img {width:auto; max-width:100%;}
#sukusuku #anchor_navi_area {background-color:#df0623;}
#sukusuku #anchor_navi_area .navi_inner_box { max-width:980px; margin:0 auto;}
#sukusuku #anchor_navi_area ul {width:100%; font-size:0; letter-spacing:-99em;border-color:#FFF; border-width:0 1px; border-style:solid;}
#sukusuku #anchor_navi_area li {border-color:#FFF; border-width:0 1px; border-style:solid; width:33.333%; display:inline-block; vertical-align:bottom;}
#sukusuku #anchor_navi_area a {height:100px; width:100%; display:table; vertical-align:middle; line-height:1.4; font-size:22px; font-size:2.2rem; color:#FFF; letter-spacing:normal; font-weight:bold; text-decoration:none; padding:5px 10px 25px 10px; background:url(../images/icon_arrow_anchor.png) center bottom no-repeat;}
#sukusuku #anchor_navi_area a p {display:table-cell; vertical-align:middle; height:70px;}

#sukusuku #anchor_navi_area a:hover {opacity:0.7;}


#sukusuku .cont01 {max-width:1020px; padding:120px 20px 140px 20px; margin:0 auto;}
#sukusuku .cont01 h3 {padding-bottom:40px;}
#sukusuku .cont01 p.cont01_lead {font-size:36px; font-size:3.6rem; color:#000; font-weight:bold; padding-bottom:80px;}
#sukusuku .cont01_btn_area {padding-top:70px;}
#sukusuku .cont01_btn a,
#sukusuku .cont01_btn a:visited,
#sukusuku .cont01_btn a:hover {width:380px; padding:14px 60px 14px 20px; color:#FFF; font-size:24px; font-size:2.4rem; font-weight:bold; display:inline-block; vertical-align:middle; text-align:center; text-decoration:none; background:url(../images/btn_arrow.png) right center no-repeat #df0623; text-align:center;
border-radius:20px;
-webkit-border-radius:20px;/* for Safari and Chrome */
-moz-border-radius:20px; /* for Firefox */
-o-border-radius:20px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}
#sukusuku .cont01_btn a:hover {
opacity: .8; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .8; /* Safari 1.x */
-moz-opacity: .8; /* FF lt 1.5, Netscape */}


#sukusuku .cont02 {background-color:#ffe9a9;}
#sukusuku .cont02_inner {max-width:1020px; padding:80px 20px 60px 20px; margin:0 auto;}
#sukusuku .cont02 h3 {color:#FFF; font-size:32px; font-size:3.2rem; background-color:#e95377; letter-spacing:0.2em; padding:6px 20px;
border-radius:20px;
-webkit-border-radius:20px;/* for Safari and Chrome */
-moz-border-radius:20px; /* for Firefox */
-o-border-radius:20px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}
#sukusuku .event_img01 {padding:0 0 40px 0;}
#sukusuku .event_img02 {padding:0 0 20px 0;}
#sukusuku .event_img03 {padding:0 0 20px 0;}
#sukusuku .event_img04 {padding:15px 0 20px 0;}
#sukusuku .event_img05,
#sukusuku .event_img06 {text-align:left;}

#sukusuku .cont02box01,
#sukusuku .cont02box02 {padding:30px; width:48%; background-color:#fffcdb; margin-bottom:4%;
border-radius:20px;
-webkit-border-radius:20px;/* for Safari and Chrome */
-moz-border-radius:20px; /* for Firefox */
-o-border-radius:20px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}
#sukusuku .cont02box05 {padding:30px; width:100%; background-color:#fffcdb; margin-bottom:4%;
border-radius:20px;
-webkit-border-radius:20px;/* for Safari and Chrome */
-moz-border-radius:20px; /* for Firefox */
-o-border-radius:20px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}

#sukusuku .left_box {float:left;}
#sukusuku .right_box {float:right;}

#sukusuku .cont02title01 {display:table; text-align:left; padding-bottom:30px;}
#sukusuku .cont02title01 .cont02icon {display:table-cell; vertical-align:middle; width:74px; padding-right:14px;}
#sukusuku .cont02title01 h4 {color:#000; font-size:30px; font-size:3.0rem; display:table-cell; vertical-align:middle; line-height:1.2;}
#sukusuku .cont02box01 p,
#sukusuku .cont02box05 p,
#sukusuku .cont02box02 p {color:#000; font-size:20px; font-size:2.0rem; line-height:1.6; text-align:left;}
#sukusuku .cont02box01 .cont02con03 p {text-align:center;}
#sukusuku .cont02box05 .cont02con03 p {text-align:center;}
#sukusuku .cont02box01 p span.p_st { font-size:32px; font-size:3.2rem; font-weight:bold;}
#sukusuku .cont02box05 p span.p_st { font-size:32px; font-size:3.2rem; font-weight:bold;}
#sukusuku .cont02box01 p.p_title {color:#FFF; font-size:32px; font-size:3.2rem; font-weight:bold; max-width:360px; background-color:#e95377; display:inline-block; padding:10px 30px; line-height:1.2; margin-top:10px;
border-radius:30px;
-webkit-border-radius:30px;/* for Safari and Chrome */
-moz-border-radius:30px; /* for Firefox */
-o-border-radius:30px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}
#sukusuku .cont02box04 p.p_title {color:#FFF; font-size:32px; font-size:3.2rem; font-weight:bold; max-width:360px; background-color:#e95377; display:inline-block; padding:10px 30px; line-height:1.2; margin-top:10px;
border-radius:30px;
-webkit-border-radius:30px;/* for Safari and Chrome */
-moz-border-radius:30px; /* for Firefox */
-o-border-radius:30px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}
#sukusuku .cont02box05 p.p_title {color:#FFF; font-size:32px; font-size:3.2rem; font-weight:bold; max-width:360px; background-color:#e95377; display:inline-block; padding:10px 30px; line-height:1.2; margin-top:10px;
border-radius:30px;
-webkit-border-radius:30px;/* for Safari and Chrome */
-moz-border-radius:30px; /* for Firefox */
-o-border-radius:30px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}

#sukusuku .cont02box01 p.note,
#sukusuku .cont02box05 p.note,
#sukusuku .cont02box02 p.note {font-size:11px; font-size:1.1rem; color:#2d221e; text-align:left;}


#sukusuku .cont02box02 .cont02icon02 {text-align:left; padding-bottom:20px;}
#sukusuku .cont02box02 h5 { font-size:22px; font-size:2.2rem; font-weight:bold; text-align:center; padding-bottom:26px;}
#sukusuku .cont02box02 h5 span.pro_tit {color:#e95377;}

#sukusuku .cont02box03 {padding-bottom:56px; background:url(../images/cont02box03hr.png) 0 bottom repeat-x;}
#sukusuku .cont02box04 {padding-top:10px; padding-bottom:30px;}


#sukusuku .cont03 {max-width:1020px; padding:120px 20px 200px 20px; margin:0 auto;}
#sukusuku .cont03 h3 {color:#FFF; font-size:32px; font-size:3.2rem; background-color:#e00425; letter-spacing:0.2em; padding:6px 20px; margin-bottom:60px;
border-radius:20px;
-webkit-border-radius:20px;/* for Safari and Chrome */
-moz-border-radius:20px; /* for Firefox */
-o-border-radius:20px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}

#sukusuku .cont03 .table_box {padding:0 5% 40px 5%;}
#sukusuku .cont03 .table_box h4 {color:#000; font-size:22px; font-size:2.2rem; font-weight:bold; padding-bottom:12px; text-align:left;}
#sukusuku table.shoplist {width:100%;}
#sukusuku table.shoplist thead {}
#sukusuku table.shoplist thead tr {}
#sukusuku table.shoplist thead th {color:#FFF; font-size:16px; font-size:1.6rem; font-weight:bold; padding:10px 20px; background-color:#e00425; border:1px solid #e00425;}
#sukusuku table.shoplist thead th.shoplist_name {border-right:1px solid #FFF;}
#sukusuku table.shoplist thead th.shoplist_period {width:34%;}

#sukusuku table.shoplist tbody {}
#sukusuku table.shoplist tbody tr {}
#sukusuku table.shoplist tbody td { font-size:16px; font-size:1.6rem; padding:10px 20px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left;}
#sukusuku table.shoplist tbody td.shoplist_name {font-weight:bold;}
#sukusuku table.shoplist tbody td.shoplist_period {color:#333;}



#sukusuku .cont04 {padding:0 20px 200px 20px;}
#sukusuku .cont04 h3 {padding-bottom:50px;}
#sukusuku .cont04 .cont04_btn_area {max-width:640px; padding:0; margin:0 auto;}
#sukusuku .cont04 .cont04_btn a {color:#e00425; font-size:28px; font-size:2.8rem; letter-spacing:0.05em; line-height:1; text-decoration:none; font-weight:bold; border:4px solid #CCC; padding:14px 20px; display:block; vertical-align:middle;
border-radius:20px;
-webkit-border-radius:20px;/* for Safari and Chrome */
-moz-border-radius:20px; /* for Firefox */
-o-border-radius:20px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}
#sukusuku .cont04 .cont04_btn a img {padding-left:20px;}
#sukusuku .cont04 .cont04_btn a:hover {opacity: .8; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .8; /* Safari 1.x */
-moz-opacity: .8; /* FF lt 1.5, Netscape */}

/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {
#sukusuku {}


#sukusuku #anchor_navi_area ul {border-width:0; }
#sukusuku #anchor_navi_area li {border-width:0 0 2px 0; width:100%; display:block;}
#sukusuku #anchor_navi_area a {height:auto; display:block; padding:14px 45px; font-size:16px; font-size:1.6rem; color:#FFF; letter-spacing:normal; background:url(../images/icon_arrow_anchor_sp.png) right center no-repeat;}
#sukusuku #anchor_navi_area a p {display:block; vertical-align:middle; height:auto; text-align:center;}


#sukusuku .cont01 {max-width:1020px; padding:40px 15px 60px 15px; margin:0 auto;}
#sukusuku .cont01 h3 {padding-bottom:30px;}
#sukusuku .cont01 h3 img {max-width:260px;}
#sukusuku .cont01 p.cont01_lead {font-size:18px; font-size:1.8rem; padding-bottom:30px; line-height:1.6;}
#sukusuku .cont01_img img {width:240px;}
#sukusuku .cont01_btn_area {padding-top:30px;}
#sukusuku .cont01_btn a,
#sukusuku .cont01_btn a:visited,
#sukusuku .cont01_btn a:hover {width:240px; padding:14px 60px; color:#FFF; font-size:16px; font-size:1.6rem; font-weight:bold; display:inline-block; vertical-align:middle; text-align:center; text-decoration:none; background:url(../images/btn_arrow.png) right center no-repeat #df0623; text-align:center;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}


#sukusuku .left_box,
#sukusuku .right_box {float:none;}

#sukusuku .cont02 {background-color:#ffe9a9;}
#sukusuku .cont02_inner {max-width:1020px; padding:20px 15px 20px 15px; margin:0 auto;}
#sukusuku .cont02 h3 {color:#FFF; font-size:18px; font-size:1.8rem; padding:10px 20px; letter-spacing:normal;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}
#sukusuku .event_img01 {padding:0 0 15px 0;}
#sukusuku .event_img02 {padding:0 0 10px 0;}
#sukusuku .event_img03 {padding:0 0 10px 0;}
#sukusuku .event_img04 {padding:15px 0;}
#sukusuku .event_img05,
#sukusuku .event_img06 {text-align:center;}

#sukusuku .cont02box01 {padding:15px; width:100%; margin-bottom:4%;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}
#sukusuku .cont02box05 {padding:15px; width:100%; margin-bottom:4%;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}

#sukusuku .cont02box02 {background-color:transparent; padding:0; width:100%; margin:0;
border-radius:0;
-webkit-border-radius:0;/* for Safari and Chrome */
-moz-border-radius:0; /* for Firefox */
-o-border-radius:0; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}

#sukusuku .cont02title01 {padding-bottom:15px;}
#sukusuku .cont02title01 .cont02icon {width:44px; padding-right:10px;}
#sukusuku .cont02title01 h4 {font-size:16px; font-size:1.6rem;}
#sukusuku .cont02box01 p,
#sukusuku .cont02box05 p,
#sukusuku .cont02box02 p {color:#000; font-size:12px; font-size:1.2rem; line-height:1.6; text-align:left;}
#sukusuku .cont02box01 p span.p_st { font-size:19px; font-size:1.9rem; font-weight:bold;}
#sukusuku .cont02box05 p span.p_st { font-size:19px; font-size:1.9rem; font-weight:bold;}	
#sukusuku .cont02box01 p.p_title { font-size:19px; font-size:1.9rem; font-weight:bold; margin-top:5px;}
#sukusuku .cont02box04 p.p_title { font-size:19px; font-size:1.9rem; font-weight:bold; margin-top:5px;}
#sukusuku .cont02box05 p.p_title { font-size:19px; font-size:1.9rem; font-weight:bold; margin-top:5px;}	

#sukusuku .cont02box01 p.note {font-size:8px; font-size:0.8rem;}
#sukusuku .cont02box05 p.note {font-size:8px; font-size:0.8rem;}	
#sukusuku .cont02box02 p.note {font-size:8px; font-size:0.8rem; padding-top:10px;}


#sukusuku .cont02box02 .cont02icon02 {text-align:center; padding-bottom:5px;}
#sukusuku .cont02box02 .cont02icon02 img {max-width:80px;}
#sukusuku .cont02box02 h5 { font-size:11px; font-size:1.8rem; text-align:center; padding-bottom:10px;}
#sukusuku .cont02box02 h5 span.pro_tit {color:#e95377;}

#sukusuku .cont02box03 {padding-bottom:56px; background:none; float:left;}
#sukusuku .cont02box04 {padding-top:50px; padding-bottom:30px; float:right;}
#sukusuku .cont02box03,
#sukusuku .cont02box04 {padding:15px; width:100%; background-color:#fffcdb;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}

#sukusuku .cont03 {padding:50px 15px 60px 15px; margin:0 auto;}
#sukusuku .cont03 h3 {color:#FFF; font-size:18px; font-size:1.8rem; padding:10px 20px; letter-spacing:normal;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}

#sukusuku .cont03 .table_box {padding:0 0 30px 0;}
#sukusuku .cont03 .table_box h4 {color:#000; font-size:18px; font-size:1.8rem; font-weight:bold; padding-bottom:5px; border-bottom:2px solid #e00425;}
#sukusuku table.shoplist thead {display:none;}

#sukusuku table.shoplist tbody {}
#sukusuku table.shoplist tbody tr {}
#sukusuku table.shoplist tbody td {border:none; display:block;}

#sukusuku table.shoplist tbody td.shoplist_name {padding:20px 5px 5px 5px;}
#sukusuku table.shoplist tbody td.shoplist_period {padding:0 5px 20px 5px; border-bottom:1px solid #CCC;}
#sukusuku table.shoplist tbody td.shoplist_period:before { content: "\958B\50AC\671F\9593\FF1A"; }



#sukusuku .cont04 {padding:0 15px 100px 15px;}
#sukusuku .cont04 h3 {padding-bottom:18px; text-align:center;}
#sukusuku .cont04 h3 img { max-width:300px;}
#sukusuku .cont04 .cont04_btn_area {max-width:640px; padding:0; margin:0 auto;}
#sukusuku .cont04 .cont04_btn a {font-size:18px; font-size:1.8rem; letter-spacing:-0.05em; border:2px solid #CCC; padding:7px 0;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('../../../css/common/border-radius.htc');/* for IE */
}
#sukusuku .cont04 .cont04_btn a img {padding-left:6px; width:36px;}


}