/* IMPORT RESET */
@import url("reset.css");


img{
max-width: 100%;
height: auto;
width /***/:auto;　/*IE8のみ適用*/
}

/*	EXAMPLE STYLES */
body {
	font-family: " メイリオ",Meiryo," ヒラギノ角ゴ ProW3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MSPGothic",Osaka,sans-serif;
}

/*コンテナサイズの設定*/
#container{ max-width:980px; margin:0 auto;}

/*ヘッダ*/
header { min-height:206px; position:relative; background:#EFEFEF;}

header #lang_menu{
	border-left:1px solid #CCC;
	position:absolute;
	top:70px;
	left:360px;
}
header #lang_menu li{
	color:#666;
	font-size:80%;
	float:left;
	padding:0 10px;
	border-right:1px solid #CCC;
	font-weight:bold;
}
header #lang_menu li a{
	font-weight:normal;
}
header #lang_menu li a:link,
header #lang_menu li a:visited{
	color:#333;
	text-decoration:none;
}
header #lang_menu li a:hover{
	color:#666;
	text-decoration:underline;
}

header #logo{ position:absolute; top:11px; left:15px; height:80px; width:360px;}
header #shop_name{ font-size:12px; color:#666; position:absolute; top:100px; left:15px; width:55%;}

#head_contact{ width:390px; padding:5px 15px; background:#50C1DD; position:absolute; top:5px; right:-15px;}
#head_contact dl{ color:#FFF;}
#head_contact dd{ font-size:11px;}
#head_contact dd.head_tel{ font-size:19px;}
#head_contact dd .store_name{ font-size:65%; background:#FFF; padding:3px 3px 0 3px; color:#50C1DD;}

#head_access{ margin-top:5px; text-align:right;}
#head_access a{ text-decoration:none; color:#333;}
#head_access img{ vertical-align:middle; padding-right:5px;}

/*ナビゲーション*/
nav#globalnavi{ padding:0; margin-bottom:15px;}
nav#globalnavi li{ float:left; width:140px; text-align:center; line-height:44px; font-size:13px; background:url(../images/nav_bg.jpg) no-repeat 0 0;}
nav#globalnavi li a{ display:block; text-align:center; font-size:15px; text-decoration:none; color:#333;}
nav#globalnavi li a:hover{ color:#FFF; text-shadow: 1px 1px 2px #000; }

nav#globalnavi li.nav001{ background-position:0 -44px;}
nav#globalnavi li.nav002{ background-position:-140px -44px;}
nav#globalnavi li.nav003{ background-position:-280px -44px;}
nav#globalnavi li.nav004{ background-position:-420px -44px;}
nav#globalnavi li.nav005{ background-position:-560px -44px;}
nav#globalnavi li.nav006{ background-position:-700px -44px;}
nav#globalnavi li.nav008{ background-position:-840px -44px;}

nav#globalnavi li.nav001:hover,nav#globalnavi li.nav001.current{ background-position:0 0;}
nav#globalnavi li.nav002:hover,nav#globalnavi li.nav002.current{ background-position:-140px 0;}
nav#globalnavi li.nav003:hover,nav#globalnavi li.nav003.current{ background-position:-280px 0;}
nav#globalnavi li.nav004:hover,nav#globalnavi li.nav004.current{ background-position:-420px 0;}
nav#globalnavi li.nav005:hover,nav#globalnavi li.nav005.current{ background-position:-560px 0;}
nav#globalnavi li.nav006:hover,nav#globalnavi li.nav006.current{ background-position:-700px 0;}
nav#globalnavi li.nav008:hover,nav#globalnavi li.nav008.current{ background-position:-840px 0;}

#toggle{ display:none;}


/*インデックスパネル*/
#index_panel{ max-width:980px; max-height:416px; position:relative; margin-bottom:25px; clear:both;}
#index_panel h2{ background:#E05094; color:#FFF; font-size:20px; line-height:1.3em; padding:15px; width:630px; position:absolute; top:150px; left:-10px;}
#index_panel p{ padding:9px; border:1px solid #EDEDED;}

/*インデックス修理料金部分*/
#menu h3{ font-size:26px; color:#f21890;}
#menu p.lead{ color:#666; font-size:24px; margin-bottom:15px;}
.price_box{ width:315px; float:left; margin-right:11px; margin-bottom:35px;}
.price_box:hover{ background:#F5F5F5}

.price_box h4{ font-size:18px; color:#f21890; padding:0 7px 0 7px;}
.price_box h4 .tax-in{
	color: #454545;
	font-size: .925em;
}
.price_box p{ font-size:12px; color:#333; padding:5px 5px 0 5px;}

.col_box{ padding:20px 0 20px 0;}
.col_box h3{ margin-bottom:15px;}

.staff_cmt{}
.staff_cmt p{ padding:0 0 12px 0; font-size:13px;}
.staff_cmt img{ float:right; background:#FFF; padding:0 0 0 15px;}

.box_point{ width:440px; float:left;}
.box_seed{ width:500px; float:right;}

.list_chk{ border-top:1px dotted #CCC;}
.list_chk li{ background:url(../images/chk.jpg) no-repeat 0 10px; padding:10px 0 10px 31px; border-bottom:1px dotted #CCC;}

.list_blog{ padding-bottom:15px;}
.list_blog dt{ padding:7px 0 0 0;}
.list_blog dd{ border-bottom:1px solid #EDEDED; padding:0 0 7px 0;}

.list_ptn1{ padding-top:20px;}
.list_ptn1 li{ background:url(../images/list_dot_ptn1.gif) no-repeat 0 10px; padding:1px 0 1px 15px;}

/*ブログリスト*/
#blog_list{}
#blog_list dt{ color:#674C34; font-weight:bold;}
#blog_list dd a{ text-decoration:none;}
#blog_list dd a:link,#blog_list dd a:visited{ color:#666;}
#blog_list dd a:hover{ color:#f21890;}

/*インデックス メインコンテンツ部分*/
.ta_r{ text-align:right;}
.fl_r{ float:right;}
.fl_l{ float:left;}

#facebook_box{ width:310px; float:right;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100% !important; background:#FFF;}

#facebook_box h4,#topics_box h4{ border-bottom:3px solid #D7D1CD; height:45px; line-height:45px; color:#858594; font-size:13px; vertical-align:middle;}
#facebook_box h4 img,#topics_box h4 img{ vertical-align:middle;}
#facebook_box h4 span,#topics_box h4 span{ padding:0 0 0 8px;}

aside {
/*	line-height: 20em;
	text-align: center;
	background: #999;*/
}

#topics_box{ margin-bottom:25px; padding-top:10px;}
#topics_box h2{ margin-bottom:10px;}
#topics_box time{ padding-right:60px;}
#topics_box a{ text-decoration:none; display:block; padding:3px 5px; font-size:14px;}
#topics_box a:link,#topics_box a:visited{ color:#666;}
#topics_box a:hover{ background:#FFECED;}

/*Footer*/

footer{ border-top:1px solid #DDD;}
#foot_inner{ max-width:980px; margin:0 auto; padding:20px 0 15px 0;}
#foot_inner p,#foot_inner address{ font-size:14px;}
#foot_inner h4{ font-size:17px; font-weight:bold; color:#f21890; padding:0 0 3px 0;}
#foot_inner h5{ font-size:16px; color:#f21890; padding:0 0 3px 0;}

.open_info{ width:530px; float:left;}
.access_info{ width:430px; float:right;}
#map_canvas001{ height:225px; margin-top:4px; margin-bottom:15px;}
#map_canvas002{ height:225px; margin-top:4px;}
#map_canvas003{ height:225px; margin-top:4px;}
#map_canvas004{ height:225px; margin-top:4px;}

#open_time{ width:200px; float:left;}
#store_address{ width:320px; float:right;}
.open_info li{ float:left; margin-right:15px;}
.open_info li img{ border:8px solid #EDEDED;}
#social_icons{}
#social_icons li{ float:left; padding:0 12px 0 0;}
#copyright{ clear:both; text-align:right; font-size:11px !important; color:#666;}

/*フォーム*/
#title_area{ padding-top:15px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #CCC;}
#title_area h1{
	font-size: 24px;
	color: #FE6297;
	border:none;
}
#title_area p{ font-size:16px; color:#666; line-height:1.6em;}
#title_area p b{ font-weight:bold;}
#title_area p a:link,#title_area p a:visited,#title_area p a:hover{ color:#E85B98;}

#contact{ width:95%; margin:0 auto;}
#contact p{ padding:0 0 15px 0;}

#contact_message_area{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;	
}
form {
}

form p{ font-size:14px; color:#666;}

.select{ clear:both; padding:10px 0;}



input, textarea {
	width:100%;
	height:27px;
	background:#FeFeFe;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
	margin-bottom:20px;
}

input[type="radio"]{ width:auto;}

input:focus, textarea:focus {
	border:1px solid #97d6eb;
}

textarea {
	height:312px;
}

input#send {
	color: #000000;
	background-color: rgba(254,170,170,0.6);
	width: 100%;
	height: 50px;
	border: none;
	margin-top: 20px;
	cursor: pointer;
}

#submit:hover {
	opacity:0.9;
}
.form_txt{
	float: left;
	margin-bottom: 4px;
	color: #333;
	font-size: 14px;
}

.red{ color:#9D4546;}

.sp_img{ display:none;}


/*下層ページ*/
#content{ clear:both; margin-top:15px;}
article {
	background:url(../images/lower_bg.jpg) repeat-x 0 0 #FFF; border:1px solid #EFEFEF; margin-bottom:25px; padding:35px 20px 20px 20px;
}

article h1{ font-size:36px; color:#3E3E3E; line-height:1.2; padding-bottom:10px;}
article h1 span{ font-size:16px; color:#3E3E3E;}
article h2{ font-size:24px; color:#777; font-weight:bold;}

/*iPhone修理*/
.repair_box{ padding:25px 0;}
.repair_box h3{ font-size:34px; color:#3E3E3E; line-height:1.3;}
.repair_box h4{ font-size:24px; color:#3E3E3E; padding:15px 0 5px 0; line-height:1.3;}

.repair_image{ width:400px; float:left;}
.repair_image img{ border:10px solid #EFEFEF;}

.iphone_repair_detail{ width:512px; float:right;}
.repair_box ul{ padding-bottom:15px;}
.repair_box li{ background:url(../images/list_dot_ptn1.gif) no-repeat 0 10px; padding:3px 0 3px 15px;}

.iphone_repair_detail table,.formTable{ width:100%;}
.iphone_repair_detail table th,.iphone_repair_detail table td,.formTable th,.formTable td{ padding:10px; border-right:1px solid #FFF; word-break:break-all;}
.iphone_repair_detail table th,.formTable th{ background:#EFEFEF; font-size:80%;}
.iphone_repair_detail table td,.formTable td{ font-size:80%;}
.iphone_repair_detail table tr:nth-child(even),.formTable  tr:nth-child(even){ background:#E896C5;}
.iphone_repair_detail table tr:nth-child(odd),.formTable  tr:nth-child(odd){ background:#F0B8D9;}

.list_order{ margin-left:25px;}
.list_order li{ list-style:decimal; background:none;}

/*iPhone買取*/
.purchase_list{ padding-bottom:15px; border-top:1px dotted #CCC;}
.purchase_list li{ background:url(../images/list_dot_ptn1.gif) no-repeat 0 10px; padding:3px 0 3px 15px; border-bottom:1px dotted #CCC; font-size:90%;}
.purchase_list li.hr{ margin-top:15px;}
.list_left{ width:45%; float:left;}
.list_right{ width:45%; float:right;}



/*FAQ*/
#faq{ margin-top:30px;}
#faq dt{ background:url(../images/lower_bg.jpg) repeat-x 0 0; line-height:45px; padding:0 0 0 15px;}
#faq dd{ font-size:85%; padding:20px 50px 40px 50px;}

/*お問い合わせ*/
#form h2 {font-size:36px;  color:#3E3E3E; margin-bottom:20px;}
#form{ width:610px; float:right;}
#form form{ margin-top:30px;}
#contact_info{ width:300px; float:left;}
#contact_info h1{ margin-bottom:20px;}

/*iPad修理*/
.content_box{ padding:20px 0;}
.content_box p{ line-height:1.5em; padding:0 0 12px 0; color:#333;}
.content_box h3{ padding:20px 0 10px 0; color:#f21890; font-size:24px;}
.content_box h4{ padding:10px 0 10px 0; color:#333; font-size:22px;}
.ipad_r{ float:right; margin:0 0 0 15px; border:1px solid #CCC;}
.h2_sub{ background:#f21890; color:#FFF; font-weight:normal; padding:4px 10px; margin-bottom:15px;}

/*ゲーム機修理*/
.lead_str{}
.lead_str p{ padding:0 0 12px 0;}

.table-game{ margin-top:15px;}
.table-game th,.table-game td{ border:1px solid #FFF; vertical-align:middle; padding:5px 10px !important; line-height:1.2em;}
.table-game th.ttl{ background:#FFD9D9;}
.table-game  small{ font-size:80%; color:#666;}

/*common*/
hr.end{ clear:both; visibility:hidden; height:1px;}
a:hover img{ opacity:0.7; filter: alpha(opacity=80);}

/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/*
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.dp_sp{ display:none;}


@media ( max-width : 640px ) {
	header #lang_menu{
	position:static;
	padding:10px;
	border-left:none;
}
	header #logo{ position:static; width:200px; height:auto; margin:0 auto; padding-top:20px;}
	header #shop_name{ font-size:11px; color:#666; position:static; text-align:center; padding-bottom:5px; width:100%;}
	#head_contact{ width:90%; margin-top:5px; padding:5px 5%; background:#50C1DD; position:static; text-align:center; margin:0 auto;}
	
	#head_contact dt,#head_contact dd{ text-align:center;}
	#head_contact dd{font-size:13px;}
	#head_contact dd.head_tel{ font-size:16px;}
	
	#head_access{ margin-top:5px; text-align:center;}
	#head_access a{ text-decoration:none; color:#333;}
	#head_access img{ vertical-align:middle; padding-right:5px;}
	
	/*インデックス修理料金部分*/
	
.rist-menu {
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
}
.rist-menu li {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #879c18;
}
.rist-menu li:last-child {
	border-bottom: 0px;
}
.rist-menu li a {
	display: block;
	position: relative;
	z-index: 10;
	height: 40px;
	margin: 0;
	padding: 0px 10px 0px 50px;
	background: #a1b91d;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
}
.rist-menu li a:hover {
	background: #879c18;
}

#list1 li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
#list1 li a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #a1b91d;
}
#list1 li a:hover:after {
	background: #879c18;
}


#menu h3{ font-size:26px; line-height:1.3em; color:#f21890;}
#menu p.lead{ color:#666; font-size:22px; line-height:1.2em; margin-bottom:15px;}
.price_box{ width:315px; float:left; margin-right:11px; margin-bottom:35px;}
.price_box:hover{ background:#F5F5F5}

.price_box h4{ font-size:20px; color:#f21890; padding:0 7px 0 7px;}
.price_box p{ font-size:14px; color:#333; padding:5px 5px 0 5px;}

	 nav#globalnavi ul{
		display: none;
	  }
	 nav#globalnavi ul li{
		width: 100%;
		background:#EDEDED;
		border-bottom:1px solid #FFF;
	  }
	  nav#globalnavi ul li:hover{ background:#333;}
	  #toggle{
		display: block;
		position: relative;
		width: 100%;
		background: #222;
	  }
	  #toggle a{
		display: block;
		position: relative;
		padding: 9px 0 10px;
		border-bottom: 1px solid #444;
		color: #fff;
		text-align: center;
		text-decoration: none;
	  }
	  #toggle:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	  }
	  #toggle a:before, #toggle a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: #222;
	  }
	  #toggle a:before{
		margin-top: -6px;
	  }
	  #toggle a:after{
		margin-top: 2px;
	  }

	#container{ padding:0 10px;}
	#index_panel h2{ background:#E05094; color:#FFF; font-size:18px; line-height:1.3em; padding:5%; width:90%; position:relative; top:0; left:0;}
	
	.price_box{float:none; width:100%;}
	.price_box img{ width:100%;}
	
	.box_point{ width:100%;}
	.box_seed{ width:100%; float:none;}

	/*Footer*/
	
	footer{ border-top:1px solid #DDD; width:90%; padding:0 5%;}
	#foot_inner p,#foot_inner address{ font-size:14px;}
	#foot_inner h4{ font-size:17px; color:#f21890; padding:0 0 3px 0;}
	.open_info{ width:100%; float:none;}
	.access_info{ width:100%; float:none;}
	#map_canvas001{ width:100%; height:250px; margin-top:4px;}
	#open_time{ width:100%; float:none;}
	#store_address{ width:100%; float:none;}
	.open_info li{ float:none; margin-right:15px;}
	.open_info li img{ border:8px solid #EDEDED; width:100%; box-sizing:border-box;}
	#social_icons{}
	#social_icons li{ float:left; padding:0 12px 0 0;}
	#copyright{ clear:both; text-align:right; font-size:11px !important; color:#666;}

/*フォーム*/
#title_area{ padding-top:15px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #CCC;}
#title_area h1{
	font-size: 24px;
	color: #FE6297;
	border:none;
}
#title_area p{ font-size:16px; color:#666; line-height:1.6em;}
#title_area p b{ font-weight:bold;}
#title_area p a:link,#title_area p a:visited,#title_area p a:hover{ color:#E85B98;}

#contact{ width:95%; margin:0 auto;}
#contact p{ padding:0 0 15px 0;}

#contact_message_area{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;	
}
form {
}

form p{ font-size:14px; color:#666;}

.select{ clear:both; padding:10px 0;}



input, textarea {
	width:90%;
	height:27px;
	background:#FeFeFe;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
	margin-bottom:20px;
}

input[type="radio"]{ width:auto;}

input:focus, textarea:focus {
	border:1px solid #97d6eb;
}

textarea {
	height:312px;
}

input#send {
	color: #000000;
	background-color: rgba(254,170,170,0.6);
	width: 100%;
	height: 50px;
	border: none;
	margin-top: 20px;
	cursor: pointer;
}

#submit:hover {
	opacity:0.9;
}
.form_txt{
	float: left;
	margin-bottom: 4px;
	color: #333;
	font-size: 14px;
}

.red{ color:#9D4546;}

.sp_img{ display:none;}

/*下層*/
article h1{ font-size:30px; line-height:1.2em; margin-bottom:5px; font-weight:bold; color:#3E3E3E;}
article h2{ font-size:18px; color:#777; line-height:1.2em; font-weight:bold;}

/*FAQ*/
#faq{ margin-top:30px;}
#faq dt{ background:url(../images/lower_bg.jpg) repeat-x 0 0; line-height:45px; padding:0 0 0 15px;}
#faq dd{ font-size:85%; padding:10px 0 40px 0;}

/*お問い合わせ*/
#form h2 {font-size:36px;  color:#3E3E3E; margin-bottom:20px;}
#form{ width:100%; float:none;}
#form form{ margin-top:30px;}
#contact_info{ width:100%; float:none;}
#contact_info h1{ margin-bottom:20px;}


/*iPad修理*/
.content_box{ padding:20px 0;}
.content_box p{ line-height:1.5em; padding:0 0 12px 0; color:#333;}
.content_box h3{ padding:20px 0 10px 0; color:#f21890; font-size:24px;}
.content_box h4{ padding:10px 0 10px 0; color:#333; font-size:22px;}
.ipad_r{ float:none; margin:0 0 0 0; border:1px solid #CCC; box-sizing:border-box; width:100%;}
.h2_sub{ background:#f21890; color:#FFF; font-weight:normal; padding:4px 10px; margin-bottom:15px;}


	
/*iPhone修理*/
.repair_box{ padding:25px 0;}
.repair_box h3{ font-size:34px; color:#3E3E3E;}
.repair_box h4{ font-size:24px; color:#3E3E3E; padding:15px 0 5px 0;}

.repair_image{ width:100%; float:none;}
.repair_image img{ border:10px solid #EFEFEF;}

.iphone_repair_detail{ width:100%; float:none;}
.repair_box ul{ padding-bottom:15px;}
.repair_box li{ background:url(../images/list_dot_ptn1.gif) no-repeat 0 10px; padding:3px 0 3px 15px;}


.list_order{ margin-left:25px;}
.list_order li{ list-style:decimal; background:none;}

.dp_sp{ display:block;}
.dpn_sp{ display:none;}


}