@charset "utf-8";


/***リセットCSS***/
*{
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	line-height:1.0;
}
html,body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,ul,ol,li,dl,dt,dd,
table,th,td,form,fieldset{
	margin:0;
	padding:0;
}
a:link {
	text-decoration:none;
	color:#0071CF;
}
a:visited {
	text-decoration:none;
	color:#0071CF;
}
a:hover {
	text-decoration:none;
	color:#0071CF;
}
ul li {
	list-style-type: none;}
body{
	width:100%;
	text-align:center;
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	/*font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;*/
	font-size:14px;
	background:url("../images/bg.jpg") repeat;
}
body.musubi{
	background:url("../images/bg.jpg") repeat;
	color:#804D40;

}
body.cacco{
	background:url("../images/bg_cacco.jpg") repeat;
	color:#666464;
}
body.ple{
	background:url("../images/bg_ple.jpg") repeat;
	color:#000080;
}
body.caccoshop{
	background:url("../images/bg_shop.jpg") repeat;
	color:#000080;
}
body.caccoe{
	background:url("../images/bg_eng.jpg") repeat;
	color:#000080;
}

button, input, select, textarea {
	font-family : inherit;
}
.clear{	clear:both;}
.last{margin-right:0 !important;}
.hidden{display:none;}
.bold{font-weight:bold;}
.purple{color:#86688B !important;}
.left{text-align:left;}
.pink{color:#C95964;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f23{color:#C95964;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f36{font-size:36px;}

.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.vm{vertical-align:middle;}

p{line-height:1.6;}
.underline{text-decoration:underline !important;}

/*基本構成*/
/*ヘッダー*/
#header{
	background:#FFF;
	width:100%;
}
#box_header{
	width:950px;
	margin:auto;
}
#header ul{
	width:850px;
	object-fit: cover;

}
#header ul li{
	float:left;
	margin:15px 10px;
	border:1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
}
#header ul li:nth-child(1) a{
	display:block;
	height:71px;
	background-color:#FFF;
	background-image:none;
}
#header ul li:nth-child(1) a:hover{
	background:url("../images/bg.jpg") repeat;
}
#header ul li.on:nth-child(1){
	background:#f4eedd;
	background:url("../images/bg.jpg") repeat;
}
#header ul li:nth-child(2) a{
	display:block;
	height:71px;
	background-color:#FFF;
	background-image:none;
}
#header ul li:nth-child(2) a:hover{
	background:url("../images/bg_ple.jpg") repeat;
}
#header ul li.on:nth-child(2){
	background:#f4eedd;
	background:url("../images/bg_ple.jpg") repeat;
}
#header ul li:nth-child(3) a{
	display:block;
	height:71px;
	background:#fbf9f2;
}
#header ul li:nth-child(3) a:hover{
	background:#f4eedd;
}
#header ul li.on:nth-child(3){
	background:#f4eedd;

}
#google_translate_element{
	float:right;
	margin-top:40px;
}




.wrp_contents{
	width:100%;
	margin:60px auto 0;
	top:60px;
	padding:0;
}
.wrp_contents#musubi{
	background:url("../images/bg_tl.png")repeat-x;
}
.wrp_contents#ple{
	background:url("../images/bg_tlb.png")repeat-x;
}

#main_image{
	width:950px;
	margin:0 auto 60px;
	padding:0;
}

#contents{
	width:950px;
	padding:0 25px 50px;
	margin:auto;
}

#musubi > #contents > div > span > img{
	margin-right:5px;
}  

/*お問い合わせ*/
#musubi #contents .contact{
	width:934px;
	margin:0 auto;
	padding:8px;
	background:#FFF;
}
#musubi .box_contact{
	border:1px solid #C95964;
	padding:15px;
}
#musubi .box_contact a{
	display:block;
	width:420px;
	height:26px;
	padding:14px 0;
	border-radius:5px;
	background:#C95964;
	color:#FFF;
	margin:auto;
	position:relative;
}
#musubi .box_contact a:hover{
	background:#D68189;
}

#musubi .box_contact a:after {
    content: "▷";
    position: absolute;
    right: 20px;
    top: 30%;
}
#ple #contents .contact{
	width:934px;
	margin:0 auto;
	padding:8px;
	background:#FFF;
}
#ple .box_contact{
	border:1px solid #AFB1B1;
	padding:15px;
}
#ple .box_contact a{
	display:block;
	width:420px;
	height:26px;
	padding:14px 0;
	border-radius:5px;
	background:#86688B;
	color:#FFF;
	margin:auto;
	position:relative;
}
#ple .box_contact a:hover{
	background:#9F87A3;
}

#ple .box_contact a:after {
    content: "▷";
    position: absolute;
    right: 20px;
    top: 30%;
}
#cacco #contents .contact{
	width:934px;
	margin:0 auto;
	padding:8px;
	background:#FFF;
}
#cacco .box_contact{
	border:1px solid #AFB1B1;
	padding:15px;
}
#cacco .box_contact a{
	display:block;
	width:420px;
	height:26px;
	padding:14px 0;
	border-radius:5px;
	background:#86688B;
	color:#FFF;
	margin:auto;
	position:relative;
}
#cacco .box_contact a:hover{
	background:#9F87A3;
}

#cacco .box_contact a:after {
    content: "▷";
    position: absolute;
    right: 20px;
    top: 30%;
}


 


/*むずびコンセプト*/
#musubi .box_concept{
	background:url("../images/bg_concept.png") no-repeat;
	height:480px;
	padding:290px 0 0 0;
	width:923px;
	margin:auto;
}
#ple .box_concept{
	background:url("../images/bg_concept01.png") no-repeat;
	height:400px;
	padding:130px 0 0 0;
	width:923px;
	margin:auto;
}

#cacco .image{
	float:left;
	margin-left:110px;
	margin-right:37px;
	object-fit: cover;
}
#cacco .text{
	float:left;
	width:420px;
	text-align:left;
}
#ple .image{
	float:left;
	margin-left:110px;
	margin-right:37px;
	object-fit: cover;
}
#ple .text{
	float:left;
	width:420px;
	text-align:left;
}


/*個人情報*/
.tl_policy{
	width:890px;
	border-bottom:1px solid #804D40;
	padding-bottom:3px;
	margin:auto;
	
}



/*フッター*/
body.musubi #footer{
	width:100%;
	background:#C95964;
	color:#FFF;
	padding:10px 0;
}

body.ple #footer{
	width:100%;
	background:#666464;
	color:#FFF;
	padding:10px 0;
}
body.cacco #footer{
	width:100%;
	background:#666464;
	color:#FFF;
	padding:10px 0;
}

/*トップへ戻る*/

#gotop{
	position:fixed;
	top:100%;
	left:0;