/*
Theme Name: c-MH
Template: juliet
*/
@import url("/wp-content/themes/juliet/style.css");

/*-------------------------
	add style
-------------------------*/

/* ************************************************
*	ヘッダー
* ************************************************ */
.header-inner {
position:relative;
padding: 6px 0;
}
.logo {
float:none !important;
margin: 0 auto;
padding:0;
text-align: center;
}
.logo img{
text-align: center;
}
.contact {
/*
position:relative;
bottom:20px;
right:0;
*/
width:30%;
float: none;
margin: 0 auto;
padding: 0;
}
.contact fieldset{
padding:2em 1.5em 0;
}

/* ************************************************
*	トップナビゲーション
* ************************************************ */

/* PC 画面の横幅が960px以上 */
/*
@media only screen and (min-width: 960px) {
#nav {overflow: hidden; width: 100%; text-align : center;}
}
*/

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
/*
@media only screen and (min-width: 768px) and (max-width: 959px) {
#nav {overflow: hidden; width: 728px; text-align : center;margin-bottom:10px;}
}
*/

/* PC 画面の横幅が768px以上 */

@media only screen and (min-width: 768px) {
/*#nav {overflow: hidden; width: 100%; text-align : center;margin-bottom:10px;}*/
#nav {width: 100%; text-align : center;margin-bottom:10px;}
}

/* Mobile (Portrait) 画面の横幅が767pxまで */

@media only screen and (max-width: 767px) {
#nav { margin-top:12px;margin-bottom:10px;}
}

/* Mobile (Landscape) 画面の横幅が480px〜767pxまで */

@media only screen and (min-width: 480px) and (max-width: 767px) {
#nav { margin-top:8px;margin-bottom:5px;}
}
/* ************************************************
*	スライド
* ************************************************ */
#top-slide{
width:100%;
padding: 0px;
margin: 10px auto 20px auto;
}

.cycle-slideshow{
	overflow: hidden;
	max-width: 100%;
	_width: 100%;
	margin: auto;
	text-align: center;
	height: 466px;
}
/* ************************************************
*   レスポンシブ
* ************************************************ */

/* PC 画面の横幅が960px以上 */
/*
@media only screen and (min-width: 960px) {
.cycle-slideshow { overflow: hidden; width: 100%; height: auto; margin-bottom:-20px;}
}
*/

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
/*
@media only screen and (min-width: 768px) and (max-width: 959px) {
.cycle-slideshow { overflow: hidden; width: 728px; height: 265px; margin-bottom:-20px;}
}
*/

/* PC 画面の横幅が768px以上 */

@media only screen and (min-width: 768px) {
.cycle-slideshow { overflow: hidden; width: 100%; height: auto; margin-bottom:-20px;}
}

/* Mobile (Portrait) 画面の横幅が767pxまで */

@media only screen and (max-width: 767px) {
.cycle-slideshow { overflow: hidden; width: 300px; height: 109px; margin-bottom:-20px;}
}


/* Mobile (Landscape) 画面の横幅が480px〜767pxまで */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.cycle-slideshow { overflow: hidden; width: 420px; height: 157px; margin-bottom:-20px;}
}