/*
 Theme Name:   Marble Child
 Template:     marble
*/

.container-inner{
	max-width:100% !important;
}

@media only screen and (min-width: 1024px){
	#nav-smart.menu{
		display:none;
	}
}

/* ----------------------------------------------------------------------
ヘッダーイメージ
---------------------------------------------------------------------- */

img.top-slider{
width:100%;
max-width:100%;
display:block;
clear:both;
}

/* ----------------------------------------------------------------------
 スマホ・PC画像振り分け
---------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
.sp_only{
display:none;
}
}
@media screen and (max-width: 767px) {
.pc_only{
display:none;
}
}

/* ----------------------------------------------------------------------
 破線hr
---------------------------------------------------------------------- */

hr.hasen{
border:none;
border-top:dashed 1px #999;
height:1px;
color:#FFFFFF;
margin:15px 0 !important;
}

/* ----------------------------------------------------------------------
 フォント
---------------------------------------------------------------------- */
.yu_font{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

.yugo_font{
font-family: Century Gothic, "游ゴシック", YuGothic, " ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN" !important;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.font50 {
	font-size: 50% !important;
}

.font60 {
	font-size: 60% !important;
}

.font70 {
	font-size: 70% !important;
}

.font80 {
	font-size: 80% !important;
}

.font90 {
	font-size: 90% !important;
}

.font100 {
	font-size: 100% !important;
	line-height:1.8em;
}

.font120 {
	font-size: 120% !important;
	line-height:1.8em;
}

.font130 {
	font-size: 130% !important;
	line-height:2em;
}

.font150 {
	font-size: 150% !important;
	line-height:1.8em;
}

.font180 {
	font-size: 180% !important;
line-height:2em;
}

.font200 {
	font-size: 200% !important;
	line-height:2em;
}

.font230 {
	font-size: 230% !important;
	line-height:2em;
}

.font250 {
	font-size: 250% !important;
	line-height:2em;
}

/* ----------------------------------------------------------------------
 スマホのみ改行
---------------------------------------------------------------------- */
@media screen and (min-width: 640px) {
 .kaigyou {
  display: none;
 }
}

/* ----------------------------------------------------------------------
 pcのみ改行
---------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
 .kaigyou-pc {
  display: none;
 }
}

/* ----------------------------------------------------------------------
 マージン・パディング
---------------------------------------------------------------------- */
.mt10{
margin-top:10px !important;
}
.mt15{
margin-top:15px !important;
}
.mt30{
margin-top:30px !important;
}
.mt50{
margin-top:50px !important;
}
.mt80{
margin-top:80px !important;
}
.mt100{
margin-top:100px !important;
}
.mb10{
margin-bottom:10px !important;
}
.mb15{
margin-bottom:15px !important;
}
.mb30{
margin-bottom:30px !important;
}
.mb50{
margin-bottom:50px !important;
}
.mb80{
margin-bottom:80px !important;
}
.mb100{
margin-bottom:100px !important;
}
.pt10{
padding-top:10px !important;
}
.pt15{
padding-top:15px !important;
}
.pt30{
padding-top:30px !important;
}
.pt50{
padding-top:50px !important;
}
.pt80{
padding-top:80px !important;
}
.pt100{
padding-top:100px !important;
}
.pb10{
padding-bottom:10px !important;
}
.pb15{
padding-bottom:15px !important;
}
.pb30{
padding-bottom:30px !important;
}
.pb50{
padding-bottom:50px !important;
}
.pb80{
padding-bottom:80px !important;
}
.pb100{
padding-bottom:100px !important;
}

/* ----------------------------------------------------------------------
 ２カラム用
---------------------------------------------------------------------- */

.full_content{
width: 100%;
margin: 0 !important;
text-align: center;
overflow:hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.full_content .full_content_inbox{
width:1000px;
max-width:100%;
margin:0 auto;
padding:50px 0;
}

.single_content{
width:1000px;
max-width:95%;
margin:0 auto;
padding:0 0;
}

@media(min-width:768px)  {
.left_content{
float:left;
width:50%;
padding:0;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.right_content{
float:right;
width:50%;
padding:0;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sp_box2{
	padding:0 2%;	
	}
}

@media(max-width:767px)  {
.right_content,.left_content{
float:none;
width:100%;
padding:0;
}
.sp_box,.sp_box2{
width:90%;
margin-left:auto;
margin-right:auto;
}
.text_cpntainer{
padding:0 30px;
}
}

img.menu01{
padding-right:10px !important;
}
img.menu02{
padding-left:10px !important;
}

@media(max-width:767px)  {
img.menu01{
padding:0px !important;
margin-bottom:10px;
}
img.menu02{
padding:0px !important;
margin-bottom:10px;
}
}

/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */

/* ------------ Content01 ------------ */

.top_contents01{
	background:url(http://riviere-de-sable.com/wp-content/themes/marble_child/images/top_contents01_bg.png) no-repeat center center;
	background-size: contain;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
}
.top_contents01 h3{
	font-size:300%;
	margin-bottom:50px;
	line-height:2em;
}
.top_contents01 p{
	font-size:200%;
	line-height:2em;
}
@media(max-width:767px)  {
	.top_contents01 h3{
	font-size:230%;
	margin-bottom:10px;
	line-height:2em;
}
.top_contents01 p{
	font-size:130%;
	line-height:2em;
}
}

/* ------------ Content02 ------------ */
.about_box{
max-width:100%;
background:url(http://riviere-de-sable.com/wp-content/themes/marble_child/images/top_contents02_bg.jpg) no-repeat;
background-size: cover !important;
background-position: center center;
background-attachment:fixed;
}
.about_contents{
padding-top:50px;
padding-bottom:50px;
}
@media(max-width:767px)  {
.about_box{
background-size: 1000px !important;
background-attachment:scroll;
}
}
.about_contents h3{
font-size:250% !important;
}
@media(max-width:767px)  {
.about_contents h3{
font-size:150% !important;
}
}

/* ------------ Content03 ------------ */
.top_content03{
	background:#eee;
}
.top_content03_text{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.top_content03_text h4,.top_content03_text p{
	text-align:left;
}
.top_content03_text h4{
	margin-top:50px;
	margin-bottom:25px;
	font-size:150%;
	line-height:1.8em;
}
.top_content03_text p{
	margin-bottom:30px;
}
.top_content03_img img{
	display:block;
	width:100%;
}
@media(max-width:767px)  {
	.top_content03_text{
	width:90%;
	}
}

/* ------------ Content04（メニュー） ------------ */
.top_content04 h3{
}
.menuTitle{
background:#42210b;
color:#fff;
text-align:center;
}
.menuTitle h4{
padding:10px 0;
}
.menuTitle h4 span{
font-size:70%;
}
.menuBox{
    width: 31%;
    float: left;
    margin-bottom: 30px;
}
.menuBox:nth-child(2){
margin-left:5%;
margin-right:5%;
}
.menuBox img{
display:block;
width:100%;
}
.menuBox h5{
color:#42210b;
font-size:135%;
margin-top:10px;
margin-bottom:10px;
}
.menuPriceBox{
background:#f2f2f2;
padding:10px;
margin-bottom:10px;
}
@media(max-width:767px)  {
.menuBox{
width:90%;
max-width:400px;
float:none;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
}
.menuBox:nth-child(2){
margin-left:auto;
margin-right:auto;
}
.menuBox img{
display:block;
width:100%;
max-width:400px;
}
}

/* ------------ Access ------------ */
.top_access_info h5{
	background:#634e42;
	color:#FFF;
	padding:5px 10px;
}
.top_access_info p{
color:#634e42;
}

/* ------------ News ------------ */
ul.top_newslist li{
	width:46%;
	float:left;
}

img.top_news_img{
	display:block;
	margin-right:20px !important;
	float:left;
	width:200px;
	height:200px;
}

ul.top_newslist li{
	width:46%;
	float:left;
	margin-left:2%;
	margin-right:2%;
}
@media(max-width:767px)  {
	ul.top_newslist li{
	width:90%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
}

/* ------------ Blog ------------ */
ul.top_bloglist li{
	width:23%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	background:#fff;
	padding-bottom:20px;
}
img.top_blog_img{
	 overflow: hidden;
    width: 230px;/* トリミングしたい枠の幅 */
    height: 230px;/* トリミングしたい枠の高さ */
	margin-bottom:20px;
}
@media(max-width:767px)  {
	ul.top_bloglist li{
	width:46%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	background:#fff;
	margin-bottom:20px;
}
}

img.attachment-top_blog_img,size-top_blog_img.wp-post-image{
	width:100%;
}


/* ----------------------------------------------------------------------
 メニューページ
---------------------------------------------------------------------- */

.menuTitle2{
background:#42210b;
color:#fff;
text-align:center;
}
.menuTitle2 h4{
padding:10px 0;
}
.menuTitle2 h4 span{
font-size:70%;
}
.menuBox2{
width:22%;
margin-right:4%;
float:left;
margin-bottom:30px;
}
.menuBox2:nth-child(4){
margin-right:0;
}
.menuBox2 img{
display:block;
width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}
.menuBox2 h5{
color:#42210b;
font-size:110%;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
.menuBox2 h5 span{
font-size:90%;	
}
.menuPriceBox2{
background:#f2f2f2;
padding:10px;
margin-bottom:10px;
font-size:90%;
}
.menuBox2{
	text-align:justify;
}
@media(max-width:767px)  {
.menuBox2{
width:48%;
margin-bottom:50px;
margin-right:4%;
}
.menuBox2:nth-child(2),
.menuBox2:nth-child(4){
margin-right:0;
}
.menuBox2 img{
display:block;
width:100%;
}
}

@media(min-width:768px)  {
.sp_box2{
	padding:0 2%;
	display: flex;
	flex-wrap: wrap;
	}
.menuBox{
    width: 30%;
    float: inherit;
    margin-bottom: 50px;
    margin-right: 1.5% !important;
    margin-left: 1.5% !important;
	}
.menuBox:nth-child(2){
margin-left: 1.5% !important;
margin-right: 1.5% !important;
	}
}

/* ----------------------------------------------------------------------
1024以下のページトップ余白
---------------------------------------------------------------------- */
@media only screen and (max-width: 738px){
.page-title.pad {
	 margin-top:110px;
}
}
@media (max-width: 1024px) and (min-width: 739px) {
.page-title.pad {
	 margin-top:40px;
}
}