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

/*
Theme Name: smilegrafix
Theme URI: http://udw23.com
Description: A theme by <a href="http://www.udw23.com">UNLIMITED DESIGN WORKS*</a>.
Version: 1
Author: ULB
Author URI: http://udw23.com
*/

/*---------------------------------------------*/
/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*---------------------------------------------*/

html {
  background-color: transparent;
  background-image: none;
}

/*---------------------------------------------*/

/*
CSS -micro clearfix
*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
	
/*追加*/
	overflow: hidden;
}

/*---------------------------------------------*/


body {
	color: #000;
}


/*リンク文字*/
a{ text-decoration: underline; }
a:link{ color: #000000; }
a:visited{ color: #000000; }
a:hover{ color: #ffcc00; transition: 300ms; }
a:active{ color: #ffcc00; }

a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
transition: 300ms; 
}



#wrapper {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:100%;
	position:relative;
}

p {
	font-size:14px;
	line-height:160%;
	word-wrap:break-word;
}



/****************************************
		Header
*****************************************/
#header {
	width:100%;
	height:100%;
	/*height:745px;*/
	border-bottom:45px solid #000;
}

#main-carousel {
	width:100%;
}

#main-carousel img {
	width:100%;
}

.bx-wrapper {
	/*height:695px;*/
}

/*
.bxslider .bx1 {
	width:100%;
}

.bxslider .bx2 {
	width:100%;
}

.bxslider .bx3 {
	width:100%;
}
*/





/****************************************
		GNavi
*****************************************/

#nav {
	width:100%;
	height:30px;
	background:#000;
	padding:10px 0;
	z-index:10;
}


#nav-rltv {
	position:relative;
}

#logo {
	width:151px;
	margin:0 auto;
}

#navibox {
	width:350px;
	position:absolute;
	top:0;
	right:0;
}

#navibox ul{
  margin:0;
  padding:0;
}

#navibox ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:10px;
  float: left;
  position: relative;
  width: 80px;/*親メニューの幅*/
  height: 40px;/*親メニューの高さ*/
  line-height: 33px;
  background:#000000;/*親メニューの背景色*/
  color: #FFFFFF;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
}

#navibox ul li a {
  color: #FFFFFF;
  display: block;
  text-decoration: none;
}

#navibox ul li:hover, #navibox ul li a:hover {
  /*background:#EA2839;*/ /*ホバー時の親メニューの背景色*/
  color:#96ccdd;/*ホバー時の親メニューの文字色*/
}

#navibox ul li ul {
  position: absolute;
  top: 40px;/*親メニューの高さと同じにする*/
  width: 80px;
  z-index: 100;
}

#navibox ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 80px;/*サブメニューの幅*/
  height: 0;
  background:#000000;/*サブメニューの背景色*/
  
  line-height: 20px;
}

#navibox ul li ul li:hover, #navibox ul li ul li a:hover {
  background:#96ccdd;/*ホバー時のサブメニューの背景色*/
  color:#000000;
}

#navibox ul li:hover ul li, #navibox ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  /*height:40px;*//*サブメニューの高さ*/
  height:25px;/*サブメニューの高さ*/
  z-index: 10;
  padding-top:5px;
  line-height:200%;
}

#navibox * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}





#sns-right {
	width:130px;
	position:absolute;
	top:5px;
	left:10px;
}

#sns-right ul li {
	display:inline;
	font-size:18px;
	padding:0 7px;
}


#sns-right a {
	color:#CCCCCC;
}

#sns-right a:hover {
	/*color:#ffcc00;*/
	color:#96ccdd;
}





.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	height:50px;
	z-index:2000!important;
}


.dl-trigger {
	display:none;
}

.dl-back {
	display:none;
}


/****************************************
		Main
*****************************************/

#main {
	/*width:80%;*/
	/*width:1200px;*/
	width:100%;
	/*margin:10px auto 70px;*/
	margin:0 auto 70px;
}

.box {
	float:left;
	width:20%;
	/*margin:10px;*/
	margin:0;
	padding:0;
}

.box img {
	width:100%;
	display:block;
}

/*
.box iframe {
	width:100%;
	height:100%;
}
*/

.tp-mov {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}

.tp-mov iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main a {
	text-decoration:none;
}


#main h2 {
	font-size:13px;
	margin-top:15px;
	line-height:120%;
}

#main h2 span a {
	font-size:12px;
	color:#777;
	padding-right:5px;
}

#main h2 a:hover {
	color:#ffcc00;
}

#main p.ymd {
	font-size:12px;
	font-weight:bold;
}

#main p {
	font-size:12px;
	margin:5px 0;
}

#main p.more {
	font-weight:bold;
}




/****************************************
		Footer
*****************************************/

#footer {
	width:100%;
	background:#000000;
	
	position:fixed;
	bottom:0;
	left:0;
}

#footer p {
	font-size:10px;
	color:#FFFFFF;
	padding:7px;
	text-align:center;
}



/****************************************
		Archive
*****************************************/

#acv-tt {
	width:100%;
	margin:20px 0;
	text-align:center;
}

#acv-tt h1 {
	font-size:28px;
}


/****************************************
		Page
*****************************************/


#header-page {
	width:100%;
	height:50px;
}



#page {
	width:1050px;
	margin:0 auto;
}

#page a {
	text-decoration:none;
}


#page h2 {
	font-size:26px;
	margin-top:15px;
	line-height:120%;
}

#page h2 a {
	font-size:12px;
	color:#777;
	padding-right:5px;
}

#page h2 a:hover {
	color:#ffcc00;
}

#page p.ymd {
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:200%;
}

#page p.cat a {
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:200%;
	margin-left:10px;
	color:#777;
}

#page p.cat a:hover{
	color: #ffcc00;
	transition: 300ms;
}

#page p {
	font-size:12px;
	margin:5px 0;
}

#page p.more {
	font-weight:bold;
}

.sgbox {
	width:375px;
	float:left;
	margin:10px;
	position:fixed;
}

#page .sgbox h2 {
	font-size:26px;
	margin-top:5px;
	line-height:120%;
}

.phtbox {
	float:right;
	width:580px;
	margin:10px 10px 40px;
}


.mov {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}
.mov iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.pht {
	float:left;
	width:280px;
	margin:5px;
}




#infscr-loading {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:43px;
	background:#000;
	text-align:center;
	padding:10px 0;
	z-index:2000;
}

#infscr-loading p {
	color:#FFF;
}


/****************************************
		About
*****************************************/

@font-face {
    font-family: 'liberation_sansbold';
    src: url('fonts/LiberationSans-Bold-webfont.eot');
    src: url('fonts/LiberationSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LiberationSans-Bold-webfont.woff') format('woff'),
         url('fonts/LiberationSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/LiberationSans-Bold-webfont.svg#liberation_sansbold') format('svg');
}


#abtbox {
	margin-top:55px;
	text-align:center;
}

#abtbox h2 {
	font-family:"liberation_sansbold";
	font-size:15px;
	/*font-weight:bold;*/
	line-height:130%;
}

#abtbox h3 {
	font-size:12px;
	font-weight:bold;
}

#abtbox p {
	margin:8px 0 23px;
	line-height:140%;
}

#abtbox p.webd {
	margin:8px 0 13px;
	line-height:140%;
}

#abtbox p.bank {
	margin:0 0 10px;
	line-height:100%;
}

#abtbox p.smgx {
	font-family:"liberation_sansbold";
	font-size:15px;
	margin:0 0 10px;
	line-height:100%;
}

#abtbox .abtbnr {
	margin:42px 0 70px;
}

#abtbox .abtbnr p {
	margin-bottom:25px;
	line-height:100%;
}






/****************************************
		max-width:1280px
*****************************************/
@media only screen and (max-width:1280px) {

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


/*
#header {
	height:770px;
}
*/

.bx-wrapper {
	height:auto;
}




/****************************************
		GNavi
*****************************************/

#nav {
	width:100%;
	height:30px;
	background:#000;
	padding:10px 0;
}

#navibox {
	width:250px;
	position:absolute;
	top:0;
	left:0;
}

#navibox ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:10px;
  float: none;
  position: static;
  width: auto;/*親メニューの幅*/
  height: auto;/*親メニューの高さ*/
  line-height: normal;
  background:#000000;/*親メニューの背景色*/
  color: #FFFFFF;/*親メニューの文字色*/
  text-align:left;
  font-weight:normal;
}


#navibox ul li ul {
  position: static;
  top: auto;/*親メニューの高さと同じにする*/
  width: auto;
  z-index: auto;
}

#navibox ul li ul li {
  visibility: visible;
  overflow: visible;
  width: auto;/*サブメニューの幅*/
  height: 40px;
  background:#000000;/*サブメニューの背景色*/
}


#navibox ul li:hover ul li, #navibox ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height: 40px;/*サブメニューの高さ*/
  z-index: auto;
  padding-top:0;
}

#navibox * {
  -webkit-transition: 0;
  -moz-transition: 0;
  -ms-transition: 0;
  -o-transition: 0;
  transition: 0;
}





#sns-right {
	width:140px;
	position:absolute;
	top:7px;
	left:auto;
	right:0;
}






.dl-trigger {
	display: block;
	margin-left:5px;
}

.dl-back {
	display: block;
}



/****************************************
		Main
*****************************************/

#main {
	width:100%;
	margin:0 auto 70px;
}



/****************************************
		Page
*****************************************/


#header-page {
	width:100%;
	height:50px;
}



#page {
	width:80%;
	margin:0 auto 70px;
}

#page h2 {
	margin-top:15px;
}



.sgbox {
	width:100%;
	float:none;
	margin:10px 0;
	position: static;
}

.phtbox {
	float:none;
	width:100%;
	margin:20px auto;
}


.pht {
	float:none;
	width:100%;
	margin:5px 0;
}






}

/****************************************
		max-width:900px
*****************************************/
@media only screen and (max-width:900px) {

#main {
	width:100%;
	margin:0 auto 70px;
}

}
/****************************************
		max-width:640px
*****************************************/
@media only screen and (max-width:640px) {

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*
#header {
	height:300px;
}
*/

.bx-wrapper {
	height:auto;
}




/****************************************
		GNavi
*****************************************/

#nav {
	width:100%;
	height:60px;
	background:#000;
	padding:10px 0;
}

#logo {
	width:151px;
	float:none;
	margin:3px auto 0;
}

#logo img {
	width:100%;
}



#navibox {
	width:220px;
	position:absolute;
	top:32px;
}





#sns-right {
	width:118px;
	position:absolute;
	top:37px;
	right:0;
}

#sns-right ul li {
	display:inline;
	font-size:23px;
	padding:5px 3px;
}


#sns-right a {
	color:#CCCCCC;
}

#sns-right a:hover {
	/*color:#ffcc00;*/
	color:#96ccdd;
}






.dl-trigger {
	display: block;
	margin-left:5px;
}

.dl-back {
	display: block;
}



/****************************************
		Main
*****************************************/

#main {
	/*width:280px;*/
	width:80%;
	margin:10px auto 70px;
}

.box {
	float:left;
	/*width:280px;*/
	width:100%;
	margin:10px 0;
}


/****************************************
		Page
*****************************************/


#header-page {
	width:100%;
	height:80px;
}



#page {
	width:80%;
	margin:0 auto 70px;
}




.sgbox {
	width:100%;
	float:none;
	margin:10px 0;
	position: static;
}

.phtbox {
	float:none;
	width:100%;
	margin:20px auto;
}


.pht {
	float:none;
	width:100%;
	margin:5px 0;
}


}











.wp_social_bookmarking_light{
    border: 0 !important;
    padding: 10px 0 20px 0 !important;
    margin: 0 !important;
}
.wp_social_bookmarking_light div{
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 30px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
#fb-root{
    display: none;
}
.wsbl_twitter{
    width: 100px;
}
.wsbl_facebook_like iframe{
    max-width: none !important;
}