https://overseas-inc.jp/scripts/common.js

1$(function() {
2    
3    /* --------------------------------------------------------------
4	ユーザーエージェント
5	-------------------------------------------------------------- */
6    var ua, verArr, version, ieVer, ie, chrome, firefox, opera, safari;
7    ua = navigator.userAgent;
8     
9    if (ua.match(/msie/i) || ua.match(/trident/i)) {
10        // IE
11        verArr = /(msie|rv:?)\s?([\d\.]+)/i.exec(ua);
12        version = (verArr) ? verArr[2] : '';
13        version = version.replace('.', '_');
14        ieVer = "ie"+version;
15        // "ie11_0"等を付与
16        $("html").addClass(ieVer);
17    } else {
18        if(ua.match(/Edge/i)) {
19            // Edge
20            $("html").addClass('Edge');
21        } else if (ua.match(/chrome/i)) {
22            // chrome
23            $("html").addClass('chrome');
24        } else if(ua.match(/firefox/i)) {
25            // firefox
26            $("html").addClass('firefox');
27        } else if(ua.match(/opera/i)) {
28            // opera
29            $("html").addClass('opera');
30        } else if(ua.match(/safari/i)) {
31            // safari
32            $("html").addClass('safari');
33        }
34    }
35    if (ua.match(/iphone/i)) {
36        // iPhone
37        $("html").addClass('iPhone');
38    }else if(ua.match(/iPad/i)) {
39        // iPad
40        $("html").addClass('iPad');
41    }else if(ua.match(/iPod/i)) {
42        // iPad
43        $("html").addClass('iPod');
44    }else if(ua.match(/android/i)) {
45        // android
46        if(ua.match(/mobile/i)){
47            $("html").addClass('android');
48        }else{
49            $("html").addClass('androidTab');
50        }
51    }
52	
53	/* --------------------------------------------------------------
54    tel link
55	-------------------------------------------------------------- */
56    var ua = navigator.userAgent;
57    if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0){
58     $('.telLink').each(function(){
59         var str = $(this).text();
60         $(this).html($('<a>').attr('href', 'tel:' + str.replace(/-/g, '')).append(str + '</a>'));
61     });
62    }
63	
64	/* --------------------------------------------------------------
65    smooth scroll anchor
66	-------------------------------------------------------------- */
67	$("a[href^=#]"+".aScroll").click(function(){
68		var Hash = $(this.hash);
69		var headerH = $('#header').height();
70		var HashOffset = $(Hash).offset().top - headerH;
71		$("html,body").animate({
72			scrollTop: HashOffset
73		}, 300);
74		return false;
75	});
76	
77    
78    /* --------------------------------------------------------------
79	menu
80	-------------------------------------------------------------- */
81	$("#headerItem-menuTriger").click(function(){
82        if(!$(this).find('span').hasClass('close')){
83            $('#floatingMenu').addClass('is-slideOn');
84        }
85	});
86	$(".btnClose").click(function(){
87        if(!$(this).find('span').hasClass('close')){
88            $('#floatingMenu').removeClass('is-slideOn');
89        }
90	});
91	
92    
93	
94	/* --------------------------------------------------------------
95    下位ブラウザ用
96	-------------------------------------------------------------- */
97    if ($('html').hasClass('no-csstransitions') ){
98        var oldBrowser = '<div id="oldBrowser">当サイトを快適に閲覧・ご利用いただくためにはIE10以上、または最新のブラウザを推奨いたします。</div>'
99        $('#container').append(oldBrowser);
100    }
101	
102	
103	/* --------------------------------------------------------------
104    カスタムセレクトボックス
105	-------------------------------------------------------------- */
106	custom_selectbox = function(select, obj){
107		var set_selectbox = function(){
108			var value = $(this).find('option:selected').html();
109			$(this).parent().find(obj).find('span').html(value);
110		}
111		$(select).find('select').each(set_selectbox).on('change', set_selectbox);
112	}
113	custom_selectbox('.custom-selectbox', '.inner');
114	
115	/* --------------------------------------------------------------
116    matchHeight
117	-------------------------------------------------------------- */
118	$('.itemHeight').matchHeight();
119	
120	
121	$(".ttlAreaItem-categoryBtn").on('click', function() {
122        if($('#container').css('max-width') == '767px' || $('#container').css('max-width') == '479px' || $('#container').css('max-width') == '1024px'){
123            if($(this).find('i').hasClass('icon-arrow-bottom03')){
124                $(this).next('.ttlAreaItem-menuList').slideDown(100);
125                $(this).find('i').removeClass();
126                $(this).find('i').addClass('icon-arrow-top03');
127            }else{
128                $(this).next('.ttlAreaItem-menuList').hide();
129                $(this).find('i').removeClass();
130                $(this).find('i').addClass('icon-arrow-bottom03');
131            }
132        }
133        return false;

134    });
135        
136});