@charset "utf-8";
/* 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定*/

/*==========================================
 body
===========================================*/
/*-------reset-------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*-------gloval-------*/
body {
    margin:0 auto;
    text-align: center;
    font-family:"Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", Meiryo, 'メイリオ', "ＭＳ Ｐゴシック", sans-serif, Arial;
    -webkit-text-size-adjust:100%;
    padding: 0;
    min-width: 880px;
}
* {
    margin:0;
    padding:0;
}
h1, h2, h3 {
    font-size:85%;
    font-weight:normal;
    margin:0;
    padding:0;
}
p, li, dt, dl { line-height:160%; }
li { list-style-type:none; }
img {
    border:0;
    padding: 0;
    margin: 0;
}
hr { display:none; }
a { text-decoration:none; }
a:link {
    color:#0000FF;
    text-decoration:none;
}
a:visited {
    color:blue;
    text-decoration:none;
}
a:active {
    color:#FFFF99;
    text-decoration:underline;
}
a:hover {
    color:#FF0000;
    text-decoration:underline;
}
/*==========================================
 header
===========================================*/
header.original {
    background:url(../pc_images/headerImg_2.png) no-repeat center top;
    width:974px;
    margin:0 -47px;
    height: 1060px;
    pc02;
}
header.originalAtCosme {
    background:url(../pc_images/headerImg_atCosme_b.png) no-repeat center top;
    width:974px;
    margin:0 -47px;
    height: 1060px;
    pc02;
}

header.pc01 {
background: url(../pc_images/ImgT01/headerImg_2.png) no-repeat center top;
width: 974px;
margin: 0 -47px;
height: 988px;
}

header.pc02 {
background: url(../pc_images/ImgT02/headerImg_2.png) no-repeat center top;
width: 974px;
margin: 0 -47px;
height: 988px;
}

header.pc03 {
background: url(../pc_images/ImgT03/headerImg_2.png) no-repeat center top;
width: 974px;
margin: 0 -47px;
height: 1065px;
}






header h1,
header img{
 display:none;
}

header img{
 display:block;
}
/*==========================================
 contents
===========================================*/
#wrapper {
    height: auto;
    width: 880px;
    margin:0 auto;
    padding: 0;
    -moz-box-shadow: 0px 0px 8px #000000;
    -webkit-box-shadow: 0px 0px 8px #000000;
    box-shadow: 0px 0px 8px #000000;
    background: #fff;
}
#contents { }
section {
    margin: 0;
    padding: 0;
    line-height:0;
}
section#media h2 { margin:0 -23px; }
section#but { margin:0 -48px; }
section#messeage {
    margin:50px 0;
    text-align: center;
}
section#point6 { margin-bottom:30px; }
section#reason { background:#EAEFF2; }
section#reason h2 { margin:0 -47px; }
/*==========================================
 application
===========================================*/
section.application {
    background:url(../pc_images/bg_application_4m.jpg) no-repeat center top;
    width:819px;
    height:425px;
    margin: 0 auto;
    padding-top:665px;
    text-align:center;
}
section.application h2 { display:none; }
.btn_submit {
    width:681px;
    height:154px;
    margin:0 auto;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.btn_submit:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}
section#course {
    background:url(../pc_images/bg_course.jpg) no-repeat center top;
    width:880px;
    margin: 30px auto 0;
    padding-top:260px;
    text-align:center;
    height: 480px;
}
ul.btn_set {
    width:800px;
    margin:0 auto;
    zoom: 1;
    overflow:hidden;
}
ul.btn_set:after {
    content: ".";
    display:block;
    clear:both;
    height:0;
}
ul.btn_set li {
    float:left;
    width: 400px;
    margin: 0 0 220px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
ul.btn_set li:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}
section#worning { margin-bottom:30px; }
section#attention2 { margin-bottom:50px; }
section#qa { margin-bottom:20px; }
section#message_staff { margin-bottom:30px; }
/*==========================================
 pagetopBtn
===========================================*/
.gotop {
    position:relative;
    width:100%;
    text-align:center;
}
.gotop a img {
    position:absolute;
    top: -50px;
    background:none!important;
}
.gotop a:hover img {
    opacity:0.7;
    filter:alpha(opacity=40);
    -ms-filter: "alpha( opacity=40 )";
    background:none!important;
}
/*==========================================
 footer
===========================================*/
footer {
    background:#FFF;
    padding:20px 0 30px;
}
footer p {
    font-size: 0.7em;
    line-height: 2.0em;
}
footer p#copy {
    font-size: 1em;
    padding:15px;
    text-align:center;
}
/*==========================================
 font-style
===========================================*/
p {
    font-size: 110%;
    line-height: 1.8;
    padding:0 10px 5px;
    color: #222;
}
.imgR {
    float:right;
    margin:-20px 0 20px 20px;
}
p.imgC {
    text-align:center;
    padding: 0;
}
.txtC {
    text-align:center;
    padding: 30px 0;
}
p.thum01 {
    float:right;
    padding:0;
    margin:0;
}
.clear { clear:both; }
.highlight {
    background-color: #FF3;
    color: #333333;
    font-weight: bold;
    font-size: 100%;
    line-height: 1.8;
    padding: 5px;
}
.fontU { text-decoration:underline; }
.fontL {
    color: #333333;
    font-weight: bold;
    font-size: 120%;
    line-height: 2.2;
}
.fontB {
    color: #333333;
    font-weight: bold;
    font-size: 110%;
    line-height: 1.8;
}
.fontRight { text-align:right; }


/*==========================================
追加CSS
===========================================*/


section.application02 {
    width:100%;
    margin:0 0 30px;
    text-align:center;
}
section.application03 {
    width:1037px;
    height:443px;
    display:block;
    margin:30px -78px;
    text-align:center;
    background: url(../pc_images/btn_application_ptn_03_on.png) no-repeat center top;
}

section.application03 a:hover {
    opacity: 0;
    filter: alpha(opacity=0);

}
section.application04 {
    background: url(../pc_images/bg_application_ptn_04.jpg) no-repeat center top;
    width:100%;
    height:300px;
    margin: 0 auto 20px;
    padding-top:510px;
    text-align:center;
}
section.application04 h2 { display:none; }
section.application05 {
    background: url(../pc_images/bg_application_ptn_05.png) no-repeat center top;
    width:1088px;
    height:350px;
    margin: 0 -104px;
    padding-top:470px;
    text-align:center;
}
section.application05 h2 { display:none; }
.btn_submit_02 {
    width:454px;
    height:98px;
    margin:0 0 0 530px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.btn_submit_02:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}



#review {
    width:880px;
    height:660px;
    margin:24px auto 0;
    background-image:url(../review_images/bg_review.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    padding-top: 95px;
}
#review h3 {
    padding-bottom:14px;
    display: none;
}
#review .review_inner {
    width:820px;
    margin: 0 auto;
    overflow: hidden;
}
#review .review_inner iframe {
    border-top:1px solid #bfbfbf;
    border-bottom:1px solid #bfbfbf;
}
#review .btn {
    width:381px;
    position:absolute;
    top:705px;
    left:270px;
}

/*-----------------------------------*/
/*----------------追加---------------*/
/*---------------start---------------*/

td.ttl span {
    display: none;
}

table:nth-child(4) {
  display: none;
}

#select_periodically_order_qty_0 {
  display: none;
}
select.ureru_efo_birthday {
	min-width: 40px;
}
