<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

body{font-size:16px; line-height:130%; font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,  "MS PGothic", sans-serif;text-align:left; background:#fee801; color:#000;padding:0; margin:0;overflow-x:hidden;}
*{border:0; padding:0; margin:0;list-style:none; vertical-align:bottom; border:none;}
.clear{clear:both;}

.wrap{width:800px; margin:0 auto; padding:0px 0 0 0; overflow:hidden; }
.toppage{ background:url(../images/top_bg.jpg) top center no-repeat;}
.wrap .formod{width:640px; margin:0 auto;}
.wrap .head{
	position: relative;
	text-align: center;
}

.wrap .head .head_img{ position:relative; z-index:11;}
.wrap .head .head_t{position:absolute; top:2.5%; right:1%; width:7%; height:11.7%; z-index:99;}
.wrap .head .head_ic{ position:absolute; top:-50%; left:45%; width:11.7%; z-index:12;opacity:1;}
.wrap .head .head_pho{ position:absolute; top:0; right:-70%; z-index:10; width:62%; opacity:0;}
.wrap .head .head_book{ position:absolute; top:0; right:-70%; z-index:11; width:25.1%; opacity:0;}

.wrap .main{position:relative;}
.toppage .main{ padding:30px 0 0 0; }

.wrap .main .e_con{ position:relative; z-index:9;}
.wrap .main .pc_can{ position:relative;z-index:8;  text-align:right; margin:-55px 80px 0 0;}



/*---animation  ---*/
.wrap .main .anmi img{
			transform-origin:left top;
			-webkit-transform-origin:left top;
			-o-transform-origin:left top;
			-moz-transform-origin:left top;
            animation: animate-stripes 0.35s linear infinite;  
            -webkit-animation: animate-stripes 0.35s linear infinite;  
            -o-animation: animate-stripes 0.35s linear infinite;  
            -moz-animation: animate-stripes 0.35s linear infinite;  
        }  
        @keyframes animate-stripes {    
            0% {transform: rotate(0deg);}   
            50% {transform: rotate(-5deg);}    
            100% {transform: rotate(0deg);}    
        }   
        @-webkit-keyframes animate-stripes {    
            0% {-webkit-transform: rotate(0deg);}   
            50% {-webkit-transform: rotate(-5deg);}    
            100% {-webkit-transform: rotate(0deg);}    
        }   
        @-o-keyframes animate-stripes {    
            0% {-o-transform: rotate(0deg);}   
            50% {-o-transform: rotate(-5deg);}    
            100% {-o-transform: rotate(0deg);}    
        }   
        @-moz-keyframes animate-stripes {    
            0% {-moz-transform: rotate(0deg);}   
            50% {-moz-transform: rotate(-5deg);}    
            100% {-moz-transform: rotate(0deg);}    
        }   
/*---animation  ---*/


.wrap .main .img_bn{ position:relative; z-index:7; margin-top:-27px;}

.wrap .main .tit_b{ margin-top:15px; position:relative;}
.wrap .main .r_pic{ position:absolute; right:3%; width:24%; top:-40%; z-index:6; opacity:0;}
.wrap .main .r_pic img{ width:100%; }

.wrap .main .conter{ margin:0; position:relative;}
.wrap .main .conter .con_box{  background:#FFF;
    -o-border-radius: 8px;      
    -moz-border-radius: 8px;    
    -webkit-border-radius: 8px; 
    border-radius:8px; }
	

.wrap .main .twitter{ padding:0px 0 0 0;  background:#44ccf6; width:100%;}
/*.wrap .main .twitter:before{content:" "; background:url(../images/tit_twi.png) fixed  0 0 no-repeat ; width:640px; height:77px; display:block; background-size: cover;}*/
.wrap .main .twi_bor{border:3px solid #000; border-top:none; padding:24px 24px; background:#44ccf6; }
.wrap .main .twi_bor h2{ width:65%; font-size:20px; line-height:130%; float:left;}
.wrap .main .twi_bor .bbn{ width:27%; float:right;}
.wrap .main .twi_bor .bbn img{ width:100%;}
.wrap .main .twi_bor .twi_box{ padding:10px;height:350px;margin-top:20px; }

.wrap .main .blog{ padding:0px 0 0 0;  background:#44ccf6; width:100%;}
.wrap .main .blog_bor{border:3px solid #000; border-top:none; padding:24px 24px; background:#ff6600; }
.wrap .main .blog_bor .blog_box{ min-height:350px; padding:0 0 20px 0; }
.wrap .main .blog_bor .blog_box dl{padding:20px 20px 20px; border-bottom:3px solid #ff6600;}
.wrap .main .blog_bor .blog_box dt{ border-left:8px solid #ff6600; padding:0 0px 0 5px; line-height:103%; text-decoration:underline; color:#ff6600; font-weight:bold; font-size: 17px;}
.wrap .main .blog_bor .blog_box dd{padding:15px 0px 0 0px; }
.wrap .main .blog_bor .blog_box dd a{color:#000; text-decoration:none;}
.wrap .main .blog_bor .blog_box dd a:hover{text-decoration:underline;}

.wrap .main .tit_jp{ padding:50px 0 0 0;width:100%;}
.wrap .main .jamp{ border:2px solid #e1e1e1; background:url(../images/box_bg.jpg) 0 0 repeat; padding:25px 0;}
.wrap .main .jamp_lph{ float:left; width:49%;}
.wrap .main .jamp_bor{ padding:10px 0 0.5% 0; width:49%; float:left; font-size:1.1em; line-height:130%;}
.wrap .main .jamp_bor .jamp_rph{ margin-left:-5.2%; padding-top:25px;}

.foot{ padding:50px 0 0 0;}
.foot .foot_logo{ padding:0 1.5%; text-align:center;}
.foot .foot_logo a{ margin-right:3%; display:inline-block; width:30%;}
.foot .foot_logo a:nth-child(3n+0){ margin-right:0px;}
.foot .ic{ font-size:14px; padding:40px 0; text-align:center;}
.foot .menu{ text-align:center; position:relative; z-index:9999;}
.foot .menu a{ margin-right:4%; display:inline-block; width:14%;}
.foot .menu a:nth-child(4){ margin-right:0px;}



/*====================     item.html   ============================*/

.item_bg{ background:url(../images/item/item_bg.jpg) top center repeat;}
.item{color:#000;}

.item .text_fo{ margin:20px 6.4%;}
.item .text_fo .text_box{ text-align:center; font-weight:bold; padding:5px 2%; background:#FFF; font-size:1.0em; line-height:130%;}

/* 2014-06-27 23:14:58 new css */
.item .main .directory{ position:relative; width:100%;}
.item .main .directory .d_01{ position:absolute; left:5.7%; top:8.9%; width:42%; height:14.3%;}
.item .main .directory .d_02{ position:absolute; left:52.3%; top:8.9%; width:43%; height:14.3%;}
.item .main .directory .d_03{ position:absolute; left:5.7%; top:30.4%; width:39%; height:14.3%;}
.item .main .directory .d_04{ position:absolute; left:52.3%; top:30.4%; width:34.5%; height:14.3%;}
.item .main .directory .d_05{ position:absolute; left:5.7%; top:52%; width:37.5%; height:7.5%;}
.item .main .directory .d_06{ position:absolute; left:52.3%; top:52%; width:42.5%; height:7.5%;}
.item .main .directory .d_07{ position:absolute; left:5.7%; top:73.5%; width:33.5%; height:7.5%;}
.item .main .directory .d_08{ position:absolute; left:52.3%; top:73.5%; width:40.5%; height:7.5%;}
/* 2014-06-27 23:14:58 new css */

.item .main .tit_jp{ padding:50px 0 0 0;width:100%;}
.item .main .itemcon{
	border: 2px solid #e1e1e1;
	background: url(../images/box_bg.jpg) 0 0 repeat;
	padding: 25px;
	position: relative;
	margin: 10px;
	text-align: center;
}

/* con01's hand  */
.item .main .itemcon .itemcon_ic01{ width:18.7%;position:absolute; left:34.5%; bottom:10%; z-index:13; opacity:0;
	-webkit-transform: rotate(10deg); 
	-o-transform: rotate(10deg);
	-moz-transform: rotate(10deg);}
.item .main .itemcon .itemcon_hand01{ width:54.6%;position:absolute; right:120%; bottom:15%; z-index:14; opacity:0;}/* right:57.5%; bottom:15%;*/

/* con02's hand  */
.item .main .itemcon .itemcon_ic02{ width:18.7%;position:absolute; right:7%; bottom:25%; z-index:13; opacity:0;
	-webkit-transform: rotate(-14deg); 
	-o-transform: rotate(-14deg);
	-moz-transform: rotate(-14deg);}
.item .main .itemcon .itemcon_hand02{ width:54.6%;position:absolute; left:120%; bottom:48%; z-index:14; opacity:0;}
.item .main .itemcon #item_img02{ opacity:0;}

/* con03's hand  */
.item .main .itemcon .itemcon_ic03{ width:18.7%;position:absolute; right:1%; top:-3%; z-index:13; opacity:0;
	-webkit-transform: rotate(3deg); 
	-o-transform: rotate(3deg);
	-moz-transform: rotate(3deg);}
.item .main .itemcon .itemcon_hand03{ width:54.6%;position:absolute; left:120%; top:1.5%; z-index:14; opacity:0;}

/* con04's hand  */
.item .main .itemcon .itemcon_ic04{ width:18.7%;position:absolute; left:36%; bottom:20%; z-index:13; opacity:0;
	-webkit-transform: rotate(-10deg); 
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);}
.item .main .itemcon .itemcon_hand04{ width:54.6%;position:absolute; right:120%; bottom:28%; z-index:14; opacity:0;}

/* con05's hand  */
.item .main .itemcon .itemcon_ic05{ width:18.7%;position:absolute; right:0%; bottom:-3%; z-index:13; opacity:0;
	-webkit-transform: rotate(8deg); 
	-o-transform: rotate(8deg);
	-moz-transform: rotate(8deg);}
.item .main .itemcon .itemcon_hand05{ width:54.6%;position:absolute; left:120%; bottom:15%; z-index:14; opacity:0;}

/* con06's hand  */
.item .main .itemcon .itemcon_ic06{ width:18.7%;position:absolute; left:50%; bottom:0%; z-index:13; opacity:0;
	-webkit-transform: rotate(8deg); 
	-o-transform: rotate(8deg);
	-moz-transform: rotate(8deg);}
.item .main .itemcon .itemcon_hand06{ width:54.6%;position:absolute; left:120%; bottom:15%; z-index:14; opacity:0;}

/* con07's hand  */
.item .main .itemcon .itemcon_ic07{ width:18.7%;position:absolute; right:1%; top:-6%; z-index:13; opacity:0;
	-webkit-transform: rotate(3deg); 
	-o-transform: rotate(3deg);
	-moz-transform: rotate(3deg);}
.item .main .itemcon .itemcon_hand07{ width:54.6%;position:absolute; left:120%; top:-2.5%; z-index:14; opacity:0;}

/* con08's hand  */
.item .main .itemcon .itemcon_ic08{ width:18.7%;position:absolute; left:1%; top:20%; z-index:13; opacity:0;
	-webkit-transform: rotate(-10deg); 
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);}
.item .main .itemcon .itemcon_hand08{ width:54.6%;position:absolute; right:120%; top:15%; z-index:14; opacity:0;}



/*con01 con02 con04 con05 con06*/
.item .main .itemcon h2{ font-size:1.3em; padding:0px 5px 25px 5.2%;}
.item .main .itemcon_lph{ float:left; width:34.6%; padding:0 0 0 5%; text-align:center;}
.item .main .itemcon_rtxet{padding:0px 0 0.5% 1.5%;width:55%; float:left; font-size:1.1em; line-height:130%; position:relative;}
.item .main .itemcon_rtxet .itemcon_tt{ margin-top:-15px; width:44%;}
.item .main .itemcon_rtxet .itemcon_p{ padding:0px 0 0.5% 6%; }
.item .main .itemcon_img{ padding:20px 0 0 0;}

/*con03 con07 con08*/
.item .main .itemcon_ph{width:70%; padding:0 0 0 15%;}
.item .main .itemcon_ph img{ width:100%;}
.item .main .cn_07{width:92%; padding:0 0 0 4%; }/*con07*/
.item .main .itemcon_txet{padding:0px 0 0.5% 1.5%; font-size:1.1em; line-height:130%; }
.item .main .itemcon_txet .itemcon_tt{width:23%; padding-top:5px;}
.item .main .itemcon_txet .itemcon_p{ padding:0px 6% 0.5% 6%; }


.mp50{ margin-top:50px;}
/*====================     item.html   ============================*/


/*====================     bolg.html   ============================*/

.blog .blog_titline{ padding:30px 0 0px;}
.blog .main .bolgcon{ border:2px solid #e1e1e1; background:url(../images/box_bg.jpg) 0 0 repeat; padding:20px 0; position:relative;}
.blog .main .bolgcon .blog_ic{ float:left; padding-left:3.1%; width:12.5%;}
.blog .main .bolgcon h3{ float:left; padding:5px 0 5px 3%; width:80%; font-size:1.2em;}
.blog .main .bolgcon .forlink{ margin:10px 2%; color:#4e4d4d; padding:5px 10px; font-size:0.8em; background:#fafafa; border:1px solid #adadad;border-radius:7px;}

.blog .main .bolgcon .inner{ margin:10px 2%;}
.blog .main .bolgcon .blog_text{margin:10px 5%; text-align:center; font-size:1em;}
.blog .main .bolgcon .blog_text p{text-align:left;}
.blog .main .bolgcon .time{ text-align:right; padding-bottom:8px; font-weight:bold;}

.blog .main .bolgcon .blog_float{ overflow:hidden;}
.blog .main .bolgcon .blog_float p{ float:left; width:41%; padding:0 5%;}
.blog .main .bolgcon .blog_float img{ float:left; width:41%;}

/*====================     bolg.html   ============================*/




@media screen and (max-width: 960px) {
body{ overflow-x:hidden; }
}
@media screen and (max-width: 780px) {
body{ width:100%; overflow-x:hidden;}
.wrap{ width:100%;overflow:hidden;}

}
@media screen and (max-width: 640px) {
body{ background:none; overflow-x:hidden; font-size:0.8em; line-height:130%;}
.toppage{ background:#fee801;}
.toppage .head{background:url(../images/top_bg.jpg) top center no-repeat;}

.wrap{ width:100%;overflow:hidden;background:#fee801;}
.wrap .formod{width:100%;}
.wrap img{ width:100%;height:auto;}

.wrap .main .tit_b{ margin-top:40px}
.wrap .main .twi_bor h2{font-size:1.0em;}
.wrap .main .pc_can{ width:40%; margin:-7% 0 0 50%;}
.wrap .main .img_bn{margin-top:-27px;}



/*  ==============  item.html  =========================*/
.item_bg{ background:none;}
.item{color:#000; background:url(../images/item/item_bg.jpg) top center repeat;}
.item .text_fo .text_box{ font-size:0.9em;}
.item .main .itemcon_rtxet .itemcon_tt{ margin-top:-15px;}
.cont04 .itemcon_lph img{ width:54.5%!important;}






/*  ==============  blog.html  =========================*/
.blog .main .bolgcon h3{ font-size:1.8em; line-height:130%;}





}

@media screen and (max-width: 480px) {
	
.wrap{ width:100%;overflow:hidden;background:#fee801;}
.toppage{ background:#fee801;}
.toppage .head{background:url(../images/top_bg.jpg) top center no-repeat;}
.wrap .main .img_bn{margin-top:-20px;}
.toppage .main{ padding:20px 0 0 0;}

.wrap .main .twi_bor{padding:20px; }
.wrap .main .blog_bor{padding:20px; }
.wrap .main .blog_bor .blog_box dl{padding:15px 15px 15px; }
.wrap .main .jamp_bor .jamp_rph{padding-top:0px;}

/*  ==============  item.html  =========================*/

.item_bg{ background:none;}
.item{color:#000; background:url(../images/item/item_bg480.jpg) top center repeat;}
.cont04 .itemcon_lph img{ width:70%!important;}


/*  ==============  item.html  =========================*/
.blog .main .bolgcon h3{ font-size:1.2em; line-height:130%;}

}




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

.wrap .main .img_bn{margin-top:-15px;}

.toppage .main{ padding:15px 0 0 0;}

.wrap .main .tit_b{ margin-top:30px}
.wrap .main .twi_bor{padding:15px; }
.wrap .main .blog_bor{padding:15px; }
.wrap .main .blog_bor .blog_box dl{padding:10px 10px 10px; }


/*  ==============  item.html  =========================*/
.cont04 .itemcon_lph img{ width:100%!important;}



}
</pre></body></html>