h2{width: 95%; max-width: 820px;}
.lead{text-align: center; font-size: 25px; color:#cc2349; padding: 2% 0;}

.menu{width: 95%; max-width: 350px; margin: 0 auto; padding-top: 10px;}
.menu li{float: left; width: 48%; padding: 3px 0.25%; max-width: 161px;}
.menu li img{width: 100%;}
.menu a{padding-top: 32%; display: block; background-position: 0 0;}
.menu a:hover{background-position: 100% 0;}


.menu_gallery1 a{ max-width: 161px; background: url(../images/gallery/btn_menu1.png) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_gallery2 a{ max-width: 161px; background: url(../images/gallery/btn_menu2.png) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}


.gallery1 .menu_gallery1 a,
.gallery2 .menu_gallery2 a,
.gallery3 .menu_gallery3 a,
.gallery4 .menu_gallery4 a,
.gallery5 .menu_gallery5 a,
.gallery6 .menu_gallery6 a,
.gallery7 .menu_gallery7 a,
.gallery8 .menu_gallery8 a,
.gallery9 .menu_gallery9 a,
.gallery10 .menu_gallery10 a,
.gallery11 .menu_gallery11 a,
.gallery12 .menu_gallery12 a,
.gallery13 .menu_gallery13 a,
.gallery13 .menu_gallery13 a,
.gallery14 .menu_gallery14 a,
.gallery15 .menu_gallery15 a,
.gallery16 .menu_gallery16 a,
.gallery16 .menu_gallery17 a,
.gallery17 .menu_gallery18 a{background-position: 100% 0;}

.menuss{width: 95%; max-width: 630px; margin: 0 auto; padding-top: 10px;}
.menuss li{float: left; width: 48%; padding: 3px 0.25%; max-width: 122px;}
.menuss a{padding-top: 48%; display: block; background-position: 0 0;}
.menuss a:hover{background-position: 100% 0;}

.menu_ss1 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn1.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss2 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn2.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss3 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn3.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss4 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn4.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss5 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn5.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss6 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn6.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss7 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn7.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss8 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn8.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss9 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn9.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss10 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn10.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss11 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn11.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss12 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn12.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss13 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn13.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss14 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn14.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}

.menu_ss15 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn15.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss16 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn16.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss17 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn17.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}
.menu_ss18 a{ width: 100%; max-width: 122px; background: url(../images/gallery/ss_btn18.jpg) no-repeat left top; -moz-background-size:200% auto; background-size:200% auto;}


.ss1 .menu_ss1 a,
.ss2 .menu_ss2 a,
.ss3 .menu_ss3 a,
.ss4 .menu_ss4 a,
.ss5 .menu_ss5 a,
.ss6 .menu_ss6 a,
.ss7 .menu_ss7 a,
.ss8 .menu_ss8 a,
.ss9 .menu_ss9 a,
.ss10 .menu_ss10 a,
.ss11 .menu_ss11 a,
.ss12 .menu_ss12 a,
.ss13 .menu_ss13 a,
.ss14 .menu_ss14 a,
.ss15 .menu_ss15 a,
.ss16 .menu_ss16 a,
.ss17 .menu_ss17 a,
.ss18 .menu_ss18 a{background-position: 100% 0;}

.ss_box{width: 95%; max-width: 825px; margin: 0 auto; padding: 10px 0;}
.ss_box img{width: 100%;}




.text_box{width: 95%; max-width: 825px; margin: 0 auto;}

.cp_text_full{padding: 10px 0; line-height: 1.5;}
.cp_text_cra{padding: 5px 0; line-height: 1.5;}
.cra_text00 strong{color: #ca4a6a; }
.cra_text01 strong{color: #8187d8; }
.cra_text02 strong{color: #78b8f8; }
.cra_text03 strong{color: #b82b18; }
.cra_text04 strong{color: #e0b048; }
.cra_text05 strong{color: #80e088; }
.cra_text06 strong{color: #8fb1ab; }
.cra_text07 strong{color: #bb76c2; }
.cra_text08 strong{color: #8787be; }
.cra_text09 strong{color: #e0d868; }
.cra_text10 strong{color: #a38dcd; }
.cra_text11 strong{color: #e8a0b0; }


.cp_text_cra dl {width: 100%; margin: 0 auto; display: table; height: auto;}
.cp_text_cra dt { display: table-cell; vertical-align: top; text-align: left; width: 56px; max-width: 56px;}
.cp_text_cra dd { display: table-cell; vertical-align: top; text-align: left; padding-top: 4px;}



.red{color:#df5776;}
.red a{color:#df5776;}

.pv_box{width: 95%; max-width: 825px; margin: 0 auto;}
.pv_box li{width: 30%; padding: 1%; float: left;}

.pv_box img{width: 100%;}

@media screen and (max-width: 780px) {
.menuss{width: 95%; margin: 0 auto; max-width: 642px;}
.menuss li{width: 20%; margin: 0 0.25%; padding: 3px 0;}
.lead{width: 90%; font-size: 16px; margin: 0 auto;}
}

@media screen and (max-width: 700px) {
.menuss{width: 95%; margin: 0 auto; max-width: 500px;}
.menuss li{width: 25%; margin: 0 0.25%; padding: 3px 0;}
}


@media screen and (max-width: 640px) {
.menu{width: 90%; max-width: 320px; margin: 0 auto; padding-top: 10px;}
.menuss{width: 95%; margin: 0 auto; max-width: 500px; margin: 0 auto;}
.menuss li{width: 24%; margin: 0 0.25%; padding: 3px 0;}
.lead{width: 90%; font-size: 16px; margin: 0 auto;}

.pv_box li{width: 48%; padding: 1%; float: left;}
}

@media screen and (max-width: 520px) {
.menu li{display:block;}
}