@charset "utf-8";
/*
Theme Name:mrp04-child
Template:mrp04
Version: 0.01
*/

/*--------------------------------------*/
.center { text-align:center !important;}
.left { text-align:left !important;}
.right { text-align:right !important;}
.middle { vertical-align:middle !important;}
.bottom { vertical-align:bottom !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb50 { margin-bottom:50px !important;}
/*--------------------------------------*/

/* スマホで改行をなくす
----------------------------------*/
@media screen and (max-width: 640px) {
    .br-sp { display:none; }
}

/* スマホの時だけ改行（PCの時非表示）
----------------------------------*/
@media screen and (min-width:640px) {
    .br-pc { display:none; }
}

/* h1のspan調整(パンくず/サイトマップ)
----------------------------------*/
div#breadcrumb span span,ul#sitemap_list span {
    display: none;
}


/* 画像表示順
----------------------------------*/
.f_Right {
float:right;
}

@media only screen and (max-width: 640px) {
.f_Right {
float: none;
}
}

/* 横幅100%
----------------------------------*/

body{
	overflow-x:hidden;
	}
#wrapper, #content, .post{
	overflow: visible;
	}

.bgfix { background-attachment:fixed !important;}
.ipod .bgfix { background-attachment:scroll !important; }
.iphone .bgfix { background-attachment:scroll !important; }
.ipad .bgfix { background-attachment:scroll !important; }

/* ヘッダー
----------------------------------*/
#header-layout {
    padding: 0;
    padding-top: 5px;
}
#header .logo img {    max-height: 150px;}
.panel.nav-effect ul {    padding-top: 30px;}

#content {
	padding: 0;}
.post{
    margin-bottom: 0;
    padding: 0;
}
.home #content {
    padding: 0;
}

#mainImg {
    padding-top: 0 !important;
}
/* ヘッダー：右上翻訳+アイコン
----------------------------------*/
.googleflags {
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* display: inline; */
    background: pink;
    padding: 0 5px;
    width: 230px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}

#flags {
    width: 230px !important;
}
#google_language_translator {
    float: right;
    margin-top: -25px;
}

.header-contact_box .tel {
    display: table-cell;
}
.header-contact_box .tel img {
    vertical-align: bottom;
}
.header-contact_box .mail {
    display: table-cell;
}
.header-contact_box .mail img {
    vertical-align: bottom;
}


@media screen and (min-width:1024px) { 
#header-layout {
    position: relative;
}
.header-contact_box {
    position: absolute;
    top: 0;
    right: 0;
}
}

/* グローバルナビ
----------------------------------*/
#header .inner.site-header {
    background: rgba(255, 255, 255, 0.8);
	    box-shadow: 0 2px 10px #dcd7d7;
}
@media only screen and (min-width: 1024px){
nav#mainNav ul li {
    border: none;
}
}

/* 見出し
----------------------------------*/

h2.title {
    font-size: 25px;
    font-weight: bold;
    border-bottom: 3px solid #bc4839;
    margin-top: 5%;
    margin-bottom: 2%;
}

@media print, screen and (max-width:640px) { 
/**/h1.title, .post h1 {
    font-size: 25px;
}
body:not(.home) h1.title.first span {
    font-size: 25px !important;
}	
}


/* 下層ページ：h1見出し
----------------------------------*/
body:not(.home) h1.title.first span {
    font-size: 20px;
    font-size: 35px;	
    font-weight: bold;
    color: #fff;
    line-height: 1.5em;
    text-shadow: 0 0 20px #000;
}
body:not(.home) h1.title.first span span {
    display: block;
    padding-left: 0;
    font-size: 80%;
}

body:not(.home) h1.title.first {
    margin-right: calc(((100vw - 100%) / 2) * -1);
    margin-left: calc(((100vw - 100%) / 2) * -1);
    padding: 3em;	
}
.page-company h1.title.first {
    background-image: url(/struct/wp-content/uploads/catch_about_img.jpg);
}
.page-information h1.title.first {
    background-image: url(/struct/wp-content/uploads/catch_business_img.jpg);
}

.page-products h1.title.first {
    background-image: url(/struct/wp-content/uploads/catch_products_img.jpg);
}

.page-contact h1.title.first,.page-thanks h1.title.first {
    background-image: url(/struct/wp-content/uploads/catch_contact_img.jpg);
}

.page-sitemap h1.title.first,.page-privacy h1.title.first {
    background-image: url(/struct/wp-content/uploads/catch_policy_img.jpg);
}


.page-sitemap .post,.page-privacy .post,.page-contact .post,.page-thanks .post{
    /**/margin-bottom: 5%;
    padding: 5% 0;
}



/* TOP：
----------------------------------*/

.CBlock-img.bgfix.top_message_bg {
    background: url(/struct/wp-content/uploads/top_message_bg_img.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    color: #666666;
}
.CBlock-img.bgfix.top_news_bg {
    background: url(/struct/wp-content/uploads/top_news_bg_img.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    color: #666666;
}

.home h1.title.first.front-post {
    display: none;
}
.home h1.title.first,.home h1.title.bottom-loop {
    border-bottom: 2px solid #BC4839;
    padding: 0 0 2%;
    font-weight: bold;
}
.message_box {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 30px;
    padding: 5% 0;
}
.message_box p{
    padding: 5% 0 0;
}

.postlist {
    background: none;
    margin-top: 5%;
}


.wide .c1thumbWrap, .wide .c2thumbWrap, .wide .c3thumbWrap {
    margin-top: 3%;
}

@media only screen and (max-width: 450px) {
.c2thumbWrap ul.thumb li.sm-response {
    margin-bottom: 15px;
}}

@media only screen and (max-width: 799px) {
.wide .c2thumbWrap ul.thumb li:last-child {
    margin-bottom: 15px;
}}


/* 下層ページ：背景
----------------------------------*/
body:not(.home) .post {background: none;}
body:not(.home) header#header {background: #fff;}
body:not(.home)  body {
    background-image: url(/struct/wp-content/uploads/mable-white-p.jpg) !important;
    background-size: 15%;
}

body {
    background-image: url(/struct/wp-content/uploads/tesukiwashi-pattern-08.jpg);
    background-size: 15%;
}
body {
    background-image: url(/struct/wp-content/uploads/tesukiwashi-pattern-05.jpg);
    background-size: 15%;
}
body.home {
    background: none !important;
}

/* 下層ページ：会社概要
----------------------------------*/

.about_box {
    text-align: center;
    background: #fff;
    border: 1px solid #bc4839;
    border-radius: 30px;
    background-image: url(/struct/wp-content/uploads/logo_tenko_sample_03.png);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right 20px center;
	margin: 5%;
}
.about_box p {
    margin: 2%;
}
.about_box p.tittle {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5%;
}

/* 下層ページ：事業案内
----------------------------------*/
.img_box {
    width: 50%;
    margin: 0 auto;
    margin-top: 10%;
    margin-bottom: 10%;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #bc4839;
    padding: 20px;
}
.img_bg_box {
	padding: 10% 0;
    margin-bottom: 10%;
    margin-top: 10%;
}
.img_box h2 {
    font-size: 25px;
    font-weight: bold;
}

.img_bg_box.make {
    background-image: url(/struct/wp-content/uploads/smple_img_001.jpg),url(/struct/wp-content/uploads/smple_img_002.jpg);
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: top left,bottom right;
}
.img_bg_box.daily {
    background-image: url(/struct/wp-content/uploads/smple_img_003.jpg),url(/struct/wp-content/uploads/smple_img_004.jpg);
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: top left,bottom right;
}


@media print, screen and (max-width:640px) { 
.img_box {
    width: 90%;
}
}

/* 下層ページ：取扱商品
----------------------------------*/
.products_in_box h2 {
    font-size: 25px;
    font-weight: bold;
}

.products_box {
    clear: both;
    overflow: hidden;
    margin-bottom: 5%;
    margin-top: 3%;
}
.products_box img {
    margin-top: 80px !important;
}
.products_in_box {
    border: 1px solid #bc4839;
    width: 100%;
    padding: 3%;
    background: rgba(255, 255, 255, 0.8);
    margin-top: 50px;
}

@media print, screen and (max-width:640px) { 
.products_in_box {
    width: auto;
    margin-top: 0;
}
.products_box img {
    margin-top: 0 !important;
}
}

/* 下層ページ：問い合わせフォーム
----------------------------------*/
.contact_box {
    margin-right: calc(((100vw - 100%) / 2) * -1);
    margin-left: calc(((100vw - 100%) / 2) * -1);
    padding: 3em calc((100vw - 100%) / 2);
    background: url(/struct/wp-content/uploads/contact_bg_img.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.contact_box p.tittle {
    font-size: 25px;
    color: #fff;
    text-shadow: 0 0 8px #9E9E9E;
    font-weight: bold;
}

.contact_inbox {
    background: rgba(255, 255, 255, 0.8);
    padding: 2%;
}
.contact_inbox .column2_50 {
    text-align: center;
    font-weight: bold;
}
.contact_inbox p span {
    display: block;
}
.contact_inbox p span.tel_no {
    font-size: 250%;
    margin: 4% 0;
}
span.mail_add {
    background: #bc4839;
    width: 350px;
    margin: 0 auto;
    border-radius: 15px;
    color: #fff;
    padding: 15px 0;
    font-size: 200%;
    margin-top: 8px;
}

span.mail_add span {
    font-size: 60%;
}
@media screen and (min-width:1024px) { 
.contact_inbox,.contact_box p.tittle {
    width: 960px;
    margin: 0 auto;
}
}

#header .inner {
	width:100%;
}