/*
Theme Name: osugi
Description:Traumereiのメインテーマ
Theme URI: テーマの URL
Author: おすぎ
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

@charset "UTF-8";
/* CSS Document */

/*-初期化
--------------------------------------------------------------------*/
html { height : 100% ;}
body { height : 100% ;}
html, body                                      { font-family: "メイリオ",sans-serif; margin: 0; padding: 0; font-size: 0.9em; line-height:1.5; }
h1, h2, h3, h4, h5, h6, address                 { font-family: "メイリオ",sans-serif; margin: 0; padding: 0; font-size: 0.9em; border: 0; font-style: normal;
                                                  font-weight: normal; }
div, blockquote, p, pre, ul, ol, li, dl, dt, dd { font-family: "メイリオ",sans-serif; margin: 0; padding: 0; border: 0; }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table, caption, th, td                          { font-family: "メイリオ",sans-serif; margin: 0; padding: 0; border: 0; font-style: normal;
                                                  font-weight: normal; font-size: 100%; }
hr                                              { font-family: "メイリオ",sans-serif; margin: 0; padding: 0; font-size: 100%; }
iframe                                          { font-family: "メイリオ",sans-serif; margin: 0; padding: 0; border: 0; font-size: 100%; }
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object            {
	font-family: "メイリオ",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 9px;
	text-decoration:none;
	color: #F36;
}
ul												{ list-style-type:none;}


/*--------------------------------------------------------------------*/
html { 
height : 100% ;
padding:0;
margin:0;
}

body {
	color: #333;
	font: 9px/13px　メイリオ,sans-serif;
	line-height:150%;
	margin: 0 ;
	padding:0;
	background: #fff;
	overflow:auto;
    -webkit-text-size-adjust: 100%;
}

a {
	color:#000000;
}

a:hover {
color:#FD5392;
}

.clear {
	clear:both;
}


/*PC用ソース*/
@media screen and (min-width:980px) {

#wrap {
	width:800px;
	height:auto;
	margin: 0 auto;
	padding:0;
	background: #fff;
	text-align:left;
	overflow:hidden;
}


/*---ヘッダー---*/
header {
	width:800px;
}


/*---slicknav---*/
.js #slick_menu {
	display:none;
}
	
.js .slicknav_menu {
	display:none;
}

ul#slick_menu{
	display:none;
}

.slicknav_menu {
	display:none;
}


/*---ヘッダー上段---*/
#head_top_left{
	width:550px;
	height:18px;
	margin: 30px 0 0 0;
	padding:0;
	text-indent: 0em;
	float:left;
	font-size:0.9em;
}

#head_top_right{
	width:250px;
	height:18px;
	margin: 30px 0 0 0;
	padding:0;
	text-align:right;
	padding-right:0em;
	float:left;
}

#head_top_right strong{
	font-size:0.9em;
	color:#666666;
}


/*---ヘッダー下左---*/

#head_left {
	width:300px;
	height:100px;
	margin:60px 0px 10px 0;
	padding:0;
	float:left;
}

#head_left img {
}


/*---ヘッダー下右---*/

#head_right {
	width:270px;
	height:100px;
	margin:70px 0px 10px 0;
	padding:0;
	float:right;
}

#head_right img{
}

#head_right3 {
	text-align:right;
}

#head_right3 li {
	display: inline-block;
	padding-left:10px;
}

#head_right3 img {
	width:30px;
}


/*---コンテンツ---*/
#contents {
	width:800px;
	height:auto;
	margin:0 0 0 0;
	overflow:hidden;
	clear:both;
}


/*---コンテンツ左---*/
#contents_left {
	width:180px;
	overflow:hidden;
	margin:60px 0 0 2px;
	float:left;
}

#contents_menu {
	width:120px;
	overflow:hidden;
	height:auto;
}

#contents_menu li {
	padding:2px 0 2px 0;
}


/*---コンテンツ右---*/
#contents_main {
	width:610px;
	margin:60px 0 0px 0;
	overflow:hidden;
	height:auto;
	float:left;
}


/*---アーティクル---*/
article {
	margin-top:25px;
}


/*---フッター---*/
footer {
	width:800px;
	overflow:hidden;
	height:auto;
	margin:30px 0 0 0;
}


/*---ページトップ---*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}


/*---サイトマップ---*/
#mbfoot {
	display:none;
}

#mbfoot a{
	display:none;
}

.pcfoot {
	display:none;
}

.footmenu {
	display:none;
}

.footmenu li {
	display:none;
}

.footmenu li a {
	display:none;
}

.footmenu li a:hover {
	display:none;
}


/*---クローズワード---*/
#closeword{
	width:700px;
	overflow:hidden;
	height:auto;
	margin:0 50px 0 50px;
        padding: 0 50px 0 50px;
        font-size: 8px;
}
/*---copy_right---*/
#copy_right{
	width:800px;
	overflow:hidden;
	height:auto;
	margin:0 0 0 0;
	text-align:right;
        padding-right:10em;
        padding:0;
        font-size: 8px;
}

}

/*タブレット用ソース*/
@media screen and (max-width: 979px){

#wrap {
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	background: #fff;
	text-align:left;
	overflow:hidden;
}


/*---ヘッダー---*/
header {
	width:100%;
}


/*---slicknav---*/
.js #slick_menu {
	display:none;
}
	
.js .slicknav_menu {
	display:block;
}

ul#slick_menu{
	display:none;
}

.slicknav_menu {
	display:block;
}


/*---ヘッダー上段---*/
#head_top_left{
	width:100%;
	height:auto;
	margin: 1% 0 0 0;
	padding:0;
	text-indent: 0em;
	float:left;
	font-size:0.9em;
}

#head_top_right{
	width:100%;
	height:auto;
	margin: 1% 0 0 0;
	padding:0;
	text-align:right;
	padding-right:0em;
	float:left;
}

#head_top_right strong{
	font-size:0.9em;
	color:#666666;
}


/*---ヘッダー下左---*/

#head_left{
	width:60%;
	height:100px;
	margin:10% 0 0 0;
	padding:0;
	float:left;
}

#head_left img {
}


/*---ヘッダー下右---*/

#head_right {
	width:40%;
	height:auto;
	margin:10% 0 0 0;
	padding:0;
	float:right;
}

#head_right img{
	margin-bottom:3%;
}

#head_right3 {
	text-align:center;
	margin:0 auto 0 auto;
}

#head_right3 li {
	display: inline-block;
}

#head_right3 img {
	width:60%;
}


/*---コンテンツ---*/
#contents {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	overflow:hidden;
	clear:both;
}


/*---コンテンツ左---*/
#contents_left {
	display:none;
}

#contents_menu {
	display:none;
}

#contents_menu li {
	display:none;
}


/*---コンテンツ右---*/
#contents_main {
	width:100%;
	margin:5% 0 0 0;
	overflow:hidden;
	height:auto;
	float:left;
}


/*---フッター---*/
footer {
	width:100%;
	overflow:hidden;
	height:auto;
	margin:15% 0 0 0;
}


/*---ページトップ---*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}


/*---サイトマップ---*/
#mbfoot {
	display:none;
}

#mbfoot a{
	color:#2d2d2d;
}

.pcfoot {
}

.footmenu {
}

.footmenu li {
	background-color: #CCC;
	line-height:50px;
	border-bottom:1% solid #878787;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);
	padding:0 5%;
	width:40%;
	float:left;
}

.footmenu li a {
	color:#454545;
	font-size: 16px;
	background: url(../images/arrow.png) 98% 50% no-repeat;
    background-size: 20px 20px;
	display: block;
}

.footmenu li a:hover {
}


/*---クローズワード---*/
#closeword{
	width:100%;
	overflow:hidden;
	height:auto;
	margin:5% 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.9em;
}

/*---copy_right---*/
#copy_right{
	width:100%;
	overflow:hidden;
	height:auto;
	margin:5% 0 5% 0;
	text-align:right;
	padding-right:10em;
	padding:0;
	font-size: 0.9em;
}

}


/*スマホ用ソース*/
@media screen and (max-width:540px){

#wrap {
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	background: #fff;
	text-align:left;
	overflow:hidden;
}


/*---ヘッダー---*/
header {
	width:100%;
}


/*---slicknav---*/
.js #slick_menu {
	display:none;
}
	
.js .slicknav_menu {
	display:block;
}

ul#slick_menu{
	display:none;
}

.slicknav_menu {
	display:block;
}


/*---ヘッダー上段---*/
#head_top_left{
	width:100%;
	height:auto;
	margin: 1% 0 0 0;
	padding:0 1% 0 1%;
	text-align:left;
	clear:both;
}

#head_top_right{
	width:100%;
	height:auto;
	margin: 1% 0 0 0;
	text-align:right;
	float:left;
}

#head_top_right strong{
	font-size:0.9em;
	color:#666666;
	padding:0 1% 0 1%;
}


/*---ヘッダー下左---*/

#head_left{
	width:90%;
	height:auto;
	margin:15% 5% 15% 5%;
	clear:both;
}

#head_left img {
	width:100%;
}


/*---ヘッダー下右---*/

#head_right {
	width:90%;
	height:auto;
	margin:10% 5% 0 5%;
	clear:both;
	overflow:hidden;
}

#head_right img{
	width:100%;
}

#head_right3 {
	width:100%;
	text-align:center;
	overflow:hidden;
}

#head_right3 li {
	display: inline-block;
	padding-left:0%;
	overflow:hidden;
}

#head_right3 img {
	width:50%;
}


/*---コンテンツ---*/
#contents {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	overflow:hidden;
	clear:both;
}


/*---コンテンツ左---*/
#contents_left {
	display:none;
}

#contents_menu {
	display:none;
}

#contents_menu li {
	display:none;
}


/*---コンテンツ右---*/
#contents_main {
	width:100%;
	margin:10% 0 0 0;
	overflow:hidden;
	height:auto;
	float:left;
}



/*---フッター---*/
footer {
	width:100%;
	overflow:hidden;
	height:auto;
	margin:15% 0 0 0;
}


/*---ページトップ---*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}


/*---サイトマップ---*/
#mbfoot {
	margin:5% 0 0 0;
	width:100%;
	background-color:#f2f2f2;
	padding-top:5%;
	text-align:left;
}

#mbfoot a{
	color:#2d2d2d;
}

.pcfoot {
	display:block;
}

.footmenu {
	display:block;
}

.footmenu li {
	background-color: #CCC;
	line-height:40px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);
	padding:0 5%;
	width:90%;
}

.footmenu li a {
	color:#454545;
	font-size: 16px;
	background: url(../images/arrow.png) 98% 50% no-repeat;
    background-size: 20px 20px;
	display: block;
}

.footmenu li a:hover {
}


/*---クローズワード---*/
#closeword{
	width:100%;
	overflow:hidden;
	height:auto;
	margin:5% 0 0 0;
	padding: 0 2% 0 2%;
	font-size: 0.9em;
}
/*---copy_right---*/
#copy_right{
	width:100%;
	overflow:hidden;
	height:auto;
	margin:5% 0 5% 0;
	text-align:center;
	padding-right:10em;
	padding:0;
	font-size: 0.9em;
}

}