



/*
Theme Name: WELONE 3col
Theme URI: http://up-themes.com/
Description: welone upthemes theme
Version: 1.0.0
Author: @takeshi_du
Author URI: http://designup.jp/
Tags: USC, e-Shop, Welcart, cart, shopping, net shop, commerce
*/
/* ------------------------------------
グローバルエリアのレイアウト
00.common
01.header
02.sidebar
03.main
04.shopping-guide
05.footer
------------------------------------ */
/* ------------------------------------- */
/*   common   */
/* ------------------------------------- */
body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ,Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif !important;
  color: #333;
  font-size: 15px;
  background-color: #fff;
	
	margin: 0;
}
*{
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media (min-width: 1070px) {
  .container {
    width: 1070px !important;
  }
}
@media (max-width: 767px) {
  body {
    width: 100% !important;
	  font-size: 14px;
	  line-height:18px;
  }
	#wrap{
		overflow:hidden;
	}
}
a{
  overflow:hidden;
  outline:none;
}
a:focus, *:focus { outline:none; }
img {
	-webkit-backface-visibility: hidden;
}
img {
  aspect-ratio: attr(width) / attr(height);
}


/* ------------------------------------- */
/*   header   */
/* ------------------------------------- */

/* mod_categorynav
-----------------------------------------*/

/* mod_submenu */






#header{
	width:100%;
}


/* ------------------------------------- */
/*   main   */
/* ------------------------------------- */
#main {
	margin-top:0;
	margin-bottom: 40px;
}


/* ------------------------------------- */
/*   shopping-guide   */
/* ------------------------------------- */

/* ------------------------------------- */
/*   footer   */
/* ------------------------------------- */
#footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #eee;
}
/* ------------------------------------
サイドバーのレイアウト
00.side
01.side-widgets
02.widget_welcart_calendar
03.widget_welcart_search
04.widget_welcart_featured
05.widget_welcart_post
06.widget_welcart_login
------------------------------------ */
/* ------------------------------------- */
/*   side-widgets   */
/* ------------------------------------- */
.widget {
  margin-bottom: 10px;
}
.widget ul {
  padding-left: 10px;
  list-style: none;
}
.widget ul li {
  margin-bottom: 5px;
  color: #333;
  font-size: 12px;
}
/* ------------------------------------- */
/*   widget_welcart_calendar   */
/*   welcart_blog_calendar  */
/* ------------------------------------- */
.widget_welcart_calendar{
	margin:0 0 20px 0;
}
.widget_welcart_calendar table {
  margin-bottom: 10px;
  width:100%;
}
.widget_welcart_calendar table caption {
  text-align: center;
  padding: 4px;
  font-size: 12px;
}
.widget_welcart_calendar table th {
  text-align: center;
  padding: 6px 4px;
  color: #555;
  background-color: #eee;
  border: 1px solid #ddd;
}


@media (max-width: 767px) {
  .widget_welcart_calendar table th {
    padding: 2px;
    font-size: 12px;
  }
}






.widget_welcart_calendar table td {
  text-align: center;
  padding: 6px 4px;
  border: 1px solid #ddd;
}
.widget_welcart_calendar table td:nth-child(7n+1) {
  background-color: #fff3f6;
}
.widget_welcart_calendar table td:nth-child(7n+7) {
  background-color: #e2f5ff;
}

@media (max-width: 991px) {
  .widget_welcart_calendar table td {
    padding: 2px;
    font-size: 12px;
  }
}
/* ------------------------------------- */
/*   widget_welcart_search   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   widget_welcart_featured   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   widget_welcart_post   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   widget_welcart_login   */
/* ------------------------------------- */
/* ------------------------------------
homeページのレイアウト
00.common
01.main-slider
02.main-banner
03.main-newproducts
04.main-recommend
05.footer
------------------------------------ */
/* ------------------------------------- */
/*   main-slider   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   main-banner   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   main-newproducts   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   main-recommend  */
/* ------------------------------------- */
/* ------------------------------------
categoryページのレイアウト
00.common
01.breadcrumb
02.product-list
03.category_pagination
------------------------------------ */
/* ------------------------------------- */
/*   breadcrumb   */
/* ------------------------------------- */



/* ------------------------------------- */
/*   product-list   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   category_pagination   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   product-detail   */
/* ------------------------------------- */
/* ------------------------------------
searchページのレイアウト
00.common
01.wc-search
02.default-search
------------------------------------ */
/* ------------------------------------- */
/*   default-search   */
/* ------------------------------------- */
/* ------------------------------------
cartページのレイアウト
01.cart
02.customer
03.delivery
------------------------------------ */
/* ------------------------------------- */
/*   customer   */
/* ------------------------------------- */


/* ------------------------------------- */
/*   delivery   */
/* ------------------------------------- */
/* ------------------------------------
page : member
01.login
------------------------------------ */



/* ------------------------------------- */
/*   comments   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   blog   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   page   */
/* ------------------------------------- */



/*h2{
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 0;
	color: #555;
	font-size: 22px;
	padding:14px 0 12px 13px;
	border-left:4px solid #999;
}
h2 span {
	font-weight:bold;
}*/


h3{
	margin-top: 0;
	margin-bottom:15px;
	border-bottom:1px solid #ddd;
	font-weight:bold;
	font-size: 18px;
	line-height:120%;
	background:url(/wp/wp-content/themes/welone-3col/images/h2_title.gif) no-repeat 0 1px;
	padding:0 0 10px 22px;
}



h4{
	margin-top: 0;
	margin-bottom:10px;
	/*border-top:2px solid #eee;*/
	padding-top:6px;
	font-weight:bold;
	font-size: 16px;
	line-height:100%;
	padding:0 0 0 0;
}

/*----------------------- 
  リンク
------------------------*/
a:focus { outline:none;}

a:link,a:visited{
	color:#ff3dfe !important;
	text-decoration:underline;
}

a:hover,a:active{
	color:#ff3dfe;
	text-decoration:none;
}

/*-----------------------------------
  表組み01用
------------------------------------*/


/*-----------------------------------
  表組み01用
------------------------------------*/
/*表組み１*/




/*表組み２*/

/*表組み２ 上部罫線なし*/



/*表組み３*/




/*表組み　料金表*/



/*表組み3*/




@media (max-width: 767px) {




/*表組み3*/

}








/* Mobile */










/*表組み背景色*/

/*白*/

/*グレイ*/
/*ブルー*/
/*レッド*/
/*オレンジ*/
/*グリーン*/

/*　表組み　文字色 */





/* ページ内リンク（インライン） */


/* ページ内リンク（ブロック） */


/* ページ内リンク（ブロック　線なし） */





/*----------------------- 
  リンク
------------------------*/





/* 通常リンク */
/* 通常リンク */
	
/* 戻るリンク */

/* 戻るリンク */



/*----------------------- 
  セットアイコン
------------------------*/

/*----------------------- 
  吹出し
------------------------*/




/*----------------------- 
  list
------------------------*/
ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

li {
	line-height:100%;
}
/*.btnBox2 a{
	display: inline-block;

	padding: 15px 30px 15px 10px;
	border: #000;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	background:#ff0096 url(/wp/wp-content/themes/welone-3col/images/arrow/btn_arrow.png) no-repeat right 12px center;
	background-size: 18px auto;
	width:32%;
	letter-spacing: 0;
	margin-right: 1%;
}*/

@media (max-width: 767px) {
	/*.btnBox2 a{
		display: inline-block;

		padding: 15px 30px 15px 10px;
		border: #000;
		color: #fff !important;
		font-weight: bold;
		text-decoration: none;
		font-size: 14px;
		background:#ff0096 url(/wp/wp-content/themes/welone-3col/images/arrow/btn_arrow.png) no-repeat right 12px center;
		background-size: 18px auto;
		width:100%;
		letter-spacing: 0;
		margin-right: 1%;
		margin-bottom: 10px;
	}
	.btnBox2 a br{
		display: none;
	}*/


	
}



/*----------------------- 
  floatbox
------------------------*/




/*----------------------- 
  右より
------------------------*/
/*----------------------- 
  テキスト装飾
------------------------*/
/*----------------------- 
  文字色
------------------------*/


/* 外部アイコンリンク */

/* アイコンリンク */


/*----------------------------------------------------------------------
  frame↓
-----------------------------------------------------------------------*/
/*-Box-*/


/*-背景：グレイ-*/

/*-背景：グレイ-*/

/*-背景：レッド-*/


/*-背景：ブルー-*/




/*----------------------- 
  margin
------------------------*/
/* margin top */

/* margin bottom */

.mgB5 {
	margin-bottom: 5px !important;
}



/* margin right */


/* margin left */

/*----------------------- 
  width
------------------------*/






/* ------------------------------------- */
/*   コンテンツ別　パーツ   */
/* ------------------------------------- */






/*ご利用ガイド*/


/*FAQ*/


/*リンク*/


/*営業案内*/





/*納期・配送について*/




/*同人誌*/

/*新グッズページ上部*/

@media (max-width: 767px) {

	
	
	/*新グッズページ上部*/




}




/*同人誌*/


/*商品一覧ページ*/





/*オプションページ*/


/*締切スケジュール頁*/

@media (max-width: 767px) {

	
	/*商品一覧ページ*/


	/*オプションページ*/


}

/*キャンペーン一覧*/




/*お問い合わせ*/



/*お知らせ*/




/*高彩度*/




/*グッズ*/





/*グッズ*/

/*ガイド*/





/*ダウンロード*/





/*原稿作成について*/


/* ------------------------------------- */
/*   index   */
/* ------------------------------------- */
/* ------------------------------------- */
/*   archive   */
/* ------------------------------------- */







/* ------------------------------------- */
/*   追加   */
/* ------------------------------------- */

/*ヘッダー*/





/*左サイド　バナー*/



/*左サイド　下シャドウ*/



/*左サイド　カテゴリメニュー*/
/*左サイド　下シャドウ
#leftbar #nav_menu-2{
	margin-bottom:10px;
    -webkit-box-shadow: 0 5px 6px -6px #999;
       -moz-box-shadow: 0 5px 6px -6px #999;
            box-shadow: 0 5px 6px -6px #999;
}*/
/*左サイド　下シャドウ
#leftbar #nav_menu-2{
	margin-bottom:10px;
    -webkit-box-shadow: 0 5px 6px -6px #999;
       -moz-box-shadow: 0 5px 6px -6px #999;
            box-shadow: 0 5px 6px -6px #999;
}*/





/*サイド　インフォメーション*/
/*左サイド　下シャドウ
.sideInfo{
    -webkit-box-shadow: 0 5px 6px -6px #999;
       -moz-box-shadow: 0 5px 6px -6px #999;
            box-shadow: 0 5px 6px -6px #999;
}*/




/*右サイド　バナー*/



/*ホーム*/

/*ホームのプロモーションによるレイアウト*/

#content{
	margin-top:0;
	width:100%;
	left: 0 !important;
}
.home #content{
	margin-top:0;
	width:100%;
	/*width:57.1428571428%*/

}

/*新レイアウト*/




/**/




@media (max-width:1070px){



	/*新レイアウト*/


	/**/
}

@media (max-width: 767px) {
	.home #content{
		margin-top:0;
		width:100%;
	}
	#content{
		margin-top:0;
		width:100%;
	}
	#main{
		padding:10px;
	}


}



/* //////// */



/*ホーム*/

#footer{
	background:#7e7e7e;
}

..page-top2 a:hover{
	background:url(/wp/wp-content/themes/welone-3col/images/pagetop_s_on.gif) no-repeat 0 0;
}



/* ------------------------------------- */
/*   ページタイトル   */
/* ---------978---------------------------- */


/* ------------------------------------- */
/*   タブ切り替え   */
/* ------------------------------------- */




/* ------------------------------------- */
/*   スマホ非表示　PC非表示   */
/* ------------------------------------- */

.viewPC{
	display:block;
}
.viewSP{
	display:none;
}



@media (max-width: 767px) {
	.viewPC{
		display:none;
	}
	.viewSP{
		display:block;
	}
}








/*カスタマイズ*/




/*　ボタン　*/






/* 20171023　追加*/

h2 img{
	
}


@media (max-width: 767px) {

	h2 img{
		width:100%;
		height: auto;
	
	}


	


}



/*申し込み　予約　*/

/*モーダルウィンドウ*/



/**
 * error message
 */

/**
 * error message of akismet
 */

/**
 * vertical style of radio and checkbox
 */

/**
 * horizontal style of radio and checkbox
 */

/**
 * radio and checkbox
 */

/**
 * datepicker
 */

/**
 * deprecated message
 */

/**
 * file
 */

/**
 * file delete button
 */

/**
 * tel and zip
 */




/*申し込み　予約　*/

/*モーダルウィンドウ*/



/**
 * error message
 */

/**
 * error message of akismet
 */

/**
 * vertical style of radio and checkbox
 */

/**
 * horizontal style of radio and checkbox
 */

/**
 * radio and checkbox
 */

/**
 * datepicker
 */

/**
 * deprecated message
 */

/**
 * file
 */

/**
 * file delete button
 */

/**
 * tel and zip
 */



@media (max-width: 767px) {


	/*申し込み　予約　*/




	/*モーダルウィンドウ*/

	
}







