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

/* =====================================

     RESET
   
======================================= */
 
*{margin:0;padding:0;}
h1,h2,h3,h4,h5 {font-size:100%;margin: 0;padding: 0;line-height:1.2em; font-weight:100;}
div {margin: 0;padding: 0;}
p {margin: 0;padding: 0;}
a { color:#62934B; text-decoration:none;outline: none;}
a:visited { color:#703F77; }
a:hover { color:#83AF42 ;text-decoration:underline; }
a:focus { color: #83AF42; outline:outline: none;}
a:hover, a:active { color: #83AF42;outline: 0; }
table,th,td {margin: 0;padding: 0;font-size: inherit;font-size: 1em;border-collapse: collapse;}
table{width:100%;}
ul,ol,li,dl,dt,dd {margin: 0;padding: 0;list-style: none;list-style-position: outside;}
img {margin: 0;padding: 0;border: none;line-height: 0;vertical-align: bottom;opacity:1\9; /* IE8 and below */}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

/* =====================================

     OPTION
   
======================================= */

/*=========display=========*/
.DisPlayNone { display:none; }
.DisPlayBlock { display:block; }
.DisPlayInline { display:inline; }

/*=========float=========*/
.FRight { float: right; }
.FLeft { float: left; }

/*=========clear=========*/
.ClearBoth { clear:both; }
.ClearRight { clear: right; }
.ClearLeft { clear: left; }
.ClearBox {
	clear: both;
	height: 50px;
	overflow: hidden;
}
.ClearFix { zoom: 1; }
.ClearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* no ie mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }

/*=========マージン設定=========*/
.MA0 { margin:0 !important;}

.MT0 { margin-top:0;}
.MT5 { margin-top:5px; }
.MT10 { margin-top:10px; }
.MT15 { margin-top:15px; }
.MT20 { margin-top:20px; }

.MR0 { margin-right:0 !important;}
.MR5 { margin-right:5px; }
.MR10 { margin-right:10px; }
.MR15 { margin-right:15px; }
.MR20 { margin-right:20px; }

.MB0 { margin-bottom:0; }
.MB5 { margin-bottom:5px; }
.MB10 { margin-bottom:10px; }
.MB15 { margin-bottom:15px; }
.MB20 { margin-bottom:20px; }
.MB40 { margin-bottom:40px; }

.ML0 { margin-left:0; }
.ML5 { margin-left:5px; }
.ML10 { margin-left:10px; }
.ML15 { margin-left:15px; }
.ML20 { margin-left:20px; }

/*=========パディング設定=========*/
.PA0 { padding:0;}

.PT0 { padding-top:0; }
.PT5 { padding-top:5px; }
.PT10 { padding-top:10px; }
.PT20 { padding-top:20px; }

.PR0 { padding-right:0; }
.PR5 { padding-right:5px; }
.PR10 { padding-right:10px; }
.PR20 { padding-right:20px; }

.PB0 { padding-bottom:0; }
.PB5 { padding-bottom:5px; }
.PB10 { padding-bottom:10px; }
.PB20 { padding-bottom:20px; }

.PL0 { padding-left:0; }
.PL5 { padding-left:5px; }
.PL10 { padding-left:10px; }
.PL20 { padding-left:20px; }

/*=========Font=========*/
.FontBold { font-weight: bold; }
.FontS{font-size:80%;line-height:1.2em;}
.FontB{font-size:120%;}

/*=========text-align=========*/
.TACenter {	text-align: center; }
.TARight { text-align: right; }
.TALeft { text-align: left; }

.grid_1 {width: 10%;}
.grid_2 {width: 20%;}
.grid_3 {width: 30%;}
.grid_4 {width: 40%;}
.grid_5 {width: 50%;}
.grid_6 {width: 60%;}
.grid_7 {width: 70%;}
.grid_8 {width: 80%;}

@media screen and (max-width:640px){
.grid_1,.grid_2,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8 {width:100%;}
}
body{font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica,  sans-serif;line-height: 1.7em;font-size: 12px;color:#333;background-color: #FFF;zoom: 1;}
html {
    margin-top: 0px !important;
}
.caption {text-align:left;display: block;clear: both;font-size:80%;line-height: 130%;padding-top: 5px;}
.bg_FFF{ background-color:#FFF;}
.coming_soon{opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */}

/* =======================================

 PC
  
   ======================================= */

/*PCで表示させないセレクタ*/
#sp_header,#sp_footer,.sp_main {display:none;}
.pc_hidden{display:none;}

/* header */
#header{background: url(../images/common/bg.gif) repeat-y center top;height:18px;margin-bottom:30px;}
#header div{width: 960px;margin: 0px auto;position: relative;}
#header div h1{position:absolute;top:10px;left:408px;}

/*g_nav*/
#g_nav{width:220px;height:300px;background-color:#FFF;border:1px solid #969696;clear:both;}
#g_nav ul{margin: 10px auto 0;width: auto;}
#g_nav li{margin-bottom:3px;}
#g_nav li img{margin-left:10px;}
#g_nav li a{margin-left:18px;display:block;}
#g_nav .line{border-top:1px dotted #999;padding-top:14px;margin-top:14px;}
#g_nav .notice{border:1px solid #e60012;padding:1px;margin:5px auto;color:#e60012;width:80%;text-align:center;}

/* footer */
#footer div{}
#footer .copyright{clear:both;text-align:center;font-size:90%;background:url(../images/common/bg.gif) repeat-y center;}

/* 共通セレクタ */
#contents{clear: both;margin: 0px auto;width: 960px;}
#contents .wrap{margin:50px auto;}
#contents #main{width: 560px;padding-left:90px;float:left; overflow:hidden;}
#contents #main h2{margin-bottom:20px;}
#contents #main h3{margin-bottom:20px;}
#contents #sub{width: 220px;padding-right:20px;float:right;}
#contents .to_loca{text-align:right;clear:both;margin-top:30px;}
#contents .bottom_link{float:right;margin:10px 0;display:block;}
/* #contents .bottom_link li{float:left;background:url(../images/common/arrow.jpg) no-repeat 0px 7px;padding-left:10px;margin-left:20px;} */
#contents .bottom_link li a{color:#333;}
		
/* ================================================
   TOP
   ==============================================*/  
#TOP{background-color: #E00;background-image: url(../images/common/bg.gif);background-repeat: repeat-y;background-position: center top;}
#TOP #header h1{text-align:center;margin:24px auto;}
#TOP .pc_main{padding-top:25px;}     
#TOP #contents .panel{background:#FFF;border:1px solid #999;padding:10px;float:left;height:305px;position:relative;margin-bottom:20px;line-height:1.5em;display:block;color: #5F5F5F}    
#TOP #contents .panel h2{text-align:center;margin:20px auto;}     
#TOP #contents a .panel {color: #5F5F5F7;}  
#TOP #contents .panel .mark{position:absolute;bottom:10px;left:10px;z-index:100;} 
#TOP #contents .panel .txt_box{ height:50px; overflow:hidden;}
#TOP #contents .panel .txt_box a{ color:#393939;}      
#TOP #contents .panel .more { color:#D90E11; padding:10px 0 0 110px; display:block;} 
#TOP .panel .new{position:absolute;top:0px;left:0px;}    
#TOP #contents .panel .new{position:absolute;top:0px;left:0px;}	   
#TOP .col_01{width:318px;padding:10px;margin-right:20px;}
#TOP #contents .col_02{width:198px;padding:10px;margin-right:20px;}
#TOP #contents #box_01{width:720px;margin:20px 0 0 10px; overflow:hidden;}	
#TOP #contents #box_02{width:220px;margin-right:10px;margin:20px 10px 0 0;}
#TOP .top_link{float:right;margin-bottom:40px;display:block;}
#TOP .top_link li{background:url(../images/top/arrow_fff.png) no-repeat 0px 7px;padding-left:10px;}
#TOP .top_link li a{color:#FFF;}
#TOP .top_arrow{clear:both;text-align:right;padding-left:900px;margin-bottom:30px;}
#TOP #contents .bottom_link{float:right;margin:10px 0 40px;display:block;}
#TOP #contents .bottom_link li{float:none;background:url(../images/top/arrow_fff.png) no-repeat 0px 7px;padding-left:10px;margin-left:0px;}
#TOP #contents .bottom_link li a{color:#FFF;}

#TOP #contents #bx-pager a{cursor: pointer;}

/* ================================================
   BLOG 
   ==============================================*/
#BLOG #contents #main h3{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:200%;font-weight:bold;line-height:1.4em;margin-bottom:40px;}
#BLOG #contents #main .article img{margin:15px 0; }
#BLOG #contents #main .day_name{margin:40px 0 15px;}
#BLOG #contents #main .day_name span{margin-left:10px; }
#BLOG #contents #sub .post_box{background:#FFF;border-top:1px solid #999;border-left:1px solid #999;padding:10px 0 30px 30px;margin-top:30px}
#BLOG #contents #sub .post_box h4{padding:30px 0 10px;color:#4AA433;font-size:120%;}
#BLOG #contents #sub .post_box ul li {text-decoration:underline; }
#BLOG #contents #sub .post_box a{ color:#333; text-decoration:underline;}
#BLOG #contents #sub .post_box a:hover{ color:#F00;}
#BLOG #contents #another{clear: both;padding:20px 0;margin:0px auto;}
#BLOG #contents #another .prev{float:left;}
#BLOG #contents #another .next{float: right;}
/*カテゴリー一覧*/
#BLOG #contents #main #cat_box{padding-bottom:10px; }
#BLOG #contents #main #cat_box ul {margin-bottom:10px; overflow:hidden;}
#BLOG #contents #main #cat_box ul li {border-bottom:1px dotted #7C7C7C; padding-bottom:10px; }
#BLOG #contents #main #cat_box .stf{ font-size:170%; margin:45px 0 15px; border-bottom:1px solid #7C7C7C; padding-bottom:10px; color: #333;}
#BLOG #contents #main #cat_box .ymd{ font-size:130%; margin-top:20px;}
#BLOG #contents #main #cat_box .ttl{ font-size:160%; border-left:6px solid #D10003; padding-left:8px; margin:10px auto;}

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

/*===============================================
●sp.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	
/*スマホで表示させないセレクタ*/
#header,#footer,#sub,.to_loca,.pc_main{display:none;}
.pc_hidden{display: block;}
.sp_hidden {display:none;}

/*スマホのみのオプション*/
.sp_pic{ width:100%; height:auto;}
.sp_center{display: block;margin: 15px auto;}
.sp_br{ display:block; margin-top:5px;}
.FRight,.FLeft {float:none; }
.sp_right { float:right; }
.sp_left { float:left; }

/*スマホヘッダー*/
#sp_header{display:block;position:relative; background: url(../images/common/sp_head_bg.gif) no-repeat; background-size:cover;}
#sp_header h1{ text-align:center;}
#sp_header .sp_menu{position: absolute;top:5px;right:5px;}
#sp_header .menu_list{position:absolute;z-index:101; top:35px;right:5px;}

/*スマホフッター*/
#sp_footer{display:block;text-align:center;line-height:1.4em;}
#sp_footer .copyright{font-size:85%;margin:5px auto;}	
#sp_footer .map{padding-top:15px;height:36px;text-align:center;background:url(../images/common/sp_map_bg.gif) repeat-x;background-size:1px;margin-top:6px;}		
#sp_footer .top{text-align:right;padding:10px 10px 0 0;float:none;}	
#sp_footer .top a{text-decoration:underline;}
	
/*共通セレクタ*/		
#contents{width:100%; overflow:hidden;}	
#contents .bottom_link{border-top: 1px solid #666;float:none;margin:0 0 10px 0;padding:0;display:block; float:none; width:100%; clear:both;}
#contents .bottom_link li{float:none;background: none;border-bottom: 1px solid #666;padding: 10px;margin:0;text-align: center; }
#contents .bottom_link li a{color:#333;}
#contents .wrap{margin:30px auto;}
#contents #main{width:90%;padding-left:0px;float:none;margin:0px auto;}
#contents #main h2{margin-bottom:20px;}
#contents #main h3{margin-bottom:20px;}
#contents #sub{width: 220px;padding-right:20px;float:right;}

/*テキスト画像を非表示に*/
#contents #main h3 img {display:none;}
#contents #main h3:after {content:attr(data-label);}
#contents #main h3::after{display: inline-block;content: attr(data-label);font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:160%;font-weight:bold;line-height:1.6em;}
		
/* ================================================
   TOP
   ==============================================*/   
#TOP{background:none;}  
#TOP #header h1{text-align:center;margin:0px auto;}  
#TOP .sp_main{display:block;margin-bottom:10px;}      

#TOP #contents .panel{width:100%;border-right:none;border-left:none;border-bottom:none;padding:10px;float:none;height:auto;position:relative;margin-bottom:0px;line-height:1.5em;display:block;} 
#TOP #contents .panel h2{text-align:center;margin:10px auto;}   
#TOP #contents .panel .mark{position: static;margin-top:20px;display:block;}    
#TOP #contents .panel .more { padding:10px 0 0 80px; clear:both;} 
#TOP #contents .panel .new{position:absolute;top:0px;left:0px;}     
#TOP #contents .col_01{width:95%;margin:0 auto;}
#TOP #contents .col_02{width:95%;margin:0 auto;}
#TOP #contents #box_01{width:100%;margin:0 auto;}
#TOP #contents .panel .sp_box_01{float:left;width:50%;}
#TOP #contents .panel .sp_box_02{float: right;width: 45%;}
#TOP #contents .bottom_link{float:none;margin:0;display:block;width:100%;}
#TOP #contents .bottom_link li{float:none;background:none;padding: 10px;margin-left:0px;}
#TOP #contents .bottom_link li a{color:#333;}

/* ================================================
   BLOG 
   ==============================================*/
#BLOG #contents #main .article img{margin:15px 0;width:100%; height:auto;}	   
#BLOG #contents #another{width:90%;}

}

/* ================================================
   instagramエリア 
   ==============================================*/

#instagram_area{
	position: relative;
	border: 1px solid #999;
	padding: 20px 20px;
	width: 900px;
	height: 458px;
	background: url("../images/top/bg_instagram_area.jpg") no-repeat left top #fff;
	margin: 0 auto;
}

#instagram_area div.tomarsso_box{
	width: 420px;
	padding-top: 14px;
}

#instagram_area div.tomarsso_box h3{
	margin-bottom: 57px;
	text-align: center;
}

#instagram_area div.tomarsso_box h3 .ttl_sp{
	display: none;
}

#instagram_area div.tomarsso_box div.txt_img{
	text-align: center;
}

#instagram_area div.tomarsso_box div.txt_img .txt_sp{
	display: none;
}

#instagram_area div.tomarsso_box p{
	font-size: 14px;
	line-height: 2.1;
	padding: 37px 0 29px 15px;
	text-align: center;
}

#instagram_area div.tomarsso_box a.link_btn{
	display: block;
	line-height: 1.1;
	font-size: 13px;
	text-decoration: none;
	color: #e00000;
	border: 1px solid #e00000;
	background: url("../images/top/arrow_instagram_area.png") no-repeat 19px center;
	width: 250px;
	padding: 13px 1px 11px 37px;
	margin-left: 14px;
	margin: 0 auto;
}

#instagram_area div.tomarsso_box a.link_btn:hover{
	background-color: #fff;
}

#instagram_area #instagram_iframe{
	width: 465px !important;
	height: 465px;
	position: absolute;
	top: 20px;
	right: 20px;
}

#instagram_area #instagram_iframe ul#instafeed li{
	width: 150px;
	display: inline-block;
	margin: 0 0 5px 5px;
	vertical-align: top;
}

#instagram_area #instagram_iframe ul#instafeed li img{
	width: 150px;
}

#TOP #contents .panel .more{
	padding: 10px 0 0 38% !important;
	text-align: right;
}

#TOP #contents .bottom_link{
	padding-right: 10px;
}

#TOP .top_arrow{
	padding-right: 10px;
	padding-left: 0 !important;
}


/* 170818追加 */
#TOP #contents div.link_inquiry{
	background-color: #fff;
	padding: 15px 14px 15px 14px;
	border: 1px solid #999;
}

#TOP #contents div.link_inquiry a{
	display: block;
	border: 1px solid #ee0000;
	color: #f02222;
	background: url("../images/top/arrow_img.png") no-repeat 20px center;
	padding: 5px 0 4px 39px;
	line-height: 1.3;
}

#TOP #contents div.link_inquiry a:hover{
	text-decoration: none;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	display:inline-block\9;
	zoom: 1 !important;
}

#facebookWrap{
	padding: 10px;
	display: none;
}

.fb_iframe_widget_fluid{
	display: block;
}

.fb_iframe_widget{
	display: block;
}

.fb_iframe_widget span{
	border: 1px solid #999;
	border-bottom-color: #e9ebee;
}


@media screen and (max-width:640px){

#instagram_area{
	-webkit-text-size-adjust: 100%;
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	padding: 85px 10px 20px;
	width: auto;
	height: 100%;
	background: none;
	margin: 0 auto;
}

#instagram_area div.tomarsso_box{
	width: 100%;
	padding-top: 14px;
}

#instagram_area div.tomarsso_box h3{
	margin-bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 26px;
	z-index: 100;
}

#instagram_area div.tomarsso_box h3 img:first-child{
	display: none;
}

#instagram_area div.tomarsso_box h3 .ttl_sp{
	display: block;
	margin: 0 auto;
}

#instagram_area div.tomarsso_box div.head_box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#instagram_area div.tomarsso_box div.head_box:before{
	content: "";
	background: url("../images/top/bg_instagram_area_sp01.png") no-repeat left top;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	display: block;
	position: absolute;
	height: 85px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 98;
}

#instagram_area div.tomarsso_box div.head_box:after{
	content: "";
	background: url("../images/top/bg_instagram_area_sp02.png") repeat-x left bottom;
	background-size: 320px 85px;
	-moz-background-size: 320px 85px;
	-webkit-background-size: 320px 85px;
	display: block;
	position: absolute;
	height: 85px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

#instagram_area div.tomarsso_box div.txt_img img:first-child{
	display: none;
}

#instagram_area div.tomarsso_box div.txt_img .txt_sp{
	display: block;
	margin: 0 auto;
}

#instagram_area div.tomarsso_box p{
	font-size: 12px;
	line-height: 1.7;
	padding: 26px 0 13px;
}

#instagram_area div.tomarsso_box a.link_btn{
	display: block;
	line-height: 1.1;
	font-size: 13px;
	text-decoration: none;
	color: #e00000;
	border: 1px solid #e00000;
	background: url("../images/top/arrow_instagram_area.png") no-repeat 19px center;
	width: 250px;
	padding: 13px 1px 11px 37px;
	margin-left: 14px;
	margin: 0 auto;
}

#instagram_area #instagram_iframe{
	width: 100% !important;
	height: auto;
	position: static;
	margin-bottom: 12px;
}

#instagram_area #instagram_iframe ul#instafeed li{
	width: 32%;
	/*float: left;*/
	margin: 0 0 2% 2%;
}

#instagram_area #instagram_iframe ul#instafeed li:nth-child(1),
#instagram_area #instagram_iframe ul#instafeed li:nth-child(4),
#instagram_area #instagram_iframe ul#instafeed li:nth-child(7){
	margin-left: 0 !important;
}

#instagram_area #instagram_iframe ul#instafeed li img{
	width: 100%;
}

/* 170818追加 */
#TOP #contents .panel{
	height: auto;
}

#facebookWrap{
	display: block;
	text-align: center;
}

.fb_iframe_widget span{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

/* 231013追加 */
.ttl_online {
	max-width: 100%;
}



}/* // @media screen */