/*
Theme Name: osugi
Description:PFmsのメインテーマ
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;}

@font-face {
    font-family: 'fredokaone-regular-webfont';
    src: url('/font/fredokaone-regular-webfont.eot') format('eot'),
    	 url('/font/fredokaone-regular-webfont.woff') format('woff'),
         url('/font/fredokaone-regular-webfont.woff2') format('woff2'),
         url('/font/fredokaone-regular-webfont.svg') format('svg');
}

/*--------------------------------------------------------------------*/
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:771px) {

#wrap {
	width:1000px;
	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_pc{
	clear:both;
	width:1000px;
}

#head_l{
	width:150px;
	margin: 0 0 0 0;
	padding:0;
	float:left;
}

#head_l img{
	padding:10% 10% 10% 10% ;
	width:80%;
}

#head_c{
	width:350px;
	margin: 0 0 0 0;
	padding:0;
	float:left;
}

#head_c_top{
	font-size:3.6em;
	text-indent: 0em;
	letter-spacing:0.2em;
	font-weight:bold;
	margin:50px 0 0 10px;
	font-family: 'fredokaone-regular-webfont';
}

#head_c_top_2{
	font-size:2em;
	text-indent: 0em;
	letter-spacing:0em;
	font-weight:bold;
	margin:50px 0 0 10px;
	font-family: 'fredokaone-regular-webfont';
}

#head_c_bottom{
	margin:25px 0 0 15px;
}

#head_c_bottom p.ue{
	font-size:1.2em;
	letter-spacing: 0.1em;
	text-align:left;
}

#head_c_bottom p.shita{
	font-size:1.2em;
	letter-spacing: 0.1em;
	text-align:right;
	padding-right:0.5em;
}

#head_r{
	width:500px;
	margin: 0 0 0 0;
	padding:0;
	float:left;
}

#head_r_top{
	height:15px;
	margin-left:5%;
	text-align:right;
}

#head_r_top img{
	width:100%;
}

#head_r_bottom{
	width:500px;
}

#head_r_bottom_left{
	width:170px;
	font-size:1.2em;
	text-align:left;
	float:left;
	margin:55px 0 0 0;
	letter-spacing: 0.1em;
}

#head_r_bottom_left img{
	width:100%;
}

#head_r_bottom_right{
	width:330px;
	float:left;
	margin:50px 0 0 0;
	text-align:right;
}

#head_r_bottom_right img{
	width:90%;
}

#head_sm{
	display:none;
}

#head_sm_catch{
	display:none;
}

#head_sm_catch img{
	display:none;
}

#head_sm_top{
	display:none;
}

#head_sm_top_l{
	display:none;
}

#head_sm_top_l img{
	display:none;
}

#head_sm_top_r{
	display:none;
}

#head_sm_top_r_2{
	display:none;
}

#head_sm_mid{
	display:none;
}

#head_sm_mid_l{
	display:none;
}

#head_sm_mid_l p.ue{
	display:none;
}

#head_sm_mid_l p.shita{
	display:none;
}

head_sm_mid_r{
	display:none;
}

head_sm_mid_r img{
	display:none;
}

#head_sm_bottom{
	display:none;
}

#sns_icon{
	display:none;
}

#sns_icon li{
	display:none;
}

#sns_icon li img{
	display:none;
}




/*---メニュー---*/
ul#pc_menu{
	clear:both;
	margin-left:3px;
	padding-top:10px;
	width:994px;
	height:auto;
	display: flex;
}

ul#pc_menu li{
	width:141px;
	float:left;
	text-align:center;
	background-color:#000;
}

ul#pc_menu li a{
	display: block;
	padding:5px 0 3px 0;
	color:#fff;
	font-size:14px;
	}

ul#pc_menu li a::after{
	border-bottom: dashed 2px #f00;
	bottom: 0;
	content: "";
	display: block;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}

ul#pc_menu li a:hover::after{
	width: 100%;
}



/*---slider---*/

#flexslider_main{
	width:88%;
	display:block;
	margin:0 auto;
}

.flexslider {
	width:70%;
	overflow:hidden;
	margin:0 auto;
}

ul.slides {
	width:99.5%;
	overflow:hidden;
	border:1px solid #DDD;
}

ul.slides li{
	width:100%;
	overflow:hidden;
}

ul.slides li img {
	width:100%;
	overflow:hidden;
}



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


/*---コンテンツメイン---*/
#contents_main {
}

/*---アーティクル---*/
article {
	width:700px;
	overflow:hidden;
	margin:0 20px 0 0;
	float:left;
}

/*---コンテンツ右---*/
aside {
	width:280px;
	margin:0 0 0 0;
	overflow:hidden;
	height:auto;
	float:right;
}


/*---フッター---*/
footer {
	width:1000px;
	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;
}


/*---サイトマップ---*/
#footmenu {
	width:100%;
	border-top:1px dotted #000;
	text-align: center;
}

#footmenu li {
	display: inline-block;
	padding:0 20px;
	margin:15px 0;
	color:#000;
	font-size:16px;
}

#footmenu li a {
	color:#000;
	font-size:16px;
}

#footmenu li.fmenu1 {
}

#footmenu li.fmenu2 {
	border-left:1px solid #000;
}

.clear{
	clear:both;
}

/*---フッターinfo---*/
#f_info{
	width:100%;
	height:auto;
	padding: 20px 0 0 0;
	font-size: 14px;
	color:#fff;
	background-color:#000;
}

#f_info dt{
	padding-left:20px;
}

#copy_right{
	margin:20px 0 0 0;
	text-align:right;
    font-size: 14px;
	padding-right:20px;
}

}

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

#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_pc{
	display:none;
}

#head_l{
	display:none;
}

#head_l img{
	display:none;
}

#head_c{
	display:none;
}

#head_c_top{
	display:none;
}

#head_c_top_2{
	display:none;
}

#head_c_bottom{
	display:none;
}

#head_c_bottom p.ue{
	display:none;
}

#head_c_bottom p.shita{
	display:none;
}

#head_r{
	display:none;
}

#head_r_top{
	display:none;
}

#head_r_top img{
	display:none;
}

#head_r_bottom{
	display:none;
}

#head_r_bottom_left{
	display:none;
}

#head_r_bottom_left img{
	display:none;
}

#head_r_bottom_right{
	display:none;
}

#head_r_bottom_right img{
	display:none;
}

#head_sm{
	clear:both;
}

#head_sm_catch{
	width:100%;
}

#head_sm_catch img{
	width:100%;
}

#head_sm_top{
	width:100%;
	margin-top:8%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

#head_sm_top_l{
	width:20%;
	text-align:right;
	margin:0 2% 0 0;
}

#head_sm_top_l img{
	width:100%;
}

#head_sm_top_r{
	font-size:calc(50% + 7.25vw);
	text-indent: 0em;
	letter-spacing:0.2em;
	font-weight:bold;
	margin:0% 0 0 0%;
	font-family: 'fredokaone-regular-webfont';
	text-align:left;
}

#head_sm_top_r_2{
	font-size:calc(50% + 2.25vw);
	text-indent: 0em;
	letter-spacing:0.0em;
	font-weight:bold;
	margin:0% 0 0 0%;
	font-family: 'fredokaone-regular-webfont';
	text-align:left;
}

#head_sm_mid{
	width:100%;
	padding-top:2%;
	overflow:hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
}

#head_sm_mid_l{
	width:67%;
	margin-right:3%;
}

#head_sm_mid_l p.ue{
/*	padding-top:3%;*/
	font-size:calc(50% + 1.25vw);
	letter-spacing: 0.1em;
	text-align:right;
}

#head_sm_mid_l p.shita{
	font-size:calc(50% + 1.25vw);
	letter-spacing: 0.1em;
	text-align:right;
}

#head_sm_mid_r{
	width:30%;
	float:right;
}

#head_sm_mid_r img{
	width:100%;
}

#head_sm_bottom{
	width:100%;
	clear:both;
	margin-top:-2%;
	margin-bottom:10%;
	text-align:right;
}

#head_sm_bottom img{
	width:50%;
	clear:both;
	padding:0 0 0 24%;
    display: inline-block;
<---  border-radius: 10px;--->
<---    -webkit-box-shadow: 1px 1px 7px #0569ff;--->
<---    -moz-box-shadow: 1px 1px 7px #0569ff;--->
<---    box-shadow: 1px 1px 7px #0569ff;--->
<---    background: #0569ff;--->
<---    background: -webkit-gradient(linear, left top, left bottom, from(#f5e789), to(#fdeafc));--->
<---    background: -moz-linear-gradient(top, #f5e789, #fdeafc);--->
<---    background: -o-linear-gradient(top, #f5e789, #fdeafc);--->
<---    background: -ms-linear-gradient(top, #f5e789, #fdeafc);--->
<---    background: linear-gradient(top, #f5e789, #fdeafc);--->
<---    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5e789', endColorstr='#fdeafc');--->
<---    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5e789', endColorstr='#fdeafc')";--->
}

#sns_icon{
	width:100%;
	margin-top:5%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

#sns_icon li{
	margin:0 auto;
	width:13%;
}

#sns_icon li img{
	width:100%;
}




/*---メニュー---*/
ul#pc_menu{
	display:none;
}

ul#pc_menu li{
	display:none;
}

ul#pc_menu li a{
	display:none;
}

ul#pc_menu li a::after{
	display:none;
}

ul#pc_menu li a:hover::after{
	display:none;
}


/*---slider---*/


#flexslider_main{
	width:100%;
	display:block;
	margin:0 auto;
	margin-top:5%;
}

.flexslider {
	width:99%;
	height:auto !important;
	overflow:hidden;
}

ul.slides {
	width:99.0%;
	overflow:hidden;
	border:1px solid #DDD;
}

ul.slides li img {
	width:100%;
	overflow:hidden;
}



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


/*---コンテンツメイン---*/
#contents_main {
}

/*---アーティクル---*/
article {
	width:100%;
	overflow:hidden;
	margin:0 0 0 0;
	clear:both;
}

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





/*---フッター---*/
footer {
	width:100%;
	overflow:hidden;
	height:auto;
	margin:10% 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;
}


/*---サイトマップ---*/
#footmenu {
	width:100%;
	border-top:1px dotted #000;
	text-align: left;
	text-indent:0.5em;
}

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

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

#footmenu li.fmenu1 {
}

#footmenu li.fmenu2 {
}

.clear{
	clear:both;
}





/*---フッターinfo---*/
#f_info{
	width:100%;
	height:auto;
	padding: 20px 0 0 0;
	font-size: 14px;
	color:#fff;
	background-color:#000;
}

#f_info dt{
	padding-left:20px;
}

#copy_right{
	margin:20px 0 0 0;
	text-align:right;
    font-size: 14px;
	padding-right:20px;
}

}