/*絵柄の見本
---------------------------------------------------------------------------*/

#profile {
   margin-top:20px;
   margin-bottom:20px;
   height:80%; 
   float:left;
}

#sample{
    width:500px;
    
}

#samplet{
    width:500px;
    
}

.sample-list{
    border: 2px solid #d2b48c;
    
    width:80%;
    margin:0 auto;
    font-size:20px;
    padding:10px 20px;
    margin-bottom:30px;
}

.sample-list h3{
    padding-top:20px;
    
}

.sample-title{
    background:#d2b48c;
    width:100%;
    
}

#sample-text{
    
    margin-top:20px;
    margin-left:30px;
    float:left;
}

.sample-title h3{
    color:white;
    width:400px;
    font-family: sans-serif;
    text-decoration: none;
    font-size:16px;

    padding-top:0px;
    padding-bottom:0px;
    margin-left:10px;
}

.sample-img{
    width:80%;
   
    text-align: center;
    margin:0 auto;
    padding-bottom:40px;
}

.sample-top{
    width:100%;
    height:250px;
    margin:0 auto;
    
}


/*プランと料金
---------------------------------------------------------------------------*/
.center-text{
    text-align: center;
}



.topic{
    text-align: center;
    width:100%;
    padding-bottom:30px;
    
}


.plan{
    
    width:90%;
    margin:0 auto;
    overflow: hidden;
    margin-bottom:80px;
    font-size:18px;
    
    
}

.plan h3{
    color:#956f29;
    
}

.plan p{
    font-family:cursive;
    font-size:16px;
    color:#956f29;
}

.premium{
    background:#e0ffff;
    width:33%;
    float: left;
    text-align: center;
    padding-bottom:12px;
    border-radius: 15px;	/*角丸のサイズ*/   
}

.premium-title{
    text-align: center;
    width:100%;
    background:white;
    color:white;
    
    
}

.premium-title h3{
    color:#543f32;
    font-size:26px;
}

.premium-title p{
    color:#543f32;
    font-family:cursive;
    font-size:20px;
}

.premium-box p{
    
    font-size:18px;
}

.membername-p{
    
    font-size:18px;
    margin-top:2px;
    
}

.membername-p li{
    margin-top:3px;
    margin-right:20px;
    padding-left:10px;
    border-left: 20px solid #d2b48c;
    display: inline;
    
}


.standard{
    background:#fff0f5;
    width:33%;
    float: left;
    text-align: center;
    padding-bottom:12px;
    border-radius: 15px;	/*角丸のサイズ*/
    
}

.standard-title{
    text-align: center;
    width:100%;
    background:white;
    color:white;
    
}

.standard-title h3{
    color:#543f32;
    font-size:26px;
}

.standard-title p{
    color:#543f32;
    font-family:cursive;
    font-size:20px;
}

.standard-box p{
    font-size:18px;
}

.membername-s{
    
    font-size:18px;
    margin-top:2px;
    
}

.membername-s li{
    margin-top:3px;
    margin-right:20px;
    padding-left:10px;
    border-left: 20px solid #d2b48c;
    display: inline;
    
}

.light{
    background:#fdf5e6;
    width:32%;
    float: left;
    text-align: center;
    padding-bottom:12px;
    border-radius: 15px;	/*角丸のサイズ*/
}

.light-title{
    text-align: center;
    width:100%;
    background:white;
    color:white;
    
}

.light-title h3{
    color:#543f32;
    font-size:26px;
}

.light-title p{
    color:#543f32;
    font-family:cursive;
    font-size:20px;
}

.membername-l{
    
    font-size:18px;
    margin-top:2px;
    
}

.membername-l li{
    margin-top:3px;
    margin-right:20px;
    padding-left:10px;
    border-left: 20px solid #d2b48c;
    display: inline;
    
}

.premium-box{
    
    background:white;
    width:90%;
    margin:0 auto;
    font-size:20px;
    padding:10px 20px;
    margin-bottom:30px;
}

.standard-box{
    
    background:white;
    width:90%;
    margin:0 auto;
    font-size:20px;
    padding:10px 20px;
    margin-bottom:30px;
}

.light-box{
    
    background:white;
    width:90%;
    margin:0 auto;
    font-size:20px;
    padding:10px 20px;
    margin-bottom:30px;
    
}

.light-box p{
    
    font-size:18px;
}

.content{width:100%;}

.content h4{
    margin:0px;
    font-size:22px;
    text-align: center;
    font-family :serif, sans-serif;/*Google Font*/
    font-weight: normal; /*太さ*/
    margin-bottom:10px;
    margin-top:10px;
}

.content h5{
    margin:0px;
    font-size:13px;
    text-align: center;
    font-family :serif, sans-serif;/*Google Font*/
    font-weight: normal; /*太さ*/
    margin-bottom:10px;
    margin-top:10px;
}


/*価格表*/
.fpkoplan-p{
    font-family :serif, sans-serif;/*Google Font*/
    font-weight: normal; /*太さ*/
    text-align: center;
    margin:0 auto;
    width:98%;
}

.fpkoplan-p td{
    border: 2px solid #d2b48c;
}

.fpkoplan-p tr{
    border: 2px solid #d2b48c;
}

.fpkoplan-p th{
    border: 2px solid #d2b48c;
    font-weight: normal;
    color:white;
    background:#d2b48c;
}

.fpkoplan-s{
    font-family :serif, sans-serif;/*Google Font*/
    font-weight: normal; /*太さ*/
    text-align: center;
    margin:0 auto;
    width:98%;
}

.fpkoplan-s td{
    border: 2px solid #d2b48c;
}

.fpkoplan-s tr{
    border: 2px solid #d2b48c;
    
}

.fpkoplan-s th{
    border: 2px solid #d2b48c;
    font-weight: normal;
    color:white;
    background:#d2b48c;
}

.fpkoplan-l{
    font-family :serif, sans-serif;/*Google Font*/
    font-weight: normal; /*太さ*/
    text-align: center;
    margin:0 auto;
    width:98%;
}

.fpkoplan-l td{
    border: 2px solid #d2b48c;
}

.fpkoplan-l tr{
    border: 2px solid #d2b48c;
}

.fpkoplan-l th{
    border: 2px solid #d2b48c;
    font-weight: normal;
    color:white;
    background:#d2b48c;
}





/*制作の流れ
---------------------------------------------------------------------------*/

.order-list{
    border: 2px solid #d2b48c;
    background:white;
    width:80%;
    margin:0 auto;
    font-size:20px;
    padding:10px 20px;
    margin-bottom:30px;
}

.tophed-sub-que{
    
    height:150px;
    text-align:center;
}

.tophed-con-sub-que{
    
    height:150px;
    width:1100px;
    margin:0 auto;
}

#order-text{
    
    font-size:14px;
    padding-bottom:30px;
    
   
}

.order-list li{
    color:peru;
    font-size:16px;
    margin:0px;
    
    
}

.order-list h3{
    padding-top:20px;
    
}

.order-title{
    background:#d2b48c;
    width:100%;
    
    
}

.order-title h3{
    color:white;
    width:300px;
    font-family: sans-serif;
    text-decoration: none;
    font-size:18px;

    padding-top:0px;
    padding-bottom:0px;
    margin-left:10px;
}


/*よくあるご質問
---------------------------------------------------------------------------*/

.que-list{
    border: 2px solid #d2b48c;
    background:white;
    width:80%;
    margin:0 auto;
    font-size:20px;
    padding:10px 20px;
    margin-bottom:30px;
}

.tophed-sub-que{
    
    height:150px;
    text-align:center;
}

.tophed-con-sub-que{
    
    height:150px;
    width:1100px;
    margin:0 auto;
}

#que-text{
    padding-left:20px;
    font-size:15px;
   
}

.que-list li{
    color:#d2b48c;
    
}

.que-list h3{
    margin-bottom:10px;
    text-align: center;
    color:white;
    background:#d2b48c;
}

/*お問い合わせフォーム
---------------------------------------------------------------------------*/
/*コンタクトブロック*/

.contact-container{
    height:2000px;
    width:800px;
    margin:0 auto;
    
}

.tophed-sub{
    
    height:320px;
    text-align:center;
}

.tophed-con-sub{
    
    height:320px;
    width:1100px;
    margin:0 auto;
}


#con-top{
    margin-bottom:30px;
}

#que-rink {
    font-size:18px;

}

#hojin-rink {
    
    font-size:14px;
}

.hojin-rink{
    
padding-top:30px;
padding-bottom:30px;
}
/*------------------*/
/*フォーム*/

.contact-title{
    background:#dcdcdc;
    width:900px;
    height:35px;
    
    
}

.contact-title h3{
    color:black;
    width:300px;
    font-family: sans-serif;
    text-decoration: none;
    font-size:18px;
    font-weight:lighter;
    padding-top:5px;
    padding-bottom:0px;
    margin-left:50px;
}

#name {
    height:28px;
    width:300px;
    margin-top:20px;
    margin-left:30px;
    font-size:16px;
}

#name-short {
    height:28px;
    width:100px;
    margin-top:20px;
    margin-left:30px;
    font-size:16px;
}


#must {
    color:white;
    font-size:14px;
    letter-spacing: 0.3px;
    background:#fa8072;
    margin-left:20px;
    padding:4px;
    

}

input#submit_button{
    width:280px;
    height:50px;
    padding:0px;
    font-size:20px;
    -webkit-appearance: button;
}

.submit{
    margin-top:20px;
    text-align: center;
    
}


#name::-webkit-input-placeholder {
    color: #a9a9a9;
}
#name:-ms-input-placeholder {
    color: #a9a9a9;
}
#name::-moz-placeholder {
    color: #a9a9a9;
}
#name::-placeholder {
    color: #a9a9a9;
}

#name-short::-webkit-input-placeholder {
    color: #a9a9a9;
}
#name-short:-ms-input-placeholder {
    color: #a9a9a9;
}
#name-short::-moz-placeholder {
    color: #a9a9a9;
}
#name-short::-placeholder {
    color: #a9a9a9;
}

.contact-title-bo{
    background:#dcdcdc;
    width:100%;
    margin-top:50px;
    height:37px;
    
}

.contact-title-bo h3{
    color:black;
    width:500px;
    font-family: sans-serif;
    text-decoration: none;
    font-size:18px;
    font-weight:lighter;
    padding-top:5px;
    padding-bottom:0px;
    margin-left:50px;
}

#con-1{
    padding-left:40px;
}

.checkbox{
    padding-left:30px;
    font-size:16px;
}

#text-box{
    height:200px;
    width:990px;
    margin-top:20px;
    margin-left:0px;
    font-size:16px;
}