@charset "utf-8";
/* CSS Document */
/*===============================================
●モバイル用
===============================================*/

#sabmenu{display:none;}

#Paragraf01{display:block;}
#Paragraf01 h2{color:#800;border-bottom:1px dotted #800;}
#Paragraf01 .left{display:block;}
#Paragraf01 .right{display:block;}
#Paragraf01 .right .whitning01 img{width:100%;}
#Paragraf01 .midashi2 {font-weight:normal;color:#800;border-bottom:0px solid #800;margin-bottom:1.0em;margin-top:20px;}
#Paragraf01 .midashi3 {font-weight:normal;color:#800;border-bottom:1px dotted #800;margin-bottom:1.0em;margin-top:20px;}
#Paragraf01 .price{border:1px dotted #800;padding:5px;margin-bottom:5px;}
#Paragraf01 p.merit{padding:5px;margin:5px;line-height:2.0em;border-left:5px double #800;}
#Paragraf01 .img300{width:300px;}

#Paragraf02{margin-top:2.0em;}
#Paragraf02 h2{color:#800;border-bottom:1px dotted #800;}
#Paragraf02 h2 a{color:#800;}
#Paragraf02 .midashi2 {font-weight:normal;color:#800;border-bottom:0px solid #800;margin-bottom:1.0em;}
#Paragraf02 .left{display:block;}
#Paragraf02 .right{display:block;}
#Paragraf02 .right .box01 img{width:100%;}
#Paragraf02 .right .box01 a{color:#800;}
#Paragraf02 .right .box01 a:hover{color:#ff4500;margin-bottom:30px;}
#Paragraf02 .midashi2 {font-weight:normal;color:#800;border-bottom:0px solid #800;}
#Paragraf02 .price{border:1px dotted #800;padding:5px;margin-bottom:5px;}
#Paragraf02{display:block;overflow:hidden;margin-top:30px;}
#Paragraf02 .ParagrafMenu{clear:both;overflow:hidden;display:block;margin:15px 0;}

#Paragraf03 {margin-top:2.0em;width:100%;}
#Paragraf03 h2{color:#800;border-bottom:1px dotted #800;margin-bottom:1.0em;}
#Paragraf03 ul{width:100%;margin:20px auto;}
#Paragraf03 ul li{border-bottom:1px dotted #800;}
#Paragraf03 ul li span{display:block;background-color:#c0b8b8;}


#Paragraf04 {margin-top:2.0em;}
#Paragraf04 h2{color:#800;border-bottom:1px dotted #800;margin-bottom:1.0em;}
#Paragraf04 .left{display:block;}
#Paragraf04 .left p{width:100%;margin-bottom:1.0em;}
#Paragraf04 .right{display:block;}
#Paragraf04 .right p{width:100%;margin-bottom:1.0em;}
#Paragraf04 .price{border:1px dotted #800;padding:5px;margin-bottom:5px;}

#ParagrafPrice{display:block;}
#ParagrafPrice h2{color:#800;border-bottom:1px dotted #800;}
#ParagrafPrice ul{list-style:none;display:block;}
#ParagrafPrice ul li{line-height:2.0em;}
#ParagrafPrice ul li.price01{border-bottom:1px dotted #ccc;background-color:#e5f2e5;}
#ParagrafPrice ul li.price02{border-bottom:1px dotted #ccc;}
#ParagrafPrice ul li.price03{border-bottom:1px dotted #ccc;text-align:right;}
#ParagrafPrice ul li.last-child{}

.GoogleMap{display:none;}

.Link a{color:#555;}
.Link a:hover{color:#800;}

.listol{margin-left:20px;line-height:1.5em;margin-bottom:2.0em;}
.listol li{margin-top:1.5em;line-height:1.5em;border-bottom:1px dotted #555;}
.listol li.decimal{list-style-type: decimal;}
.blue{color:#00f;}
.red{color:#f00;}

.listul{margin-left:10px;line-height:1.5em;margin-bottom:2.0em;}
.listul li{margin-left:20px;margin-top:1.5em;line-height:1.5em;border-bottom:1px dotted #555;list-style-type: disc;}
.listul li.disc{list-style-type: disc;}

ul.asterisk li {
  list-style-type: none;
  text-indent: -1.5em;
}
ul.asterisk li:before {
  display: inline;
  content: "※ ";
}

.midashi{border-top:1px dotted #555;border-bottom:1px dotted #555;}

.kakomi{background-color:#fc6;padding:1.0em;margin-bottom:2.0em;}

.kakomi2{background-color:#fefbe8;padding:1.0em;margin-bottom:2.0em;}
.mamechishikiPage .listol2 li{list-style-type:decimal;margin-left:2.0em;}
.mamechishikiPage .listol2 li ul li{margin-left:2.0em;list-style-type:none;}


ul.list_disc-wrap{margin-left:20px;font-size:14px;line-height:1.2em;}
ul.list_disc-wrap li{margin-bottom:1.0em;list-style-type:disc;}

blockquote {
    position: relative;
    padding: 8px 15px;
    margin: 2.5em;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #ddeaff;
    font-weight: bold;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: -30px;
    left: 11px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #ddeaff;
    font-size: 35px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*===============================================
●PC 画面の横幅が640px以上
===============================================*/
@media print, screen and (min-width: 640px){

.headimagePc{display:block;background-image:url(../images/headimagePc.png);height:300px;width:1000px;margin:0;}
.headimagePc h2{display:block;padding-top:85px;padding-left:500px;color:#555;font-family: 'Book Antiqua', sans-serif;}
.headimagePc p.left{display:block;padding-top:10px;padding-left:80px;color:#800;float:left;}
.headimagePc p.right{display:block;padding-top:10px;width:500px;padding-right:100px;color:#333;float:right;line-height:1.5em;}

#sabmenu{display:block;width:auto;margin:0 auto;text-align:center;background-color:#f4f0ee;}
#sabmenu ul{font-size:14px;}
#sabmenu ul li{display:inline-block;margin:5px auto;padding:0 1.5em;border-right:1px solid #555;}
#sabmenu ul li.firstchild{border-left:1px solid #555;}
#sabmenu ul li a{color:#800;}
#sabmenu ul li a:hover{color:#800;opacity:0.7;}

.marginL100{margin-left:100px;}
.marginL50{margin-left:50px;}
#Paragraf01{display:block;overflow:hidden;}
#Paragraf01 .left{float:left;width:260px;margin:20px;}
#Paragraf01 .right{float:right;width:600px;padding-left:20px;margin-top:20px;}
#Paragraf01{display:block;overflow:hidden;margin-top:30px;}
#Paragraf01 .ParagrafMenu{clear:both;overflow:hidden;display:block;margin:15px 0;}
#Paragraf01 p.margin30{margin:30px;}
#Paragraf01 p.merit{margin:30px;margin-left:100px;padding-left:40px;line-height:1.8em;background-image:url(../images/circle.png);background-repeat: no-repeat;border-left:0px double #800;}



#Paragraf02 h2{display:block;}
#Paragraf02 h2 a{color:#800;}
#Paragraf02 .left{float:left;width:100px;margin-top:10px;}
#Paragraf02 .left img{width:100px;}
#Paragraf02 .right{float:right;width:810px;padding-left:20px;margin-top:10px;}
#Paragraf02 .right .box01{display:block;margin-top:10px;text-align:right;}
#Paragraf02 .right .box01 a{color:#800;}
#Paragraf02 .right .box01 a:hover{color:#ff4500;margin-bottom:30px;}

#Paragraf03{clear:both;display:block;overflow:hidden;margin-top:30px;width:100%;}
#Paragraf03 h2{color:#800;border-bottom:1px dotted #800;margin-bottom:1.0em;}
#Paragraf03 ul{width:100%;margin:20px auto;}
#Paragraf03 ul li{list-style:none;}
#Paragraf03 ul li span{display:inline-block;width:70px;background:none;margin-right:10px;border-right:1px dotted #800;}
#Paragraf03 .left{float:left;width:450px;}
#Paragraf03 .right{float:right;width:450px;}
#Paragraf03 .right .img{width:200px;float:left;margin-right:2px;}
#Paragraf03 .right .img p{font-size:12px;margin-top:0;line-height:1.2em;}
#Paragraf03 .right .Link{clear:both;font-size:12px;padding:5px;}
#Paragraf03 .right .Link a{color:#555;}
#Paragraf03 .right .Link a:hover{color:#800;}


#Paragraf04{display:block;overflow:hidden;margin-top:30px;}
#Paragraf04 .left{float:left;width:450px;}
#Paragraf04 .left img{width:420px;}
#Paragraf04 .left p{width:420px;}
#Paragraf04 .right{float:right;width:480px;padding-left:20px;}
#Paragraf04 .right img{width:420px;}
#Paragraf04 .right p{width:420px;}

#ParagrafPrice{display:block;}
#ParagrafPrice ul{list-style:none;display:block;}
#ParagrafPrice ul li{display: table-cell;line-height:2.0em;vertical-align: middle;}
#ParagrafPrice ul li.price01{width:400px;background-color:#fff;}
#ParagrafPrice ul li.price02{width:300px;border-bottom:1px dotted #ccc;}
#ParagrafPrice ul li.price03{width:200px;border-bottom:1px dotted #ccc;}
#ParagrafPrice ul li.last-child{border-bottom:1px dotted #ccc;}

.ItemMenu{margin-left:200px;margin-bottom:50px;}
.ItemMenu li{list-style-type:disc;color:#A844BA;border-bottom:1px solid #ccc;margin-bottom:10px;}
.ItemMenu li.ItemMenu2{color:#333;margin-left:10px;border-bottom:0px solid #ccc;list-style:none;}
.GoogleMap{display:block;width:800px;height:300px;}

.photo{display:block;}
.photo ul li{float:left;width:202px;list-style:none;}
.photo ul p{font-size:12px;line-height:1.3em;padding:0 10px;}


.photo img{width:200px;margin-right:2px;}



}