/* Jemuel codes area edits*/
html body{
	background: #fff;
}
.area_cont h2{
	background: none;
    margin: 0 auto;
    display: block;
    height: auto;
}
#main .area_cont ul li{
	border: 0;
}

div#main div.area_cont ul li div.area_cont-label01{
	display: block;
    padding: 12px;
    margin: 0;
    font-weight: 200;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    background: #5c1014;
    color: #f6be00;
}
#main.area_hp .mainimg,
#main.area_hp div.area_cont:nth-child(2n+1){
    background: #000;
}
#main.area_hp div.area_cont h2{
	z-index: 10;
    text-align: center;
    padding: 36px 0 17px 0;
    font-size: 3rem;
}
#main.area_hp div.area_cont:nth-child(2n+1) h2{
    top: 0;
	color: #fff;
    background: none;
}
#main.area_hp div.area_cont:nth-child(2n) h2 {
    top: 0;
    color: #000;
}
div#main div.area_cont ul li p.period_box {
    color: #333;
    background: #dbd7d3;
    padding: 5px;
    margin: 0 9px 8px 9px;
    font-size: 1.35rem;
}
#main.area_hp .area_cont .ttl {
    color: #5c1014;
    margin: 0 10px 9px;
    line-height: 1.2;
    font-size: 2rem;
    margin: 0 10px 18px;
    font-weight: 400;
}
#main .area_cont ul a{
	/*color: #fff;*/
}
div#main div.area_cont ul li div.ul-link01-btn {
    min-width: 50%;
    width: 60%;
    color: #fff;
    display: inline-block;
    display: block;
    margin: 19px 0 11px 0;
    padding: 5px 15px 5px 20px;
    background: #5c1014;
    margin: 0 auto 20px;
    background-image: url(/area/common/images/icon_arrow_transparent.png)!important ;
    background-repeat: no-repeat ;
    background-position: right center ;
    opacity: 1 ;
}
div#main p.area_cont-caption01{
	color: #666;
}
#main .area_cont .swiper-container {
    margin-top: 9px;
}
div#main div.area_cont p.link {
    position: relative;
    width: 380px;
    height: 47px;
    margin: 40px auto 0;
    background: #000;
    cursor: pointer;
}
div#main div.area_cont:nth-child(2n+1) p.link {
    border: 1px solid #fff;
}
div#main div.area_cont p.link:after {
    content: "";
    position: absolute;
    background-image: url(/area/common/images/icon_arrow_right_01.png);
    width: 5px;
    height: 7px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
}
div#main div.mainimg p.leadcopy{
    line-height: 1.5;
    background: #000;
    color: #d9d6c9;
}
#main.area_hp .mainimg ul li dd{
    padding-right: 10px;
    font-size: 1.2rem;
    color: #888;
}
.period_box a{
	color: default;
}
#main.area_hp div.area_cont h2{
    z-index: 10;
    text-align: center;
    padding: 36px 0 17px 0;
    font-size: 3rem;
}
.h2fsBigger{
    font-size: 4rem;
    vertical-align: baseline;
}
.h2fsSmaller{
    font-size: 2.6rem;
    vertical-align: baseline;
}

/* end of jemuel codes */

/* updates as of 11/20/2017 */
#main.area_hp div.area_cont:nth-child(2n+1) h2,
#main.area_hp div.area_cont:nth-child(2n) h2{
    margin-bottom: 10px;
}
#main.area_hp div.area_cont:nth-child(2n+1) h2 img,
#main.area_hp div.area_cont:nth-child(2n) h2 img{
    padding: 1.5rem 0;
}
/* updates as of 11/22/2017 */
#main.area_hp div.area_cont:nth-child(2n) h2{
    background: url(/area/the-wizarding-world-of-harry-potter/assets/images/idx_bg01.jpg) repeat-y;
}
/* updates as of 12/12/2017 */
.ul-link01-btn > p{
    padding-right: 4px;
}