/*-----------------------------------*\

	Familied | price Web Design Style CSS
		Kinoco.inc,

\*-----------------------------------*/

.one-of-three2 {
    width: 29%;
}

.two-of-three2 {
    width: 63.666666666%;
}

.one-of-four2 {
    width: 21.0%;
    margin-bottom: 15px;
}

#contents {
    margin-top: 30px;
}

.maru_pink {
    color: #f26c8c;
}

.foryou {
    font-size: 27px;
    font-size: 2.7rem;
}

#price_contents {
    text-align: left;
    padding-top: 10px;
}

#price_contents a span {
    margin-right: 10px;
}

#price_contents #price_plan_image {
    margin-bottom: 80px;
}

#price_contents h2 {
    font-size: 34px;
    font-size: 3.4rem;
    color: #323232;
    margin-bottom: 30px;
}

#price_contents h3 {
    font-size: 26px;
    font-size: 2.6rem;
    color: #323232;
    font-weight: lighter;
}

#price_contents #plan_cont01 {
    font-size: 12px;
    font-size: 1.2rem;
}

#price_contents #plan_cont01 img {
    border: 1px solid #e8e8e8;
    margin-bottom: 12px;
}

#price_contents #plan_cont01 #plan_cont01_list {
    margin-top: 30px;
}

#price_contents #plan_cont02 {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 85%;
    border: 1px solid #e8e8e8;
}

#price_contents #plan_cont02 #plan_cont02_title {
    position: absolute;
    top: -40px;
    right: -40px;
    display: block;
}

#price_contents #plan_cont02 div {
    margin-top: 70px;
    margin-left: 40px;
    margin-bottom: 40px;
}

#price_contents #plan_cont02 div img {
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}

#price_contents #plan_cont02 div p {
    font-size: 24px;
    font-size: 2.4rem;
}

#price_contents #plan_cont03 {
    margin-top: 80px;
}

#price_contents #plan_cont04 {
    margin-top: 50px;
    font-size: 13px;
    font-size: 1.3rem;
}

#price_contents #plan_cont05 {
    width: 100%;
    margin-top: 90px;
    background: #fff2f4;
    padding: 18px;
}

#price_contents #plan_cont05 #price_buttonL {
    float: left;
    width: 55%;
}

#price_contents #plan_cont05 #price_buttonL h3 {
    font-size: 30px;
    font-size: 3rem;
}

#price_contents #plan_cont05 #price_buttonR {
    float: right;
    width: 45%;
}

#price_contents #plan_cont05 #price_buttonM a {
    padding: 10px 20px 10px 20px;
    margin-top: 10px;
    margin-left: 160px;
}

#price_contents #plan_cont06 {
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: 80px;
    text-align: center;
}

#price_contents #question {
    margin-top: 90px;
}

#price_contents #price_button {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f598a7;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f598a7), color-stop(100%, #f16c81));
    background: -moz-linear-gradient(center top, #f598a7 5%, #f16c81 100%);
    background: -ms-linear-gradient(top, #f598a7 5%, #f16c81 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f598a7', endColorstr='#f16c81');
    background-color: #f16c81;
    color: #ffffff;
    display: inline-block;
    text-shadow: 1px 1px 0px #643220;
    -webkit-box-shadow: inset 1px 1px 0px 0px #f598a7;
    -moz-box-shadow: inset 1px 1px 0px 0px #f598a7;
    box-shadow: inset 1px 1px 0px 0px #f598a7;
}

#price_contents #price_button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f16c81), color-stop(100%, #f598a7));
    background: -moz-linear-gradient(center top, #f16c81 5%, #f598a7 100%);
    background: -ms-linear-gradient(top, #f16c81 5%, #f598a7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f16c81', endColorstr='#f598a7');
    background-color: #f598a7;
}

#price_contents #price_button:active {
    position: relative;
    top: 1px;
}
.que{
    background: url("../images/question.png") no-repeat left bottom;
    padding: 6px 0 0 40px;
    position: relative;
    margin-top: 10px;
    min-height: 32px;
}
.ans{
    background: url("../images/answer.png") no-repeat left top;
    padding: 6px 0 0 40px;
    position: relative;
    min-height: 32px;
}





@media screen and (min-width: 641px) and (max-width: 720px) {


/*-----------------------------------*\

	Familied | price Web Design Style CSS
		Kinoco.inc,

\*-----------------------------------*/
.one-of-three2 { width: 29%; float: left; margin-left: 3%; }

.two-of-three2 { width: 63.666666666%; }

.one-of-four2 { width: 24.0%; height: 150px; float: left; margin-left: 1%; }

#contents { margin-top: 30px; }

.maru_pink { color: #f26c8c; }

.foryou { font-size: 27px; font-size: 2.7rem; }

#price_contents { text-align: left; }
#price_contents a { color: #606cc0; }
#price_contents a span { margin-right: 10px; }
#price_contents #price_plan_image { margin-bottom: 80px; }
#price_contents h2 { font-size: 34px; font-size: 3.4rem; color: #323232; margin-bottom: 30px; }
#price_contents h3 { font-size: 26px; font-size: 2.6rem; color: #323232; font-weight: lighter; }
#price_contents #plan_cont01 { font-size: 12px; font-size: 1.2rem; }
#price_contents #plan_cont01 img { border: 1px solid #e8e8e8; margin-bottom: 12px; }
#price_contents #plan_cont01 #plan_cont01_list { margin-top: 30px; }
#price_contents #plan_cont02 { position: relative; display: block; margin-left: auto; margin-right: auto; margin-top: 50px; width: 85%; border: 1px solid #e8e8e8; }
#price_contents #plan_cont02 #plan_cont02_title { position: absolute; top: -40px; right: -40px; display: block; }
#price_contents #plan_cont02 div { margin-top: 70px; margin-left: 40px; margin-bottom: 40px; }
#price_contents #plan_cont02 div img { float: left; margin-right: 20px; }
#price_contents #plan_cont02 div p { font-size: 24px; font-size: 2.4rem; }
#price_contents #plan_cont03 { margin-top: 80px; }
#price_contents #plan_cont04 { margin-top: 50px; font-size: 13px; font-size: 1.3rem; }
#price_contents #plan_cont05 { width: 100%; margin-top: 90px; background: #fff2f4; padding: 18px; }
#price_contents #plan_cont05 #price_buttonL { float: left; width: 45%; }
#price_contents #plan_cont05 #price_buttonL h3 { font-size: 30px; font-size: 3rem; }
#price_contents #plan_cont05 #price_buttonR { float: right; width: 50%; }
#price_contents #plan_cont05 #price_buttonM a { padding: 10px 20px 10px 20px; margin-top: 10px; margin-left: 160px; }
#price_contents #plan_cont06 { margin: 0 auto; margin-top: 90px; margin-bottom: 80px; text-align: center; }
#price_contents #question { margin-top: 90px; }
#price_contents #thum .thum_chip { display: inline-block; float: left; text-align: left; font-size: 13px; font-size: 1.3rem; background: #FFF; margin-bottom: 30px; margin-left: 21px; }
#price_contents #thum .thum_chip div { overflow: hidden; padding-top: 8px; padding-left: 8px; background: #FFF; }
#price_contents #thum .thum_chip:hover { opacity: 0.8; color: #606cc0; }
#price_contents #thum .thum_chip a:hover { color: #606cc0; }
#price_contents #thum .thum_chip img { margin-bottom: 12px; }
#price_contents #kokorogamae img { margin-bottom: 12px; }
#price_contents #kokorogamae a { color: #1a1a1a; }
#price_contents #kokorogamae a:hover { opacity: 0.8; color: #606cc0; }
#price_contents #price_button { font-size: 18px; font-size: 1.8rem; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #f598a7; text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f598a7), color-stop(100%, #f16c81)); background: -moz-linear-gradient(center top, #f598a7 5%, #f16c81 100%); background: -ms-linear-gradient(top, #f598a7 5%, #f16c81 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f598a7', endColorstr='#f16c81'); background-color: #f16c81; color: #ffffff; display: inline-block; text-shadow: 1px 1px 0px #643220; -webkit-box-shadow: inset 1px 1px 0px 0px #f598a7; -moz-box-shadow: inset 1px 1px 0px 0px #f598a7; box-shadow: inset 1px 1px 0px 0px #f598a7; }
#price_contents #price_button:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f16c81), color-stop(100%, #f598a7)); background: -moz-linear-gradient(center top, #f16c81 5%, #f598a7 100%); background: -ms-linear-gradient(top, #f16c81 5%, #f598a7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c81', endColorstr='#f598a7'); background-color: #f598a7; }
#price_contents #price_button:active { position: relative; top: 1px; }



}



@media screen and (max-width: 640px) {

/*-----------------------------------*\

	Familied | price Web Design Style CSS
		Kinoco.inc,

\*-----------------------------------*/

.one-of-three2 {
    width: 29%;
}

.two-of-three2 {
    width: 63.666666666%;
}

.one-of-four2 {
    width: 25.0%;
    height: 100px;
    float: left;
}

#contents {
    margin-top: 30px;
}

.maru_pink {
    color: #f26c8c;
}

.foryou {
    font-size: 27px;
    font-size: 2.7rem;
}

#price_contents {
    text-align: left;
}

#price_contents a {
    color: #606cc0;
}

#price_contents a span {
    margin-right: 10px;
}

#price_contents hr {
    margin-bottom: 20px;
}

#price_contents #price_plan_image {
    margin-bottom: 20px;
}

#price_contents h2 {
    font-size: 20px;
    font-size: 2rem;
    color: #323232;
	margin-top: 2rem;
    margin-bottom: 30px;
}

#price_contents h3 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #323232;
    font-weight: lighter;
}

#price_contents .foryou {
    font-size: 16px;
    font-size: 1.6rem;
}

#price_contents #plan_cont01 {
    font-size: 10px;
    font-size: 1rem;
}

#price_contents #plan_cont01 .one-of-four2 {
    width: 50%;
}

#price_contents #plan_cont01 img {
    border: 1px solid #e8e8e8;
    width: 50%;
    float: left;
}

#price_contents #plan_cont01 p {
    margin-top: -30px;
}

#price_contents #plan_cont01 #plan_cont01_list {
    margin-top: 10px;
}

#price_contents #plan_cont02 {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 100%;
    border: 1px solid #e8e8e8;
}

#price_contents #plan_cont02 #plan_cont02_title {
    position: absolute;
    top: -25px;
    right: 0px;
    display: block;
}

#price_contents #plan_cont02 div {
    margin-top: 50px;
    margin-left: 0px;
    margin-bottom: 30px;
    font-size: 10px;
    font-size: 1rem;
}

#price_contents #plan_cont02 div img {
    float: left;
    width: 40%;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}

#price_contents #plan_cont02 div p {
    font-size: 14px;
    font-size: 1.4rem;
}



#price_contents #plan_cont03 {
    margin-top: 20px;
    font-size: 10px;
    font-size: 1rem;
}

#price_contents #plan_cont03 img {
    position: relative;
    left: -20px;
}

#price_contents #plan_cont04 {
    margin-top: 30px;
    font-size: 13px;
    font-size: 1.3rem;
}

#price_contents #plan_cont04 .one-of-four2 {
    width: 24%;
    height: 50px;
    margin-right: 1%;
    margin-bottom: 0px;
}

#price_contents #plan_cont05 {
    width: 100%;
    margin-top: 30px;
    background: #fff2f4;
    padding: 18px;
}

#price_contents #plan_cont05 #price_buttonL {
    float: none;
    width: 100%;
}

#price_contents #plan_cont05 #price_buttonL h3 {
    font-size: 30px;
    font-size: 3rem;
}

#price_contents #plan_cont05 #price_buttonR {
    float: none;
    width: 100%;
}

#price_contents #plan_cont05 #price_buttonM {
    width: 100%;
}

#price_contents #plan_cont05 #price_buttonM a {
    padding: 10px 20px 10px 20px;
    margin-top: 10px;
    margin-left: 15px;
    font-size: 16px;
    font-size: 1.6rem;
}

#price_contents #plan_cont06 {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 80px;
    text-align: center;
}

#price_contents #question {
    margin-top: 30px;
}

#price_contents #price_button {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f598a7;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f598a7), color-stop(100%, #f16c81));
    background: -moz-linear-gradient(center top, #f598a7 5%, #f16c81 100%);
    background: -ms-linear-gradient(top, #f598a7 5%, #f16c81 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f598a7', endColorstr='#f16c81');
    background-color: #f16c81;
    color: #ffffff;
    display: inline-block;
    text-shadow: 1px 1px 0px #643220;
    -webkit-box-shadow: inset 1px 1px 0px 0px #f598a7;
    -moz-box-shadow: inset 1px 1px 0px 0px #f598a7;
    box-shadow: inset 1px 1px 0px 0px #f598a7;
}

#price_contents #price_button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f16c81), color-stop(100%, #f598a7));
    background: -moz-linear-gradient(center top, #f16c81 5%, #f598a7 100%);
    background: -ms-linear-gradient(top, #f16c81 5%, #f598a7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f16c81', endColorstr='#f598a7');
    background-color: #f598a7;
}

#price_contents #price_button:active {
    position: relative;
    top: 1px;
}

}