/* 全般 */
html{font-family:Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif}

body{margin:0;text-align:center;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:75%;line-height:1.7em}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

img{max-width:100%;height:auto;transition: 0.3s;}
a img:hover{opacity: 0.7;}

h1,
h2,
h3{font-size:1.2em;margin:0}

h4,
h5{font-size:1.1em;margin:0 0 3px}

.breadcrumbs{text-align:left;margin:5px;}
.breadcrumbs_title{margin-left:0px;font-size:1.4em;line-height:2em;font-weight:bold;border-radius:5px;padding:5px 10px;}

a{font-size:1.1em;text-decoration:none;transition: all .3s}
a:hover{text-decoration:underline}
form{margin:0;padding:0}

input,
select{vertical-align:middle}

input[type="button"]:hover,
input[type="submit"]:hover{cursor:pointer}

table{margin:0;padding:0;border:none}
th,td{padding:5px}

dl,
dt,
dd{margin:0;padding:0}

ul,
ol{margin:0;padding:0}

p{margin:5px 0;word-break:break-all}

.tokubai{position: relative;color:#fff;font-weight:bold;top: -10px;border-radius:5px;padding:5px;background-image: linear-gradient(#c60000, #ff3c00);}

/* ID */

/* 表示 */
#convert{display:none}
#caution{display:none}
#favorite_manu{display:none}
#site_menu{display:none}
#tenpo_menu{display:block;}

#site_menu ul li{margin:0;padding:0;}

#tenpo_menu ul{margin:0;padding:0;overflow:hidden;white-space:nowrap}
#tenpo_menu ul li{margin:0;padding:0;width:50%;float:left;list-style-type:none}
#tenpo_menu ul li a{display:block;padding:15px 0;text-decoration:none;font-size:1.3em}
#tenpo_menu ul li a{color:#1a1a1a;background-color:#eef2fb;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;}
#tenpo_menu ul li a:hover{color:#1e73be;background-color:#fff;}

#category_menu img{border-radius: 50%; height: 36px; width: 36px;margin-right:10px;vertical-align: middle;}
.category_menu img{border-radius: 50%; height: 36px; width: 36px;margin-right:10px;vertical-align: middle;}

/*全体枠 */
#content{max-width:1400px;margin:0 auto;padding:0}

/*ヘッダ */
#head{width:100%;margin:0 auto;padding:0}
	
	#head_top{}
		#head_top ul     {margin:0;padding:0;overflow:hidden;white-space:nowrap}
		#head_top ul li  {width:50%;float:left;list-style-type:none; border: solid 1px #fff;}
		#head_top ul li a{display:block;margin:0;padding:5px 0;text-decoration:none;}
		#head_top ul li a:hover{}
		
	#head_left{margin:0;padding:0}
	#head_left img{margin:0;padding:0}
	
	#head_right{}
		#head_right table{margin:0;padding:5px 0;border:none;}
		#head_right tr,#head_right td{margin:0;padding:0;border:none}

			#select_shop,#select_cc,#select_word,#select_search{width:28%;height:28px;font-size:1.0em;margin-bottom:5px;border-top:2px solid #d1d1d1;border-bottom:2px solid #d1d1d1;padding:2px;}
			#select_cc,#select_word{border-left:0px;border-right:0px;}
			#select_shop   {border-left:2px solid #d1d1d1;border-right:0px;border-radius:5px 0 0 5px;}
			#select_search {width:15%;border-left:0px;border-right:2px solid #d1d1d1;border-radius:0 5px 5px 0;}
			#select_search2,#select_cart,#select_login {width:33%;font-size:1.0em;height:28px;border:2px solid #d1d1d1;}
	#head_middle{clear:left;margin:0;padding:0}
		#head_middle h1{font-weight: bold;padding-top:5px;padding-bottom:5px}
		#head_middle h2{font-weight: bold;padding-top:5px;padding-bottom:5px;text-align:left;text-indent:10px}

#middle{width:100%;margin:0 auto}
	
	#left_side{width:100%;margin:0 auto}
		
		#left{width:100%;margin:0 auto}
		#main{width:100%;margin:0 auto}
		
	#right_side{width:100%;margin:0 auto;text-align:left}
	
#foot{width:100%;margin:0 auto;}

#foot_menu{margin:0;padding:0;}
#foot_menu ul{overflow:hidden;white-space:nowrap}
#foot_menu ul li{margin:0;padding:0;width:100%;float:left;list-style-type:none}
#foot_menu ul li a{display:block;padding:10px 0;text-decoration:none;font-weight:bold;}
#foot_menu ul li a:hover{}

	#foot_copyright{display:block;padding:10px 0}

/* site_memu */
#toggle{display:block;position:relative;width:100%;margin:0 auto;background:#1387C8}
#toggle a{display:block;position:relative;padding:10px 0;text-decoration:none;font-weight:bold}
#toggle:before{ display: block;content: "";position: absolute;top: 50%;left: 10px;width: 20px; height: 20px;margin-top: -11px; background:#fff;}
#toggle a:before, #toggle a:after{display: block;content: "";position: absolute;top: 50%;left: 10px; width: 20px;height: 4px;background:#13C887;}
#toggle a:before{margin-top: -6px}
#toggle a:after{margin-top: 2px}

/* class */

.search_pager{clear:both;margin:5px;padding:5px 0 0 0;text-align:center;text-decoration:none}
.search_pager div{}
.search_pager li{list-style-type:none;display:inline; margin:0;padding:0;}
.search_pager li a{display:-moz-inline-box;display:inline-block;padding:0.6em;text-decoration:none;border-radius:5px;}
.search_pager li a:hover{}
.search_pager li span,
.search_pager li strong{display:-moz-inline-box;display:inline-block;padding:0.6em;border-radius:5px;font-size:1.1em;}

.frame_menu   {clear:both;border-radius:5px;margin:0 5px 5px;padding:0;word-break : break-all;}
.frame_menu h3{border-radius:5px 5px 0px 0px;padding: 3px 0 0px;font-weight:bold;text-align:center}
.frame_menu h4{padding:5px 0px;text-align:left;text-indent:5px;}
.frame_menu  a{text-decoration:none;text-align:left}
.frame_menu  a:hover{}

.side_menu ul{margin:0;padding:5px 5px 0;overflow:hidden;}
.side_menu li{width:100%;float:left;list-style-type:none}
.side_menu li span{display:block;padding:5px 0px;text-indent:5px;text-align:left;}
.side_menu  a{display:block;padding:5px 0;text-indent:0px;padding-left:5px;}

.text_menu p {text-align:left}
.text_menu ul{padding:10px;list-style:none;text-align:left}
.text_menu li{display:inline;margin:0;padding:0}
.text_menu td{text-align:left}

.sub_menu p{text-align:left;padding:10px;margin:0}

.info_menu{padding:10px;text-align:center}
.main_menu{padding:10px;text-align:left}
.main_menu ul{list-style-type:none}
.sell_menu{margin:0 0 10px;text-align:left;padding:0;}

.rank_image{width:50px;padding:0;margin:0 3px 0 0;}
.rank_image a{text-indent:0px}
.order_title{height:3.3em;overflow:hidden;}
.order_title a{text-indent:0px;padding-left:3px;}

.cart{padding:5px 10px;border-radius: 5px;}

input[type="button"],input[type="submit"]{border-radius: 5px;}

.center{text-align:center}

.explanation{border-radius:5px;text-align:left;padding:5px;margin:0 0 10px}

/* global_element */
div.result_success{color:blue;}
div.result_error{color:red;}

/* order ranking */
#order_rank{}
	#order_rank table{}
	#order_rank th{font-weight:normal;text-align:center;}

/* access ranking */
#access_rank{}
	#access_rank table{}
	#access_rank th{font-weight:normal;text-align:center}


/* ranking */
.rank_waku  {margin:2% 0 2% 2%;}
.rank       {margin:0 2% 2% 0;padding:0;width:98%;float:left;}
.rank_number{margin:0;padding:15px 5px 5px 5px;float:left;height:50px;border-radius: 2px;}
.rank_img   {margin:0 0 0 2%;padding:0;width:50px;height:50px;float:left;}
.rank_img img{border-radius: 5px;}
.rank_title {margin:0;padding:7px 5px;overflow:hidden;height:50px;}
.rank a     {margin:0;padding:0;text-align:left;}

.mottomiru a{margin:0 5px 0 0;padding:5px;border-radius: 5px;text-align:center;}


#right_side div.side_ban{margin:0 0 5px 0;text-align:center}
#right_side div.side_ban img{margin-bottom:5px}

/* pager */
div.pager{clear:both;margin:10px 0;}

/* initial_list */
ul.initial_list   { list-style:none;margin:10px 0 5px 0;padding:0;}
ul.initial_list li{ display:inline;margin:0;padding:0;}

/* 要確認 */
.tclass{display:inline;margin:1px;padding:3px 10px 3px 10px;background-color:#fff;border:1px solid #d4e0fa;font-size: 0.82em;color: #666666;cursor: pointer;}
.ac{background-color:#D3E5F5;}

/*トップへのスクロールボタン */
.page_top{border-radius: 25px;position:fixed;bottom:20px;right:20px;padding:15px 20px;font-size:1.2em;text-decoration:none;z-index: 99999;}

/*Twitterタイムラインの横幅制限解除 */
.twitter-timeline {min-width: 100% !important}

.br:before {content: "\A";white-space: pre;}

#link{width:100%;text-align:left;padding:10px;}

.global_link{padding-left:20%;float:left;width:100%;}
.global_link ul{list-style-type:none;text-decoration:none;color:#ffffff;margin-bottom:10px;}
.global_link ul,li{padding-bottom:5px;}
.global_link a{color:#ffffff;}
.global_link a:hover{color:#ffffff;}
.global_link_title {font-size:1.4em;font-weight:bold}

.top_menu_waku{padding-left:5px;margin-left:1%;margin-right:1%;}
.top_menu{float:left;width:50%;padding-bottom:5px;padding-right:5px;}
.top_menu ul{list-style-type:none;text-decoration:none;border:3px solid #d4e0fa;border-radius: 10px;background:#fff;}
.top_menu ul,li{margin:0;padding:0;}
.top_menu a{display:block;margin:0;padding:10px;border-radius: 10px;text-decoration:none;}
.top_menu a:hover{background-color:#E9F5FC;}
.top_menu a img:hover{opacity: 1;}
.top_menu_title {font-size:1.2em;font-weight:bold;height:2.4em;overflow:hidden;}

.top_menu_dai_waku{padding-left:5px;margin-left:1%;margin-right:1%;}
.top_menu_dai{float:left;width:50%;padding-bottom:5px;padding-right:5px;}
.top_menu_dai ul{list-style-type:none;text-decoration:none;border:3px solid #d4e0fa;border-radius: 10px;background:#fff;}
.top_menu_dai ul,li{margin:0;padding:0;}
.top_menu_dai a{display:block;margin:0;padding:10px;border-radius: 10px;text-decoration:none;}
.top_menu_dai a:hover{background-color:#E9F5FC;}
.top_menu_dai a img:hover{opacity: 1;}
.top_menu_dai_title {font-size:1.2em;font-weight:bold;height:2.4em;overflow:hidden;}

.top_menu_bana_waku{margin:0;padding:0 10px 0 10px;}
.top_menu_bana_waku2{margin:0;padding:0 5%; 0 5%;}
.top_menu_bana{margin:0;padding:0 0 10px 0;float:left;width:100%;}
.top_menu_bana a{text-decoration:none;}
.top_menu_bana a img:hover{opacity: 1;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.side_menu hr{height:1px;border-top: 1px solid #d4e0fa;margin: 0px 5px 5px 5px}

.border_line a{margin-top:5px;}

.osusume_title{margin-bottom:10px;padding-top:10px;}
.osusume_title p{font-size:1.2em;text-align:left;margin-bottom:10px;line-height:2.6em;}
.osusume_title p a{font-size:1.4em;font-weight:bold;border-radius:5px;padding:5px 10px;border:1px solid #d4e0fa;}

.text_title_h1{font-size:1.6em;font-weight:bold;padding:10px 0;text-align:center;margin:20px;border-bottom:1px solid #d4e0fa;}
.text_title_h2{font-size:1.2em;font-weight:bold;padding:10px 0;text-align:center;}

.text_window_right,
.text_window_left,
.text_window_double,{width: 100%; clear:both; margin:0px;text-align:center;}

.text_window_align{text-align:left;margin:10px;line-height:1.7em}

.youtube_top_right,
.youtube_top_left{width: 100%; clear:both; margin:0;}

.youtube_top_double{width: 100%; margin:0;text-align:center;}

.youtube_top_center{width: 100%; margin:0;text-align:center;}

.youtube_top{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.youtube_top iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.multiple-item6 li{padding:0 10px 0 0;}

.scale {
    overflow: hidden;
    max-height:320px;
}
.scale img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* 480px未満　ここまで */

@media screen and (min-width : 480px){
/* 479px以上　カラムは１ */

/* 表示切替 */
#site_menu{display:block}
#toggle{display:none}
#tenpo_menu{display:none}

/*ヘッダ */
#head_top ul li{ width:20%}
#head_right table{width:100%}
#select_shop,#select_cc,#select_word{width:23%;margin-bottom:0;}
#select_search{margin-bottom:0;}
#select_search2{width:15%;margin-bottom:0;border:2px solid #d1d1d1;}
#select_cart,#select_login{display:none;}

.side_menu li{width:50%}

#foot_menu ul li{width:50%}
.global_link{width:50%;padding-left:15%}

.text_title_h1{font-size:2em;}
.text_title_h2{font-size:1.4em;}

.text_window_right,
.text_window_left,
.text_window_double,
.text_window_align{margin:30px;}

/* ranking */
.rank_waku  {margin:1% 0 1% 1%;}
.rank       {margin:0 1% 1% 0;}
.rank_img   {margin:0 0 0 1%;}

.top_menu_waku{padding-left:10px;margin-left:2%;margin-right:2%;}
.top_menu{padding-bottom:10px;padding-right:10px;}
.top_menu{width:50%;}
.top_menu_title {font-size:1.3em;}

.top_menu_dai_waku{padding-left:10px;}
.top_menu_dai{padding-bottom:10px;padding-right:10px;}
.top_menu_dai{width:33.33%;}

.multiple-item6 li{padding:0 30px 0 0;}

}

@media screen and (min-width : 768px){
/*768px以上　カラムを２*/

.text_window_right{
  float:right;
  width: 40%;
}
.text_window_left{
  float:left;
  width: 40%;
}

.text_window_double{
  float:left;
  width: 50%;
}

.youtube_top_right{
  width: 45%;
  float:right;
  padding:0 10px;
  margin-left:10px;
}

.youtube_top_left{
  width: 45%;
  float:left;
  padding:0 10px;
  margin-right:10px;
}

.youtube_top_double{
  width: 33.3%;
  padding:0 10px;
  float:left;
}

.youtube_top_center{
  margin-left:10%;
  width: 80%;
}

.frame_menu{margin:0 10px 10px;}
.sell_menu{margin:0 0 10px;}

/* 表示切替 */
#caution{display:block}
#favorite_manu{display:block}

/*ヘッダ */
#head_top ul li{ width:50%}
#head_right{padding-top:10px}
#head_right table{padding:10px;width:99%;border-radius: 5px}
#head_middle h1{padding-top:0}
#head_middle h2{padding-top:0}
#select_shop,#select_cc{width:20%;height:36px;font-size:1.1em}
#select_word {width:34%;height:36px;font-size:1.3em}
#select_search {width:10%;font-size: 1.1em;height:36px}
#select_search2 {width:15%;font-size: 1.1em;height:36px;margin-left:1%;}
#head_left{float:left;margin-left:5px}
#head_right{margin-left: 225px}

/*カラムを２*/
#head{}
#middle{}
	#left_side{}
		#left{float:left;width:25%}
		#main{float:right;width:75%}
	#right_side{clear:both}
#foot{clear:both}

.side_menu li{width:100%}
.info_menu{margin:0 10px 10px 0}
.main_menu{margin:0 10px 10px 0}
.explanation{margin:0 10px 10px 0}

.br:before {content: "\A";white-space: normal;}

#foot_menu ul li{width:33.33%;}
.global_link{width:33.33%;padding-left:10%}

.breadcrumbs_title{margin-left:5px;}

.rank{width:48%;}

.top_menu_waku{padding-left:20px;margin-left:3%;margin-right:3%;}
.top_menu{padding-bottom:20px;padding-right:20px;}
.top_menu{width:33.33%;}
.top_menu_title {font-size:1.4em;}

.top_menu_dai_waku{padding-left:20px;}
.top_menu_dai{padding-bottom:20px;padding-right:20px;}
.top_menu_dai{width:25%;}
.top_menu_dai_title {font-size:1.3em;height:2.2em;}

.multiple-item6 li{padding:0 60px 0 0;}

}

@media screen and (min-width : 1000px) {
/*1000px以上　カラムを３*/

/*カラムを３*/
/*#head{}
#middle{}
	#left_side{float:left;width:80%}
		#left{float:left;width:25%}
		#main{float:right;width:75%}
	#right_side{clear:none;float:left;width:20%}
#foot{}*/
#left{float:left;width:20%}
#main{float:right;width:80%}


/*.frame_menu{margin:0 15px 15px;}
.info_menu{margin:0 0 15px}
.main_menu{margin:0 0 15px}
.explanation{margin:0 0 15px}*/

#foot_menu ul li{width:14.28%;}
.global_link{width:16.66%;padding-left:5%;}

.breadcrumbs_title{margin-left:10px;}


/* ranking */
.rank_waku  {margin:2% 0 2% 2%;}
.rank       {margin:0 2% 2% 0;width:98%;}
.rank_img   {margin:0 0 0 2%;}

.top_menu a{padding:20px;}
.top_menu_waku{margin-left:4%;margin-right:4%;}
.top_menu{width:25%;}
.top_menu_title {font-size:1.5em;}

.top_menu_bana_waku{margin:0;padding:0;}
.top_menu_bana{margin:0;padding:0 15px 15px 0;}
.top_menu_bana{width:50%;}

}

@media screen and (min-width : 1200px) {
/*1200px以上 　MAXサイズを1200px*/

/*カラムを３*/
/*#head{}
#middle{}
	#left_side{float:left;width:81%}
		#left{float:left;width:24%}
		#main{float:right;width:76%}
	#right_side{clear:none;float:left;width:19%}
#foot{}*/
#left{float:left;width:19%}
#main{float:right;width:81%}

.top_menu_dai{width:16.66%;}
.top_menu_dai_title {font-size:1.4em;}

.multiple-item6 li{padding:0 60px 0 0;}

}

@media screen and (min-width : 1400px) {
/*1200px以上 　MAXサイズを1200px*/

/*カラムを３*/
/*#head{}
#middle{}
	#left_side{float:left;width:82%}
		#left{float:left;width:22%}
		#main{float:right;width:78%}
	#right_side{clear:none;float:left;width:18%}
#foot{}*/
#left{float:left;width:18%}
#main{float:right;width:82%}

.top_menu_waku{margin-left:5%;margin-right:5%;}
.top_menu{width:25%;}
.top_menu_title {font-size:1.6em;}

.top_menu_chu{width:12.5%;padding-bottom:10px;padding-right:10px;}
.top_menu_cnu_title {font-size:1.2em;}

}