@charset "utf-8";

/* CSS Document */



h1.p_f_title ::before {

    background: url(https://xn--hdks441wtbo.com/wp-content/uploads/2018/05/title_hiyoko01.png)no-repeat;

    position: absolute;

}



/*-----------------TOPページ掲載募集------------------*/

.bosyu_zone {

    text-align: center;

}

/*--------店舗ページ以外のサブヘッダー--------*/

#sub_title{margin:0 auto;

               width:400px;

               padding:45px 80px 20px 0px;

}



/*----------------------掲載募集---------------------*/



/*------下の料金ボタン＆制作の流れtwins------*/



#bottom_button {

    padding: 100px 0px;

    background: url(https://xn--hdks441wtbo.com/wp-content/uploads/2018/05/1104913-2.jpg)repeat-x;

}

.bottom_button_inner.clearfix {

    width: 800px;

    margin: 0 auto;

}

dl.price {

    width: 270px;

    height: 260px;

    float: left;

    padding: 24px 24px 0px;

    border: solid 1px #79c8fd;

    background-color: white;

}

dl.flow_contact {

    width: 270px;

    height: 260px;

    float: right;

    padding: 24px 24px 0px;

    border: solid 1px #ffda0b;

    background-color: white;

}

dt.bb_title {

    text-align: center;

    font-size: 28px;

    margin-bottom: 6px;

}

.bottom_button_inner dt span {

    display: block;

    font-size: 15px;

    margin-top: 10px;

}

.bottom_button_inner dd {

    text-align: center;

    margin: 10px 0px;

}

dl.price img {

    width: 92%;

    margin: auto;

    display: block;

}



dl.flow_contact img {

    width: 92%;

    margin: auto;

    display: block;

    float: none;

}

dl.price:hover img {

    transform: scale(1.3);

}

dl.price:hover {

    background-color:#b0dfff

}

a.bb:hover {

    color: #000;

}

a.bb:visited {

    color: #54549E;

}

dl.flow_contact:hover img {

    transform: scale(1.3);

}

dl.flow_contact:hover {

    background-color:#ffff66;

}

h1.p_f_title {

    text-align: center;

    padding-bottom: 96px;

    font-size: 33px;

    color: #176ecc;

    letter-spacing: 5px;

    font-family: "FOT-筑紫A丸ゴシック Std B";

}



/*お手軽アクセス*/

#otegaru {

    margin: auto;

    max-width: 1026px;

    padding-bottom: 100px;

}



/*TOP部分*/



.intro_box {

    margin: 50px auto;

    width: 940px;

    height: 566px;

    border-radius: 64px;

    border: 14px solid #ffd700;

}

.hiyoko01 {

    width: 204px;

    float: right;

}

.description p {

    line-height: 32px;

    float: left;

    width: 565px;

    font-size: 16px;

    letter-spacing: 1px;

}

.intro_box h1 {

    font-size: 32px;

    text-align: center;

    padding: 40px 0px 35px;

    font-family: "FOT-筑紫A丸ゴシック Std B";

    letter-spacing: 5px;

	color: #dc143c;

}

.intro_box h2 {

    font-size: 20px;

    text-align: center;

    font-family: "FOT-筑紫A丸ゴシック Std B";

    letter-spacing: 5px;

	padding: 32px 0px;

    color: #2973ff;

}



.description.clearfix {

    margin: 0px 50px;

}

.hiyoko02 {

    width: 194px;

}

.hiyoko02_mob {

    display: none;

}

.keisai_pic {

	width: 31%;

}

.image_area {

    display: flex;

    justify-content: space-around;

    align-items: center;

}



/*-----------------掲載料金ページ-------------------*/

/*-----------------料金表-------------------*/

td.basic_price >b{

    font-size: 1.2rem;

}

td.basic_price {

    width: 26%;

    background-color: aliceblue;

    text-align: center;

    padding: 18px 10px;

}

.pricelist01 th {

    width: 30%;

    font-size: 1.0rem;

    padding: 18px 10px;

    text-align: left;

}

.pricelist01 tr {

    border-bottom: 1px solid #38AFBC;

}

.pricelist01 td {

    padding: 18px 18px 12px;

}

.title_price {

    text-align: left;

    font-size: 1.5rem;

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    font-weight: bold;

    padding: 18px 30px 12px 30px;

    background: -moz-linear-gradient(30deg, #52bbc1 0%,#b6e9d2 56%,#ccffba);

    background: -webkit-linear-gradient(30deg, #52bbc1 0%,#b6e9d2 56%,#ccffba);

    background: linear-gradient(60deg, #52bbc1 0%,#b6e9d2 56%,#ccffba);

    color: #FFF;

}

table.pricelist01 {

    margin: 5px 0px 50px;

    width: 100%;

}

div#zeinuki {

    text-align: right;

}

/*-----------------オプション-------------------*/

.pricelist02 td >span {

    padding: 15px;

}

td.op_right03 >p {

    margin: 15px;

}

tr.option03 {

    border-bottom: 1px solid #f6c947;

}

tr.option02 {

    border-bottom: 1px solid #f6c947;

}

tr.option01 {

    border-bottom: 1px solid #f6c947;

}

.pricelist02 td {

    padding: 18px 18px 12px;

}

td.op_right {

    width:25%;

    text-align: center;

}

td.op_center {

    width:25%;

    border-right: 1px dotted #f6c947;

    text-align: center;

}

td.op_left >p{

    text-align:right;

}

td.op_left{

    width:50%;

    border-right: 1px dotted #f6c947;

}

.title_option {

    text-align: left;

    font-size: 1.5rem;

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    font-weight: bold;

    padding: 18px 30px 12px 30px;

    background: -moz-linear-gradient(30deg, #f79392 0%,#f7c8a2 58%,#fddede);

    background: -webkit-linear-gradient(30deg, #f79392 0%,#f7c8a2 58%,#fddede);

    background: linear-gradient(60deg, #f6c947 0%,#dedb63 56%,#edff8b);

    color: #FFF;

}

.br_mob{

    display: none;

}

table.pricelist02 {

    margin: 50px 0px;

    width:100%;

}

.pricelist02 th {

    padding: 18px 10px;

    font-weight: normal;

    border-right:  1px dotted #f6c947;

    text-align: left;

}

.pricelist02 tr{

    border-bottom: 1px solid #f6c947;

}

p.example {

    padding-top: 18px;

}

/*-----------------サイト基本構成-------------------*/

table.pricelist04 {

    margin-bottom: 100px;

}

.pricelist04 td {

    padding: 18px 18px 12px;

}

.pricelist04 th{

    width: 25%;

    border-right: 1px dotted #f79392b5;

    padding: 18px 10px;

    text-align: left;

}

td.sonota {

    font-size: large;

    font-weight: bold;

}

tr.contents01 {

    border-bottom: 1px solid #f79392b5;

}



th.title_contents {

    text-align: left;

    font-size: 1.5rem;

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    font-weight: bold;

    padding: 18px 18px 12px;

    background: -moz-linear-gradient(30deg, #f79392b5 0%,#f7c8a2 58%,#fddede);

    background: -webkit-linear-gradient(30deg, #f79392b5 0%,#f7c8a2 58%,#fddede);

    background: linear-gradient(60deg, #f79392b5 0%,#f7c8a2 58%,#fddede);

    color: #FFF;

}

table.pricelist03 {

    margin: 50px 0px;

    width: 100%;

}

.pricelist03 td {

    padding: 18px 10px;

    width:100%;

}

.title_contents02{

    display: none;

}

tbody {

    vertical-align: top;

}

.main_inner h3 {

    color: #b8386c9c;

    text-align: center;

    font-size: 2.0rem;

    font-weight: bold;

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    padding-top: 70px;

    margin-bottom: 70px;

}

.main_inner {

    margin: 0 auto;

    width: 880px;

}

/*------------------制作の流れページ-------------------*/

/*ページ下部コンタクトボタン*/

#contact_zone2 {

    display: none;

}

#contact_zone {

    width: 100%;

    padding-top: 250px;

	padding-bottom:200px;

}

.contact_bg{

    width : 100%;

    height : 200px;

    box-shadow: #22bbc39e 1px 1px 30px 2px;

    background: url(https://xn--hdks441wtbo.com/wp-content/uploads/2018/02/sub_line.png) no-repeat;

    background-position: center center;

}



.contact_box_before {

    margin: auto;

    width: 500px;

    position:relative;

    top:-100px;

}



.contact_box {

    margin: auto;

    width: 500px;

    background: #fff;

    border-radius: 50px;

    box-shadow: 0px 0px 100px 2px #1DA8A4 inset;

    height: 320px;

	padding:25px 0px 50px;

    position:absolute;

    top:0;

}

.contact_title{

	width:370px;

	height:65px;

	background-color:#1DA8A4;

	border-radius:50px;

	margin:0px 65px;

	}

.contact_title h2 {

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    font-size: 3.0rem;

    color: #fff;

    letter-spacing: 2px;

    text-align: center;

    padding-top : 22px;

}

.contact_box p {

    color: #1DA8A4;

    text-align: center;

    line-height: 1.6em;

	padding-top:20px;

}

.contact_btn {

	position : relative;

	}

.contact_btn img {

	margin : 20px 180px;

}

.contact_btn p {

    position: absolute;

    top: 58%;

    left: 42.5%;

    margin: 0;

    padding: 0;

    font-weight: bold;

    line-height: 22px;

}

/*ページ下部コンタクトボタンここまで*/



.chuo_yose{

    margin:0 auto;

    width:1200px;

    padding-bottom: 100px;

}

#under_content_left {

	width: 916px;

	margin: 0 auto;

    float:left;

    padding-left: 87px;



}

#under_content_right {

    width: 110px;

    margin: 0 auto;

    float: left;

    padding-right: 87px;

}

.triangle{

  width: 0;

  height: 0;

  border-left: 30px solid transparent;

  border-right: 30px solid transparent;

  border-top: 30px solid #f5b2ac;

  margin : 0px 70px 30px 70px;

  float : left;

}



#sub-main{

        width : 1026px;

        margin-bottom : 50px;

        

}

.flow-box{

		width : 916px;

        height : 290px;

        margin: 20px 0px;

        float: left;



}

.flow img{

    width : 200px;

	height: 200px;

    float : left;

    margin-top : 20px;

}

.flow-txt{

    float : left;

    width : 626px;

	margin-left : 50px;

}

.flow-txt h3{/*見出し*/    

    color: #b8386c9c;

    font-family: "FOT-筑紫A丸ゴシック Std B";

    font-size: 28px;

    font-weight: 700;

    padding-top: 30px;

    margin-bottom: 25px;

}

.arrow img {

    display: none;

}



/*rightside*/

.price_bar {

    width: 110px;

    float : right;

}

.p_b_free {

    height: 680px;

    background: #eadb87;

    margin: 40px 0px;

}



.p_b_free_2 {

    height: 280px;

    background: #e87b7f;

    margin-top: 100px;

}

.p_b_free_3 {

    height: 280px;

    margin-top: 110px;

    border: solid 1px #d3d3d3;

}

.p_b_free_4 {

    height: 280px;

    background: #f5b4a0;

    margin-top: 110px;

}

.p_b_free_text {

    width: 110px;

    color : #fff;

    padding-top: 328px;

    text-align: center;

    font-size: 33px;

}

.p_b_free_text2 {

    width: 110px;

    color : #fff;

    padding-top: 112px;

    text-align: center;

}

.p_b_free_text2 >span{

    color : #fff;

    font-size: 18px;

    line-height: 30px;    

}

.p_b_free_text2 >b{

    color : #fff;

    font-size : 23px;

}

.p_b_free_text4 {

    color : #fff;

    padding-top: 112px;

    text-align: center;

    font-size: 18px;

    line-height: 1.5em;

}



/*---------------------------------------　スマホエリア　--------------------------------------------*/



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





/*------------------掲載募集---------------*/



.bosyu_contents {

    padding: 0 5%;

}





/*------下の料金ボタン＆制作の流れtwins------*/



dt.bb_title {

    font-size: 20px;

}

#bottom_button {

    padding: 70px 1%;

}

.bottom_button_inner dd {

     display: none;

}

.bottom_button_inner.clearfix {

    width: 100%;

}

dl.price {

    width: 33%;

    height: auto;

    padding-bottom: 30px;

}

dl.flow_contact {

    width: 33%;

    height: auto;

    padding-bottom: 30px;

}

dl.price img {

    width: 100%;

    margin-top: 13px;

}

dl.flow_contact img {

    width: 100%;

    margin-top: 13px;

}

.bottom_button_inner dt span {

    margin-top: 5px;

}

h1.p_f_title {

    font-size: 22px;

    letter-spacing: 1px;

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    padding-bottom: 70px;

}



/*-------------TOP部分--------------*/

.intro_box {

    width: 100%;

    border: none;

    margin: 0 auto;

}

.intro_box h1 {

    font-size: 23px;

    letter-spacing: 2px;

    padding: 20px 0px;

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    line-height: 32px;

    margin: 0 auto;

    background-position: right bottom;

    position: relative;

    padding: 10px;

    background: -webkit-repeating-linear-gradient(-45deg, #FBEFF2, #FBEFF2 4px,#F8E0E6 3px, #ffe4b1 8px);

    background: repeating-linear-gradient(-45deg, #FBEFF2, #FBEFF2 4px,#F8E0E6 3px, #F8E0E6 8px);

    border-radius: 7px;

}

.hiyoko02_mob {

    display: block;

    text-align: center;    

}

.hiyoko02 {

    display: none;

}

.keisai_pic {

    width: 55%;

}

.intro_box h2 {

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    line-height: 30px;

    background-color: #FEEBB9;

    padding: 5px;

    color: #1956BA;

}

.description.clearfix {

    margin: 0px;

}

.description p {

    width: 100%;

    padding-top: 30px;

    line-height: 26px;

}

.image_area {

    padding: 50px 0px 32px;

}

/*--------店舗ページ以外のサブヘッダー--------*/

#sub_title {margin:0px 30px;

               width:80%;

               padding:0px;

}

#sub_title img{

               margin:0px auto 10px auto;

               width:100%;

               padding:0px;

}

#sub_line {

              width:100%;

}

#sub_line img{

              width:100%;

              height:auto;

}



/*------------掲載料金ページ------------*/

/*料金表*/



td.basic_price {

    width: 100%;

    background-color: aliceblue;

    text-align: center;

}

.pricelist01 th {

    width: 100%;

    text-align: center; 

    padding: 18px 0px;

    background-color: #bff7f6;

}

.pricelist01 td{

    text-align: center;

    padding: 18px 0px 12px;

}

.basic_price02 {

    padding: 0px 10px;

    text-align: left;

    line-height: 1.6rem;

}

/*オプション*/

td.op_right03 >p {

    margin: 15px;

}

tr.option03 {

    border-bottom: 1px solid #f6c947;

}

tr.option01 {

    border-bottom: 1px solid #f6c947;

}

.pricelist02 td {

    text-align: center;

    width: 100%;

    background-color: #FEFAEE;

    padding: 18px 0px 12px;

}

td.op_center {

    border-right: none;

    border-bottom: 1px solid #c3bdbd;

}

.pricelist02 th {

    width: 100%;

    text-align: center; 

    background-color: #fff1a2;

    border-right:none;

    padding-right: 0px;

    padding-left: 0px;

}

tr.option03 p {

    text-align: left;

    padding: 0 5%;

}

.title_option {

    display: none;

}

.title_option >span {

    font-size: 16px;

}

.br_mob{

    display: block;

}



.title_contents >span {

    font-size: 16px;

}

/*サイト基本構成*/



td.sonota_left {

    width: 25%;

    border-right: 1px dotted #f79392b5;

}

td.sonota {

    font-size: large;

    font-weight: bold;

    text-align: center;

}

td.sonota >span {

    font-size: 16px;

}

tr.contents01 {

    border-bottom: 1px solid #f79392b5;

}

th.title_contents {

    font-size: 1.5rem;

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    font-weight: bold;

    padding: 18px 0px 12px;

    background: -moz-linear-gradient(30deg, #f79392b5 0%,#f7c8a2 58%,#fddede);

    background: -webkit-linear-gradient(30deg, #f79392b5 0%,#f7c8a2 58%,#fddede);

    background: linear-gradient(60deg, #f79392b5 0%,#f7c8a2 58%,#fddede);

    color: #FFF;

    text-align: center;

}

table.pricelist03 {

    margin: 50px 0px;

    width: 100%px;

}

.pricelist03 td {

    padding: 0px ; 

}



table.pricelist04 {

    margin-bottom: 100px;

}

.pricelist04 th{

    width: 100%;

    text-align: center;

    padding: 18px 0px;

    border-right: none;

    background-color: #FCE1E1;

}

.pricelist04 td {

    padding: 0px;

    line-height: 1.6rem;

}

.title_contents02 {

    text-align: left;

    font-size: 1.5rem;

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    font-weight: bold;

    padding: 18px 0px 12px !important;

    background: -moz-linear-gradient(30deg, #f79392b5 0%,#f7c8a2 58%,#fddede);

    background: -webkit-linear-gradient(30deg, #f79392b5 0%,#f7c8a2 58%,#fddede);

    background: linear-gradient(60deg, #f79392b5 0%,#f7c8a2 58%,#fddede);

    color: #FFF;

    text-align: center;

    display:block;

}

.title_contents02 p {

    font-size: 90%;

    padding-top: 6px;

    padding-left: 0px;

}

.contents_inner {

    padding: 18px 10px;

}

.contents_inner_sonota {

    padding: 18px 10px;

}

.title_contents {

    display: none;

}



tbody {

    vertical-align: top;

}



.main_inner h3 {

    font-family: sans-serif;

}

.main_inner {

    margin: 0 auto;

    width: 100%;

}

.list_inner {

    padding: 0 5%;

}



.list_inner table td,.list_inner table th{

    display: block;

    width: 100%;

}

table.pricelist01 pricelist02 pricelist03 {

    margin: 50px 0px;

}





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

.chuo_yose{

    margin:0 auto;

    width:100%;

}

#sub-main{

        width : 100%;

        margin-bottom : 50px;     

}

#under_content_left{

	width: 100%;

    padding-left: 0px;

}

.flow-box{

		width : 100%;

        height : 100%;

        margin: 30px 0px;

}

.flow img {

    width: 200px;

    height: 200px;

    float: none;

    margin: 20px auto;

    display: block;

}

.flow-txt {

     max-width: 90%;

     margin:0 auto;

     float:none;

}

.flow-txt h3 {

    color: #1DA8A4;

    font-family: sans-serif;

    font-size: 20px;

    font-weight: bold;

    padding-top: 20px;

    text-align: center;

}

.triangle {

    display: none;

}

.arrow img {

    width: 15%;

    height: 15%;

    margin: 15px auto 0px;

    padding-top: 15px;

}

#under_content_right{

    display: none;

}



/*-----------ページ下部コンタクトボタン----------*/

#contact_zone {

    display: none;

}

#contact_zone2 {

    width: 100%;

    padding-top: 100px;

	padding-bottom:100px;

    display: block;

}

#contact_zone2

    width: 100%;

    padding-top: 30px;

    padding-bottom: 70px;

    display: block;

}

.contact_bg2{

    width : 100%;

    height : 380px;

    box-shadow: #22bbc39e 1px 1px 30px 2px;

}



.contact_box_before2 {

    margin: auto;

    position:relative;

    top: 30px;

}



.contact_box2 {

    margin: auto;

}

.contact_title2{

	width:285px;

	height:65px;

	background-color:#1DA8A4;

	border-radius:50px;

    margin: auto;

	}

.contact_title2 h2 {

    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;

    font-size: 3.0rem;

    color: #fff;

    letter-spacing: 2px;

    text-align: center;

    padding-top : 22px;

}

.contact_box2 p {

    color: #1DA8A4;

    text-align: center;

    line-height: 1.6em;

	padding-top:20px;

}

.contact_btn2 {

	position : relative;

	}

.contact_btn2 img {

    margin: 20px auto;

    display: block;

}

.contact_btn2 p {

    width:100%;

    position: absolute;

    top: 62%;

    margin: 0 auto;

    padding: 0;

    font-weight: bold;

    line-height: 22px;

}

/*ページ下部コンタクトボタンここまで*/



}